Add tab components to pos web component library

Author: prakashraman

packages/ui-extensions/src/surfaces/point-of-sale/components/Tab.d.ts

@@ -0,0 +1,49 @@
+/** VERSION: undefined **/
+/* eslint-disable import-x/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {TabProps,StringChildren,Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+    key?: Key;
+    ref?: Ref<TClass>;
+    slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: ComponentChildren;
+}
+export type IntrinsicElementProps<T> = T & BaseElementPropsWithChildren<T & HTMLElement>;
+export type HtmlElementTagNameProps<T> = T & HTMLElement;
+
+declare const tagName = "s-tabs";
+export interface TabJSXProps extends Pick<TabProps, 'controls' | 'disabled'> {
+    children?: StringChildren;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: HtmlElementTagNameProps<TabJSXProps>;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: IntrinsicElementProps<TabJSXProps>;
+        }
+    }
+}
+
+export { tagName };
+export type { TabJSXProps };

packages/ui-extensions/src/surfaces/point-of-sale/components/TabList.d.ts

@@ -0,0 +1,49 @@
+/** VERSION: undefined **/
+/* eslint-disable import-x/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {TabListProps,Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+    key?: Key;
+    ref?: Ref<TClass>;
+    slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: ComponentChildren;
+}
+export type IntrinsicElementProps<T> = T & BaseElementPropsWithChildren<T & HTMLElement>;
+export type HtmlElementTagNameProps<T> = T & HTMLElement;
+
+declare const tagName = "s-tab-list";
+export interface TabListJSXProps extends Pick<TabListProps, 'children'> {
+    children?: ComponentChildren;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: HtmlElementTagNameProps<TabListJSXProps>;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: IntrinsicElementProps<TabListJSXProps>;
+        }
+    }
+}
+
+export { tagName };
+export type { TabListJSXProps };

packages/ui-extensions/src/surfaces/point-of-sale/components/TabPanel.d.ts

@@ -0,0 +1,49 @@
+/** VERSION: undefined **/
+/* eslint-disable import-x/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {TabPanelProps,Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+    key?: Key;
+    ref?: Ref<TClass>;
+    slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: ComponentChildren;
+}
+export type IntrinsicElementProps<T> = T & BaseElementPropsWithChildren<T & HTMLElement>;
+export type HtmlElementTagNameProps<T> = T & HTMLElement;
+
+declare const tagName = "s-tab-panel";
+export interface TabPanelJSXProps extends Pick<TabPanelProps, 'id'> {
+    children?: ComponentChildren;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: HtmlElementTagNameProps<TabPanelJSXProps>;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: IntrinsicElementProps<TabPanelJSXProps>;
+        }
+    }
+}
+
+export { tagName };
+export type { TabPanelJSXProps };

packages/ui-extensions/src/surfaces/point-of-sale/components/Tabs.d.ts

@@ -0,0 +1,59 @@
+/** VERSION: undefined **/
+/* eslint-disable import-x/extensions */
+/* eslint-disable @typescript-eslint/no-namespace */
+/* eslint-disable @typescript-eslint/member-ordering */
+/* eslint-disable line-comment-position */
+/* eslint-disable @typescript-eslint/unified-signatures */
+/* eslint-disable no-var */
+/* eslint-disable import-x/namespace */
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference, spaced-comment
+/// <reference lib="DOM" />
+import type {TabsProps,Key, Ref} from './components-shared.d.ts';
+
+export type ComponentChildren = any;
+/**
+ * Used when an element does not have children.
+ */
+export interface BaseElementProps<TClass = HTMLElement> {
+    key?: Key;
+    ref?: Ref<TClass>;
+    slot?: Lowercase<string>;
+}
+/**
+ * Used when an element has children.
+ */
+export interface BaseElementPropsWithChildren<TClass = HTMLElement> extends BaseElementProps<TClass> {
+    children?: ComponentChildren;
+}
+export type IntrinsicElementProps<T> = T & BaseElementPropsWithChildren<T & HTMLElement>;
+export type HtmlElementTagNameProps<T> = T & HTMLElement;
+export interface CallbackEvent<T extends keyof HTMLElementTagNameMap> {
+    currentTarget: HTMLElementTagNameMap[T];
+    bubbles?: boolean;
+    cancelable?: boolean;
+    composed?: boolean;
+    detail?: any;
+    eventPhase: number;
+    target: HTMLElementTagNameMap[T] | null;
+}
+
+declare const tagName = "s-tab";
+export interface TabsJSXProps extends Pick<TabsProps, 'value' | 'defaultValue' | 'disabled'> {
+    children?: ComponentChildren;
+    onChange?: ((event: CallbackEvent<typeof tagName>) => void) | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: HtmlElementTagNameProps<TabsJSXProps>;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName]: IntrinsicElementProps<TabsJSXProps>;
+        }
+    }
+}
+
+export { tagName };
+export type { TabsJSXProps };