@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/d737c470.js

@@ -0,0 +1,312 @@
+import { _ as _objectWithoutProperties, j as _objectSpread2, g as getRootClassName, a as _extends, c as classnames, S as Size, K as Kind, n as CSS_PREFIX } from './35c3a78f.js';
+import React, { useReducer, useEffect, forwardRef, useCallback } from 'react';
+import { I as Icon, b as mdiCheckCircle, c as mdiAlertCircle, k as mdiRadioboxMarked, l as mdiRadioboxBlank } from './52976f60.js';
+import 'lodash/kebabCase';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { m as mergeRefs } from './83dab2b2.js';
+import { I as InputHelper } from './4f5a23d0.js';
+import { I as InputLabel } from './687128ab.js';
+import { r as reducer, I as INIT_STATE, T as TabProviderContext, u as useTabProviderContextState, a as useTabProviderContext } from './df1fde7b.js';
+import { u as useRovingTabIndex } from './45349a37.js';
+
+const _excluded = ["children", "onChange"];
+const DEFAULT_PROPS = {
+  isLazy: INIT_STATE.isLazy,
+  shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
+};
+
+/**
+ * This component provides a context in which steps can be defined and linked to their step panel.
+ *
+ * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
+ * components in the react tree.
+ *
+ * This works exactly as TabProvider so it uses TabProviderContext and tabs state.
+ *
+ * @param  props React component props.
+ * @return React element.
+ */
+const ProgressTrackerProvider = props => {
+  const {
+      children,
+      onChange
+    } = props,
+    propState = _objectWithoutProperties(props, _excluded);
+  const [state, dispatch] = useReducer(reducer, INIT_STATE);
+
+  // On prop state change => dispatch update.
+  useEffect(() => {
+    dispatch({
+      type: 'update',
+      payload: _objectSpread2(_objectSpread2({}, propState), {}, {
+        activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
+      })
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [dispatch, ...Object.values(propState)]);
+
+  // On active tab index state change => send update to the onChange.
+  useEffect(() => {
+    if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {
+      return;
+    }
+    onChange(state.activeTabIndex);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [onChange, state.activeTabIndex]);
+  return /*#__PURE__*/React.createElement(TabProviderContext.Provider, {
+    value: [state, dispatch]
+  }, children);
+};
+ProgressTrackerProvider.defaultProps = DEFAULT_PROPS;
+
+const _excluded$1 = ["aria-label", "children", "className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ProgressTracker';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$1 = {};
+
+/**
+ * ProgressTracker 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.
+ */
+const ProgressTracker = /*#__PURE__*/forwardRef((props, ref) => {
+  var _state$ids, _state$ids$tab;
+  const {
+      'aria-label': ariaLabel,
+      children,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  const stepListRef = React.useRef(null);
+  useRovingTabIndex({
+    parentRef: stepListRef,
+    elementSelector: '[role="tab"]',
+    keepTabIndex: false,
+    extraDependencies: [children]
+  });
+  const state = useTabProviderContextState();
+  const numberOfSteps = (state === null || state === void 0 ? void 0 : (_state$ids = state.ids) === null || _state$ids === void 0 ? void 0 : (_state$ids$tab = _state$ids.tab) === null || _state$ids$tab === void 0 ? void 0 : _state$ids$tab.length) || 0;
+  const backgroundPosition = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;
+  const trackPosition = numberOfSteps > 0 ? 100 / (numberOfSteps - 1) * ((state === null || state === void 0 ? void 0 : state.activeTabIndex) || 0) / 100 : 0;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: mergeRefs(ref, stepListRef)
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME
+    }))
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__steps`,
+    role: "tablist",
+    "aria-label": ariaLabel
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__background-bar`,
+    style: {
+      left: `${backgroundPosition}%`,
+      right: `${backgroundPosition}%`
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__foreground-bar`,
+    style: {
+      left: `${backgroundPosition}%`,
+      right: `${backgroundPosition}%`,
+      transform: `scaleX(${trackPosition})`
+    }
+  }));
+});
+ProgressTracker.displayName = COMPONENT_NAME;
+ProgressTracker.className = CLASSNAME;
+ProgressTracker.defaultProps = DEFAULT_PROPS$1;
+
+const _excluded$2 = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$1 = 'ProgressTrackerStep';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$2 = {};
+
+/**
+ * ProgressTrackerStep component.
+ *
+ * Implements WAI-ARIA `tab` 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.
+ */
+const ProgressTrackerStep = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      disabled,
+      hasError,
+      helper,
+      id,
+      isActive: propIsActive,
+      isComplete,
+      isDisabled = disabled,
+      label,
+      onFocus,
+      onKeyPress,
+      tabIndex = -1
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+  const state = useTabProviderContext('tab', id);
+  const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
+  const changeToCurrentTab = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    state === null || state === void 0 ? void 0 : state.changeToTab();
+  }, [isDisabled, state]);
+  const handleFocus = useCallback(event => {
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    if (state !== null && state !== void 0 && state.shouldActivateOnFocus) {
+      changeToCurrentTab();
+    }
+  }, [changeToCurrentTab, onFocus, state === null || state === void 0 ? void 0 : state.shouldActivateOnFocus]);
+  const handleKeyPress = useCallback(event => {
+    onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(event);
+    if (event.key !== 'Enter') {
+      return;
+    }
+    changeToCurrentTab();
+  }, [changeToCurrentTab, onKeyPress]);
+  const getIcon = () => {
+    if (isComplete) {
+      return mdiCheckCircle;
+    }
+    if (isActive) {
+      return hasError ? mdiAlertCircle : mdiRadioboxMarked;
+    }
+    return mdiRadioboxBlank;
+  };
+  return /*#__PURE__*/React.createElement("button", _extends({
+    ref: ref
+  }, forwardedProps, {
+    type: "button",
+    id: state === null || state === void 0 ? void 0 : state.tabId,
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$1,
+      hasError,
+      isActive,
+      isClickable: state && !isDisabled,
+      isComplete
+    })),
+    onClick: changeToCurrentTab,
+    onKeyPress: handleKeyPress,
+    onFocus: handleFocus,
+    role: "tab",
+    tabIndex: isActive ? 0 : tabIndex,
+    "aria-disabled": isDisabled,
+    "aria-selected": isActive,
+    "aria-controls": state === null || state === void 0 ? void 0 : state.tabPanelId
+  }), /*#__PURE__*/React.createElement(Icon, {
+    className: `${CLASSNAME$1}__state`,
+    icon: getIcon(),
+    size: Size.s
+  }), /*#__PURE__*/React.createElement(InputLabel, {
+    htmlFor: (state === null || state === void 0 ? void 0 : state.tabId) || '',
+    className: `${CLASSNAME$1}__label`
+  }, label), helper && /*#__PURE__*/React.createElement(InputHelper, {
+    kind: hasError ? Kind.error : Kind.info,
+    className: `${CLASSNAME$1}__helper`
+  }, helper));
+});
+ProgressTrackerStep.displayName = COMPONENT_NAME$1;
+ProgressTrackerStep.className = CLASSNAME$1;
+ProgressTrackerStep.defaultProps = DEFAULT_PROPS$2;
+
+const _excluded$3 = ["children", "id", "className", "isActive"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$2 = 'ProgressTrackerStepPanel';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$2 = `${CSS_PREFIX}-step-panel`;
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$3 = {};
+
+/**
+ * ProgressTrackerStepPanel component.
+ *
+ * Implements WAI-ARIA `tabpanel` 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.
+ */
+const ProgressTrackerStepPanel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      id,
+      className,
+      isActive: propIsActive
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$3);
+  const state = useTabProviderContext('tabPanel', id);
+  const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    id: state === null || state === void 0 ? void 0 : state.tabPanelId,
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$2,
+      isActive
+    })),
+    role: "tabpanel",
+    tabIndex: isActive ? 0 : -1,
+    "aria-labelledby": state === null || state === void 0 ? void 0 : state.tabId
+  }), (!(state !== null && state !== void 0 && state.isLazy) || isActive) && children);
+});
+ProgressTrackerStepPanel.displayName = COMPONENT_NAME$2;
+ProgressTrackerStepPanel.className = CLASSNAME$2;
+ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$3;
+
+export { ProgressTrackerProvider as P, ProgressTracker as a, ProgressTrackerStep as b, ProgressTrackerStepPanel as c };
+//# sourceMappingURL=d737c470.js.map

package/_internal/d737c470.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d737c470.js","sources":["../../src/components/progress-tracker/ProgressTrackerProvider.tsx","../../src/components/progress-tracker/ProgressTracker.tsx","../../src/components/progress-tracker/ProgressTrackerStep.tsx","../../src/components/progress-tracker/ProgressTrackerStepPanel.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from '../tabs/state';\n\nexport interface ProgressTrackerProviderProps {\n    /** Active step index. */\n    activeStepIndex?: number;\n    /** ProgressTrackerProvider children. */\n    children: ReactNode;\n    /** Step panel children should not render if the step panel is hidden. */\n    isLazy?: boolean;\n    /** Activate tabs on focus. */\n    shouldActivateOnFocus?: boolean;\n    /** Step change callback. */\n    onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<ProgressTrackerProviderProps> = {\n    isLazy: INIT_STATE.isLazy,\n    shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which steps can be defined and linked to their step panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel\n * components in the react tree.\n *\n * This works exactly as TabProvider so it uses TabProviderContext and tabs state.\n *\n * @param  props React component props.\n * @return React element.\n */\nexport const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps> = (props) => {\n    const { children, onChange, ...propState } = props;\n    const [state, dispatch] = useReducer(reducer, INIT_STATE);\n\n    // On prop state change => dispatch update.\n    useEffect(\n        () => {\n            dispatch({\n                type: 'update',\n                payload: {\n                    ...propState,\n                    activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex,\n                },\n            });\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [dispatch, ...Object.values(propState)],\n    );\n\n    // On active tab index state change => send update to the onChange.\n    useEffect(\n        () => {\n            if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {\n                return;\n            }\n            onChange(state.activeTabIndex);\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [onChange, state.activeTabIndex],\n    );\n\n    return <TabProviderContext.Provider value={[state, dispatch]}>{children}</TabProviderContext.Provider>;\n};\nProgressTrackerProvider.defaultProps = DEFAULT_PROPS;\n","import React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { useTabProviderContextState } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerProps extends GenericProps {\n    /** ARIA label (purpose of the set of steps). */\n    ['aria-label']: string;\n    /** Step list. */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTracker';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerProps> = {};\n\n/**\n * ProgressTracker component.\n *\n * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { 'aria-label': ariaLabel, children, className, ...forwardedProps } = props;\n    const stepListRef = React.useRef(null);\n    useRovingTabIndex({\n        parentRef: stepListRef,\n        elementSelector: '[role=\"tab\"]',\n        keepTabIndex: false,\n        extraDependencies: [children],\n    });\n\n    const state = useTabProviderContextState();\n    const numberOfSteps = state?.ids?.tab?.length || 0;\n    const backgroundPosition: number = numberOfSteps > 0 ? 100 / (numberOfSteps * 2) : 0;\n    const trackPosition: number =\n        numberOfSteps > 0 ? ((100 / (numberOfSteps - 1)) * (state?.activeTabIndex || 0)) / 100 : 0;\n\n    return (\n        <div\n            ref={mergeRefs(ref, stepListRef)}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n        >\n            <div className={`${CLASSNAME}__steps`} role=\"tablist\" aria-label={ariaLabel}>\n                {children}\n            </div>\n\n            <div\n                className={`${CLASSNAME}__background-bar`}\n                style={{ left: `${backgroundPosition}%`, right: `${backgroundPosition}%` }}\n            />\n\n            <div\n                className={`${CLASSNAME}__foreground-bar`}\n                style={{\n                    left: `${backgroundPosition}%`,\n                    right: `${backgroundPosition}%`,\n                    transform: `scaleX(${trackPosition})`,\n                }}\n            />\n        </div>\n    );\n});\nProgressTracker.displayName = COMPONENT_NAME;\nProgressTracker.className = CLASSNAME;\nProgressTracker.defaultProps = DEFAULT_PROPS;\n","import React, { FocusEventHandler, forwardRef, KeyboardEventHandler, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Icon, InputHelper, InputLabel, Kind, Size } from '@lumx/react';\n\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiRadioboxBlank, mdiRadioboxMarked } from '@lumx/icons';\nimport { useTabProviderContext } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepProps extends GenericProps {\n    /** Children are not supported. */\n    children?: never;\n    /** Whether the step should be in error state or not. */\n    hasError?: boolean;\n    /** Helper text. */\n    helper?: string | null;\n    /** Native id property. */\n    id?: string;\n    /** Whether the current step is active or not. */\n    isActive?: boolean;\n    /** Whether the current step is completed or not. */\n    isComplete?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string | null;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStep';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerStepProps> = {};\n\n/**\n * ProgressTrackerStep component.\n *\n * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElement> = forwardRef((props, ref) => {\n    const {\n        className,\n        disabled,\n        hasError,\n        helper,\n        id,\n        isActive: propIsActive,\n        isComplete,\n        isDisabled = disabled,\n        label,\n        onFocus,\n        onKeyPress,\n        tabIndex = -1,\n        ...forwardedProps\n    } = props;\n    const state = useTabProviderContext('tab', id);\n    const isActive = propIsActive || state?.isActive;\n\n    const changeToCurrentTab = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n        state?.changeToTab();\n    }, [isDisabled, state]);\n\n    const handleFocus: FocusEventHandler = useCallback(\n        (event) => {\n            onFocus?.(event);\n            if (state?.shouldActivateOnFocus) {\n                changeToCurrentTab();\n            }\n        },\n        [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus],\n    );\n\n    const handleKeyPress: KeyboardEventHandler = useCallback(\n        (event) => {\n            onKeyPress?.(event);\n            if (event.key !== 'Enter') {\n                return;\n            }\n            changeToCurrentTab();\n        },\n        [changeToCurrentTab, onKeyPress],\n    );\n\n    const getIcon = (): string => {\n        if (isComplete) {\n            return mdiCheckCircle;\n        }\n\n        if (isActive) {\n            return hasError ? mdiAlertCircle : mdiRadioboxMarked;\n        }\n\n        return mdiRadioboxBlank;\n    };\n\n    return (\n        <button\n            ref={ref}\n            {...forwardedProps}\n            type=\"button\"\n            id={state?.tabId}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    hasError,\n                    isActive,\n                    isClickable: state && !isDisabled,\n                    isComplete,\n                }),\n            )}\n            onClick={changeToCurrentTab}\n            onKeyPress={handleKeyPress}\n            onFocus={handleFocus}\n            role=\"tab\"\n            tabIndex={isActive ? 0 : tabIndex}\n            aria-disabled={isDisabled}\n            aria-selected={isActive}\n            aria-controls={state?.tabPanelId}\n        >\n            <Icon className={`${CLASSNAME}__state`} icon={getIcon()} size={Size.s} />\n\n            <InputLabel htmlFor={state?.tabId || ''} className={`${CLASSNAME}__label`}>\n                {label}\n            </InputLabel>\n\n            {helper && (\n                <InputHelper kind={hasError ? Kind.error : Kind.info} className={`${CLASSNAME}__helper`}>\n                    {helper}\n                </InputHelper>\n            )}\n        </button>\n    );\n});\nProgressTrackerStep.displayName = COMPONENT_NAME;\nProgressTrackerStep.className = CLASSNAME;\nProgressTrackerStep.defaultProps = DEFAULT_PROPS;\n","import { useTabProviderContext } from '@lumx/react/components/tabs/state';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { Comp, GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/react/utils/className';\n\nimport classNames from 'classnames';\nimport React, { forwardRef } from 'react';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepPanelProps extends GenericProps {\n    /** Native id property. */\n    id?: string;\n    /** Whether the step is active or not. */\n    isActive?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStepPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-step-panel`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerStepPanelProps> = {};\n\n/**\n * ProgressTrackerStepPanel component.\n *\n * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTMLDivElement> = forwardRef(\n    (props, ref) => {\n        const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;\n\n        const state = useTabProviderContext('tabPanel', id);\n        const isActive = propIsActive || state?.isActive;\n\n        return (\n            <div\n                ref={ref}\n                {...forwardedProps}\n                id={state?.tabPanelId}\n                className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive }))}\n                role=\"tabpanel\"\n                tabIndex={isActive ? 0 : -1}\n                aria-labelledby={state?.tabId}\n            >\n                {(!state?.isLazy || isActive) && children}\n            </div>\n        );\n    },\n);\nProgressTrackerStepPanel.displayName = COMPONENT_NAME;\nProgressTrackerStepPanel.className = CLASSNAME;\nProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","ProgressTrackerProvider","props","children","onChange","propState","_objectWithoutProperties","_excluded","state","dispatch","useReducer","reducer","useEffect","type","payload","_objectSpread","activeTabIndex","activeStepIndex","Object","values","React","createElement","TabProviderContext","Provider","value","defaultProps","COMPONENT_NAME","CLASSNAME","getRootClassName","ProgressTracker","forwardRef","ref","_state$ids","_state$ids$tab","ariaLabel","className","forwardedProps","stepListRef","useRef","useRovingTabIndex","parentRef","elementSelector","keepTabIndex","extraDependencies","useTabProviderContextState","numberOfSteps","ids","tab","length","backgroundPosition","trackPosition","_extends","mergeRefs","classNames","handleBasicClasses","prefix","role","style","left","right","transform","displayName","ProgressTrackerStep","disabled","hasError","helper","id","isActive","propIsActive","isComplete","isDisabled","label","onFocus","onKeyPress","tabIndex","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","handleKeyPress","key","getIcon","mdiCheckCircle","mdiAlertCircle","mdiRadioboxMarked","mdiRadioboxBlank","tabId","isClickable","onClick","tabPanelId","Icon","icon","size","Size","s","InputLabel","htmlFor","InputHelper","kind","Kind","error","info","CSS_PREFIX","ProgressTrackerStepPanel"],"mappings":"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"}

package/_internal/d894ca99.d.ts

@@ -0,0 +1,49 @@
+import { l as GenericProps, O as Orientation, A as Alignment, C as Comp, S as Size } from './28b656e3.js';
+
+declare type GridGutterSize = Extract<Size, 'regular' | 'big' | 'huge'>;
+/**
+ * Defines the props of the component.
+ */
+interface GridProps extends GenericProps {
+    /** Orientation. */
+    orientation?: Orientation;
+    /** Whether the children are wrapped or not. */
+    wrap?: string;
+    /** Vertical alignment. */
+    vAlign?: Alignment;
+    /** Horizontal alignment. */
+    hAlign?: Alignment;
+    /** Gutter size. */
+    gutter?: GridGutterSize;
+}
+/**
+ * Grid component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Grid: Comp<GridProps, HTMLDivElement>;
+
+declare type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+/**
+ * Defines the props of the component.
+ */
+interface GridItemProps extends GenericProps {
+    /** Alignment. */
+    align?: Alignment;
+    /** Order. */
+    order?: Columns;
+    /** Width. */
+    width?: Columns;
+}
+/**
+ * GridItem component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const GridItem: Comp<GridItemProps, HTMLDivElement>;
+
+export { GridProps as G, Grid as a, GridItemProps as b, GridItem as c };

package/_internal/da84387d.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { C as Comp } from './28b656e3.js';
+import { B as BaseButtonProps } from './7c07908e.js';
+
+/**
+ * Button emphasis definition.
+ * @deprecated Use Emphasis instead.
+ */
+declare const ButtonEmphasis: {
+    readonly low: "low";
+    readonly medium: "medium";
+    readonly high: "high";
+};
+/**
+ * Defines the props of the component.
+ */
+interface ButtonProps extends BaseButtonProps {
+    /** Button content. */
+    children?: ReactNode;
+    /** Left icon (SVG path). */
+    leftIcon?: string;
+    /** Right icon (SVG path). */
+    rightIcon?: string;
+    /** When `true`, the button gets as large as possible. */
+    fullWidth?: boolean;
+}
+/**
+ * Button component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement>;
+
+export { ButtonEmphasis as B, ButtonProps as a, Button as b };

package/_internal/dbee763e.d.ts

@@ -0,0 +1,34 @@
+import { SyntheticEvent, InputHTMLAttributes } from 'react';
+import { l as GenericProps, q as HasTheme, A as Alignment, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface SwitchProps extends GenericProps, HasTheme {
+    /** Helper text. */
+    helper?: string;
+    /** Whether it is checked or not. */
+    isChecked?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Native input name property. */
+    name?: string;
+    /** Position of the switch relative to the label. */
+    position?: Extract<Alignment, 'right' | 'left'>;
+    /** Native input value property. */
+    value?: string;
+    /** On change callback. */
+    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;
+    /** optional props for input */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+}
+/**
+ * Switch component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Switch: Comp<SwitchProps, HTMLDivElement>;
+
+export { SwitchProps as S, Switch as a };

package/_internal/dd592f2c.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { T as ThumbnailProps } from './a07fe032.js';
+
+declare const useFocusPointStyle: ({ image, aspectRatio, focusPoint, imgProps: { width, height } }: ThumbnailProps, element: HTMLImageElement | undefined, isLoaded: boolean) => CSSProperties;
+
+export { useFocusPointStyle as u };

package/_internal/de727831.d.ts

@@ -0,0 +1,17 @@
+import { l as GenericProps, q as HasTheme, C as Comp } from './28b656e3.js';
+
+/**
+ * Defines the props of the component.
+ */
+interface DragHandleProps extends GenericProps, HasTheme {
+}
+/**
+ * DragHandle component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const DragHandle: Comp<DragHandleProps, HTMLDivElement>;
+
+export { DragHandleProps as D, DragHandle as a };

package/_internal/df1fde7b.js

@@ -0,0 +1,125 @@
+import { j as _objectSpread2 } from './35c3a78f.js';
+import { createContext, useContext, useMemo, useEffect, useCallback } from 'react';
+import { u as uid } from './fc608bd9.js';
+
+const INIT_STATE = {
+  isLazy: true,
+  shouldActivateOnFocus: false,
+  activeTabIndex: 0,
+  ids: {
+    tab: [],
+    tabPanel: []
+  }
+};
+const reducer = (state, action) => {
+  switch (action.type) {
+    case 'update':
+      return _objectSpread2(_objectSpread2({}, state), action.payload);
+    case 'setActiveTabIndex':
+      {
+        if (state.activeTabIndex === action.payload) {
+          return state;
+        }
+        // Change active tab index.
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          activeTabIndex: action.payload
+        });
+      }
+    case 'register':
+      {
+        const {
+          type,
+          id
+        } = action.payload;
+        // Append tab/tabPanel id in state.
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          ids: _objectSpread2(_objectSpread2({}, state.ids), {}, {
+            [type]: [...state.ids[type], id]
+          })
+        });
+      }
+    case 'unregister':
+      {
+        const {
+          type,
+          id
+        } = action.payload;
+        const index = state.ids[type].indexOf(id);
+        if (index === -1) return state;
+        // Remove tab & tab panel at index.
+        const tabIds = [...state.ids.tab];
+        tabIds.splice(index, 1);
+        const tabPanelIds = [...state.ids.tabPanel];
+        tabPanelIds.splice(index, 1);
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          ids: {
+            tab: tabIds,
+            tabPanel: tabPanelIds
+          }
+        });
+      }
+    default:
+      return state;
+  }
+};
+const TabProviderContext = /*#__PURE__*/createContext(null);
+/* eslint-disable react-hooks/rules-of-hooks */
+const useTabProviderContext = (type, originalId) => {
+  const context = useContext(TabProviderContext);
+  if (!context) {
+    return undefined;
+  }
+  const [state, dispatch] = context;
+
+  // Current tab or tab panel id.
+  const id = useMemo(() => originalId || `${type}-${uid()}`,
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  useEffect(() => {
+    // On mount: register tab or tab panel id.
+    dispatch({
+      type: 'register',
+      payload: {
+        type,
+        id
+      }
+    });
+    return () => {
+      // On unmount: unregister tab or tab panel id.
+      dispatch({
+        type: 'unregister',
+        payload: {
+          type,
+          id
+        }
+      });
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+
+  // Find tab/tabPanel index using it's id.
+  const index = useMemo(() => state.ids[type].indexOf(id), [state.ids, type, id]);
+  const tabId = useMemo(() => state.ids.tab[index] || '', [state, index]);
+  const tabPanelId = useMemo(() => state.ids.tabPanel[index] || '', [state, index]);
+  const isActive = useMemo(() => state.activeTabIndex === index, [state, index]);
+  const changeToTab = useCallback(() => dispatch({
+    type: 'setActiveTabIndex',
+    payload: index
+  }), [dispatch, index]);
+  return {
+    isLazy: state.isLazy,
+    shouldActivateOnFocus: state.shouldActivateOnFocus,
+    tabId,
+    tabPanelId,
+    isActive,
+    changeToTab
+  };
+};
+const useTabProviderContextState = () => {
+  const context = useContext(TabProviderContext);
+  return context === null || context === void 0 ? void 0 : context[0];
+};
+
+export { INIT_STATE as I, TabProviderContext as T, useTabProviderContext as a, reducer as r, useTabProviderContextState as u };
+//# sourceMappingURL=df1fde7b.js.map

package/_internal/df1fde7b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"df1fde7b.js","sources":["../../src/components/tabs/state.ts"],"sourcesContent":["import { Dispatch, createContext, useCallback, useContext, useEffect, useMemo } from 'react';\nimport { uid } from 'uid';\n\ntype TabType = 'tab' | 'tabPanel';\n\nexport interface State {\n    isLazy: boolean;\n    shouldActivateOnFocus: boolean;\n    activeTabIndex: number;\n    ids: Record<TabType, string[]>;\n}\n\nexport const INIT_STATE: State = {\n    isLazy: true,\n    shouldActivateOnFocus: false,\n    activeTabIndex: 0,\n    ids: { tab: [], tabPanel: [] },\n};\n\nexport type Action =\n    | { type: 'update'; payload: Partial<State> }\n    | { type: 'setActiveTabIndex'; payload: number }\n    | { type: 'register'; payload: { type: TabType; id: string } }\n    | { type: 'unregister'; payload: { type: TabType; id: string } };\n\nexport const reducer = (state: State, action: Action): State => {\n    switch (action.type) {\n        case 'update':\n            return { ...state, ...action.payload };\n        case 'setActiveTabIndex': {\n            if (state.activeTabIndex === action.payload) {\n                return state;\n            }\n            // Change active tab index.\n            return { ...state, activeTabIndex: action.payload };\n        }\n        case 'register': {\n            const { type, id } = action.payload;\n            // Append tab/tabPanel id in state.\n            return { ...state, ids: { ...state.ids, [type]: [...state.ids[type], id] } };\n        }\n        case 'unregister': {\n            const { type, id } = action.payload;\n            const index = state.ids[type].indexOf(id);\n            if (index === -1) return state;\n            // Remove tab & tab panel at index.\n            const tabIds = [...state.ids.tab];\n            tabIds.splice(index, 1);\n            const tabPanelIds = [...state.ids.tabPanel];\n            tabPanelIds.splice(index, 1);\n            return {\n                ...state,\n                ids: { tab: tabIds, tabPanel: tabPanelIds },\n            };\n        }\n        default:\n            return state;\n    }\n};\n\nexport const TabProviderContext = createContext<[State, Dispatch<Action>] | null>(null);\n\nexport type TabState = Pick<Required<State>, 'isLazy' | 'shouldActivateOnFocus'> & {\n    isActive: boolean;\n    tabId: string;\n    tabPanelId: string;\n    changeToTab(): void;\n};\n\n/* eslint-disable react-hooks/rules-of-hooks */\nexport const useTabProviderContext = (type: TabType, originalId?: string): undefined | TabState => {\n    const context = useContext(TabProviderContext);\n    if (!context) {\n        return undefined;\n    }\n    const [state, dispatch] = context;\n\n    // Current tab or tab panel id.\n    const id = useMemo(\n        () => originalId || `${type}-${uid()}`,\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n    useEffect(\n        () => {\n            // On mount: register tab or tab panel id.\n            dispatch({ type: 'register', payload: { type, id } });\n            return () => {\n                // On unmount: unregister tab or tab panel id.\n                dispatch({ type: 'unregister', payload: { type, id } });\n            };\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    // Find tab/tabPanel index using it's id.\n    const index = useMemo(() => state.ids[type].indexOf(id), [state.ids, type, id]);\n    const tabId = useMemo(() => state.ids.tab[index] || '', [state, index]);\n    const tabPanelId = useMemo(() => state.ids.tabPanel[index] || '', [state, index]);\n    const isActive = useMemo(() => state.activeTabIndex === index, [state, index]);\n    const changeToTab = useCallback(() => dispatch({ type: 'setActiveTabIndex', payload: index }), [dispatch, index]);\n    return {\n        isLazy: state.isLazy,\n        shouldActivateOnFocus: state.shouldActivateOnFocus,\n        tabId,\n        tabPanelId,\n        isActive,\n        changeToTab,\n    };\n};\n\nexport const useTabProviderContextState = (): State | undefined => {\n    const context = useContext(TabProviderContext);\n    return context?.[0];\n};\n"],"names":["INIT_STATE","isLazy","shouldActivateOnFocus","activeTabIndex","ids","tab","tabPanel","reducer","state","action","type","_objectSpread","payload","id","index","indexOf","tabIds","splice","tabPanelIds","TabProviderContext","createContext","useTabProviderContext","originalId","context","useContext","undefined","dispatch","useMemo","uid","useEffect","tabId","tabPanelId","isActive","changeToTab","useCallback","useTabProviderContextState"],"mappings":"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"}

package/_internal/e238e75a.d.ts

@@ -0,0 +1,20 @@
+import { l as GenericProps, q as HasTheme, b as ColorPalette, C as Comp } from './28b656e3.js';
+
+interface FlagProps extends GenericProps, HasTheme {
+    /** Color of the component. */
+    color?: ColorPalette;
+    /** Icon to use before the label. */
+    icon?: string;
+    /** Text label of the flag. */
+    label: string;
+}
+/**
+ * Flag component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Flag: Comp<FlagProps, HTMLDivElement>;
+
+export { FlagProps as F, Flag as a };