@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.4

package/_internal/cae46566.js

@@ -1,65 +0,0 @@
-import { D as DOCUMENT } from './1da25128.js';
-import { a as onEscapePressed } from './f57e1239.js';
-import { useEffect } from 'react';
-import last from 'lodash/last';
-import pull from 'lodash/pull';
-
-/**
- * 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 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 { makeListenerTowerContext as m, useCallbackOnEscape as u };
-//# sourceMappingURL=cae46566.js.map

package/_internal/cae46566.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cae46566.js","sources":["../../src/utils/makeListenerTowerContext.ts","../../src/hooks/useCallbackOnEscape.ts"],"sourcesContent":["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 { 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":["makeListenerTowerContext","LISTENERS","register","listener","_last","last","disable","push","enable","unregister","_last2","pull","useCallbackOnEscape","callback","closeOnEscape","arguments","length","undefined","useEffect","rootElement","DOCUMENT","body","onKeyDown","onEscapePressed","addEventListener","removeEventListener"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAwBA,GAAG;EACvC,MAAMC,SAAqB,GAAG,EAAE,CAAA;EAEhC,OAAO;IACHC,QAAQA,CAACC,QAAkB,EAAE;AAAA,MAAA,IAAAC,KAAA,CAAA;AACzB;AACA,MAAA,CAAAA,KAAA,GAAAC,IAAI,CAACJ,SAAS,CAAC,MAAAG,IAAAA,IAAAA,KAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAiBE,OAAO,EAAE,CAAA;AAC1B;AACAL,MAAAA,SAAS,CAACM,IAAI,CAACJ,QAAQ,CAAC,CAAA;AACxB;MACAA,QAAQ,CAACK,MAAM,EAAE,CAAA;KACpB;IACDC,UAAUA,CAACN,QAAkB,EAAE;AAAA,MAAA,IAAAO,MAAA,CAAA;AAC3B;MACAP,QAAQ,CAACG,OAAO,EAAE,CAAA;AAClB;AACAK,MAAAA,IAAI,CAACV,SAAS,EAAEE,QAAQ,CAAC,CAAA;AACzB;AACA,MAAA,CAAAO,MAAA,GAAAL,IAAI,CAACJ,SAAS,CAAC,MAAAS,IAAAA,IAAAA,MAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAA,CAAiBF,MAAM,EAAE,CAAA;AAC7B,KAAA;GACH,CAAA;AACL;;ACzBA,MAAMP,SAAS,GAAGD,wBAAwB,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASY,mBAAmBA,CAACC,QAA8B,EAAwB;AAAA,EAAA,IAAtBC,aAAa,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AACpFG,EAAAA,SAAS,CAAC,MAAM;IACZ,MAAMC,WAAW,GAAGC,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAEC,IAAI,CAAA;IAClC,IAAI,CAACP,aAAa,IAAI,CAACD,QAAQ,IAAI,CAACM,WAAW,EAAE;AAC7C,MAAA,OAAOF,SAAS,CAAA;AACpB,KAAA;AACA,IAAA,MAAMK,SAAS,GAAGC,eAAe,CAACV,QAAQ,CAAC,CAAA;AAE3C,IAAA,MAAMV,QAAkB,GAAG;MACvBK,MAAM,EAAEA,MAAMW,WAAW,CAACK,gBAAgB,CAAC,SAAS,EAAEF,SAAS,CAAC;MAChEhB,OAAO,EAAEA,MAAMa,WAAW,CAACM,mBAAmB,CAAC,SAAS,EAAEH,SAAS,CAAA;KACtE,CAAA;AAEDrB,IAAAA,SAAS,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AAC5B,IAAA,OAAO,MAAMF,SAAS,CAACQ,UAAU,CAACN,QAAQ,CAAC,CAAA;AAC/C,GAAC,EAAE,CAACU,QAAQ,EAAEC,aAAa,CAAC,CAAC,CAAA;AACjC;;;;"}

package/_internal/components/alert-dialog/index.ts-623b1ed3.d.ts

@@ -1,37 +0,0 @@
-import { K as Kind, C as Comp } from '../../8d67e1e3.js';
-import { a as ButtonProps } from '../../26926e5c.js';
-import { DialogProps } from '../dialog/index.ts-eca28654.js';
-import 'react';
-import '../../7f022f8c.js';
-
-interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
-    /** Message variant. */
-    kind?: Kind;
-    /** Dialog title. */
-    title?: string;
-    /** Props forwarded to the confirm button */
-    confirmProps: ButtonProps & {
-        onClick(): void;
-        label: string;
-    };
-    /**
-     * Props forwarded to the cancel button.
-     * Will not render a cancel button if undefined.
-     */
-    cancelProps?: ButtonProps & {
-        onClick(): void;
-        label: string;
-    };
-}
-/**
- * AlertDialog component.
- *
- * An alert dialog is a modal dialog that interrupts the user's workflow to
- * communicate an important message and acquire a response.
- *
- * It should not have a complex content.
- * Children of this component should only be strings, paragraphs or links.
- */
-declare const AlertDialog: Comp<AlertDialogProps, HTMLDivElement>;
-
-export { AlertDialog, type AlertDialogProps };

package/_internal/components/alert-dialog/index.ts-f83bd6ef.js

@@ -1,148 +0,0 @@
-import { K as Kind, C as ColorPalette, h as getRootClassName, S as Size, i as forwardRef, j as _objectWithoutProperties, _ as _extends, k as _objectSpread2, g as classNames, E as Emphasis } from '../../1da25128.js';
-import React__default from 'react';
-import { u as useId } from '../../3a1facc0.js';
-import { e as mdiAlert, f as mdiInformation, g as mdiCheckCircle, h as mdiAlertCircle, I as Icon } from '../../c6c99f76.js';
-import { Dialog } from '../dialog/index.ts-ea044db2.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { Toolbar } from '../toolbar/index.ts-813b902e.js';
-import { a as Button } from '../../4c20d932.js';
-
-const _excluded = ["id", "title", "className", "cancelProps", "confirmProps", "kind", "size", "dialogProps", "children"],
-  _excluded2 = ["label", "onClick"],
-  _excluded3 = ["label", "onClick"];
-/**
- * Associative map from message kind to color and icon.
- */
-const CONFIG = {
-  [Kind.error]: {
-    color: ColorPalette.red,
-    icon: mdiAlert
-  },
-  [Kind.info]: {
-    color: ColorPalette.blue,
-    icon: mdiInformation
-  },
-  [Kind.success]: {
-    color: ColorPalette.green,
-    icon: mdiCheckCircle
-  },
-  [Kind.warning]: {
-    color: ColorPalette.yellow,
-    icon: mdiAlertCircle
-  }
-};
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'AlertDialog';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.tiny,
-  kind: Kind.info
-};
-
-/**
- * AlertDialog component.
- *
- * An alert dialog is a modal dialog that interrupts the user's workflow to
- * communicate an important message and acquire a response.
- *
- * It should not have a complex content.
- * Children of this component should only be strings, paragraphs or links.
- */
-const AlertDialog = forwardRef((props, ref) => {
-  const {
-      id,
-      title,
-      className,
-      cancelProps,
-      confirmProps,
-      kind,
-      size,
-      dialogProps,
-      children
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const cancelButtonRef = React__default.useRef(null);
-  const confirmationButtonRef = React__default.useRef(null);
-  const {
-    color,
-    icon
-  } = CONFIG[kind] || {};
-
-  // Define a unique ID to target title and description for aria attributes.
-  const generatedId = useId();
-  const uniqueId = id || generatedId;
-  const titleId = `${uniqueId}-title`;
-  const descriptionId = `${uniqueId}-description`;
-
-  // If content is a string, set in a paragraph.
-  const DescriptionElement = typeof children === 'string' ? 'p' : 'div';
-  const {
-      label: confirmLabel,
-      onClick: confirmOnClick
-    } = confirmProps,
-    forwardedConfirmProps = _objectWithoutProperties(confirmProps, _excluded2);
-  const _ref = cancelProps || {},
-    {
-      label: cancelLabel,
-      onClick: cancelOnClick
-    } = _ref,
-    forwardedCancelProps = _objectWithoutProperties(_ref, _excluded3);
-  return /*#__PURE__*/React__default.createElement(Dialog, _extends({
-    ref: ref,
-    focusElement: cancelProps ? cancelButtonRef : confirmationButtonRef,
-    size: size,
-    dialogProps: _objectSpread2({
-      id: uniqueId,
-      role: 'alertdialog',
-      'aria-labelledby': titleId,
-      'aria-describedby': descriptionId
-    }, dialogProps),
-    className: classNames(className, handleBasicClasses({
-      kind,
-      prefix: CLASSNAME
-    }))
-  }, forwardedProps), /*#__PURE__*/React__default.createElement("header", null, /*#__PURE__*/React__default.createElement(Toolbar, {
-    className: "lumx-spacing-margin-horizontal",
-    before: /*#__PURE__*/React__default.createElement(Icon, {
-      icon: icon,
-      size: Size.s,
-      color: color
-    }),
-    label: /*#__PURE__*/React__default.createElement("h2", {
-      id: titleId,
-      className: "lumx-typography-title"
-    }, title)
-  })), children && /*#__PURE__*/React__default.createElement(DescriptionElement, {
-    id: descriptionId,
-    className: "lumx-typography-body2 lumx-spacing-padding-vertical-big lumx-spacing-padding-horizontal-huge"
-  }, children), /*#__PURE__*/React__default.createElement("footer", null, /*#__PURE__*/React__default.createElement(Toolbar, {
-    className: "lumx-spacing-margin-horizontal",
-    after: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, cancelProps && /*#__PURE__*/React__default.createElement(Button, _extends({}, forwardedCancelProps, {
-      ref: cancelButtonRef,
-      emphasis: Emphasis.medium,
-      onClick: cancelOnClick
-    }), cancelLabel), /*#__PURE__*/React__default.createElement(Button, _extends({}, forwardedConfirmProps, {
-      ref: confirmationButtonRef,
-      color: color,
-      className: "lumx-spacing-margin-left-regular",
-      onClick: confirmOnClick
-    }), confirmLabel))
-  })));
-});
-AlertDialog.displayName = COMPONENT_NAME;
-AlertDialog.className = CLASSNAME;
-AlertDialog.defaultProps = DEFAULT_PROPS;
-
-export { AlertDialog };
-//# sourceMappingURL=index.ts-f83bd6ef.js.map

package/_internal/components/alert-dialog/index.ts-f83bd6ef.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-f83bd6ef.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/react/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\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 { id, title, className, cancelProps, confirmProps, kind, size, dialogProps, children, ...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","_objectWithoutProperties","_excluded","cancelButtonRef","React","useRef","confirmationButtonRef","generatedId","useId","uniqueId","titleId","descriptionId","DescriptionElement","label","confirmLabel","onClick","confirmOnClick","forwardedConfirmProps","_excluded2","_ref","cancelLabel","cancelOnClick","forwardedCancelProps","_excluded3","createElement","Dialog","_extends","focusElement","_objectSpread","role","classNames","handleBasicClasses","prefix","Toolbar","before","Icon","s","after","Fragment","Button","emphasis","Emphasis","medium","displayName","defaultProps"],"mappings":";;;;;;;;;;;;AAyCA;AACA;AACA;AACA,MAAMA,MAAM,GAAG;EACX,CAACC,IAAI,CAACC,KAAK,GAAG;IAAEC,KAAK,EAAEC,YAAY,CAACC,GAAG;AAAEC,IAAAA,IAAI,EAAEC,QAAAA;GAAU;EACzD,CAACN,IAAI,CAACO,IAAI,GAAG;IAAEL,KAAK,EAAEC,YAAY,CAACK,IAAI;AAAEH,IAAAA,IAAI,EAAEI,cAAAA;GAAgB;EAC/D,CAACT,IAAI,CAACU,OAAO,GAAG;IAAER,KAAK,EAAEC,YAAY,CAACQ,KAAK;AAAEN,IAAAA,IAAI,EAAEO,cAAAA;GAAgB;EACnE,CAACZ,IAAI,CAACa,OAAO,GAAG;IAAEX,KAAK,EAAEC,YAAY,CAACW,MAAM;AAAET,IAAAA,IAAI,EAAEU,cAAAA;AAAe,GAAA;AACvE,CAAC,CAAA;;AAED;AACA;AACA;AACA,MAAMC,cAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAmC,GAAG;EACxCC,IAAI,EAAEC,IAAI,CAACC,IAAI;EACfC,IAAI,EAAEvB,IAAI,CAACO,IAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMiB,WAAW,GAAGC,UAAU,CAAmC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,SAAS;MAAEC,WAAW;MAAEC,YAAY;MAAET,IAAI;MAAEH,IAAI;MAAEa,WAAW;AAAEC,MAAAA,QAAAA;AAA4B,KAAC,GAC3GR,KAAK;AADsFS,IAAAA,cAAc,GAAAC,wBAAA,CACzGV,KAAK,EAAAW,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,eAAe,GAAGC,cAAK,CAACC,MAAM,CAAC,IAAI,CAAC,CAAA;AAC1C,EAAA,MAAMC,qBAAqB,GAAGF,cAAK,CAACC,MAAM,CAAC,IAAI,CAAC,CAAA;EAChD,MAAM;IAAEtC,KAAK;AAAEG,IAAAA,IAAAA;AAAK,GAAC,GAAGN,MAAM,CAACwB,IAAI,CAAS,IAAI,EAAE,CAAA;;AAElD;AACA,EAAA,MAAMmB,WAAW,GAAGC,KAAK,EAAE,CAAA;AAC3B,EAAA,MAAMC,QAAQ,GAAGhB,EAAE,IAAIc,WAAW,CAAA;AAClC,EAAA,MAAMG,OAAO,GAAI,CAAED,EAAAA,QAAS,CAAO,MAAA,CAAA,CAAA;AACnC,EAAA,MAAME,aAAa,GAAI,CAAEF,EAAAA,QAAS,CAAa,YAAA,CAAA,CAAA;;AAE/C;EACA,MAAMG,kBAAkB,GAAG,OAAOb,QAAQ,KAAK,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAA;EAErE,MAAM;AAAEc,MAAAA,KAAK,EAAEC,YAAY;AAAEC,MAAAA,OAAO,EAAEC,cAAAA;AAAyC,KAAC,GAAGnB,YAAY;AAAtCoB,IAAAA,qBAAqB,GAAAhB,wBAAA,CAAKJ,YAAY,EAAAqB,UAAA,CAAA,CAAA;AAC/F,EAAA,MAAAC,IAAA,GAAgFvB,WAAW,IAAI,EAAE;AAA3F,IAAA;AAAEiB,MAAAA,KAAK,EAAEO,WAAW;AAAEL,MAAAA,OAAO,EAAEM,aAAAA;AAAuC,KAAC,GAAAF,IAAA;AAAtBG,IAAAA,oBAAoB,GAAArB,wBAAA,CAAAkB,IAAA,EAAAI,UAAA,CAAA,CAAA;AAE3E,EAAA,oBACInB,cAAA,CAAAoB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACHlC,IAAAA,GAAG,EAAEA,GAAI;AACTmC,IAAAA,YAAY,EAAE/B,WAAW,GAAGO,eAAe,GAAGG,qBAAsB;AACpErB,IAAAA,IAAI,EAAEA,IAAK;AACXa,IAAAA,WAAW,EAAA8B,cAAA,CAAA;AACPnC,MAAAA,EAAE,EAAEgB,QAAQ;AACZoB,MAAAA,IAAI,EAAE,aAAa;AACnB,MAAA,iBAAiB,EAAEnB,OAAO;AAC1B,MAAA,kBAAkB,EAAEC,aAAAA;AAAa,KAAA,EAC9Bb,WAAW,CAChB;AACFH,IAAAA,SAAS,EAAEmC,UAAU,CACjBnC,SAAS,EACToC,kBAAkB,CAAC;MACf3C,IAAI;AACJ4C,MAAAA,MAAM,EAAElD,SAAAA;AACZ,KAAC,CACL,CAAA;GACIkB,EAAAA,cAAc,CAElBI,eAAAA,cAAA,CAAAoB,aAAA,8BACIpB,cAAA,CAAAoB,aAAA,CAACS,OAAO,EAAA;AACJtC,IAAAA,SAAS,EAAC,gCAAgC;AAC1CuC,IAAAA,MAAM,eAAE9B,cAAA,CAAAoB,aAAA,CAACW,IAAI,EAAA;AAACjE,MAAAA,IAAI,EAAEA,IAAK;MAACe,IAAI,EAAEC,IAAI,CAACkD,CAAE;AAACrE,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAE,CAAE;IACzD8C,KAAK,eACDT,cAAA,CAAAoB,aAAA,CAAA,IAAA,EAAA;AAAI/B,MAAAA,EAAE,EAAEiB,OAAQ;AAACf,MAAAA,SAAS,EAAC,uBAAA;AAAuB,KAAA,EAC7CD,KACD,CAAA;GAEX,CACG,CAAC,EAERK,QAAQ,iBACLK,cAAA,CAAAoB,aAAA,CAACZ,kBAAkB,EAAA;AACfnB,IAAAA,EAAE,EAAEkB,aAAc;AAClBhB,IAAAA,SAAS,EAAC,8FAAA;GAETI,EAAAA,QACe,CACvB,eAEDK,cAAA,CAAAoB,aAAA,CAAA,QAAA,EAAA,IAAA,eACIpB,cAAA,CAAAoB,aAAA,CAACS,OAAO,EAAA;AACJtC,IAAAA,SAAS,EAAC,gCAAgC;AAC1C0C,IAAAA,KAAK,eACDjC,cAAA,CAAAoB,aAAA,CAAApB,cAAA,CAAAkC,QAAA,EAAA,IAAA,EACK1C,WAAW,iBACRQ,cAAA,CAAAoB,aAAA,CAACe,MAAM,EAAAb,QAAA,KACCJ,oBAAoB,EAAA;AACxB9B,MAAAA,GAAG,EAAEW,eAAgB;MACrBqC,QAAQ,EAAEC,QAAQ,CAACC,MAAO;AAC1B3B,MAAAA,OAAO,EAAEM,aAAAA;KAERD,CAAAA,EAAAA,WACG,CACX,eACDhB,cAAA,CAAAoB,aAAA,CAACe,MAAM,EAAAb,QAAA,CAAA,EAAA,EACCT,qBAAqB,EAAA;AACzBzB,MAAAA,GAAG,EAAEc,qBAAsB;AAC3BvC,MAAAA,KAAK,EAAEA,KAAM;AACb4B,MAAAA,SAAS,EAAC,kCAAkC;AAC5CoB,MAAAA,OAAO,EAAEC,cAAAA;AAAe,KAAA,CAAA,EAEvBF,YACG,CACV,CAAA;GAET,CACG,CACJ,CAAC,CAAA;AAEjB,CAAC,EAAC;AAEFzB,WAAW,CAACsD,WAAW,GAAG9D,cAAc,CAAA;AACxCQ,WAAW,CAACM,SAAS,GAAGb,SAAS,CAAA;AACjCO,WAAW,CAACuD,YAAY,GAAG5D,aAAa;;;;"}

package/_internal/components/autocomplete/index.ts-3f8f125c.js

@@ -1,264 +0,0 @@
-import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames, S as Size } from '../../1da25128.js';
-import React__default, { useRef } from 'react';
-import { u as useFocus } from '../../54d9ded5.js';
-import { m as mergeRefs } from '../../f52adbae.js';
-import { u as useTheme } from '../../3181f000.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { TextField } from '../text-field/index.ts-c3be8563.js';
-import { Dropdown } from '../dropdown/index.ts-2a17db51.js';
-import { C as Chip } from '../../c68d24e4.js';
-import { I as Icon, i as mdiClose } from '../../c6c99f76.js';
-
-const _excluded$1 = ["anchorToInput", "children", "chips", "className", "closeOnClick", "closeOnClickAway", "closeOnEscape", "disabled", "error", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClose", "onFocus", "onInfiniteScroll", "placeholder", "placement", "shouldFocusOnClose", "theme", "value", "textFieldProps", "focusAnchorOnClose"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'Autocomplete';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS$1 = {
-  anchorToInput: false,
-  closeOnClick: false,
-  closeOnClickAway: true,
-  closeOnEscape: true,
-  shouldFocusOnClose: false
-};
-
-/**
- * Autocomplete component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Autocomplete = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-      anchorToInput,
-      children,
-      chips,
-      className,
-      closeOnClick,
-      closeOnClickAway,
-      closeOnEscape,
-      disabled,
-      error,
-      fitToAnchorWidth,
-      hasError,
-      helper,
-      icon,
-      inputRef,
-      clearButtonProps,
-      isDisabled = disabled,
-      isRequired,
-      isOpen,
-      isValid,
-      label,
-      name,
-      offset,
-      onBlur,
-      onChange,
-      onClose,
-      onFocus,
-      onInfiniteScroll,
-      placeholder,
-      placement,
-      shouldFocusOnClose,
-      theme = defaultTheme,
-      value,
-      textFieldProps = {},
-      focusAnchorOnClose
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
-  const inputAnchorRef = useRef(null);
-  const textFieldRef = useRef(null);
-  useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME$1
-    }))
-  }), /*#__PURE__*/React__default.createElement(TextField, _extends({}, textFieldProps, {
-    chips: chips,
-    error: error,
-    hasError: hasError,
-    helper: helper,
-    icon: icon,
-    inputRef: mergeRefs(inputAnchorRef, inputRef),
-    clearButtonProps: clearButtonProps,
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    isValid: isValid,
-    label: label,
-    name: name,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    textFieldRef: textFieldRef,
-    theme: theme,
-    value: value
-  })), /*#__PURE__*/React__default.createElement(Dropdown, {
-    anchorRef: anchorToInput ? inputAnchorRef : textFieldRef,
-    closeOnClick: closeOnClick,
-    closeOnClickAway: closeOnClickAway,
-    closeOnEscape: closeOnEscape,
-    focusAnchorOnClose: focusAnchorOnClose,
-    fitToAnchorWidth: fitToAnchorWidth,
-    isOpen: isOpen,
-    offset: offset,
-    onClose: onClose,
-    onInfiniteScroll: onInfiniteScroll,
-    placement: placement,
-    shouldFocusOnOpen: false,
-    theme: theme
-  }, children));
-});
-Autocomplete.displayName = COMPONENT_NAME$1;
-Autocomplete.className = CLASSNAME$1;
-Autocomplete.defaultProps = DEFAULT_PROPS$1;
-
-const _excluded = ["anchorToInput", "children", "chipsAlignment", "className", "closeOnClickAway", "closeOnEscape", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClear", "onClose", "onFocus", "onInfiniteScroll", "onKeyDown", "placeholder", "placement", "selectedChipRender", "shouldFocusOnClose", "theme", "type", "value", "values"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'AutocompleteMultiple';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  closeOnClickAway: true,
-  closeOnEscape: true,
-  selectedChipRender(choice, index, onClear, isDisabled) {
-    const onClick = event => onClear && onClear(event, choice);
-    return /*#__PURE__*/React__default.createElement(Chip, {
-      key: index,
-      after: onClear && /*#__PURE__*/React__default.createElement(Icon, {
-        icon: mdiClose,
-        size: Size.xxs
-      }),
-      isDisabled: isDisabled,
-      size: Size.s,
-      onAfterClick: onClick,
-      onClick: onClick
-    }, choice);
-  },
-  values: []
-};
-
-/**
- * AutocompleteMultiple component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const AutocompleteMultiple = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-      anchorToInput,
-      children,
-      // `chipsAlignment` needs to be here to remove it from `forwardedProps`.
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      chipsAlignment,
-      className,
-      closeOnClickAway,
-      closeOnEscape,
-      fitToAnchorWidth,
-      hasError,
-      helper,
-      icon,
-      inputRef,
-      clearButtonProps,
-      isDisabled,
-      isRequired,
-      isOpen,
-      isValid,
-      label,
-      name,
-      offset,
-      onBlur,
-      onChange,
-      onClear,
-      onClose,
-      onFocus,
-      onInfiniteScroll,
-      onKeyDown,
-      placeholder,
-      placement,
-      selectedChipRender,
-      shouldFocusOnClose,
-      theme = defaultTheme,
-      type,
-      value,
-      values
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(Autocomplete, _extends({
-    ref: ref
-  }, forwardedProps, {
-    anchorToInput: anchorToInput,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME
-    })),
-    name: name,
-    value: value,
-    onChange: onChange,
-    onKeyDown: onKeyDown,
-    onBlur: onBlur,
-    shouldFocusOnClose: shouldFocusOnClose,
-    onFocus: onFocus,
-    hasError: hasError,
-    helper: helper,
-    icon: icon,
-    inputRef: inputRef,
-    chips: values && values.map((chip, index) => selectedChipRender(chip, index, onClear)),
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    clearButtonProps: clearButtonProps,
-    isValid: isValid,
-    label: label,
-    placeholder: placeholder,
-    theme: theme,
-    type: type,
-    isOpen: isOpen,
-    closeOnClick: false,
-    closeOnClickAway: closeOnClickAway,
-    closeOnEscape: closeOnEscape,
-    onClose: onClose,
-    offset: offset,
-    placement: placement,
-    fitToAnchorWidth: fitToAnchorWidth,
-    onInfiniteScroll: onInfiniteScroll
-  }), children);
-});
-AutocompleteMultiple.displayName = COMPONENT_NAME;
-AutocompleteMultiple.className = CLASSNAME;
-AutocompleteMultiple.defaultProps = DEFAULT_PROPS;
-
-export { Autocomplete, AutocompleteMultiple };
-//# sourceMappingURL=index.ts-3f8f125c.js.map

package/_internal/components/autocomplete/index.ts-3f8f125c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-3f8f125c.js","sources":["../../../../src/components/autocomplete/Autocomplete.tsx","../../../../src/components/autocomplete/AutocompleteMultiple.tsx"],"sourcesContent":["import React, { ReactNode, SyntheticEvent, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Dropdown, DropdownProps, IconButtonProps, Offset, Placement, TextField, TextFieldProps } from '@lumx/react';\n\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useFocus } from '@lumx/react/hooks/useFocus';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\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 AutocompleteProps extends GenericProps, HasTheme {\n    /**\n     * Whether the suggestions list should display anchored to the input or to the wrapper.\n     * @see {@link DropdownProps#anchorToInput}\n     */\n    anchorToInput?: boolean;\n    /**\n     * Props to pass to the clear button (minus those already set by the TextField props).\n     * If not specified, the button won't be displayed.\n     * @see {@link TextFieldProps#clearButtonProps}\n     */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /**\n     * Reference to the <input> or <textarea> element.\n     * @see {@link TextFieldProps#inputRef}\n     */\n    inputRef?: TextFieldProps['inputRef'];\n    /**\n     * The offset that will be applied to the Dropdown position.\n     * @see {@link DropdownProps#offset}\n     */\n    offset?: Offset;\n    /**\n     * The preferred Dropdown location against the anchor element.\n     * @see {@link DropdownProps#placement}\n     */\n    placement?: Placement;\n    /**\n     * Manage dropdown width:\n     *   - `maxWidth`: dropdown not bigger than anchor\n     *   - `minWidth` or `true`: dropdown not smaller than anchor\n     *   - `width`: dropdown equal to the anchor.\n     * @see {@link DropdownProps#fitToAnchorWidth}\n     */\n    fitToAnchorWidth?: DropdownProps['fitToAnchorWidth'];\n    /**\n     * The error related to the component.\n     * @see {@link TextFieldProps#error}\n     */\n    error?: string | ReactNode;\n    /**\n     * Whether the text field is displayed with error style or not.\n     * @see {@link TextFieldProps#hasError}\n     */\n    hasError?: boolean;\n    /**\n     * Whether the text box should be focused upon closing the suggestions or not.\n     */\n    shouldFocusOnClose?: boolean;\n    /**\n     * The helper message of the text field.\n     * @see {@link TextFieldProps#helper}\n     */\n    helper?: string;\n    /**\n     * The icon of the text field (SVG path).\n     * @see {@link TextFieldProps#icon}\n     */\n    icon?: string;\n    /**\n     * Whether the component is disabled or not.\n     * @see {@link TextFieldProps#isDisabled}\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether the component is required or not.\n     * @see {@link TextFieldProps#isRequired}\n     */\n    isRequired?: boolean;\n    /**\n     * Whether the text field is displayed with valid style or not.\n     * @see {@link TextFieldProps#isValid}\n     */\n    isValid?: boolean;\n    /**\n     * The label of the text field displayed in a label tag.\n     * @see {@link TextFieldProps#label}\n     */\n    label?: string;\n    /**\n     * The placeholder message of the text field.\n     * @see {@link TextFieldProps#placeholder}\n     */\n    placeholder?: string;\n    /** List of suggestions to display during autocomplete. */\n    children: React.ReactNode;\n    /**\n     * The list of chips to be displayed before the text field input.\n     */\n    chips?: React.ReactNode;\n    /**\n     * The value of the text field.\n     * @see {@link TextFieldProps#value}\n     */\n    value: string;\n    /**\n     * Whether the suggestions from the autocomplete should be displayed or not.\n     * @see {@link DropdownProps#isOpen}\n     */\n    isOpen: boolean;\n    /**\n     * The native input name property.\n     * @see {@link TextFieldProps#name}\n     */\n    name?: string;\n    /**\n     * Whether a click in the Autocomplete dropdown would close it or not.\n     * @see {@link DropdownProps#closeOnClick}\n     */\n    closeOnClick?: boolean;\n    /**\n     * Whether a click anywhere out of the Autocomplete would close it or not.\n     * @see {@link DropdownProps#closeOnClickAway}\n     */\n    closeOnClickAway?: boolean;\n    /**\n     * Whether an escape key press would close the Autocomplete or not.\n     * @see {@link DropdownProps#closeOnEscape}\n     */\n    closeOnEscape?: boolean;\n    /**\n     * Whether the focus should go back on the anchor when dropdown closes and focus is within.\n     * @see {@link DropdownProps#focusAnchorOnClose}\n     */\n    focusAnchorOnClose?: DropdownProps['focusAnchorOnClose'];\n    /**\n     * The function called on blur.\n     * @see {@link TextFieldProps#onBlur}\n     */\n    onBlur?(event: React.FocusEvent): void;\n    /**\n     * On change callback.\n     * @see {@link TextFieldProps#onChange}\n     */\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    /**\n     * The function called on close.\n     * @see {@link DropdownProps#onClose}\n     */\n    onClose?(): void;\n    /**\n     * The function called on focus.\n     * @see {@link TextFieldProps#onFocus}\n     */\n    onFocus?(event: React.FocusEvent): void;\n    /**\n     * The function called when the bottom of the dropdown is reached.\n     * @see {@link DropdownProps#onInfiniteScroll}\n     */\n    onInfiniteScroll?(): void;\n    /**\n     * Props forwarded to the underlying TextField component.\n     * Only the props not managed by the Autocomplete can be set.\n     * @see {@link TextFieldProps}\n     */\n    textFieldProps?: Partial<TextFieldProps>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Autocomplete';\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<AutocompleteProps> = {\n    anchorToInput: false,\n    closeOnClick: false,\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    shouldFocusOnClose: false,\n};\n\n/**\n * Autocomplete component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Autocomplete = forwardRef<AutocompleteProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorToInput,\n        children,\n        chips,\n        className,\n        closeOnClick,\n        closeOnClickAway,\n        closeOnEscape,\n        disabled,\n        error,\n        fitToAnchorWidth,\n        hasError,\n        helper,\n        icon,\n        inputRef,\n        clearButtonProps,\n        isDisabled = disabled,\n        isRequired,\n        isOpen,\n        isValid,\n        label,\n        name,\n        offset,\n        onBlur,\n        onChange,\n        onClose,\n        onFocus,\n        onInfiniteScroll,\n        placeholder,\n        placement,\n        shouldFocusOnClose,\n        theme = defaultTheme,\n        value,\n        textFieldProps = {},\n        focusAnchorOnClose,\n        ...forwardedProps\n    } = props;\n    const inputAnchorRef = useRef<HTMLElement>(null);\n    const textFieldRef = useRef(null);\n    useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            <TextField\n                {...textFieldProps}\n                chips={chips}\n                error={error}\n                hasError={hasError}\n                helper={helper}\n                icon={icon}\n                inputRef={mergeRefs(inputAnchorRef as React.RefObject<HTMLInputElement>, inputRef)}\n                clearButtonProps={clearButtonProps}\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                isValid={isValid}\n                label={label}\n                name={name}\n                onBlur={onBlur}\n                onChange={onChange}\n                onFocus={onFocus}\n                placeholder={placeholder}\n                textFieldRef={textFieldRef}\n                theme={theme}\n                value={value}\n            />\n            <Dropdown\n                anchorRef={anchorToInput ? inputAnchorRef : textFieldRef}\n                closeOnClick={closeOnClick}\n                closeOnClickAway={closeOnClickAway}\n                closeOnEscape={closeOnEscape}\n                focusAnchorOnClose={focusAnchorOnClose}\n                fitToAnchorWidth={fitToAnchorWidth}\n                isOpen={isOpen}\n                offset={offset}\n                onClose={onClose}\n                onInfiniteScroll={onInfiniteScroll}\n                placement={placement}\n                shouldFocusOnOpen={false}\n                theme={theme}\n            >\n                {children}\n            </Dropdown>\n        </div>\n    );\n});\nAutocomplete.displayName = COMPONENT_NAME;\nAutocomplete.className = CLASSNAME;\nAutocomplete.defaultProps = DEFAULT_PROPS;\n","import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiClose } from '@lumx/icons';\n\nimport { Autocomplete, AutocompleteProps, Chip, HorizontalAlignment, Icon, Size } from '@lumx/react';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteMultipleProps extends AutocompleteProps {\n    /** Selected values. */\n    values: any[];\n    /** Alignment of the chips in the autocomplete. */\n    chipsAlignment?: HorizontalAlignment;\n    /** Selected value render function. Default: Renders the value inside of a Chip. */\n    selectedChipRender(\n        choice: any,\n        index: number,\n        onClear?: (event: React.MouseEvent, choice: any) => void,\n        isDisabled?: boolean,\n    ): ReactNode | string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AutocompleteMultiple';\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<AutocompleteMultipleProps> = {\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    selectedChipRender(choice, index, onClear, isDisabled) {\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            >\n                {choice}\n            </Chip>\n        );\n    },\n    values: [],\n};\n\n/**\n * AutocompleteMultiple component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const AutocompleteMultiple = forwardRef<AutocompleteMultipleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorToInput,\n        children,\n        // `chipsAlignment` needs to be here to remove it from `forwardedProps`.\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        chipsAlignment,\n        className,\n        closeOnClickAway,\n        closeOnEscape,\n        fitToAnchorWidth,\n        hasError,\n        helper,\n        icon,\n        inputRef,\n        clearButtonProps,\n        isDisabled,\n        isRequired,\n        isOpen,\n        isValid,\n        label,\n        name,\n        offset,\n        onBlur,\n        onChange,\n        onClear,\n        onClose,\n        onFocus,\n        onInfiniteScroll,\n        onKeyDown,\n        placeholder,\n        placement,\n        selectedChipRender,\n        shouldFocusOnClose,\n        theme = defaultTheme,\n        type,\n        value,\n        values,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Autocomplete\n            ref={ref}\n            {...forwardedProps}\n            anchorToInput={anchorToInput}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onKeyDown={onKeyDown}\n            onBlur={onBlur}\n            shouldFocusOnClose={shouldFocusOnClose}\n            onFocus={onFocus}\n            hasError={hasError}\n            helper={helper}\n            icon={icon}\n            inputRef={inputRef}\n            chips={values && values.map((chip: any, index: number) => selectedChipRender(chip, index, onClear))}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n            clearButtonProps={clearButtonProps}\n            isValid={isValid}\n            label={label}\n            placeholder={placeholder}\n            theme={theme}\n            type={type}\n            isOpen={isOpen}\n            closeOnClick={false}\n            closeOnClickAway={closeOnClickAway}\n            closeOnEscape={closeOnEscape}\n            onClose={onClose}\n            offset={offset}\n            placement={placement}\n            fitToAnchorWidth={fitToAnchorWidth}\n            onInfiniteScroll={onInfiniteScroll}\n        >\n            {children}\n        </Autocomplete>\n    );\n});\nAutocompleteMultiple.displayName = COMPONENT_NAME;\nAutocompleteMultiple.className = CLASSNAME;\nAutocompleteMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","anchorToInput","closeOnClick","closeOnClickAway","closeOnEscape","shouldFocusOnClose","Autocomplete","forwardRef","props","ref","defaultTheme","useTheme","children","chips","className","disabled","error","fitToAnchorWidth","hasError","helper","icon","inputRef","clearButtonProps","isDisabled","isRequired","isOpen","isValid","label","name","offset","onBlur","onChange","onClose","onFocus","onInfiniteScroll","placeholder","placement","theme","value","textFieldProps","focusAnchorOnClose","forwardedProps","_objectWithoutProperties","_excluded","inputAnchorRef","useRef","textFieldRef","useFocus","current","React","createElement","_extends","classNames","handleBasicClasses","prefix","TextField","mergeRefs","Dropdown","anchorRef","shouldFocusOnOpen","displayName","defaultProps","selectedChipRender","choice","index","onClear","onClick","event","Chip","key","after","Icon","mdiClose","size","Size","xxs","s","onAfterClick","values","AutocompleteMultiple","chipsAlignment","onKeyDown","type","map","chip"],"mappings":"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"}