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

package/_internal/00d05efa.js

@@ -0,0 +1,111 @@
+import { h as Typography, g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames } from './35c3a78f.js';
+import React, { createContext, forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { T as Text } from './757216a1.js';
+
+/** The maximum authorized heading level. */
+const MAX_HEADING_LEVEL = 6;
+
+/**
+ * Typography to use by default depending on the heading level.
+ */
+const DEFAULT_TYPOGRAPHY_BY_LEVEL = {
+  h1: Typography.display1,
+  h2: Typography.headline,
+  h3: Typography.title,
+  h4: Typography.subtitle2,
+  h5: Typography.subtitle1,
+  h6: Typography.body2
+};
+
+const defaultContext = {
+  level: 1,
+  headingElement: 'h1'
+};
+const HeadingLevelContext = /*#__PURE__*/createContext(defaultContext);
+
+const useHeadingLevel = () => {
+  const {
+    level = 1,
+    headingElement = 'h1'
+  } = React.useContext(HeadingLevelContext);
+  return {
+    level,
+    headingElement
+  };
+};
+
+const _excluded = ["children", "as", "className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Heading';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Renders a heading component.
+ * Extends the `Text` Component with the heading level automatically computed based on
+ * the current level provided by the context.
+ */
+const Heading = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      as,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const {
+    headingElement
+  } = useHeadingLevel();
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    ref: ref,
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME
+    })),
+    as: as || headingElement,
+    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]
+  }, forwardedProps), children);
+});
+Heading.displayName = COMPONENT_NAME;
+Heading.className = CLASSNAME;
+Heading.defaultProps = DEFAULT_PROPS;
+
+/**
+ * Provide a new heading level context.
+ */
+const HeadingLevelProvider = _ref => {
+  let {
+    children,
+    level
+  } = _ref;
+  const {
+    level: contextLevel
+  } = useHeadingLevel();
+  const incrementedLevel = level || contextLevel + 1;
+  /** Don't allow a level beyond the maximum level. */
+  const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
+  const headingElement = `h${nextLevel}`;
+  return /*#__PURE__*/React.createElement(HeadingLevelContext.Provider, {
+    value: {
+      level: nextLevel,
+      headingElement
+    }
+  }, children);
+};
+
+export { Heading as H, HeadingLevelProvider as a, useHeadingLevel as u };
+//# sourceMappingURL=00d05efa.js.map

package/_internal/00d05efa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"00d05efa.js","sources":["../../src/components/heading/constants.ts","../../src/components/heading/context.tsx","../../src/components/heading/useHeadingLevel.tsx","../../src/components/heading/Heading.tsx","../../src/components/heading/HeadingLevelProvider.tsx"],"sourcesContent":["import { Typography } from '..';\n\n/** The maximum authorized heading level. */\nexport const MAX_HEADING_LEVEL = 6;\n\n/**\n * Typography to use by default depending on the heading level.\n */\nexport const DEFAULT_TYPOGRAPHY_BY_LEVEL = {\n    h1: Typography.display1,\n    h2: Typography.headline,\n    h3: Typography.title,\n    h4: Typography.subtitle2,\n    h5: Typography.subtitle1,\n    h6: Typography.body2,\n};\n","import { HeadingElement } from '@lumx/react/utils/type';\nimport { createContext } from 'react';\n\ninterface HeadingLevelContext {\n    /** The current level */\n    level: number;\n    /** The heading element matching the current level */\n    headingElement: HeadingElement;\n}\n\nconst defaultContext: HeadingLevelContext = { level: 1, headingElement: 'h1' };\n\nexport const HeadingLevelContext = createContext<HeadingLevelContext>(defaultContext);\n","import React from 'react';\nimport { HeadingLevelContext } from './context';\n\nexport const useHeadingLevel = () => {\n    const { level = 1, headingElement = 'h1' } = React.useContext(HeadingLevelContext);\n\n    return { level, headingElement };\n};\n","import { Comp, HeadingElement } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport classNames from 'classnames';\nimport React, { forwardRef } from 'react';\nimport { Text, TextProps } from '../text';\nimport { DEFAULT_TYPOGRAPHY_BY_LEVEL } from './constants';\nimport { useHeadingLevel } from './useHeadingLevel';\n\n/**\n * Defines the props of the component.\n */\nexport interface HeadingProps extends Partial<TextProps> {\n    /**\n     * Display a specific heading level instead of the one provided by parent context provider.\n     */\n    as?: HeadingElement;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Heading';\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 = {} as const;\n\n/**\n * Renders a heading component.\n * Extends the `Text` Component with the heading level automatically computed based on\n * the current level provided by the context.\n */\nexport const Heading: Comp<HeadingProps> = forwardRef((props, ref) => {\n    const { children, as, className, ...forwardedProps } = props;\n    const { headingElement } = useHeadingLevel();\n\n    return (\n        <Text\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n            as={as || headingElement}\n            typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[headingElement]}\n            {...forwardedProps}\n        >\n            {children}\n        </Text>\n    );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n","import { HeadingElement } from '@lumx/react/utils/type';\nimport React, { ReactNode } from 'react';\nimport { MAX_HEADING_LEVEL } from './constants';\nimport { HeadingLevelContext } from './context';\nimport { useHeadingLevel } from './useHeadingLevel';\n\nexport interface HeadingLevelProviderProps {\n    /** The heading level to start at. If left undefined, the parent context will be used, if any. */\n    level?: number;\n    /** The children to display */\n    children: ReactNode;\n}\n\n/**\n * Provide a new heading level context.\n */\nexport const HeadingLevelProvider: React.FC<HeadingLevelProviderProps> = ({ children, level }) => {\n    const { level: contextLevel } = useHeadingLevel();\n\n    const incrementedLevel = level || contextLevel + 1;\n    /** Don't allow a level beyond the maximum level. */\n    const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;\n    const headingElement = `h${nextLevel}` as HeadingElement;\n\n    return (\n        <HeadingLevelContext.Provider value={{ level: nextLevel, headingElement }}>\n            {children}\n        </HeadingLevelContext.Provider>\n    );\n};\n"],"names":["MAX_HEADING_LEVEL","DEFAULT_TYPOGRAPHY_BY_LEVEL","h1","Typography","display1","h2","headline","h3","title","h4","subtitle2","h5","subtitle1","h6","body2","defaultContext","level","headingElement","HeadingLevelContext","createContext","useHeadingLevel","React","useContext","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","_objectWithoutProperties","_excluded","createElement","Text","_extends","classNames","handleBasicClasses","prefix","typography","displayName","defaultProps","HeadingLevelProvider","_ref","contextLevel","incrementedLevel","nextLevel","Provider","value"],"mappings":";;;;;AAEA;AACO,MAAMA,iBAAiB,GAAG,CAAC;;AAElC;AACA;AACA;AACO,MAAMC,2BAA2B,GAAG;EACvCC,EAAE,EAAEC,UAAU,CAACC,QAAQ;EACvBC,EAAE,EAAEF,UAAU,CAACG,QAAQ;EACvBC,EAAE,EAAEJ,UAAU,CAACK,KAAK;EACpBC,EAAE,EAAEN,UAAU,CAACO,SAAS;EACxBC,EAAE,EAAER,UAAU,CAACS,SAAS;EACxBC,EAAE,EAAEV,UAAU,CAACW;AACnB,CAAC;;ACLD,MAAMC,cAAmC,GAAG;EAAEC,KAAK,EAAE,CAAC;EAAEC,cAAc,EAAE;AAAK,CAAC;AAEvE,MAAMC,mBAAmB,gBAAGC,aAAa,CAAsBJ,cAAc,CAAC;;MCTxEK,eAAe,GAAGA,MAAM;EACjC,MAAM;IAAEJ,KAAK,GAAG,CAAC;IAAEC,cAAc,GAAG;GAAM,GAAGI,KAAK,CAACC,UAAU,CAACJ,mBAAmB,CAAC;EAElF,OAAO;IAAEF,KAAK;IAAEC;GAAgB;AACpC;;;;ACCA;AACA;AACA;;AAQA;AACA;AACA;AACA,MAAMM,cAAc,GAAG,SAAS;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC;;AAElD;AACA;AACA;AACA,MAAMG,aAAa,GAAG,EAAW;;AAEjC;AACA;AACA;AACA;AACA;MACaC,OAA2B,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClE,MAAM;MAAEC,QAAQ;MAAEC,EAAE;MAAEC;KAA8B,GAAGJ,KAAK;IAAxBK,cAAc,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EAC5D,MAAM;IAAEnB;GAAgB,GAAGG,eAAe,EAAE;EAE5C,oBACIC,KAAA,CAAAgB,aAAA,CAACC,IAAI,EAAAC,QAAA;IACDT,GAAG,EAAEA,GAAI;IACTG,SAAS,EAAEO,UAAU,CACjBP,SAAS,EACTQ,kBAAkB,CAAC;MACfC,MAAM,EAAElB;KACX,CACL,CAAE;IACFQ,EAAE,EAAEA,EAAE,IAAIf,cAAe;IACzB0B,UAAU,EAAE1C,2BAA2B,CAACgB,cAAc;KAClDiB,cAAc,GAEjBH,QACC,CAAC;AAEf,CAAC;AAEDJ,OAAO,CAACiB,WAAW,GAAGrB,cAAc;AACpCI,OAAO,CAACM,SAAS,GAAGT,SAAS;AAC7BG,OAAO,CAACkB,YAAY,GAAGnB,aAAa;;ACjDpC;AACA;AACA;MACaoB,oBAAyD,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEhB,QAAQ;IAAEf;GAAO,GAAA+B,IAAA;EACzF,MAAM;IAAE/B,KAAK,EAAEgC;GAAc,GAAG5B,eAAe,EAAE;EAEjD,MAAM6B,gBAAgB,GAAGjC,KAAK,IAAIgC,YAAY,GAAG,CAAC;;EAElD,MAAME,SAAS,GAAGD,gBAAgB,GAAGjD,iBAAiB,GAAGA,iBAAiB,GAAGiD,gBAAgB;EAC7F,MAAMhC,cAAc,GAAI,IAAGiC,SAAU,EAAmB;EAExD,oBACI7B,KAAA,CAAAgB,aAAA,CAACnB,mBAAmB,CAACiC,QAAQ;IAACC,KAAK,EAAE;MAAEpC,KAAK,EAAEkC,SAAS;MAAEjC;;KACpDc,QACyB,CAAC;AAEvC;;;;"}

package/_internal/0110d951.js

@@ -0,0 +1,168 @@
+import { useEffect } from 'react';
+import { D as DOCUMENT } from './c498efeb.js';
+import { b as onEscapePressed } from './3f5e7653.js';
+import last from 'lodash/last';
+import { g as getFocusableElements } from './13603836.js';
+import pull from 'lodash/pull';
+
+/**
+ * Get first and last elements focusable in an element.
+ *
+ * @param parentElement The element in which to search focusable elements.
+ * @return first and last focusable elements
+ */
+function getFirstAndLastFocusable(parentElement) {
+  const focusableElements = getFocusableElements(parentElement);
+
+  // First non disabled element.
+  const first = focusableElements[0];
+  // Last non disabled element.
+  const last = focusableElements[focusableElements.length - 1];
+  if (last && first) {
+    return {
+      first,
+      last
+    };
+  }
+  return {};
+}
+
+/**
+ * Keep track of listeners, only the last registered listener gets activated at any point (previously registered
+ * listener are disabled).
+ * When a listener gets unregistered, the previously registered listener gets enabled again.
+ */
+function makeListenerTowerContext() {
+  const LISTENERS = [];
+  return {
+    register(listener) {
+      var _last;
+      // Disable previous listener.
+      (_last = last(LISTENERS)) === null || _last === void 0 ? void 0 : _last.disable();
+      // Keep track of current listener.
+      LISTENERS.push(listener);
+      // Enable current listener.
+      listener.enable();
+    },
+    unregister(listener) {
+      var _last2;
+      // Disable current listener.
+      listener.disable();
+      // Remove current listener.
+      pull(LISTENERS, listener);
+      // Enable previous listener.
+      (_last2 = last(LISTENERS)) === null || _last2 === void 0 ? void 0 : _last2.enable();
+    }
+  };
+}
+
+const FOCUS_TRAPS = makeListenerTowerContext();
+
+/**
+ * Trap 'Tab' focus switch inside the `focusZoneElement`.
+ *
+ * If multiple focus trap are activated, only the last one is maintained and when a focus trap closes, the previous one
+ * gets activated again.
+ *
+ * @param focusZoneElement The element in which to trap the focus.
+ * @param focusElement     The element to focus when the focus trap is activated (otherwise the first focusable element
+ *                         will be focused).
+ */
+function useFocusTrap(focusZoneElement, focusElement) {
+  useEffect(() => {
+    // Body element can be undefined in SSR context.
+    const rootElement = DOCUMENT === null || DOCUMENT === void 0 ? void 0 : DOCUMENT.body;
+    if (!rootElement || !focusZoneElement) {
+      return undefined;
+    }
+
+    // Trap 'Tab' key down focus switch into the focus zone.
+    const trapTabFocusInFocusZone = evt => {
+      const {
+        key
+      } = evt;
+      if (key !== 'Tab') {
+        return;
+      }
+      const focusable = getFirstAndLastFocusable(focusZoneElement);
+
+      // Prevent focus switch if no focusable available.
+      if (!focusable.first) {
+        evt.preventDefault();
+        return;
+      }
+      if (
+      // No previous focus
+      !document.activeElement ||
+      // Previous focus is at the end of the focus zone.
+      !evt.shiftKey && document.activeElement === focusable.last ||
+      // Previous focus is outside the focus zone
+      !focusZoneElement.contains(document.activeElement)) {
+        focusable.first.focus();
+        evt.preventDefault();
+        return;
+      }
+      if (
+      // Focus order reversed
+      evt.shiftKey &&
+      // Previous focus is at the start of the focus zone.
+      document.activeElement === focusable.first) {
+        focusable.last.focus();
+        evt.preventDefault();
+      }
+    };
+    const focusTrap = {
+      enable: () => rootElement.addEventListener('keydown', trapTabFocusInFocusZone),
+      disable: () => rootElement.removeEventListener('keydown', trapTabFocusInFocusZone)
+    };
+
+    // SETUP:
+    if (focusElement && focusZoneElement.contains(focusElement)) {
+      // Focus the given element.
+      focusElement.focus({
+        preventScroll: true
+      });
+    } else {
+      var _getFirstAndLastFocus;
+      // Focus the first focusable element in the zone.
+      (_getFirstAndLastFocus = getFirstAndLastFocusable(focusZoneElement).first) === null || _getFirstAndLastFocus === void 0 ? void 0 : _getFirstAndLastFocus.focus({
+        preventScroll: true
+      });
+    }
+    FOCUS_TRAPS.register(focusTrap);
+
+    // TEARDOWN:
+    return () => FOCUS_TRAPS.unregister(focusTrap);
+  }, [focusElement, focusZoneElement]);
+}
+
+const LISTENERS = makeListenerTowerContext();
+
+/**
+ * Register a global listener on 'Escape' key pressed.
+ *
+ * If multiple listener are registered, only the last one is maintained. When a listener is unregistered, the previous
+ * one gets activated again.
+ *
+ * @param callback      Callback
+ * @param closeOnEscape Disables the hook when false
+ */
+function useCallbackOnEscape(callback) {
+  let closeOnEscape = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  useEffect(() => {
+    const rootElement = DOCUMENT === null || DOCUMENT === void 0 ? void 0 : DOCUMENT.body;
+    if (!closeOnEscape || !callback || !rootElement) {
+      return undefined;
+    }
+    const onKeyDown = onEscapePressed(callback);
+    const listener = {
+      enable: () => rootElement.addEventListener('keydown', onKeyDown),
+      disable: () => rootElement.removeEventListener('keydown', onKeyDown)
+    };
+    LISTENERS.register(listener);
+    return () => LISTENERS.unregister(listener);
+  }, [callback, closeOnEscape]);
+}
+
+export { useCallbackOnEscape as a, getFirstAndLastFocusable as g, useFocusTrap as u };
+//# sourceMappingURL=0110d951.js.map

package/_internal/0110d951.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"0110d951.js","sources":["../../src/utils/focus/getFirstAndLastFocusable.ts","../../src/utils/makeListenerTowerContext.ts","../../src/hooks/useFocusTrap.ts","../../src/hooks/useCallbackOnEscape.ts"],"sourcesContent":["import { getFocusableElements } from './getFocusableElements';\n\n/**\n * Get first and last elements focusable in an element.\n *\n * @param parentElement The element in which to search focusable elements.\n * @return first and last focusable elements\n */\nexport function getFirstAndLastFocusable(parentElement: HTMLElement) {\n    const focusableElements = getFocusableElements(parentElement);\n\n    // First non disabled element.\n    const first = focusableElements[0];\n    // Last non disabled element.\n    const last = focusableElements[focusableElements.length - 1];\n\n    if (last && first) {\n        return { first, last };\n    }\n    return {};\n}\n","import last from 'lodash/last';\nimport pull from 'lodash/pull';\n\nexport type Listener = { enable(): void; disable(): void };\n\n/**\n * Keep track of listeners, only the last registered listener gets activated at any point (previously registered\n * listener are disabled).\n * When a listener gets unregistered, the previously registered listener gets enabled again.\n */\nexport function makeListenerTowerContext() {\n    const LISTENERS: Listener[] = [];\n\n    return {\n        register(listener: Listener) {\n            // Disable previous listener.\n            last(LISTENERS)?.disable();\n            // Keep track of current listener.\n            LISTENERS.push(listener);\n            // Enable current listener.\n            listener.enable();\n        },\n        unregister(listener: Listener) {\n            // Disable current listener.\n            listener.disable();\n            // Remove current listener.\n            pull(LISTENERS, listener);\n            // Enable previous listener.\n            last(LISTENERS)?.enable();\n        },\n    };\n}\n","import { useEffect } from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { getFirstAndLastFocusable } from '@lumx/react/utils/focus/getFirstAndLastFocusable';\nimport { Falsy } from '@lumx/react/utils/type';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/makeListenerTowerContext';\n\nconst FOCUS_TRAPS = makeListenerTowerContext();\n\n/**\n * Trap 'Tab' focus switch inside the `focusZoneElement`.\n *\n * If multiple focus trap are activated, only the last one is maintained and when a focus trap closes, the previous one\n * gets activated again.\n *\n * @param focusZoneElement The element in which to trap the focus.\n * @param focusElement     The element to focus when the focus trap is activated (otherwise the first focusable element\n *                         will be focused).\n */\nexport function useFocusTrap(focusZoneElement: HTMLElement | Falsy, focusElement?: HTMLElement | null): void {\n    useEffect(() => {\n        // Body element can be undefined in SSR context.\n        const rootElement = DOCUMENT?.body;\n\n        if (!rootElement || !focusZoneElement) {\n            return undefined;\n        }\n\n        // Trap 'Tab' key down focus switch into the focus zone.\n        const trapTabFocusInFocusZone = (evt: KeyboardEvent) => {\n            const { key } = evt;\n            if (key !== 'Tab') {\n                return;\n            }\n            const focusable = getFirstAndLastFocusable(focusZoneElement);\n\n            // Prevent focus switch if no focusable available.\n            if (!focusable.first) {\n                evt.preventDefault();\n                return;\n            }\n\n            if (\n                // No previous focus\n                !document.activeElement ||\n                // Previous focus is at the end of the focus zone.\n                (!evt.shiftKey && document.activeElement === focusable.last) ||\n                // Previous focus is outside the focus zone\n                !focusZoneElement.contains(document.activeElement)\n            ) {\n                focusable.first.focus();\n                evt.preventDefault();\n                return;\n            }\n\n            if (\n                // Focus order reversed\n                evt.shiftKey &&\n                // Previous focus is at the start of the focus zone.\n                document.activeElement === focusable.first\n            ) {\n                focusable.last.focus();\n                evt.preventDefault();\n            }\n        };\n\n        const focusTrap: Listener = {\n            enable: () => rootElement.addEventListener('keydown', trapTabFocusInFocusZone),\n            disable: () => rootElement.removeEventListener('keydown', trapTabFocusInFocusZone),\n        };\n\n        // SETUP:\n        if (focusElement && focusZoneElement.contains(focusElement)) {\n            // Focus the given element.\n            focusElement.focus({ preventScroll: true });\n        } else {\n            // Focus the first focusable element in the zone.\n            getFirstAndLastFocusable(focusZoneElement).first?.focus({ preventScroll: true });\n        }\n        FOCUS_TRAPS.register(focusTrap);\n\n        // TEARDOWN:\n        return () => FOCUS_TRAPS.unregister(focusTrap);\n    }, [focusElement, focusZoneElement]);\n}\n","import { DOCUMENT } from '@lumx/react/constants';\nimport { Callback } from '@lumx/react/utils/type';\nimport { onEscapePressed } from '@lumx/react/utils/event';\nimport { useEffect } from 'react';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/makeListenerTowerContext';\n\nconst LISTENERS = makeListenerTowerContext();\n\n/**\n * Register a global listener on 'Escape' key pressed.\n *\n * If multiple listener are registered, only the last one is maintained. When a listener is unregistered, the previous\n * one gets activated again.\n *\n * @param callback      Callback\n * @param closeOnEscape Disables the hook when false\n */\nexport function useCallbackOnEscape(callback: Callback | undefined, closeOnEscape = true) {\n    useEffect(() => {\n        const rootElement = DOCUMENT?.body;\n        if (!closeOnEscape || !callback || !rootElement) {\n            return undefined;\n        }\n        const onKeyDown = onEscapePressed(callback);\n\n        const listener: Listener = {\n            enable: () => rootElement.addEventListener('keydown', onKeyDown),\n            disable: () => rootElement.removeEventListener('keydown', onKeyDown),\n        };\n\n        LISTENERS.register(listener);\n        return () => LISTENERS.unregister(listener);\n    }, [callback, closeOnEscape]);\n}\n"],"names":["getFirstAndLastFocusable","parentElement","focusableElements","getFocusableElements","first","last","length","makeListenerTowerContext","LISTENERS","register","listener","_last","disable","push","enable","unregister","_last2","pull","FOCUS_TRAPS","useFocusTrap","focusZoneElement","focusElement","useEffect","rootElement","DOCUMENT","body","undefined","trapTabFocusInFocusZone","evt","key","focusable","preventDefault","document","activeElement","shiftKey","contains","focus","focusTrap","addEventListener","removeEventListener","preventScroll","_getFirstAndLastFocus","useCallbackOnEscape","callback","closeOnEscape","arguments","onKeyDown","onEscapePressed"],"mappings":"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"}

package/_internal/063bb3df.js

@@ -0,0 +1,33 @@
+import { j as _objectSpread2, i as AspectRatio } from './35c3a78f.js';
+import 'react';
+
+/**
+ *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
+ */
+
+/**
+ * Loading attribute is not yet supported in typescript, so we need
+ * to add it in order to avoid a ts error.
+ * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
+ */
+
+/**
+ * All available aspect ratios.
+ * @deprecated
+ */
+const ThumbnailAspectRatio = _objectSpread2({}, AspectRatio);
+
+/**
+ *  Thumbnail sizes.
+ */
+
+/**
+ * Thumbnail variants.
+ */
+const ThumbnailVariant = {
+  squared: 'squared',
+  rounded: 'rounded'
+};
+
+export { ThumbnailAspectRatio as T, ThumbnailVariant as a };
+//# sourceMappingURL=063bb3df.js.map

package/_internal/063bb3df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"063bb3df.js","sources":["../../src/components/thumbnail/types.ts"],"sourcesContent":["import React from 'react';\nimport { AspectRatio, Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).\n */\nexport type FocusPoint = { x?: number; y?: number };\n\n/**\n * Loading attribute is not yet supported in typescript, so we need\n * to add it in order to avoid a ts error.\n * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes\n */\ndeclare module 'react' {\n    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {\n        loading?: 'eager' | 'lazy';\n    }\n}\n\n/**\n * All available aspect ratios.\n * @deprecated\n */\nexport const ThumbnailAspectRatio: Record<string, AspectRatio> = { ...AspectRatio };\n\n/**\n *  Thumbnail sizes.\n */\nexport type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Thumbnail variants.\n */\nexport const ThumbnailVariant = {\n    squared: 'squared',\n    rounded: 'rounded',\n} as const;\nexport type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;\n"],"names":["ThumbnailAspectRatio","_objectSpread","AspectRatio","ThumbnailVariant","squared","rounded"],"mappings":";;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;MACaA,oBAAiD,GAAAC,cAAA,KAAQC,WAAW;;AAEjF;AACA;AACA;;AAGA;AACA;AACA;MACaC,gBAAgB,GAAG;EAC5BC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACb;;;;"}

package/_internal/0d8b4e37.d.ts

@@ -0,0 +1,106 @@
+import React, { ReactNode } from 'react';
+import { l as GenericProps, q as HasTheme, A as Alignment, C as Comp } from './28b656e3.js';
+import { a as IconProps } from './717ab5c2.js';
+
+interface TabProviderProps {
+    /** Active tab index. */
+    activeTabIndex?: number;
+    /** Tab provider children. */
+    children: ReactNode;
+    /** Tab panel children should not render if the tab panel is hidden. */
+    isLazy?: boolean;
+    /** Activate tabs on focus. */
+    shouldActivateOnFocus?: boolean;
+    /** Tab change callback. */
+    onChange?(index: number): void;
+}
+/**
+ * This component provides a context in which tabs can be defined and linked to their tab panel.
+ *
+ * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel
+ * components in the react tree.
+ *
+ * @param  props React component props.
+ * @return React element.
+ */
+declare const TabProvider: React.FC<TabProviderProps>;
+
+declare enum TabListLayout {
+    clustered = "clustered",
+    fixed = "fixed"
+}
+/**
+ * Defines the props of the component.
+ */
+interface TabListProps extends GenericProps, HasTheme {
+    /** ARIA label (purpose of the set of tabs). */
+    ['aria-label']: string;
+    /** Tab list. */
+    children: ReactNode;
+    /** Layout of the tabs in the list. */
+    layout?: TabListLayout;
+    /** Position of the tabs in the list (requires 'clustered' layout). */
+    position?: Alignment;
+}
+/**
+ * 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.
+ */
+declare const TabList: Comp<TabListProps, HTMLDivElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface TabProps extends GenericProps {
+    /** Children are not supported. */
+    children?: never;
+    /** Icon (SVG path). */
+    icon?: IconProps['icon'];
+    /** Icon component properties. */
+    iconProps?: Omit<IconProps, 'icon'>;
+    /** Native id property. */
+    id?: string;
+    /** Whether the tab is active or not. */
+    isActive?: boolean;
+    /** Whether the component is disabled or not. */
+    isDisabled?: boolean;
+    /** Label content. */
+    label: string | ReactNode;
+}
+/**
+ * Tab 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.
+ */
+declare const Tab: Comp<TabProps, HTMLButtonElement>;
+
+/**
+ * Defines the props of the component.
+ */
+interface TabPanelProps extends GenericProps {
+    /** Native id property */
+    id?: string;
+    /** Whether the tab is active or not. */
+    isActive?: boolean;
+}
+/**
+ * TabPanel 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.
+ */
+declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
+
+export { TabProviderProps as T, TabProvider as a, TabListLayout as b, TabListProps as c, TabList as d, TabProps as e, Tab as f, TabPanelProps as g, TabPanel as h };

package/_internal/0da969e1.d.ts

@@ -0,0 +1,45 @@
+import React, { ReactNode } from 'react';
+import { s as HasClassName, q as HasTheme, O as Orientation, H as HasAriaLabelOrLabelledBy, t as ComponentRef } from './28b656e3.js';
+
+interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'li'>, HasClassName {
+    /** Items inside the section */
+    children: ReactNode;
+    /** Icon (SVG path). */
+    icon?: string;
+    /** Label content. */
+    label: string | ReactNode;
+}
+
+declare type NavigationProps = React.ComponentProps<'nav'> & HasClassName & HasTheme & {
+    /** Content of the navigation. These components should be of type NavigationItem to be rendered */
+    children?: ReactNode;
+    orientation?: Orientation;
+} & HasAriaLabelOrLabelledBy;
+declare const Navigation: React.ForwardRefExoticComponent<Pick<NavigationProps, "orientation" | "key" | keyof React.HTMLAttributes<HTMLElement> | "theme"> & React.RefAttributes<HTMLElement>> & {
+    displayName: string;
+    className: string;
+    defaultProps: {
+        theme: "light";
+        orientation: "vertical";
+    };
+    Section: React.ForwardRefExoticComponent<NavigationSectionProps & React.RefAttributes<HTMLLIElement>> & {
+        displayName: string;
+        className: string;
+    };
+    Item: (<E extends React.ElementType<any> = "a">(props: React.PropsWithoutRef<React.ComponentProps<E>> & {
+        as?: E | undefined;
+    } & HasTheme & HasClassName & {
+        icon?: string | undefined;
+        label: React.ReactNode; /** Content of the navigation. These components should be of type NavigationItem to be rendered */
+        isCurrentPage?: boolean | undefined;
+    } & (E extends "a" ? {
+        href: string;
+    } : Record<string, unknown>) & {
+        ref?: ComponentRef<E> | undefined;
+    }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
+        displayName: string;
+        className: string;
+    };
+};
+
+export { NavigationProps as N, Navigation as a };

package/_internal/1098ba6a.js

@@ -0,0 +1,26 @@
+import { _ as _objectWithoutProperties } from './35c3a78f.js';
+import React from 'react';
+
+const _excluded = ["linkAs"];
+/**
+ * Render link with default <a> HTML component or a custom one provided by `linkAs`.
+ *
+ * Can be used to inject the `Link` component from `react-router` and provide better a11y on LumX components.
+ *
+ * @param linkAs    Custom link component.
+ * @param children  Link children.
+ * @return          A link.
+ */
+const renderLink = function (_ref) {
+  let {
+      linkAs
+    } = _ref,
+    forwardedProps = _objectWithoutProperties(_ref, _excluded);
+  for (var _len = arguments.length, children = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    children[_key - 1] = arguments[_key];
+  }
+  return /*#__PURE__*/React.createElement(linkAs || 'a', forwardedProps, ...children);
+};
+
+export { renderLink as r };
+//# sourceMappingURL=1098ba6a.js.map

package/_internal/1098ba6a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"1098ba6a.js","sources":["../../src/utils/renderLink.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\ninterface Props {\n    linkAs?: any;\n}\n\n/**\n * Render link with default <a> HTML component or a custom one provided by `linkAs`.\n *\n * Can be used to inject the `Link` component from `react-router` and provide better a11y on LumX components.\n *\n * @param linkAs    Custom link component.\n * @param children  Link children.\n * @return          A link.\n */\nexport const renderLink = <P extends Props>({ linkAs, ...forwardedProps }: P, ...children: ReactNode[]): ReactElement =>\n    React.createElement(linkAs || 'a', forwardedProps, ...children);\n"],"names":["renderLink","_ref","linkAs","forwardedProps","_objectWithoutProperties","_excluded","_len","arguments","length","children","Array","_key","React","createElement"],"mappings":";;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,UAAU,GAAG,UAAAC,IAAA;EAAA,IAAkB;MAAEC;KAA8B,GAAAD,IAAA;IAAnBE,cAAc,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAUC,QAAQ,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAARF,QAAQ,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;;EAAA,oBACrFC,KAAK,CAACC,aAAa,CAACX,MAAM,IAAI,GAAG,EAAEC,cAAc,EAAE,GAAGM,QAAQ,CAAC;AAAA;;;;"}

package/_internal/1252e3a1.js

@@ -0,0 +1,108 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, a as _extends, c as classnames, j as _objectSpread2, i as AspectRatio, T as Theme, C as ColorPalette, b as ColorVariant, S as Size } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { L as Link } from './c70420da.js';
+import { T as Thumbnail } from './9dced38c.js';
+
+const _excluded = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'LinkPreview';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  size: Size.regular,
+  theme: Theme.light,
+  titleHeading: 'h2'
+};
+
+/**
+ * LinkPreview component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      description,
+      link,
+      linkAs,
+      linkProps,
+      size,
+      theme,
+      thumbnailProps,
+      title,
+      titleHeading
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
+  const TitleHeading = titleHeading;
+  return /*#__PURE__*/React.createElement("article", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      size: size === Size.big && thumbnailProps ? Size.big : Size.regular,
+      theme
+    }))
+  }), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__wrapper`
+  }, thumbnailProps && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__thumbnail`
+  }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
+    linkAs: linkAs,
+    linkProps: _objectSpread2(_objectSpread2({}, linkProps), {}, {
+      href: link,
+      target: '_blank',
+      // Avoid redundant links in focus order
+      tabIndex: -1
+    }),
+    aspectRatio: AspectRatio.free,
+    fillHeight: true
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__container`
+  }, title && /*#__PURE__*/React.createElement(TitleHeading, {
+    className: `${CLASSNAME}__title`
+  }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
+    linkAs: linkAs,
+    target: "_blank",
+    href: link,
+    color: theme === Theme.light ? ColorPalette.dark : ColorPalette.light,
+    colorVariant: ColorVariant.N
+  }), title)), description && /*#__PURE__*/React.createElement("p", {
+    className: `${CLASSNAME}__description`
+  }, description), /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__link`
+  }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
+    linkAs: linkAs,
+    className: classnames(`${CLASSNAME}__link`, linkProps === null || linkProps === void 0 ? void 0 : linkProps.className),
+    target: "_blank",
+    href: link,
+    color: theme === Theme.light ? ColorPalette.primary : ColorPalette.light,
+    colorVariant: ColorVariant.N
+    // Avoid redundant links in focus order
+    ,
+    tabIndex: title ? '-1' : undefined
+  }), link)))));
+});
+LinkPreview.displayName = COMPONENT_NAME;
+LinkPreview.className = CLASSNAME;
+LinkPreview.defaultProps = DEFAULT_PROPS;
+
+export { LinkPreview as L };
+//# sourceMappingURL=1252e3a1.js.map