@lumx/core 4.9.0-next.6 → 4.9.0-next.8

package/js/components/Tabs/TabList.d.ts

@@ -0,0 +1,39 @@
+import { Alignment } from '../../constants';
+import { CommonRef, HasClassName, HasTheme, JSXElement } from '../../types';
+export declare enum TabListLayout {
+    clustered = "clustered",
+    fixed = "fixed"
+}
+/**
+ * Defines the props of the component.
+ */
+export interface TabListProps extends HasClassName, HasTheme {
+    /** ARIA label (purpose of the set of tabs). */
+    ['aria-label']: string;
+    /** Tab list. */
+    children: JSXElement;
+    /** Layout of the tabs in the list. */
+    layout?: TabListLayout;
+    /** Position of the tabs in the list (requires 'clustered' layout). */
+    position?: Alignment;
+    /** ref to the wrapper element */
+    ref?: CommonRef;
+}
+/**
+ * Component display name.
+ */
+export declare const COMPONENT_NAME = "TabList";
+/**
+ * Component default props.
+ */
+export declare const DEFAULT_PROPS: Partial<TabListProps>;
+/**
+ * TabList component.
+ *
+ * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+export declare const TabList: (props: TabListProps) => import("react").JSX.Element;

package/js/components/Tabs/TabListTests.d.ts

@@ -0,0 +1,12 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    tabList: HTMLElement;
+    links: HTMLElement | null;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/Tabs/TabPanelTests.d.ts

@@ -0,0 +1,11 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    tabPanel: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/Tabs/TabProviderTestUtils.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Test util module. Do not import in production code!
+ */
+export declare const createTabTestUtils: ({ screen, within }: {
+    screen: any;
+    within: any;
+}) => {
+    query: {
+        tabList: (name: string) => any;
+        tabs: (tabList?: any) => any;
+        tab: (name: string, tabList?: any) => any;
+        tabPanel: (name: string) => any;
+    };
+    checkTabActive: (activeTabName: string, { isLazy }?: {
+        isLazy?: boolean | undefined;
+    }) => void;
+};

package/js/components/Tabs/state.d.ts

@@ -0,0 +1,34 @@
+export type TabType = 'tab' | 'tabPanel';
+export interface State {
+    isLazy: boolean;
+    shouldActivateOnFocus: boolean;
+    activeTabIndex: number;
+    ids: Record<TabType, string[]>;
+}
+export declare const INIT_STATE: State;
+export type Action = {
+    type: 'update';
+    payload: Partial<State>;
+} | {
+    type: 'setActiveTabIndex';
+    payload: number;
+} | {
+    type: 'register';
+    payload: {
+        type: TabType;
+        id: string;
+    };
+} | {
+    type: 'unregister';
+    payload: {
+        type: TabType;
+        id: string;
+    };
+};
+export declare const reducer: (state: State, action: Action) => State;
+export type TabState = Pick<Required<State>, 'isLazy' | 'shouldActivateOnFocus'> & {
+    isActive: boolean;
+    tabId: string;
+    tabPanelId: string;
+    changeToTab(): void;
+};

package/package.json

@@ -7,7 +7,7 @@
     },
     "dependencies": {
         "@floating-ui/dom": "^1.7.5",
-        "@lumx/icons": "^4.9.0-next.6",
+        "@lumx/icons": "^4.9.0-next.8",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.23",
@@ -69,7 +69,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.9.0-next.6",
+    "version": "4.9.0-next.8",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",