@lumx/react 3.20.1-alpha.31 → 3.20.1-alpha.33

package/_internal/packages/lumx-react/src/components/slideshow/usePaginationVisibleRange-afe733eb.js

@@ -0,0 +1,47 @@
+import { useRef, useMemo } from 'react';
+import { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from './constants-e50f2a75.js';
+
+/**
+ * Calculate the currently visible pagination "bullet" range.
+ */
+function usePaginationVisibleRange(activeIndex, slideCount) {
+  const previousVisibleRangeRef = useRef();
+  return useMemo(() => {
+    const lastSlide = slideCount - 1;
+    const {
+      current: previousVisibleRange
+    } = previousVisibleRangeRef;
+    let newVisibleRange;
+    if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {
+      newVisibleRange = {
+        min: previousVisibleRange.min + 1,
+        max: previousVisibleRange.max + 1
+      };
+    } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {
+      newVisibleRange = {
+        min: previousVisibleRange.min - 1,
+        max: previousVisibleRange.max - 1
+      };
+    } else {
+      const deltaItems = PAGINATION_ITEMS_MAX - 1;
+      let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;
+      let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;
+      if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {
+        min = lastSlide - deltaItems;
+        max = lastSlide;
+      } else if (activeIndex < deltaItems) {
+        min = 0;
+        max = deltaItems;
+      }
+      newVisibleRange = {
+        min,
+        max
+      };
+    }
+    previousVisibleRangeRef.current = newVisibleRange;
+    return newVisibleRange;
+  }, [activeIndex, slideCount]);
+}
+
+export { usePaginationVisibleRange };
+//# sourceMappingURL=usePaginationVisibleRange-afe733eb.js.map

package/_internal/packages/lumx-react/src/components/slideshow/usePaginationVisibleRange-afe733eb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationVisibleRange-afe733eb.js","sources":["../../../../../../../src/components/slideshow/usePaginationVisibleRange.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from '@lumx/react/components/slideshow/constants';\n\ntype Range = { min: number; max: number };\n\n/**\n * Calculate the currently visible pagination \"bullet\" range.\n */\nexport function usePaginationVisibleRange(activeIndex: number, slideCount: number): Range {\n    const previousVisibleRangeRef = useRef<Range>();\n    return useMemo(() => {\n        const lastSlide = slideCount - 1;\n        const { current: previousVisibleRange } = previousVisibleRangeRef;\n        let newVisibleRange: Range;\n        if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {\n            newVisibleRange = { min: previousVisibleRange.min + 1, max: previousVisibleRange.max + 1 };\n        } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {\n            newVisibleRange = { min: previousVisibleRange.min - 1, max: previousVisibleRange.max - 1 };\n        } else {\n            const deltaItems = PAGINATION_ITEMS_MAX - 1;\n            let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;\n            let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;\n\n            if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {\n                min = lastSlide - deltaItems;\n                max = lastSlide;\n            } else if (activeIndex < deltaItems) {\n                min = 0;\n                max = deltaItems;\n            }\n\n            newVisibleRange = { min, max };\n        }\n        previousVisibleRangeRef.current = newVisibleRange;\n        return newVisibleRange;\n    }, [activeIndex, slideCount]);\n}\n"],"names":["usePaginationVisibleRange","activeIndex","slideCount","previousVisibleRangeRef","useRef","useMemo","lastSlide","current","previousVisibleRange","newVisibleRange","max","min","deltaItems","PAGINATION_ITEMS_MAX","EDGE_FROM_ACTIVE_INDEX"],"mappings":";;;AAKA;AACA;AACA;AACO,SAASA,yBAAyBA,CAACC,WAAmB,EAAEC,UAAkB,EAAS;AACtF,EAAA,MAAMC,uBAAuB,GAAGC,MAAM,EAAS,CAAA;EAC/C,OAAOC,OAAO,CAAC,MAAM;AACjB,IAAA,MAAMC,SAAS,GAAGJ,UAAU,GAAG,CAAC,CAAA;IAChC,MAAM;AAAEK,MAAAA,OAAO,EAAEC,oBAAAA;AAAqB,KAAC,GAAGL,uBAAuB,CAAA;AACjE,IAAA,IAAIM,eAAsB,CAAA;IAC1B,IAAIR,WAAW,KAAKO,oBAAoB,EAAEE,GAAG,IAAIT,WAAW,GAAGK,SAAS,EAAE;AACtEG,MAAAA,eAAe,GAAG;AAAEE,QAAAA,GAAG,EAAEH,oBAAoB,CAACG,GAAG,GAAG,CAAC;AAAED,QAAAA,GAAG,EAAEF,oBAAoB,CAACE,GAAG,GAAG,CAAA;OAAG,CAAA;KAC7F,MAAM,IAAIT,WAAW,KAAKO,oBAAoB,EAAEG,GAAG,IAAIV,WAAW,GAAG,CAAC,EAAE;AACrEQ,MAAAA,eAAe,GAAG;AAAEE,QAAAA,GAAG,EAAEH,oBAAoB,CAACG,GAAG,GAAG,CAAC;AAAED,QAAAA,GAAG,EAAEF,oBAAoB,CAACE,GAAG,GAAG,CAAA;OAAG,CAAA;AAC9F,KAAC,MAAM;AACH,MAAA,MAAME,UAAU,GAAGC,oBAAoB,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAIF,GAAG,GAAGV,WAAW,GAAGa,sBAAsB,CAAA;AAC9C,MAAA,IAAIJ,GAAG,GAAGT,WAAW,GAAGa,sBAAsB,CAAA;AAE9C,MAAA,IAAIb,WAAW,GAAGK,SAAS,GAAGQ,sBAAsB,EAAE;QAClDH,GAAG,GAAGL,SAAS,GAAGM,UAAU,CAAA;AAC5BF,QAAAA,GAAG,GAAGJ,SAAS,CAAA;AACnB,OAAC,MAAM,IAAIL,WAAW,GAAGW,UAAU,EAAE;AACjCD,QAAAA,GAAG,GAAG,CAAC,CAAA;AACPD,QAAAA,GAAG,GAAGE,UAAU,CAAA;AACpB,OAAA;AAEAH,MAAAA,eAAe,GAAG;QAAEE,GAAG;AAAED,QAAAA,GAAAA;OAAK,CAAA;AAClC,KAAA;IACAP,uBAAuB,CAACI,OAAO,GAAGE,eAAe,CAAA;AACjD,IAAA,OAAOA,eAAe,CAAA;AAC1B,GAAC,EAAE,CAACR,WAAW,EAAEC,UAAU,CAAC,CAAC,CAAA;AACjC;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/useSlideFocusManagement-6380f9c4.js

@@ -0,0 +1,93 @@
+import { useEffect } from 'react';
+import { getFocusableElements } from '../../utils/browser/focus/getFocusableElements-14bf3ce5.js';
+
+/**
+ * Classname set on elements whose focus was blocked.
+ * This is to easily find elements that have been tempered with,
+ * and not elements whose focus was already initially blocked.
+ * */
+const BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';
+
+/**
+ * Manage how slides must behave when visible or not.
+ * When not visible, they should be hidden from screen readers and not focusable.
+ */
+const useSlideFocusManagement = ({
+  isSlideDisplayed,
+  slideRef
+}) => {
+  useEffect(() => {
+    const element = slideRef?.current;
+    if (!element) {
+      return undefined;
+    }
+
+    /**
+     * Display given slide to screen readers and, if focus was blocked, restore focus on elements.
+     */
+    const enableSlide = () => {
+      // Hide from screen readers
+      element.setAttribute('aria-hidden', 'false');
+      // Find elements we have blocked focus on
+      element.querySelectorAll(`.${BLOCKED_FOCUS_CLASSNAME}`).forEach(focusableElement => {
+        focusableElement.removeAttribute('tabindex');
+        focusableElement.classList.remove(BLOCKED_FOCUS_CLASSNAME);
+      });
+    };
+
+    /**
+     * Hide given slide from screen readers and block focus on all focusable elements within.
+     */
+    const blockSlide = () => {
+      element.setAttribute('aria-hidden', 'true');
+      getFocusableElements(element).forEach(focusableElement => {
+        focusableElement.setAttribute('tabindex', '-1');
+        focusableElement.classList.add(BLOCKED_FOCUS_CLASSNAME);
+      });
+    };
+    const handleDisplay = () => {
+      if (!element) {
+        return;
+      }
+      if (isSlideDisplayed) {
+        enableSlide();
+      } else {
+        blockSlide();
+      }
+    };
+
+    // Callback function to execute when mutations are observed
+    const callback = mutationsList => {
+      if (element) {
+        for (const mutation of mutationsList) {
+          if (mutation.type === 'childList') {
+            handleDisplay();
+          }
+        }
+      }
+    };
+
+    // Create an observer instance linked to the callback function
+    const observer = new MutationObserver(callback);
+    if (element) {
+      handleDisplay();
+
+      /** If slide is hidden, start observing for elements to block focus  */
+      if (!isSlideDisplayed) {
+        observer.observe(element, {
+          attributes: true,
+          childList: true,
+          subtree: true
+        });
+      }
+    }
+    return () => {
+      if (!isSlideDisplayed) {
+        observer.disconnect();
+      }
+    };
+  }, [isSlideDisplayed, slideRef]);
+};
+
+export { useSlideFocusManagement };
+//# sourceMappingURL=useSlideFocusManagement-6380f9c4.js.map

package/_internal/packages/lumx-react/src/components/slideshow/useSlideFocusManagement-6380f9c4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlideFocusManagement-6380f9c4.js","sources":["../../../../../../../src/components/slideshow/useSlideFocusManagement.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { getFocusableElements } from '@lumx/react/utils/browser/focus/getFocusableElements';\n\nexport interface UseSlideFocusManagementProps {\n    isSlideDisplayed?: boolean;\n    slideRef: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Classname set on elements whose focus was blocked.\n * This is to easily find elements that have been tempered with,\n * and not elements whose focus was already initially blocked.\n * */\nconst BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';\n\n/**\n * Manage how slides must behave when visible or not.\n * When not visible, they should be hidden from screen readers and not focusable.\n */\nexport const useSlideFocusManagement = ({ isSlideDisplayed, slideRef }: UseSlideFocusManagementProps) => {\n    useEffect(() => {\n        const element = slideRef?.current;\n\n        if (!element) {\n            return undefined;\n        }\n\n        /**\n         * Display given slide to screen readers and, if focus was blocked, restore focus on elements.\n         */\n        const enableSlide = () => {\n            // Hide from screen readers\n            element.setAttribute('aria-hidden', 'false');\n            // Find elements we have blocked focus on\n            element.querySelectorAll(`.${BLOCKED_FOCUS_CLASSNAME}`).forEach((focusableElement) => {\n                focusableElement.removeAttribute('tabindex');\n                focusableElement.classList.remove(BLOCKED_FOCUS_CLASSNAME);\n            });\n        };\n\n        /**\n         * Hide given slide from screen readers and block focus on all focusable elements within.\n         */\n        const blockSlide = () => {\n            element.setAttribute('aria-hidden', 'true');\n            getFocusableElements(element).forEach((focusableElement) => {\n                focusableElement.setAttribute('tabindex', '-1');\n                focusableElement.classList.add(BLOCKED_FOCUS_CLASSNAME);\n            });\n        };\n\n        const handleDisplay = () => {\n            if (!element) {\n                return;\n            }\n            if (isSlideDisplayed) {\n                enableSlide();\n            } else {\n                blockSlide();\n            }\n        };\n\n        // Callback function to execute when mutations are observed\n        const callback: MutationCallback = (mutationsList) => {\n            if (element) {\n                for (const mutation of mutationsList) {\n                    if (mutation.type === 'childList') {\n                        handleDisplay();\n                    }\n                }\n            }\n        };\n\n        // Create an observer instance linked to the callback function\n        const observer = new MutationObserver(callback);\n\n        if (element) {\n            handleDisplay();\n\n            /** If slide is hidden, start observing for elements to block focus  */\n            if (!isSlideDisplayed) {\n                observer.observe(element, { attributes: true, childList: true, subtree: true });\n            }\n        }\n\n        return () => {\n            if (!isSlideDisplayed) {\n                observer.disconnect();\n            }\n        };\n    }, [isSlideDisplayed, slideRef]);\n};\n"],"names":["BLOCKED_FOCUS_CLASSNAME","useSlideFocusManagement","isSlideDisplayed","slideRef","useEffect","element","current","undefined","enableSlide","setAttribute","querySelectorAll","forEach","focusableElement","removeAttribute","classList","remove","blockSlide","getFocusableElements","add","handleDisplay","callback","mutationsList","mutation","type","observer","MutationObserver","observe","attributes","childList","subtree","disconnect"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA,MAAMA,uBAAuB,GAAG,eAAe,CAAA;;AAE/C;AACA;AACA;AACA;AACO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,gBAAgB;AAAEC,EAAAA,QAAAA;AAAuC,CAAC,KAAK;AACrGC,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,MAAMC,OAAO,GAAGF,QAAQ,EAAEG,OAAO,CAAA;IAEjC,IAAI,CAACD,OAAO,EAAE;AACV,MAAA,OAAOE,SAAS,CAAA;AACpB,KAAA;;AAEA;AACR;AACA;IACQ,MAAMC,WAAW,GAAGA,MAAM;AACtB;AACAH,MAAAA,OAAO,CAACI,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AAC5C;MACAJ,OAAO,CAACK,gBAAgB,CAAC,CAAIV,CAAAA,EAAAA,uBAAuB,CAAE,CAAA,CAAC,CAACW,OAAO,CAAEC,gBAAgB,IAAK;AAClFA,QAAAA,gBAAgB,CAACC,eAAe,CAAC,UAAU,CAAC,CAAA;AAC5CD,QAAAA,gBAAgB,CAACE,SAAS,CAACC,MAAM,CAACf,uBAAuB,CAAC,CAAA;AAC9D,OAAC,CAAC,CAAA;KACL,CAAA;;AAED;AACR;AACA;IACQ,MAAMgB,UAAU,GAAGA,MAAM;AACrBX,MAAAA,OAAO,CAACI,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AAC3CQ,MAAAA,oBAAoB,CAACZ,OAAO,CAAC,CAACM,OAAO,CAAEC,gBAAgB,IAAK;AACxDA,QAAAA,gBAAgB,CAACH,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAC/CG,QAAAA,gBAAgB,CAACE,SAAS,CAACI,GAAG,CAAClB,uBAAuB,CAAC,CAAA;AAC3D,OAAC,CAAC,CAAA;KACL,CAAA;IAED,MAAMmB,aAAa,GAAGA,MAAM;MACxB,IAAI,CAACd,OAAO,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AACA,MAAA,IAAIH,gBAAgB,EAAE;AAClBM,QAAAA,WAAW,EAAE,CAAA;AACjB,OAAC,MAAM;AACHQ,QAAAA,UAAU,EAAE,CAAA;AAChB,OAAA;KACH,CAAA;;AAED;IACA,MAAMI,QAA0B,GAAIC,aAAa,IAAK;AAClD,MAAA,IAAIhB,OAAO,EAAE;AACT,QAAA,KAAK,MAAMiB,QAAQ,IAAID,aAAa,EAAE;AAClC,UAAA,IAAIC,QAAQ,CAACC,IAAI,KAAK,WAAW,EAAE;AAC/BJ,YAAAA,aAAa,EAAE,CAAA;AACnB,WAAA;AACJ,SAAA;AACJ,OAAA;KACH,CAAA;;AAED;AACA,IAAA,MAAMK,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIf,OAAO,EAAE;AACTc,MAAAA,aAAa,EAAE,CAAA;;AAEf;MACA,IAAI,CAACjB,gBAAgB,EAAE;AACnBsB,QAAAA,QAAQ,CAACE,OAAO,CAACrB,OAAO,EAAE;AAAEsB,UAAAA,UAAU,EAAE,IAAI;AAAEC,UAAAA,SAAS,EAAE,IAAI;AAAEC,UAAAA,OAAO,EAAE,IAAA;AAAK,SAAC,CAAC,CAAA;AACnF,OAAA;AACJ,KAAA;AAEA,IAAA,OAAO,MAAM;MACT,IAAI,CAAC3B,gBAAgB,EAAE;QACnBsB,QAAQ,CAACM,UAAU,EAAE,CAAA;AACzB,OAAA;KACH,CAAA;AACL,GAAC,EAAE,CAAC5B,gBAAgB,EAAEC,QAAQ,CAAC,CAAC,CAAA;AACpC;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/useSwipeNavigate-de52a4b9.js

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+import { detectHorizontalSwipe } from '@lumx/core/js/utils';
+
+const isTouchDevice = () => 'ontouchstart' in window;
+
+/**
+ * Listen swipe to navigate left and right.
+ */
+function useSwipeNavigate(element, onNext, onPrevious) {
+  useEffect(() => {
+    if (!element || !isTouchDevice()) return undefined;
+    return detectHorizontalSwipe(element, swipe => {
+      const callback = swipe === 'right' ? onPrevious : onNext;
+      callback?.();
+    });
+  }, [onPrevious, onNext, element]);
+}
+
+export { useSwipeNavigate };
+//# sourceMappingURL=useSwipeNavigate-de52a4b9.js.map

package/_internal/packages/lumx-react/src/components/slideshow/useSwipeNavigate-de52a4b9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwipeNavigate-de52a4b9.js","sources":["../../../../../../../src/components/slideshow/useSwipeNavigate.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { detectHorizontalSwipe } from '@lumx/core/js/utils';\n\nconst isTouchDevice = () => 'ontouchstart' in window;\n\n/**\n * Listen swipe to navigate left and right.\n */\nexport function useSwipeNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n    useEffect(() => {\n        if (!element || !isTouchDevice()) return undefined;\n\n        return detectHorizontalSwipe(element, (swipe) => {\n            const callback = swipe === 'right' ? onPrevious : onNext;\n            callback?.();\n        });\n    }, [onPrevious, onNext, element]);\n}\n"],"names":["isTouchDevice","window","useSwipeNavigate","element","onNext","onPrevious","useEffect","undefined","detectHorizontalSwipe","swipe","callback"],"mappings":";;;AAGA,MAAMA,aAAa,GAAGA,MAAM,cAAc,IAAIC,MAAM,CAAA;;AAEpD;AACA;AACA;AACO,SAASC,gBAAgBA,CAACC,OAA4B,EAAEC,MAAmB,EAAEC,UAAuB,EAAQ;AAC/GC,EAAAA,SAAS,CAAC,MAAM;IACZ,IAAI,CAACH,OAAO,IAAI,CAACH,aAAa,EAAE,EAAE,OAAOO,SAAS,CAAA;AAElD,IAAA,OAAOC,qBAAqB,CAACL,OAAO,EAAGM,KAAK,IAAK;MAC7C,MAAMC,QAAQ,GAAGD,KAAK,KAAK,OAAO,GAAGJ,UAAU,GAAGD,MAAM,CAAA;AACxDM,MAAAA,QAAQ,IAAI,CAAA;AAChB,KAAC,CAAC,CAAA;GACL,EAAE,CAACL,UAAU,EAAED,MAAM,EAAED,OAAO,CAAC,CAAC,CAAA;AACrC;;;;"}

package/_internal/{components/switch-25b65051.js → packages/lumx-react/src/components/switch/Switch-22529b38.js}

@@ -1,14 +1,15 @@
 import { Children } from 'react';
 import classNames from 'classnames';
+import isEmpty from 'lodash/isEmpty';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useId } from '../useId-3a1facc0.js';
-import { u as useTheme } from '../ThemeContext-3181f000.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
-import { u as useDisableStateProps } from '../useDisableStateProps-69e16b7c.js';
+import { useId } from '../../hooks/useId-11687649.js';
+import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Alignment, Theme } from '@lumx/core/js/constants';
-import { InputLabel } from './input-label-30d199c3.js';
-import { InputHelper } from './input-helper-2e4e49fd.js';
+import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
+import { InputHelper } from '../input-helper/InputHelper-a6c7ec2d.js';
 
 /**
  * Component display name.
@@ -105,7 +106,7 @@ const Switch = forwardRef((props, ref) => {
         theme: theme,
         className: `${CLASSNAME}__label`,
         children: children
-      }), helper && /*#__PURE__*/jsx(InputHelper, {
+      }), !isEmpty(helper) && /*#__PURE__*/jsx(InputHelper, {
         id: `${inputId}-helper`,
         theme: theme,
         className: `${CLASSNAME}__helper`,
@@ -119,4 +120,4 @@ Switch.className = CLASSNAME;
 Switch.defaultProps = DEFAULT_PROPS;
 
 export { Switch };
-//# sourceMappingURL=switch-25b65051.js.map
+//# sourceMappingURL=Switch-22529b38.js.map

package/_internal/packages/lumx-react/src/components/switch/Switch-22529b38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-22529b38.js","sources":["../../../../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Children, InputHTMLAttributes, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Alignment, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface SwitchProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Helper text. */\n    helper?: string;\n    /** Whether it is checked or not. */\n    isChecked?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Position of the switch relative to the label. */\n    position?: Extract<Alignment, 'right' | 'left'>;\n    /** Native input value property. */\n    value?: string;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Switch';\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<SwitchProps> = {\n    position: Alignment.left,\n};\n\n/**\n * Switch component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Switch = forwardRef<SwitchProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        children,\n        className,\n        helper,\n        id,\n        isChecked = checked,\n        name,\n        onChange,\n        position = DEFAULT_PROPS.position,\n        theme = defaultTheme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = otherProps;\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isChecked,\n                    isDisabled: isAnyDisabled,\n                    position,\n                    theme,\n                    isUnchecked: !isChecked,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    type=\"checkbox\"\n                    role=\"switch\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    name={name}\n                    value={value}\n                    {...disabledStateProps}\n                    readOnly={inputProps.readOnly || isAnyDisabled}\n                    checked={isChecked}\n                    aria-checked={Boolean(isChecked)}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n                    <div className={`${CLASSNAME}__input-indicator`} />\n                </div>\n            </div>\n\n            {Children.count(children) > 0 && (\n                <div className={`${CLASSNAME}__content`}>\n                    <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n                        {children}\n                    </InputLabel>\n                    {!isEmpty(helper) && (\n                        <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n                            {helper}\n                        </InputHelper>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n});\nSwitch.displayName = COMPONENT_NAME;\nSwitch.className = CLASSNAME;\nSwitch.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","position","Alignment","left","Switch","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","children","className","helper","id","isChecked","name","onChange","theme","value","inputProps","forwardedProps","generatedInputId","useId","inputId","handleChange","event","_jsxs","classNames","handleBasicClasses","prefix","isDisabled","isUnchecked","_jsx","type","role","readOnly","Boolean","undefined","Children","count","InputLabel","htmlFor","isEmpty","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/table/Table-ad4f6991.js

@@ -0,0 +1,57 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+import { Theme } from '@lumx/core/js/constants';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Table';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Table component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Table = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    children,
+    className,
+    hasBefore,
+    hasDividers,
+    theme = defaultTheme,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("table", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      hasBefore,
+      hasDividers,
+      theme
+    })),
+    children: children
+  });
+});
+Table.displayName = COMPONENT_NAME;
+Table.className = CLASSNAME;
+Table.defaultProps = DEFAULT_PROPS;
+
+export { Table };
+//# sourceMappingURL=Table-ad4f6991.js.map

package/_internal/packages/lumx-react/src/components/table/Table-ad4f6991.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table-ad4f6991.js","sources":["../../../../../../../src/components/table/Table.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableProps extends GenericProps, HasTheme {\n    /** Whether the table has checkbox or thumbnail on first cell or not. */\n    hasBefore?: boolean;\n    /** Whether the table has dividers or not. */\n    hasDividers?: boolean;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Table';\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<TableProps> = {};\n\n/**\n * Table component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Table = forwardRef<TableProps, HTMLTableElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, hasBefore, hasDividers, theme = defaultTheme, ...forwardedProps } = props;\n\n    return (\n        <table\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, hasBefore, hasDividers, theme }))}\n        >\n            {children}\n        </table>\n    );\n});\nTable.displayName = COMPONENT_NAME;\nTable.className = CLASSNAME;\nTable.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Table","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","hasBefore","hasDividers","theme","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAoBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,OAAO,CAAA;;AAE9B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAkC,GAAG,EAAE,CAAA;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,KAAK,GAAGC,UAAU,CAA+B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,SAAS;IAAEC,WAAW;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAE,GAAGS,cAAAA;AAAe,GAAC,GAAGX,KAAK,CAAA;AAEtG,EAAA,oBACIY,GAAA,CAAA,OAAA,EAAA;AACIX,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLU,cAAc;AAClBJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEpB,SAAS;MAAEa,SAAS;MAAEC,WAAW;AAAEC,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAAJ,IAAAA,QAAA,EAE1GA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFR,KAAK,CAACkB,WAAW,GAAGtB,cAAc,CAAA;AAClCI,KAAK,CAACS,SAAS,GAAGZ,SAAS,CAAA;AAC3BG,KAAK,CAACmB,YAAY,GAAGpB,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/table/TableBody-c6d71a78.js

@@ -0,0 +1,40 @@
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'TableBody';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
+
+/**
+ * TableBody component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TableBody = forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("tbody", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME),
+    children: children
+  });
+});
+TableBody.displayName = COMPONENT_NAME;
+TableBody.className = CLASSNAME;
+
+export { TableBody };
+//# sourceMappingURL=TableBody-c6d71a78.js.map

package/_internal/packages/lumx-react/src/components/table/TableBody-c6d71a78.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody-c6d71a78.js","sources":["../../../../../../../src/components/table/TableBody.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableBodyProps extends GenericProps {\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableBody';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * TableBody component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableBody = forwardRef<TableBodyProps, HTMLTableSectionElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <tbody ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </tbody>\n    );\n});\nTableBody.displayName = COMPONENT_NAME;\nTableBody.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","TableBody","forwardRef","props","ref","children","className","forwardedProps","_jsx","classNames","displayName"],"mappings":";;;;;AAcA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAE,IAAI,CAAC,CAAA;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGC,UAAU,CAA0C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzF,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAExD,EAAA,oBACIK,GAAA,CAAA,OAAA,EAAA;AAAOJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKG,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAEP,SAAS,CAAE;AAAAM,IAAAA,QAAA,EAC5EA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFJ,SAAS,CAACS,WAAW,GAAGZ,cAAc,CAAA;AACtCG,SAAS,CAACK,SAAS,GAAGP,SAAS;;;;"}

package/_internal/packages/lumx-react/src/components/table/TableCell-8b038969.js

@@ -0,0 +1,121 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { mdiArrowUp } from '../../../../lumx-icons/dist/esm/arrow-up-78a9c3cd.js';
+import { mdiArrowDown } from '../../../../lumx-icons/dist/esm/arrow-down-a32628a1.js';
+import { Icon } from '../icon/Icon-21a83e8c.js';
+import { Size } from '@lumx/core/js/constants';
+
+const ThOrder = {
+  asc: 'asc',
+  desc: 'desc'
+};
+/**
+ * Table cell variants.
+ */
+const TableCellVariant = {
+  body: 'body',
+  head: 'head'
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'TableCell';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  variant: TableCellVariant.body
+};
+
+/**
+ * TableCell component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TableCell = forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    icon,
+    isSortable,
+    onHeaderClick,
+    sortOrder,
+    variant = DEFAULT_PROPS.variant,
+    ...forwardedProps
+  } = props;
+
+  // Use button if clickable
+  const Wrapper = onHeaderClick ? 'button' : 'div';
+  const wrapperProps = Wrapper === 'button' ? {
+    type: 'button',
+    onClick: onHeaderClick
+  } : undefined;
+
+  // ARIA sort
+  let ariaSort;
+  if (isSortable) {
+    ariaSort = 'none';
+    if (sortOrder === ThOrder.asc) ariaSort = 'ascending';
+    if (sortOrder === ThOrder.desc) ariaSort = 'descending';
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [variant === TableCellVariant.head && /*#__PURE__*/jsx("th", {
+      ref: ref,
+      ...forwardedProps,
+      className: classNames(handleBasicClasses({
+        prefix: CLASSNAME,
+        isSortable,
+        isSorted: isSortable && !!sortOrder
+      }), className, `${CLASSNAME}--head`),
+      "aria-sort": ariaSort,
+      children: /*#__PURE__*/jsxs(Wrapper, {
+        className: `${CLASSNAME}-wrapper`,
+        ...wrapperProps,
+        children: [icon && !isSortable && /*#__PURE__*/jsx(Icon, {
+          className: `${CLASSNAME}-icon`,
+          icon: icon,
+          size: Size.xxs
+        }), isSortable && sortOrder === ThOrder.asc && /*#__PURE__*/jsx(Icon, {
+          className: `${CLASSNAME}-icon`,
+          icon: mdiArrowUp,
+          size: Size.xxs
+        }), isSortable && sortOrder === ThOrder.desc && /*#__PURE__*/jsx(Icon, {
+          className: `${CLASSNAME}-icon`,
+          icon: mdiArrowDown,
+          size: Size.xxs
+        }), /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}-content`,
+          children: children
+        })]
+      })
+    }), variant === TableCellVariant.body && /*#__PURE__*/jsx("td", {
+      ...forwardedProps,
+      className: classNames(className, CLASSNAME, `${CLASSNAME}--body`),
+      children: /*#__PURE__*/jsx("div", {
+        className: `${CLASSNAME}-content`,
+        children: children
+      })
+    })]
+  });
+});
+TableCell.displayName = COMPONENT_NAME;
+TableCell.className = CLASSNAME;
+TableCell.defaultProps = DEFAULT_PROPS;
+
+export { TableCell, TableCellVariant, ThOrder };
+//# sourceMappingURL=TableCell-8b038969.js.map

package/_internal/packages/lumx-react/src/components/table/TableCell-8b038969.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell-8b038969.js","sources":["../../../../../../../src/components/table/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mdiArrowDown, mdiArrowUp } from '@lumx/icons';\nimport { Icon, Size } from '@lumx/react';\nimport { GenericProps, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Table head cell sort order.\n */\nexport const ThOrder = { asc: 'asc', desc: 'desc' } as const;\nexport type ThOrder = ValueOf<typeof ThOrder>;\n\n/**\n * Table cell variants.\n */\nexport const TableCellVariant = { body: 'body', head: 'head' } as const;\nexport type TableCellVariant = ValueOf<typeof TableCellVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TableCellProps extends GenericProps {\n    /** Icon (SVG path).(thead only). */\n    icon?: string;\n    /** Whether the column is sortable or not (thead only). */\n    isSortable?: boolean;\n    /** Sort order displayed as icon (sortable thead only). */\n    sortOrder?: ThOrder;\n    /** Variant. */\n    variant?: TableCellVariant;\n    /** On header cell click callback. */\n    onHeaderClick?(): void;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableCell';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableCellProps> = {\n    variant: TableCellVariant.body,\n};\n\n/**\n * TableCell component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableCell = forwardRef<TableCellProps, HTMLTableCellElement>((props, ref) => {\n    const {\n        children,\n        className,\n        icon,\n        isSortable,\n        onHeaderClick,\n        sortOrder,\n        variant = DEFAULT_PROPS.variant,\n        ...forwardedProps\n    } = props;\n\n    // Use button if clickable\n    const Wrapper = onHeaderClick ? 'button' : 'div';\n    const wrapperProps = Wrapper === 'button' ? ({ type: 'button', onClick: onHeaderClick } as const) : undefined;\n\n    // ARIA sort\n    let ariaSort: 'ascending' | 'descending' | 'none' | undefined;\n    if (isSortable) {\n        ariaSort = 'none';\n        if (sortOrder === ThOrder.asc) ariaSort = 'ascending';\n        if (sortOrder === ThOrder.desc) ariaSort = 'descending';\n    }\n\n    return (\n        <>\n            {variant === TableCellVariant.head && (\n                <th\n                    ref={ref}\n                    {...forwardedProps}\n                    className={classNames(\n                        handleBasicClasses({\n                            prefix: CLASSNAME,\n                            isSortable,\n                            isSorted: isSortable && !!sortOrder,\n                        }),\n                        className,\n                        `${CLASSNAME}--head`,\n                    )}\n                    aria-sort={ariaSort}\n                >\n                    <Wrapper className={`${CLASSNAME}-wrapper`} {...wrapperProps}>\n                        {icon && !isSortable && <Icon className={`${CLASSNAME}-icon`} icon={icon} size={Size.xxs} />}\n\n                        {isSortable && sortOrder === ThOrder.asc && (\n                            <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowUp} size={Size.xxs} />\n                        )}\n\n                        {isSortable && sortOrder === ThOrder.desc && (\n                            <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowDown} size={Size.xxs} />\n                        )}\n\n                        <div className={`${CLASSNAME}-content`}>{children}</div>\n                    </Wrapper>\n                </th>\n            )}\n\n            {variant === TableCellVariant.body && (\n                <td {...forwardedProps} className={classNames(className, CLASSNAME, `${CLASSNAME}--body`)}>\n                    <div className={`${CLASSNAME}-content`}>{children}</div>\n                </td>\n            )}\n        </>\n    );\n});\nTableCell.displayName = COMPONENT_NAME;\nTableCell.className = CLASSNAME;\nTableCell.defaultProps = DEFAULT_PROPS;\n"],"names":["ThOrder","asc","desc","TableCellVariant","body","head","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","variant","TableCell","forwardRef","props","ref","children","className","icon","isSortable","onHeaderClick","sortOrder","forwardedProps","Wrapper","wrapperProps","type","onClick","undefined","ariaSort","_jsxs","_Fragment","_jsx","classNames","handleBasicClasses","prefix","isSorted","Icon","size","Size","xxs","mdiArrowUp","mdiArrowDown","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/table/TableHeader-50745c5b.js

@@ -0,0 +1,46 @@
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'TableHeader';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * TableHeader component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TableHeader = forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx("thead", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME),
+    children: children
+  });
+});
+TableHeader.displayName = COMPONENT_NAME;
+TableHeader.className = CLASSNAME;
+TableHeader.defaultProps = DEFAULT_PROPS;
+
+export { TableHeader };
+//# sourceMappingURL=TableHeader-50745c5b.js.map

package/_internal/packages/lumx-react/src/components/table/TableHeader-50745c5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader-50745c5b.js","sources":["../../../../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableHeaderProps extends GenericProps {\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableHeader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableHeaderProps> = {};\n\n/**\n * TableHeader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableHeader = forwardRef<TableHeaderProps, HTMLTableSectionElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <thead ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </thead>\n    );\n});\nTableHeader.displayName = COMPONENT_NAME;\nTableHeader.className = CLASSNAME;\nTableHeader.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","TableHeader","forwardRef","props","ref","children","className","forwardedProps","_jsx","classNames","displayName","defaultProps"],"mappings":";;;;;AAcA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAE,IAAI,CAAC,CAAA;;AAExD;AACA;AACA;AACA,MAAMG,aAAwC,GAAG,EAAE,CAAA;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGC,UAAU,CAA4C,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7F,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAExD,EAAA,oBACIK,GAAA,CAAA,OAAA,EAAA;AAAOJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKG,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAER,SAAS,CAAE;AAAAO,IAAAA,QAAA,EAC5EA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFJ,WAAW,CAACS,WAAW,GAAGb,cAAc,CAAA;AACxCI,WAAW,CAACK,SAAS,GAAGR,SAAS,CAAA;AACjCG,WAAW,CAACU,YAAY,GAAGX,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/table/TableRow-1194f809.js

@@ -0,0 +1,61 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'TableRow';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * TableRow component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const TableRow = forwardRef((props, ref) => {
+  const {
+    isAnyDisabled,
+    disabledStateProps,
+    otherProps
+  } = useDisableStateProps(props);
+  const {
+    children,
+    className,
+    isClickable,
+    isSelected,
+    ...forwardedProps
+  } = otherProps;
+  return /*#__PURE__*/jsx("tr", {
+    ref: ref,
+    tabIndex: isClickable && !disabledStateProps.disabled ? 0 : -1,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      isClickable: isClickable && !isAnyDisabled,
+      isDisabled: isAnyDisabled,
+      isSelected: isSelected && !isAnyDisabled,
+      prefix: CLASSNAME
+    })),
+    "aria-disabled": isAnyDisabled,
+    children: children
+  });
+});
+TableRow.displayName = COMPONENT_NAME;
+TableRow.className = CLASSNAME;
+TableRow.defaultProps = DEFAULT_PROPS;
+
+export { TableRow };
+//# sourceMappingURL=TableRow-1194f809.js.map

package/_internal/packages/lumx-react/src/components/table/TableRow-1194f809.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow-1194f809.js","sources":["../../../../../../../src/components/table/TableRow.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableRowProps extends GenericProps {\n    /** Whether the component is clickable or not. */\n    isClickable?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is selected or not. */\n    isSelected?: boolean;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableRow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableRowProps> = {};\n\n/**\n * TableRow component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TableRow = forwardRef<TableRowProps, HTMLTableRowElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const { children, className, isClickable, isSelected, ...forwardedProps } = otherProps;\n\n    return (\n        <tr\n            ref={ref}\n            tabIndex={isClickable && !disabledStateProps.disabled ? 0 : -1}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    isClickable: isClickable && !isAnyDisabled,\n                    isDisabled: isAnyDisabled,\n                    isSelected: isSelected && !isAnyDisabled,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            aria-disabled={isAnyDisabled}\n        >\n            {children}\n        </tr>\n    );\n});\n\nTableRow.displayName = COMPONENT_NAME;\nTableRow.className = CLASSNAME;\nTableRow.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","TableRow","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","children","className","isClickable","isSelected","forwardedProps","_jsx","tabIndex","disabled","classNames","handleBasicClasses","isDisabled","prefix","displayName","defaultProps"],"mappings":";;;;;;AAqBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAE,IAAI,CAAC,CAAA;;AAExD;AACA;AACA;AACA,MAAMG,aAAqC,GAAG,EAAE,CAAA;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,QAAQ,GAAGC,UAAU,CAAqC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;IAAEC,aAAa;IAAEC,kBAAkB;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,oBAAoB,CAACL,KAAK,CAAC,CAAA;EACrF,MAAM;IAAEM,QAAQ;IAAEC,SAAS;IAAEC,WAAW;IAAEC,UAAU;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGN,UAAU,CAAA;AAEtF,EAAA,oBACIO,GAAA,CAAA,IAAA,EAAA;AACIV,IAAAA,GAAG,EAAEA,GAAI;IACTW,QAAQ,EAAEJ,WAAW,IAAI,CAACL,kBAAkB,CAACU,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;AAAA,IAAA,GAC3DH,cAAc;AAClBH,IAAAA,SAAS,EAAEO,UAAU,CACjBP,SAAS,EACTQ,kBAAkB,CAAC;AACfP,MAAAA,WAAW,EAAEA,WAAW,IAAI,CAACN,aAAa;AAC1Cc,MAAAA,UAAU,EAAEd,aAAa;AACzBO,MAAAA,UAAU,EAAEA,UAAU,IAAI,CAACP,aAAa;AACxCe,MAAAA,MAAM,EAAEtB,SAAAA;AACZ,KAAC,CACL,CAAE;AACF,IAAA,eAAA,EAAeO,aAAc;AAAAI,IAAAA,QAAA,EAE5BA,QAAAA;AAAQ,GACT,CAAC,CAAA;AAEb,CAAC,EAAC;AAEFR,QAAQ,CAACoB,WAAW,GAAGxB,cAAc,CAAA;AACrCI,QAAQ,CAACS,SAAS,GAAGZ,SAAS,CAAA;AAC9BG,QAAQ,CAACqB,YAAY,GAAGtB,aAAa;;;;"}