@lumx/react 3.20.1-alpha.32 → 3.20.1-alpha.34

package/_internal/bf202fa2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bf202fa2.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/orderModifiers.js"],"sourcesContent":["import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n  var map = new Map();\n  var visited = new Set();\n  var result = [];\n  modifiers.forEach(function (modifier) {\n    map.set(modifier.name, modifier);\n  }); // On visiting object, check for its dependencies and visit them recursively\n\n  function sort(modifier) {\n    visited.add(modifier.name);\n    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n    requires.forEach(function (dep) {\n      if (!visited.has(dep)) {\n        var depModifier = map.get(dep);\n\n        if (depModifier) {\n          sort(depModifier);\n        }\n      }\n    });\n    result.push(modifier);\n  }\n\n  modifiers.forEach(function (modifier) {\n    if (!visited.has(modifier.name)) {\n      // check for visited object\n      sort(modifier);\n    }\n  });\n  return result;\n}\n\nexport default function orderModifiers(modifiers) {\n  // order based on dependencies\n  var orderedModifiers = order(modifiers); // order based on phase\n\n  return modifierPhases.reduce(function (acc, phase) {\n    return acc.concat(orderedModifiers.filter(function (modifier) {\n      return modifier.phase === phase;\n    }));\n  }, []);\n}"],"names":[],"mappings":";;AAEA,SAAS,KAAK,CAAC,SAAS,EAAE;AAC1B,EAAE,IAAI,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;AACtB,EAAE,IAAI,OAAO,GAAG,IAAI,GAAG,EAAE,CAAC;AAC1B,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,SAAS,CAAC,OAAO,CAAC,UAAU,QAAQ,EAAE;AACxC,IAAI,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACrC,GAAG,CAAC,CAAC;AACL;AACA,EAAE,SAAS,IAAI,CAAC,QAAQ,EAAE;AAC1B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC/B,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,EAAE,EAAE,QAAQ,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC;AACvF,IAAI,QAAQ,CAAC,OAAO,CAAC,UAAU,GAAG,EAAE;AACpC,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;AAC7B,QAAQ,IAAI,WAAW,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACvC;AACA,QAAQ,IAAI,WAAW,EAAE;AACzB,UAAU,IAAI,CAAC,WAAW,CAAC,CAAC;AAC5B,SAAS;AACT,OAAO;AACP,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC1B,GAAG;AACH;AACA,EAAE,SAAS,CAAC,OAAO,CAAC,UAAU,QAAQ,EAAE;AACxC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACrC;AACA,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrB,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC;AACD;AACe,SAAS,cAAc,CAAC,SAAS,EAAE;AAClD;AACA,EAAE,IAAI,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAC1C;AACA,EAAE,OAAO,cAAc,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,KAAK,EAAE;AACrD,IAAI,OAAO,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,UAAU,QAAQ,EAAE;AAClE,MAAM,OAAO,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC;AACtC,KAAK,CAAC,CAAC,CAAC;AACR,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;","x_google_ignoreList":[0]}

package/_internal/bf411e5a.js

@@ -0,0 +1,109 @@
+import { useCallback } from 'react';
+import classNames from 'classnames';
+import './6af61e2f.js';
+import { handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { useDisableStateProps } from './ef982c3d.js';
+import { useTabProviderContext } from './e0398237.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from './595d0e66.js';
+import { Size, CSS_PREFIX } from '@lumx/core/js/constants';
+import { Text } from './203b01d8.js';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Tab';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = `${CSS_PREFIX}-tabs__link`;
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * 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.
+ */
+const Tab = forwardRef((props, ref) => {
+  const {
+    isAnyDisabled,
+    otherProps
+  } = useDisableStateProps(props);
+  const {
+    className,
+    icon,
+    iconProps = {},
+    id,
+    isActive: propIsActive,
+    label,
+    onFocus,
+    onKeyPress,
+    tabIndex = -1,
+    ...forwardedProps
+  } = otherProps;
+  const state = useTabProviderContext('tab', id);
+  const isActive = propIsActive || state?.isActive;
+  const changeToCurrentTab = useCallback(() => {
+    if (isAnyDisabled) {
+      return;
+    }
+    state?.changeToTab();
+  }, [isAnyDisabled, state]);
+  const handleFocus = useCallback(event => {
+    onFocus?.(event);
+    if (state?.shouldActivateOnFocus) {
+      changeToCurrentTab();
+    }
+  }, [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus]);
+  const handleKeyPress = useCallback(event => {
+    onKeyPress?.(event);
+    if (event.key !== 'Enter' || isAnyDisabled) {
+      return;
+    }
+    changeToCurrentTab();
+  }, [changeToCurrentTab, isAnyDisabled, onKeyPress]);
+  return /*#__PURE__*/jsxs("button", {
+    ref: ref,
+    ...forwardedProps,
+    type: "button",
+    id: state?.tabId,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      isActive,
+      isDisabled: isAnyDisabled
+    })),
+    onClick: changeToCurrentTab,
+    onKeyPress: handleKeyPress,
+    onFocus: handleFocus,
+    role: "tab",
+    tabIndex: isActive ? 0 : tabIndex,
+    "aria-disabled": isAnyDisabled,
+    "aria-selected": isActive,
+    "aria-controls": state?.tabPanelId,
+    children: [icon && /*#__PURE__*/jsx(Icon, {
+      icon: icon,
+      size: Size.xs,
+      ...iconProps
+    }), label && /*#__PURE__*/jsx(Text, {
+      as: "span",
+      truncate: true,
+      children: label
+    })]
+  });
+});
+Tab.displayName = COMPONENT_NAME;
+Tab.className = CLASSNAME;
+Tab.defaultProps = DEFAULT_PROPS;
+
+export { Tab };
+//# sourceMappingURL=bf411e5a.js.map

package/_internal/bf411e5a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bf411e5a.js","sources":["../../src/components/tabs/Tab.tsx"],"sourcesContent":["import { FocusEventHandler, KeyboardEventHandler, ReactNode, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Icon, IconProps, Size, Text } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { useTabProviderContext } from './state';\n\n/**\n * Defines the props of the component.\n */\nexport interface TabProps extends GenericProps {\n    /** Children are not supported. */\n    children?: never;\n    /** Icon (SVG path). */\n    icon?: IconProps['icon'];\n    /** Icon component properties. */\n    iconProps?: Omit<IconProps, 'icon'>;\n    /** Native id property. */\n    id?: string;\n    /** Whether the tab is active or not. */\n    isActive?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label content. */\n    label: string | ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Tab';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-tabs__link`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TabProps> = {};\n\n/**\n * Tab 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 Tab = forwardRef<TabProps, HTMLButtonElement>((props, ref) => {\n    const { isAnyDisabled, otherProps } = useDisableStateProps(props);\n    const {\n        className,\n        icon,\n        iconProps = {},\n        id,\n        isActive: propIsActive,\n        label,\n        onFocus,\n        onKeyPress,\n        tabIndex = -1,\n        ...forwardedProps\n    } = otherProps;\n    const state = useTabProviderContext('tab', id);\n    const isActive = propIsActive || state?.isActive;\n\n    const changeToCurrentTab = useCallback(() => {\n        if (isAnyDisabled) {\n            return;\n        }\n        state?.changeToTab();\n    }, [isAnyDisabled, 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' || isAnyDisabled) {\n                return;\n            }\n            changeToCurrentTab();\n        },\n        [changeToCurrentTab, isAnyDisabled, onKeyPress],\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({ prefix: CLASSNAME, isActive, isDisabled: isAnyDisabled }),\n            )}\n            onClick={changeToCurrentTab}\n            onKeyPress={handleKeyPress}\n            onFocus={handleFocus}\n            role=\"tab\"\n            tabIndex={isActive ? 0 : tabIndex}\n            aria-disabled={isAnyDisabled}\n            aria-selected={isActive}\n            aria-controls={state?.tabPanelId}\n        >\n            {icon && <Icon icon={icon} size={Size.xs} {...iconProps} />}\n            {label && (\n                <Text as=\"span\" truncate>\n                    {label}\n                </Text>\n            )}\n        </button>\n    );\n});\nTab.displayName = COMPONENT_NAME;\nTab.className = CLASSNAME;\nTab.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","CSS_PREFIX","DEFAULT_PROPS","Tab","forwardRef","props","ref","isAnyDisabled","otherProps","useDisableStateProps","className","icon","iconProps","id","isActive","propIsActive","label","onFocus","onKeyPress","tabIndex","forwardedProps","state","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","shouldActivateOnFocus","handleKeyPress","key","_jsxs","type","tabId","classNames","handleBasicClasses","prefix","isDisabled","onClick","role","tabPanelId","children","_jsx","Icon","size","Size","xs","Text","as","truncate","displayName","defaultProps"],"mappings":"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"}

package/_internal/c01c3bec.js

@@ -0,0 +1,12 @@
+function format(str) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+
+  return [].concat(args).reduce(function (p, c) {
+    return p.replace(/%s/, c);
+  }, str);
+}
+
+export { format as default };
+//# sourceMappingURL=c01c3bec.js.map

package/_internal/c01c3bec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c01c3bec.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/format.js"],"sourcesContent":["export default function format(str) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n\n  return [].concat(args).reduce(function (p, c) {\n    return p.replace(/%s/, c);\n  }, str);\n}"],"names":[],"mappings":"AAAe,SAAS,MAAM,CAAC,GAAG,EAAE;AACpC,EAAE,KAAK,IAAI,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE;AAC9G,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;AACrC,GAAG;AACH;AACA,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE;AAChD,IAAI,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAC9B,GAAG,EAAE,GAAG,CAAC,CAAC;AACV;;;;","x_google_ignoreList":[0]}

package/_internal/{getFocusableElements-230173a8.js → c0a6dba6.js}

@@ -4,10 +4,5 @@ const TABBABLE_ELEMENTS_SELECTOR = 'a[href], button, textarea, input:not([type="
 /** CSS selector matching element that are disabled (should not receive focus). */
 const DISABLED_SELECTOR = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])';
 
-const isNotDisabled = element => !element.matches(DISABLED_SELECTOR);
-function getFocusableElements(element) {
-  return Array.from(element.querySelectorAll(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);
-}
-
-export { getFocusableElements as g };
-//# sourceMappingURL=getFocusableElements-230173a8.js.map
+export { DISABLED_SELECTOR, TABBABLE_ELEMENTS_SELECTOR };
+//# sourceMappingURL=c0a6dba6.js.map

package/_internal/c0a6dba6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c0a6dba6.js","sources":["../../src/utils/browser/focus/constants.ts"],"sourcesContent":["/** CSS selector listing all tabbable elements. */\nexport const TABBABLE_ELEMENTS_SELECTOR =\n    'a[href], button, textarea, input:not([type=\"hidden\"]):not([hidden]), [tabindex]';\n\n/** CSS selector matching element that are disabled (should not receive focus). */\nexport const DISABLED_SELECTOR =\n    '[hidden], [tabindex=\"-1\"], [disabled]:not([disabled=\"false\"]), [aria-disabled]:not([aria-disabled=\"false\"])';\n"],"names":["TABBABLE_ELEMENTS_SELECTOR","DISABLED_SELECTOR"],"mappings":"AAAA;AACO,MAAMA,0BAA0B,GACnC,kFAAiF;;AAErF;AACO,MAAMC,iBAAiB,GAC1B;;;;"}

package/_internal/{components/post-block-7e63c4f4.js → c241db12.js}

@@ -1,12 +1,12 @@
 import classNames from 'classnames';
 import isObject from 'lodash/isObject';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useTheme } from '../ThemeContext-3181f000.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ThumbnailVariant } from './thumbnail-4928bba2.js';
+import { ThumbnailVariant } from './58418448.js';
 import { Orientation, Theme } from '@lumx/core/js/constants';
-import { T as Thumbnail } from '../Thumbnail-22bbea7e.js';
+import { Thumbnail } from './dbe906f1.js';
 
 /**
  * Component display name.
@@ -107,4 +107,4 @@ PostBlock.className = CLASSNAME;
 PostBlock.defaultProps = DEFAULT_PROPS;
 
 export { PostBlock };
-//# sourceMappingURL=post-block-7e63c4f4.js.map
+//# sourceMappingURL=c241db12.js.map

package/_internal/c241db12.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c241db12.js","sources":["../../src/components/post-block/PostBlock.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isObject from 'lodash/isObject';\n\nimport { Orientation, Theme, Thumbnail, ThumbnailProps, ThumbnailVariant } 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 PostBlockProps extends GenericProps, HasTheme {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Attachment content. */\n    attachments?: ReactNode;\n    /** Author content. */\n    author?: ReactNode;\n    /** Metadata content. */\n    meta?: ReactNode;\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Tag content. */\n    tags?: ReactNode;\n    /** Content (string, or sanitized html). */\n    text?: string | { __html: string };\n    /** Thumbnail. */\n    thumbnailProps?: ThumbnailProps;\n    /** Title. */\n    title: string;\n    /** On click callback. */\n    onClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'PostBlock';\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<PostBlockProps> = {\n    orientation: Orientation.horizontal,\n};\n\n/**\n * PostBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const PostBlock = forwardRef<PostBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        attachments,\n        author,\n        className,\n        meta,\n        onClick,\n        orientation = DEFAULT_PROPS.orientation,\n        tags,\n        text,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, orientation, theme }))}\n            {...forwardedProps}\n        >\n            {thumbnailProps && (\n                <div className={`${CLASSNAME}__thumbnail`}>\n                    <Thumbnail {...thumbnailProps} theme={theme} variant={ThumbnailVariant.rounded} />\n                </div>\n            )}\n            <div className={`${CLASSNAME}__wrapper`}>\n                {author && <div className={`${CLASSNAME}__author`}>{author}</div>}\n\n                {title && (\n                    <button type=\"button\" className={`${CLASSNAME}__title`} onClick={onClick}>\n                        {title}\n                    </button>\n                )}\n\n                {meta && <span className={`${CLASSNAME}__meta`}>{meta}</span>}\n\n                {isObject(text) && text.__html ? (\n                    // eslint-disable-next-line react/no-danger\n                    <p dangerouslySetInnerHTML={text} className={`${CLASSNAME}__text`} />\n                ) : (\n                    <p className={`${CLASSNAME}__text`}>{text}</p>\n                )}\n\n                {attachments && <div className={`${CLASSNAME}__attachments`}>{attachments}</div>}\n                {(tags || actions) && (\n                    <div className={`${CLASSNAME}__toolbar`}>\n                        {tags && <div className={`${CLASSNAME}__tags`}>{tags}</div>}\n                        {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n});\nPostBlock.displayName = COMPONENT_NAME;\nPostBlock.className = CLASSNAME;\nPostBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","PostBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","attachments","author","className","meta","onClick","tags","text","theme","thumbnailProps","title","forwardedProps","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","Thumbnail","variant","ThumbnailVariant","rounded","type","isObject","__html","dangerouslySetInnerHTML","displayName","defaultProps"],"mappings":"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"}

package/_internal/c3ccd387.js

@@ -0,0 +1,20 @@
+/**
+ * Clamp value in range.
+ *
+ * @param value Value to clamp.
+ * @param min   Minimum value.
+ * @param max   Maximum value.
+ * @return Clamped value.
+ */
+const clamp = (value, min, max) => {
+  if (value < min) {
+    return min;
+  }
+  if (value > max) {
+    return max;
+  }
+  return value;
+};
+
+export { clamp };
+//# sourceMappingURL=c3ccd387.js.map

package/_internal/c3ccd387.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c3ccd387.js","sources":["../../src/utils/number/clamp.ts"],"sourcesContent":["/**\n * Clamp value in range.\n *\n * @param value Value to clamp.\n * @param min   Minimum value.\n * @param max   Maximum value.\n * @return Clamped value.\n */\nexport const clamp = (value: number, min: number, max: number): number => {\n    if (value < min) {\n        return min;\n    }\n    if (value > max) {\n        return max;\n    }\n    return value;\n};\n"],"names":["clamp","value","min","max"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,KAAK,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAa;EACtE,IAAIF,KAAK,GAAGC,GAAG,EAAE;AACb,IAAA,OAAOA,GAAG,CAAA;AACd,GAAA;EACA,IAAID,KAAK,GAAGE,GAAG,EAAE;AACb,IAAA,OAAOA,GAAG,CAAA;AACd,GAAA;AACA,EAAA,OAAOF,KAAK,CAAA;AAChB;;;;"}

package/_internal/{components/alert-dialog-5326cf04.js → c51d37f8.js}

@@ -1,15 +1,17 @@
 import React__default from 'react';
 import classNames from 'classnames';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useId } from '../useId-3a1facc0.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
+import { useId } from './11687649.js';
+import { forwardRef } from './bd8b3ec8.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { m as mdiAlert, a as mdiInformation } from '../information-49bbeed3.js';
-import { m as mdiCheckCircle } from '../check-circle-de24f857.js';
-import { m as mdiAlertCircle, I as Icon } from '../index-d3e86bd8.js';
-import { Dialog } from './dialog-d0e090b1.js';
-import { Toolbar } from './toolbar-e7c984e6.js';
-import { a as Button } from '../Button-1b7d3b79.js';
+import { mdiAlert } from './f419ecef.js';
+import { mdiInformation } from './68f13c1c.js';
+import { mdiCheckCircle } from './e47dacb8.js';
+import { mdiAlertCircle } from './893eb653.js';
+import { Dialog } from './cd8457fc.js';
+import { Toolbar } from './a1974f13.js';
+import { Icon } from './595d0e66.js';
+import { Button } from './0d7cc1e0.js';
 import { Kind, ColorPalette, Size, Emphasis } from '@lumx/core/js/constants';
 
 /**
@@ -161,4 +163,4 @@ AlertDialog.className = CLASSNAME;
 AlertDialog.defaultProps = DEFAULT_PROPS;
 
 export { AlertDialog };
-//# sourceMappingURL=alert-dialog-5326cf04.js.map
+//# sourceMappingURL=c51d37f8.js.map

package/_internal/c51d37f8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c51d37f8.js","sources":["../../src/components/alert-dialog/AlertDialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport {\n    DialogProps,\n    Dialog,\n    Button,\n    Emphasis,\n    ColorPalette,\n    Icon,\n    Size,\n    Kind,\n    Toolbar,\n    ButtonProps,\n} from '@lumx/react';\nimport { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {\n    /** Message variant. */\n    kind?: Kind;\n    /** Dialog title. */\n    title?: string;\n    /** Props forwarded to the confirm button */\n    confirmProps: ButtonProps & {\n        onClick(): void;\n        label: string;\n    };\n    /**\n     * Props forwarded to the cancel button.\n     * Will not render a cancel button if undefined.\n     */\n    cancelProps?: ButtonProps & {\n        onClick(): void;\n        label: string;\n    };\n    /**\n     * Children\n     */\n    children?: React.ReactNode;\n}\n\n/**\n * Associative map from message kind to color and icon.\n */\nconst CONFIG = {\n    [Kind.error]: { color: ColorPalette.red, icon: mdiAlert },\n    [Kind.info]: { color: ColorPalette.blue, icon: mdiInformation },\n    [Kind.success]: { color: ColorPalette.green, icon: mdiCheckCircle },\n    [Kind.warning]: { color: ColorPalette.yellow, icon: mdiAlertCircle },\n};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AlertDialog';\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<DialogProps> = {\n    size: Size.tiny,\n    kind: Kind.info,\n};\n\n/**\n * AlertDialog component.\n *\n * An alert dialog is a modal dialog that interrupts the user's workflow to\n * communicate an important message and acquire a response.\n *\n * It should not have a complex content.\n * Children of this component should only be strings, paragraphs or links.\n */\nexport const AlertDialog = forwardRef<AlertDialogProps, HTMLDivElement>((props, ref) => {\n    const {\n        id,\n        title,\n        className,\n        cancelProps,\n        confirmProps,\n        kind = DEFAULT_PROPS.kind,\n        size = DEFAULT_PROPS.size,\n        dialogProps,\n        children,\n        ...forwardedProps\n    } = props;\n\n    const cancelButtonRef = React.useRef(null);\n    const confirmationButtonRef = React.useRef(null);\n    const { color, icon } = CONFIG[kind as Kind] || {};\n\n    // Define a unique ID to target title and description for aria attributes.\n    const generatedId = useId();\n    const uniqueId = id || generatedId;\n    const titleId = `${uniqueId}-title`;\n    const descriptionId = `${uniqueId}-description`;\n\n    // If content is a string, set in a paragraph.\n    const DescriptionElement = typeof children === 'string' ? 'p' : 'div';\n\n    const { label: confirmLabel, onClick: confirmOnClick, ...forwardedConfirmProps } = confirmProps;\n    const { label: cancelLabel, onClick: cancelOnClick, ...forwardedCancelProps } = cancelProps || {};\n\n    return (\n        <Dialog\n            ref={ref}\n            focusElement={cancelProps ? cancelButtonRef : confirmationButtonRef}\n            size={size}\n            dialogProps={{\n                id: uniqueId,\n                role: 'alertdialog',\n                'aria-labelledby': titleId,\n                'aria-describedby': descriptionId,\n                ...dialogProps,\n            }}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    kind,\n                    prefix: CLASSNAME,\n                }),\n            )}\n            {...forwardedProps}\n        >\n            <header>\n                <Toolbar\n                    className=\"lumx-spacing-margin-horizontal\"\n                    before={<Icon icon={icon} size={Size.s} color={color} />}\n                    label={\n                        <h2 id={titleId} className=\"lumx-typography-title\">\n                            {title}\n                        </h2>\n                    }\n                />\n            </header>\n\n            {children && (\n                <DescriptionElement\n                    id={descriptionId}\n                    className=\"lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge\"\n                >\n                    {children}\n                </DescriptionElement>\n            )}\n\n            <footer>\n                <Toolbar\n                    className=\"lumx-spacing-margin-horizontal\"\n                    after={\n                        <>\n                            {cancelProps && (\n                                <Button\n                                    {...forwardedCancelProps}\n                                    ref={cancelButtonRef}\n                                    emphasis={Emphasis.medium}\n                                    onClick={cancelOnClick}\n                                >\n                                    {cancelLabel}\n                                </Button>\n                            )}\n                            <Button\n                                {...forwardedConfirmProps}\n                                ref={confirmationButtonRef}\n                                color={color}\n                                className=\"lumx-spacing-margin-left-regular\"\n                                onClick={confirmOnClick}\n                            >\n                                {confirmLabel}\n                            </Button>\n                        </>\n                    }\n                />\n            </footer>\n        </Dialog>\n    );\n});\n\nAlertDialog.displayName = COMPONENT_NAME;\nAlertDialog.className = CLASSNAME;\nAlertDialog.defaultProps = DEFAULT_PROPS;\n"],"names":["CONFIG","Kind","error","color","ColorPalette","red","icon","mdiAlert","info","blue","mdiInformation","success","green","mdiCheckCircle","warning","yellow","mdiAlertCircle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","tiny","kind","AlertDialog","forwardRef","props","ref","id","title","className","cancelProps","confirmProps","dialogProps","children","forwardedProps","cancelButtonRef","React","useRef","confirmationButtonRef","generatedId","useId","uniqueId","titleId","descriptionId","DescriptionElement","label","confirmLabel","onClick","confirmOnClick","forwardedConfirmProps","cancelLabel","cancelOnClick","forwardedCancelProps","_jsxs","Dialog","focusElement","role","classNames","handleBasicClasses","prefix","_jsx","Toolbar","before","Icon","s","after","_Fragment","Button","emphasis","Emphasis","medium","displayName","defaultProps"],"mappings":"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"}

package/_internal/c625d242.js

@@ -0,0 +1,14 @@
+function uniqueBy(arr, fn) {
+  var identifiers = new Set();
+  return arr.filter(function (item) {
+    var identifier = fn(item);
+
+    if (!identifiers.has(identifier)) {
+      identifiers.add(identifier);
+      return true;
+    }
+  });
+}
+
+export { uniqueBy as default };
+//# sourceMappingURL=c625d242.js.map

package/_internal/c625d242.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c625d242.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/uniqueBy.js"],"sourcesContent":["export default function uniqueBy(arr, fn) {\n  var identifiers = new Set();\n  return arr.filter(function (item) {\n    var identifier = fn(item);\n\n    if (!identifiers.has(identifier)) {\n      identifiers.add(identifier);\n      return true;\n    }\n  });\n}"],"names":[],"mappings":"AAAe,SAAS,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE;AAC1C,EAAE,IAAI,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;AAC9B,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE;AACpC,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;AAC9B;AACA,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACtC,MAAM,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;AAClC,MAAM,OAAO,IAAI,CAAC;AAClB,KAAK;AACL,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}

package/_internal/c72d4f8b.js

@@ -0,0 +1,4 @@
+const mdiDragVertical = 'M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z';
+
+export { mdiDragVertical };
+//# sourceMappingURL=c72d4f8b.js.map

package/_internal/c72d4f8b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c72d4f8b.js","sources":["../../../lumx-icons/dist/esm/drag-vertical.js"],"sourcesContent":["export const mdiDragVertical = 'M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z';"],"names":["mdiDragVertical"],"mappings":"AAAO,MAAMA,eAAe,GAAG;;;;"}

package/_internal/c9a3b27f.js

@@ -0,0 +1,6 @@
+function getAltAxis(axis) {
+  return axis === 'x' ? 'y' : 'x';
+}
+
+export { getAltAxis as default };
+//# sourceMappingURL=c9a3b27f.js.map

package/_internal/c9a3b27f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c9a3b27f.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/getAltAxis.js"],"sourcesContent":["export default function getAltAxis(axis) {\n  return axis === 'x' ? 'y' : 'x';\n}"],"names":[],"mappings":"AAAe,SAAS,UAAU,CAAC,IAAI,EAAE;AACzC,EAAE,OAAO,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAClC;;;;","x_google_ignoreList":[0]}

package/_internal/c9bd0e84.js

@@ -0,0 +1,29 @@
+import { mdiAlert } from './f419ecef.js';
+import { mdiInformation } from './68f13c1c.js';
+import { mdiCheckCircle } from './e47dacb8.js';
+import { mdiAlertCircle } from './893eb653.js';
+
+/**
+ * Notification icon and colors according to their type.
+ */
+const NOTIFICATION_CONFIGURATION = {
+  error: {
+    color: 'red',
+    icon: mdiAlert
+  },
+  info: {
+    color: 'blue',
+    icon: mdiInformation
+  },
+  success: {
+    color: 'green',
+    icon: mdiCheckCircle
+  },
+  warning: {
+    color: 'yellow',
+    icon: mdiAlertCircle
+  }
+};
+
+export { NOTIFICATION_CONFIGURATION };
+//# sourceMappingURL=c9bd0e84.js.map

package/_internal/c9bd0e84.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"c9bd0e84.js","sources":["../../src/components/notification/constants.ts"],"sourcesContent":["import { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons';\n\n/**\n * Notification delay before hiding.\n */\nexport const HIDE_DELAY = 6000;\n\n/**\n * Notification icon and colors according to their type.\n */\nexport const NOTIFICATION_CONFIGURATION = {\n    error: {\n        color: 'red',\n        icon: mdiAlert,\n    },\n    info: {\n        color: 'blue',\n        icon: mdiInformation,\n    },\n    success: {\n        color: 'green',\n        icon: mdiCheckCircle,\n    },\n    warning: {\n        color: 'yellow',\n        icon: mdiAlertCircle,\n    },\n};\n"],"names":["NOTIFICATION_CONFIGURATION","error","color","icon","mdiAlert","info","mdiInformation","success","mdiCheckCircle","warning","mdiAlertCircle"],"mappings":";;;;;AAOA;AACA;AACA;AACO,MAAMA,0BAA0B,GAAG;AACtCC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,IAAI,EAAEC,QAAAA;GACT;AACDC,EAAAA,IAAI,EAAE;AACFH,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,IAAI,EAAEG,cAAAA;GACT;AACDC,EAAAA,OAAO,EAAE;AACLL,IAAAA,KAAK,EAAE,OAAO;AACdC,IAAAA,IAAI,EAAEK,cAAAA;GACT;AACDC,EAAAA,OAAO,EAAE;AACLP,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,IAAI,EAAEO,cAAAA;AACV,GAAA;AACJ;;;;"}

package/_internal/{partitionMulti-4daccdd5.js → cb19eca6.js}

@@ -21,5 +21,5 @@ function partitionMulti(elements, predicates) {
   return reduce(predicates, (partitioned, predicate) => concat(dropRight(partitioned), partition(last(partitioned), predicate)), [elements]);
 }
 
-export { partitionMulti as p };
-//# sourceMappingURL=partitionMulti-4daccdd5.js.map
+export { partitionMulti };
+//# sourceMappingURL=cb19eca6.js.map

package/_internal/cb19eca6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cb19eca6.js","sources":["../../src/utils/partitionMulti.ts"],"sourcesContent":["import concat from 'lodash/concat';\nimport dropRight from 'lodash/dropRight';\nimport last from 'lodash/last';\nimport partition from 'lodash/partition';\nimport reduce from 'lodash/reduce';\n\nimport { Predicate } from '@lumx/core/js/types';\n\n/**\n * Similar to lodash `partition` function but working with multiple predicates.\n *\n * @example\n * const isString = (s) => typeof s === 'string'\n * const isNumber = (s) => typeof s === 'number'\n * const [strings, numbers, others] = partitionMulti(['a', 1, 'b', false], [isString, isNumber])\n * //=> [['a', 'b'], [1], [false]]\n *\n * @param  elements array of elements\n * @param  predicates array of predicates to apply on elements\n * @return partitioned elements by the given predicates\n */\nexport function partitionMulti<T>(elements: T[], predicates: Array<Predicate<T>>): T[][] {\n    return reduce(\n        predicates,\n        (partitioned: T[][], predicate: Predicate<T>) =>\n            concat(dropRight(partitioned), partition(last(partitioned), predicate)),\n        [elements],\n    );\n}\n"],"names":["partitionMulti","elements","predicates","reduce","partitioned","predicate","concat","dropRight","partition","last"],"mappings":";;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAIC,QAAa,EAAEC,UAA+B,EAAS;AACrF,EAAA,OAAOC,MAAM,CACTD,UAAU,EACV,CAACE,WAAkB,EAAEC,SAAuB,KACxCC,MAAM,CAACC,SAAS,CAACH,WAAW,CAAC,EAAEI,SAAS,CAACC,IAAI,CAACL,WAAW,CAAC,EAAEC,SAAS,CAAC,CAAC,EAC3E,CAACJ,QAAQ,CACb,CAAC,CAAA;AACL;;;;"}

package/_internal/cb525c68.js

@@ -0,0 +1,165 @@
+import classNames from 'classnames';
+import { Size, Theme } from '@lumx/core/js/constants';
+import { Chip } from './b125b718.js';
+import { Icon } from './595d0e66.js';
+import { InputLabel } from './26a92990.js';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { mergeRefs } from './27df0cb6.js';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { WithSelectContext } from './a45cc1b9.js';
+import { SelectVariant } from './5178b7ba.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { mdiClose } from './ad7c38b0.js';
+import { mdiCheckCircle } from './e47dacb8.js';
+import { mdiAlertCircle } from './893eb653.js';
+import { mdiMenuDown } from './b0846836.js';
+import { mdiCloseCircle } from './6f37d603.js';
+
+/** The display name of the component. */
+const COMPONENT_NAME = 'Select';
+
+/** The default class name and classes prefix for this component. */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/** The default value of props. */
+const DEFAULT_PROPS = {
+  selectedChipRender(choice, index, onClear, isDisabled, theme) {
+    const onClick = event => onClear && onClear(event, choice);
+    return /*#__PURE__*/jsx(Chip, {
+      after: onClear && /*#__PURE__*/jsx(Icon, {
+        icon: mdiClose,
+        size: Size.xxs
+      }),
+      isDisabled: isDisabled,
+      size: Size.s,
+      onAfterClick: onClick,
+      onClick: onClick,
+      theme: theme,
+      children: choice
+    }, index);
+  },
+  selectedValueRender: choice => choice,
+  variant: SelectVariant.input
+};
+const SelectMultipleField = props => {
+  const defaultTheme = useTheme();
+  const {
+    anchorRef,
+    handleKeyboardNav,
+    hasError,
+    icon,
+    id,
+    isDisabled,
+    isEmpty,
+    isRequired,
+    isValid,
+    label,
+    onClear,
+    onInputClick,
+    placeholder,
+    selectedChipRender,
+    selectedValueRender,
+    theme = defaultTheme,
+    value,
+    variant,
+    selectElementRef,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [variant === SelectVariant.input && /*#__PURE__*/jsxs(Fragment, {
+      children: [label && /*#__PURE__*/jsx("div", {
+        className: `${CLASSNAME}__header`,
+        children: /*#__PURE__*/jsx(InputLabel, {
+          htmlFor: id,
+          className: `${CLASSNAME}__label`,
+          isRequired: isRequired,
+          theme: theme,
+          children: label
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        ref: mergeRefs(anchorRef, selectElementRef),
+        id: id,
+        className: `${CLASSNAME}__wrapper`,
+        onClick: onInputClick,
+        onKeyDown: handleKeyboardNav,
+        tabIndex: isDisabled ? undefined : 0,
+        "aria-disabled": isDisabled || undefined,
+        ...forwardedProps,
+        children: [icon && /*#__PURE__*/jsx(Icon, {
+          className: `${CLASSNAME}__input-icon`,
+          color: theme === Theme.dark ? 'light' : undefined,
+          icon: icon,
+          size: Size.xs
+        }), /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__chips`,
+          children: !isEmpty && value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))
+        }), isEmpty && placeholder && /*#__PURE__*/jsx("div", {
+          className: classNames([`${CLASSNAME}__input-native`, `${CLASSNAME}__input-native--placeholder`]),
+          children: /*#__PURE__*/jsx("span", {
+            children: placeholder
+          })
+        }), (isValid || hasError) && /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__input-validity`,
+          children: /*#__PURE__*/jsx(Icon, {
+            icon: isValid ? mdiCheckCircle : mdiAlertCircle,
+            size: Size.xxs
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: `${CLASSNAME}__input-indicator`,
+          children: /*#__PURE__*/jsx(Icon, {
+            icon: mdiMenuDown,
+            size: Size.s
+          })
+        })]
+      })]
+    }), variant === SelectVariant.chip && /*#__PURE__*/jsxs(Chip, {
+      id: id,
+      isSelected: !isEmpty,
+      isDisabled: isDisabled,
+      after: /*#__PURE__*/jsx(Icon, {
+        icon: isEmpty ? mdiMenuDown : mdiCloseCircle
+      }),
+      onAfterClick: isEmpty ? onInputClick : onClear,
+      onClick: onInputClick,
+      ref: mergeRefs(anchorRef, selectElementRef),
+      theme: theme,
+      ...forwardedProps,
+      children: [isEmpty && /*#__PURE__*/jsx("span", {
+        children: label
+      }), !isEmpty && /*#__PURE__*/jsxs("span", {
+        children: [/*#__PURE__*/jsx("span", {
+          children: selectedValueRender?.(value[0])
+        }), value.length > 1 && /*#__PURE__*/jsxs("span", {
+          children: ["\xA0+", value.length - 1]
+        })]
+      })]
+    })]
+  });
+};
+
+/**
+ * SelectMultiple component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const SelectMultiple = forwardRef((props, ref) => {
+  return WithSelectContext(SelectMultipleField, {
+    ...DEFAULT_PROPS,
+    ...props,
+    className: classNames(props.className, handleBasicClasses({
+      hasMultiple: !props.isEmpty,
+      prefix: CLASSNAME
+    })),
+    isEmpty: props.value.length === 0,
+    isMultiple: true
+  }, ref);
+});
+SelectMultiple.displayName = COMPONENT_NAME;
+SelectMultiple.className = CLASSNAME;
+SelectMultiple.defaultProps = DEFAULT_PROPS;
+
+export { SelectMultiple, SelectMultipleField };
+//# sourceMappingURL=cb525c68.js.map

package/_internal/cb525c68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cb525c68.js","sources":["../../src/components/select/SelectMultiple.tsx"],"sourcesContent":["import { ReactNode, RefObject, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiClose, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Size, Theme } from '@lumx/core/js/constants';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectMultipleProps extends CoreSelectProps {\n    /** Selected values. */\n    value: string[];\n    /** Selected value render function. Default: Renders the value inside of a Chip. */\n    selectedChipRender?(\n        choice: string,\n        index: number,\n        onClear?: (event: SyntheticEvent, choice: string) => void,\n        isDisabled?: boolean,\n        theme?: any,\n    ): ReactNode | string;\n}\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectMultipleProps> = {\n    selectedChipRender(choice, index, onClear, isDisabled?, theme?) {\n        const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n        return (\n            <Chip\n                key={index}\n                after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n                isDisabled={isDisabled}\n                size={Size.s}\n                onAfterClick={onClick}\n                onClick={onClick}\n                theme={theme}\n            >\n                {choice}\n            </Chip>\n        );\n    },\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nexport const SelectMultipleField: React.FC<SelectMultipleProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        handleKeyboardNav,\n        hasError,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedChipRender,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__chips`}>\n                            {!isEmpty &&\n                                value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))}\n                        </div>\n\n                        {isEmpty && placeholder && (\n                            <div\n                                className={classNames([\n                                    `${CLASSNAME}__input-native`,\n                                    `${CLASSNAME}__input-native--placeholder`,\n                                ])}\n                            >\n                                <span>{placeholder}</span>\n                            </div>\n                        )}\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && (\n                        <span>\n                            <span>{selectedValueRender?.(value[0])}</span>\n\n                            {value.length > 1 && <span>&nbsp;+{value.length - 1}</span>}\n                        </span>\n                    )}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * SelectMultiple component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SelectMultiple = forwardRef<SelectMultipleProps, HTMLDivElement>((props, ref) => {\n    return WithSelectContext(\n        SelectMultipleField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasMultiple: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            isEmpty: props.value.length === 0,\n            isMultiple: true,\n        },\n        ref,\n    );\n});\nSelectMultiple.displayName = COMPONENT_NAME;\nSelectMultiple.className = CLASSNAME;\nSelectMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","selectedChipRender","choice","index","onClear","isDisabled","theme","onClick","event","_jsx","Chip","after","Icon","icon","mdiClose","size","Size","xxs","s","onAfterClick","children","selectedValueRender","variant","SelectVariant","input","SelectMultipleField","props","defaultTheme","useTheme","anchorRef","handleKeyboardNav","hasError","id","isEmpty","isRequired","isValid","label","onInputClick","placeholder","value","selectElementRef","forwardedProps","_jsxs","_Fragment","className","InputLabel","htmlFor","ref","mergeRefs","onKeyDown","tabIndex","undefined","color","Theme","dark","xs","map","val","classNames","mdiCheckCircle","mdiAlertCircle","mdiMenuDown","chip","isSelected","mdiCloseCircle","length","SelectMultiple","forwardRef","WithSelectContext","handleBasicClasses","hasMultiple","prefix","isMultiple","displayName","defaultProps"],"mappings":"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"}