@dreamcommerce/aurora 3.0.0-9 → 3.0.0-91

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js

@@ -0,0 +1,54 @@
+import { MODAL_SLIDE_FADE_DURATION, MODAL_VISIBILITY_STATE, MODAL_WIDTH_VARIANT } from '../../modal_constants';
+import React, { useEffect, useState } from 'react';
+import '@auroraComponents/modal/modal_types';
+import { ModalFooter } from './modal_footer';
+import { ModalHeader } from './modal_header';
+import { cn } from '@auroraUtilities/cn';
+import { createPortal } from 'react-dom';
+import { modalVariants } from '@auroraComponents/modal/modal_variants';
+import { useModalsContext } from '../../hooks/use_modals_context';
+export const Modal = ({ name, hideAllModalsOnClose, width = MODAL_WIDTH_VARIANT.m, hasCloseIcon = true, onCloseAction, header, footer, children }) => {
+    const [visibleClass, setVisibleClass] = useState(false);
+    const { modalsManagerContainerSelector, addModal, getModal, hideModal, hideAllModals } = useModalsContext();
+    const $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
+    const modal = getModal(name);
+    const [renderModal, setRenderModal] = useState(false);
+    useEffect(() => {
+        addModal({ name, visibilityState: MODAL_VISIBILITY_STATE.none, width });
+    }, []);
+    useEffect(() => {
+        let showModalTimeout;
+        let hideModalTimeout;
+        if (modal?.visibilityState === MODAL_VISIBILITY_STATE.visible) {
+            setRenderModal(true);
+            showModalTimeout = setTimeout(() => {
+                setVisibleClass(true);
+            }, MODAL_SLIDE_FADE_DURATION);
+        }
+        if (modal?.visibilityState === MODAL_VISIBILITY_STATE.hidden) {
+            setVisibleClass(false);
+        }
+        if (modal?.visibilityState === MODAL_VISIBILITY_STATE.none) {
+            setVisibleClass(false);
+            hideModalTimeout = setTimeout(() => {
+                setRenderModal(false);
+            }, MODAL_SLIDE_FADE_DURATION);
+        }
+        return () => {
+            clearTimeout(showModalTimeout);
+            clearTimeout(hideModalTimeout);
+        };
+    }, [modal]);
+    const handleCloseModal = () => {
+        hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
+    };
+    if (!$modalsManagerContainer)
+        return null;
+    return renderModal
+        ? createPortal(React.createElement("div", { "data-modal-id": name, "data-test-id": "modal", className: cn(modalVariants({ width }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out') },
+            header && React.createElement(ModalHeader, { hasCloseIcon: hasCloseIcon, text: header.text, onClose: handleCloseModal }),
+            children && React.createElement("div", { className: `aurora-overflow-y-auto custom-scrollbar` }, children),
+            footer && React.createElement(ModalFooter, { text: footer.text })), $modalsManagerContainer)
+        : null;
+};
+//# sourceMappingURL=modal.js.map

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IModalCloseIconProps } from '@auroraComponents/modal/modal_types';
+export declare const ModalCloseIcon: FC<IModalCloseIconProps>;

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CloseLine } from '@auroraAssets/icons/close_line';
+import '@auroraComponents/modal/modal_types';
+export const ModalCloseIcon = ({ onClose }) => {
+    return (React.createElement("button", { className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover", onClick: () => onClose(), "data-test-id": "close-modal" },
+        React.createElement(CloseLine, null)));
+};
+//# sourceMappingURL=modal_close_icon.js.map

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_close_icon.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal_close_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAqC,qCAAqC,CAAC;AAE3E,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACpE,OAAO,CACH,gCACI,SAAS,EAAC,8HAA8H,EACxI,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,kBACX,aAAa;QAE1B,oBAAC,SAAS,OAAG,CACR,CACZ,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IModalFooterProps } from '@auroraComponents/modal/modal_types';
+export declare const ModalFooter: FC<IModalFooterProps>;

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import '@auroraComponents/modal/modal_types';
+export const ModalFooter = ({ text }) => {
+    return (React.createElement("footer", { className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5', "data-test-id": "modal-footer" }, text));
+};
+//# sourceMappingURL=modal_footer.js.map

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_footer.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal_footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAkC,qCAAqC,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,OAAO,CACH,gCAAQ,SAAS,EAAE,6EAA6E,kBAAe,cAAc,IACxH,IAAI,CACA,CACZ,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IModalHeaderProps } from '@auroraComponents/modal/modal_types';
+export declare const ModalHeader: FC<IModalHeaderProps>;

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import '@auroraComponents/modal/modal_types';
+import { ModalCloseIcon } from './modal_close_icon';
+export const ModalHeader = ({ text = '', onClose, hasCloseIcon }) => {
+    return (React.createElement("header", { className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5', "data-test-id": "modal-header" },
+        React.createElement("h3", { className: "aurora-font-bold aurora-text-xl" }, text),
+        hasCloseIcon && React.createElement(ModalCloseIcon, { onClose: onClose })));
+};
+//# sourceMappingURL=modal_header.js.map

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_header.js","sourceRoot":"","sources":["../../../../../../../../../src/components/modal/components/modal/modal_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAkC,qCAAqC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACvF,OAAO,CACH,gCAAQ,SAAS,EAAE,oEAAoE,kBAAe,cAAc;QAChH,4BAAI,SAAS,EAAC,iCAAiC,IAAE,IAAI,CAAM;QAE1D,YAAY,IAAI,oBAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CAChD,CACZ,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IModalsWrapperProps {
+    children: ReactNode;
+}
+export declare const ModalsWrapper: React.FC<IModalsWrapperProps>;
+export {};

package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js

@@ -0,0 +1,29 @@
+import { MODALS_CONTENT_ID, MODALS_WRAPPER_BACKDROP_FADE_DURATION } from '../modal_constants';
+import React, { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { useModalsContext } from '../hooks/use_modals_context';
+export const ModalsWrapper = ({ children }) => {
+    const [showWrapper, setShowWrapper] = useState(false);
+    const [visibleClass, setVisibleClass] = useState(false);
+    const { openedModals } = useModalsContext();
+    useEffect(() => {
+        let showWrapperTimeout;
+        if (openedModals.length) {
+            setShowWrapper(true);
+            setVisibleClass(true);
+        }
+        else {
+            setVisibleClass(false);
+            showWrapperTimeout = setTimeout(() => {
+                setShowWrapper(false);
+            }, MODALS_WRAPPER_BACKDROP_FADE_DURATION);
+        }
+        return () => clearTimeout(showWrapperTimeout);
+    }, [openedModals]);
+    return createPortal(React.createElement("div", null,
+        showWrapper && (React.createElement("div", { className: `aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4` },
+            React.createElement("div", { className: `aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ${visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0'} js__modal-mask` }),
+            React.createElement("div", { id: MODALS_CONTENT_ID, className: `aurora-flex aurora-items-center aurora-justify-center aurora-z-30` }))),
+        children), document.body);
+};
+//# sourceMappingURL=modals_wrapper.js.map

package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modals_wrapper.js","sourceRoot":"","sources":["../../../../../../../../src/components/modal/components/modals_wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qCAAqC,EAAE,MAAM,oBAAoB,CAAC;AAC9F,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAM/D,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,kBAAiD,CAAC;QAEtD,IAAI,YAAY,CAAC,MAAM,EAAE;YACrB,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,eAAe,CAAC,IAAI,CAAC,CAAC;SACzB;aAAM;YACH,eAAe,CAAC,KAAK,CAAC,CAAC;YAEvB,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;gBACjC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,EAAE,qCAAqC,CAAC,CAAC;SAC7C;QAED,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,YAAY,CACf;QACK,WAAW,IAAI,CACZ,6BACI,SAAS,EAAE,kJAAkJ;YAE7J,6BACI,SAAS,EAAE,uKACP,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBACzC,iBAAiB,GACd;YACP,6BAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,mEAAmE,GAAQ,CAChH,CACT;QAEA,QAAQ,CACP,EACN,QAAQ,CAAC,IAAI,CAChB,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.d.ts

@@ -0,0 +1,12 @@
+import { IModal } from '../modal_types';
+declare const useModals: () => {
+    modalsManagerContainerSelector: string;
+    addModal: (modal: IModal) => void;
+    updateModal: (modal: IModal) => void;
+    getModal: (modalName: string) => IModal | undefined;
+    showModal: (modalName: string) => void;
+    hideModal: (modalName: string, onCloseAction: () => void | undefined) => void;
+    hideAllModals: (onCloseAction: () => void | undefined) => void;
+    openedModals: string[];
+};
+export default useModals;

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js

@@ -0,0 +1,82 @@
+import '../modal_types';
+import { MODALS_CONTENT_ID, MODAL_VISIBILITY_STATE } from '../modal_constants';
+import { useState } from 'react';
+const useModals = () => {
+    const [modalsStack, setModalsStack] = useState([]);
+    const [openedModals, setOpenedModals] = useState([]);
+    const modalsManagerContainerSelector = `#${MODALS_CONTENT_ID}`;
+    const addModal = (modal) => {
+        setModalsStack((stack) => {
+            const modalNameAlreadyExist = stack.some((stackModal) => stackModal.name === modal.name);
+            if (modalNameAlreadyExist) {
+                return [...stack];
+            }
+            else {
+                return [...stack, modal];
+            }
+        });
+    };
+    const updateModal = (modal) => {
+        setModalsStack((previousStack) => {
+            const updatedStack = previousStack.map((stackModal) => (stackModal.name === modal.name ? { ...modal } : stackModal));
+            return updatedStack;
+        });
+    };
+    const getModal = (modalName) => {
+        return modalsStack.find((stackModal) => stackModal.name === modalName);
+    };
+    const showModal = (modalName) => {
+        setOpenedModals((modals) => {
+            setVisibleState(modals, MODAL_VISIBILITY_STATE.hidden);
+            return [...modals, modalName];
+        });
+        setVisibleState(modalName, MODAL_VISIBILITY_STATE.visible);
+    };
+    const hideModal = (modalName, onCloseAction) => {
+        setOpenedModals((modals) => {
+            const secondToLastItem = modals[modals.length - 2];
+            setVisibleState(secondToLastItem, MODAL_VISIBILITY_STATE.visible);
+            return modals.filter((modal) => modal !== modalName);
+        });
+        setVisibleState(modalName, MODAL_VISIBILITY_STATE.none);
+        onCloseAction && onCloseAction();
+    };
+    const hideAllModals = (onCloseAction) => {
+        setOpenedModals([]);
+        setVisibleStatesToNone();
+        onCloseAction && onCloseAction();
+    };
+    const setVisibleState = (modalName, state) => {
+        if (typeof modalName === 'string') {
+            setModalsStack((prevState) => {
+                return prevState.map((modal) => (modal.name === modalName ? { ...modal, visibilityState: state } : modal));
+            });
+        }
+        else {
+            setModalsStack((prevState) => {
+                return prevState.map((modal) => {
+                    if (!modalName)
+                        return modal;
+                    return modalName.includes(modal.name) ? { ...modal, visibilityState: state } : modal;
+                });
+            });
+        }
+    };
+    const setVisibleStatesToNone = () => {
+        setModalsStack((prevState) => {
+            return prevState.map((modal) => ({ ...modal, visibilityState: MODAL_VISIBILITY_STATE.none }));
+        });
+    };
+    return {
+        modalsManagerContainerSelector,
+        addModal,
+        updateModal,
+        getModal,
+        showModal,
+        hideModal,
+        hideAllModals,
+        openedModals
+    };
+};
+export default useModals;
+//# sourceMappingURL=use_modals.js.map

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_modals.js","sourceRoot":"","sources":["../../../../../../../../src/components/modal/hooks/use_modals.ts"],"names":[],"mappings":"AAAA,OAAsC,gBAAgB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACnB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC/D,MAAM,8BAA8B,GAAG,IAAI,iBAAiB,EAAE,CAAC;IAE/D,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/B,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC;YAEzF,IAAI,qBAAqB,EAAE;gBACvB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC;aACrB;iBAAM;gBACH,OAAO,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,CAAC;aAC5B;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,cAAc,CAAC,CAAC,aAAa,EAAE,EAAE;YAC7B,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;YAErH,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,EAAE;QACnC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC3E,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE;YACvB,eAAe,CAAC,MAAM,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC;YACvD,OAAO,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QACH,eAAe,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,aAAqC,EAAE,EAAE;QAC3E,eAAe,CAAC,CAAC,MAAM,EAAE,EAAE;YACvB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACnD,eAAe,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;YAClE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QACH,eAAe,CAAC,SAAS,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;QACxD,aAAa,IAAI,aAAa,EAAE,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,aAAqC,EAAE,EAAE;QAC5D,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,sBAAsB,EAAE,CAAC;QACzB,aAAa,IAAI,aAAa,EAAE,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,SAA4B,EAAE,KAAoB,EAAE,EAAE;QAC3E,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YAC/B,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;gBACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAC/G,CAAC,CAAC,CAAC;SACN;aAAM;YACH,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;gBACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC3B,IAAI,CAAC,SAAS;wBAAE,OAAO,KAAK,CAAC;oBAC7B,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;gBACzF,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;YACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,sBAAsB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAClG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO;QACH,8BAA8B;QAC9B,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,SAAS;QACT,SAAS;QACT,aAAa;QACb,YAAY;KACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals_context.d.ts

@@ -0,0 +1,2 @@
+import { IModalsManagerContextProps } from '../modal_types';
+export declare function useModalsContext(): IModalsManagerContextProps;

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals_context.js

@@ -0,0 +1,11 @@
+import '../modal_types';
+import { ModalsManagerContext } from '../modal_context';
+import { useContext } from 'react';
+export function useModalsContext() {
+    const context = useContext(ModalsManagerContext);
+    if (Object.keys(context).length === 0 && context.constructor === Object) {
+        throw new Error(`Modal component cannot be rendered outside the ModalWrapper component`);
+    }
+    return context;
+}
+//# sourceMappingURL=use_modals_context.js.map

package/build/esm/packages/aurora/src/components/modal/hooks/use_modals_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_modals_context.js","sourceRoot":"","sources":["../../../../../../../../src/components/modal/hooks/use_modals_context.ts"],"names":[],"mappings":"AAAA,OAA2C,gBAAgB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,UAAU,gBAAgB;IAC5B,MAAM,OAAO,GAA+B,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAE7E,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC,CAAC;KAC5F;IACD,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/build/esm/packages/aurora/src/components/modal/modal_constants.d.ts

@@ -0,0 +1,13 @@
+export declare const MODALS_CONTENT_ID = "modals-content";
+export declare const MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
+export declare const MODAL_SLIDE_FADE_DURATION = 200;
+export declare const MODAL_VISIBILITY_STATE: {
+    readonly none: "none";
+    readonly hidden: "hidden";
+    readonly visible: "visible";
+};
+export declare const MODAL_WIDTH_VARIANT: {
+    readonly s: "s";
+    readonly m: "m";
+    readonly l: "l";
+};

package/build/esm/packages/aurora/src/components/modal/modal_constants.js

@@ -0,0 +1,14 @@
+export const MODALS_CONTENT_ID = 'modals-content';
+export const MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
+export const MODAL_SLIDE_FADE_DURATION = 200;
+export const MODAL_VISIBILITY_STATE = {
+    none: 'none',
+    hidden: 'hidden',
+    visible: 'visible'
+};
+export const MODAL_WIDTH_VARIANT = {
+    s: 's',
+    m: 'm',
+    l: 'l'
+};
+//# sourceMappingURL=modal_constants.js.map

package/build/esm/packages/aurora/src/components/modal/modal_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAClD,MAAM,CAAC,MAAM,qCAAqC,GAAG,GAAG,CAAC;AACzD,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAE7C,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACA,CAAC"}

package/build/esm/packages/aurora/src/components/modal/modal_context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IModalsManagerContextProps } from './modal_types';
+export declare const ModalsManagerContext: import("react").Context<IModalsManagerContextProps>;

package/build/esm/packages/aurora/src/components/modal/modal_context.js

@@ -0,0 +1,13 @@
+import './modal_types';
+import { createContext } from 'react';
+export const ModalsManagerContext = createContext({
+    modalsManagerContainerSelector: '',
+    addModal: () => { },
+    updateModal: () => { },
+    getModal: () => undefined,
+    showModal: () => { },
+    hideModal: () => { },
+    hideAllModals: () => { },
+    openedModals: []
+});
+//# sourceMappingURL=modal_context.js.map

package/build/esm/packages/aurora/src/components/modal/modal_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_context.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_context.tsx"],"names":[],"mappings":"AAAA,OAA2C,eAAe,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA6B;IAC1E,8BAA8B,EAAE,EAAE;IAClC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;IACzB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;IACvB,YAAY,EAAE,EAAE;CACnB,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/modal_types.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { MODAL_VISIBILITY_STATE, MODAL_WIDTH_VARIANT } from './modal_constants';
+export declare type VisibleStates = typeof MODAL_VISIBILITY_STATE[keyof typeof MODAL_VISIBILITY_STATE];
+export interface IModal {
+    name: string;
+    visibilityState: VisibleStates;
+    width: typeof MODAL_WIDTH_VARIANT[keyof typeof MODAL_WIDTH_VARIANT];
+}
+export interface IModalsManagerContextProps {
+    modalsManagerContainerSelector: string;
+    addModal: (modal: IModal) => void;
+    updateModal: (modal: IModal) => void;
+    getModal: (modalName: string) => IModal | undefined;
+    showModal: (modalName: string) => void;
+    hideModal: (modalName: string, onCloseAction?: () => void) => void;
+    hideAllModals: (onCloseAction?: () => void) => void;
+    openedModals: string[];
+}
+export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+    hideAllModalsOnClose?: boolean;
+    width?: typeof MODAL_WIDTH_VARIANT[keyof typeof MODAL_WIDTH_VARIANT];
+    hasCloseIcon?: boolean;
+    onCloseAction?: () => void;
+    header?: Pick<IModalHeaderProps, 'text'>;
+    footer?: IModalFooterProps;
+    children?: React.ReactNode;
+}
+export interface IModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    text?: string | React.ReactNode;
+    hasCloseIcon?: boolean;
+    onClose: () => void;
+}
+export interface IModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    text: React.ReactNode;
+}
+export interface IModalCloseIconProps extends React.HTMLAttributes<HTMLButtonElement> {
+    onClose: () => void;
+}

package/build/esm/packages/aurora/src/components/modal/modal_types.js

@@ -0,0 +1,3 @@
+import 'react';
+import './modal_constants';
+//# sourceMappingURL=modal_types.js.map

package/build/esm/packages/aurora/src/components/modal/modal_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_types.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAE/B,OAA4D,mBAAmB,CAAC"}

package/build/esm/packages/aurora/src/components/modal/modal_variants.d.ts

@@ -0,0 +1 @@
+export declare const modalVariants: any;

package/build/esm/packages/aurora/src/components/modal/modal_variants.js

@@ -0,0 +1,15 @@
+import { MODAL_WIDTH_VARIANT } from './modal_constants';
+import { cva } from 'class-variance-authority';
+export const modalVariants = cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-p-6 aurora-opacity-0 aurora-transition-all js__modal', {
+    variants: {
+        width: {
+            [MODAL_WIDTH_VARIANT.s]: 'aurora-max-w-[25rem]',
+            [MODAL_WIDTH_VARIANT.m]: 'aurora-max-w-[40rem]',
+            [MODAL_WIDTH_VARIANT.l]: 'aurora-max-w-[61rem]'
+        }
+    },
+    defaultVariants: {
+        width: MODAL_WIDTH_VARIANT.m
+    }
+});
+//# sourceMappingURL=modal_variants.js.map

package/build/esm/packages/aurora/src/components/modal/modal_variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal_variants.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC5B,wLAAwL,EACxL;IACI,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,sBAAsB;YAC/C,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,sBAAsB;YAC/C,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,sBAAsB;SAClD;KACJ;IACD,eAAe,EAAE;QACb,KAAK,EAAE,mBAAmB,CAAC,CAAC;KAC/B;CACJ,CACJ,CAAC"}

package/build/esm/packages/aurora/src/components/modal/modals_manager.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IModalsManagerProps {
+    children: ReactNode;
+}
+export declare const ModalsManager: React.FC<IModalsManagerProps>;
+export {};

package/build/esm/packages/aurora/src/components/modal/modals_manager.js

@@ -0,0 +1,20 @@
+import React, { useMemo } from 'react';
+import { ModalsManagerContext } from './modal_context';
+import { ModalsWrapper } from './components/modals_wrapper';
+import useModals from './hooks/use_modals';
+export const ModalsManager = ({ children }) => {
+    const { modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals } = useModals();
+    const value = useMemo(() => ({
+        modalsManagerContainerSelector,
+        addModal,
+        updateModal,
+        getModal,
+        showModal,
+        hideModal,
+        hideAllModals,
+        openedModals
+    }), [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
+    return (React.createElement(ModalsManagerContext.Provider, { value: value },
+        React.createElement(ModalsWrapper, null, children)));
+};
+//# sourceMappingURL=modals_manager.js.map

package/build/esm/packages/aurora/src/components/modal/modals_manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modals_manager.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modals_manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,8BAA8B,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IAE3I,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,CAAC;QACH,8BAA8B;QAC9B,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,SAAS;QACT,SAAS;QACT,aAAa;QACb,YAAY;KACf,CAAC,EACF,CAAC,8BAA8B,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CACvH,CAAC;IAEF,OAAO,CACH,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACvC,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACb,CACnC,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_content.d.ts

@@ -0,0 +1,3 @@
+import { TMultiSelectContentProps } from '../multiselect_types';
+import React from 'react';
+export declare const MultiSelectContent: React.ForwardRefExoticComponent<Pick<TMultiSelectContentProps, keyof TMultiSelectContentProps> & React.RefAttributes<unknown>>;

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_content.js

@@ -0,0 +1,36 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import '../multiselect_types';
+import { Input } from '@auroraComponents/input/input';
+import { MultiSelectGroup } from './multiselect_group';
+import { MultiSelectItem } from './multiselect_item';
+import React from 'react';
+import { SearchLineIcon } from '@auroraAssets/icons/search_icon';
+import { cn } from '@auroraUtilities/cn';
+export const MultiSelectContent = React.forwardRef(({ options, isGrouped, selectedOptions, toggleOption, triggerWidth, hasSearch, searchPlaceholder, className, ...props }, ref) => {
+    const [searchTerm, setSearchTerm] = React.useState('');
+    const filteredOptions = React.useMemo(() => {
+        const lowercasedSearchTerm = searchTerm.toLowerCase();
+        if (isGrouped) {
+            return options.map((group) => ({
+                ...group,
+                options: group.options.filter((option) => option.label.toLowerCase().includes(lowercasedSearchTerm))
+            }));
+        }
+        else {
+            return options.filter((option) => option.label.toLowerCase().includes(lowercasedSearchTerm));
+        }
+    }, [options, searchTerm, isGrouped]);
+    return (React.createElement(DropdownMenuPrimitive.Content, { className: cn(`aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-mt-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-3 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2`, className), ...props, ref: ref, style: { width: `${triggerWidth}px` } },
+        hasSearch && (React.createElement("div", { className: "aurora-p-2" },
+            React.createElement(Input, { type: "text", preElement: React.createElement(SearchLineIcon, { className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light" }), value: searchTerm, tabIndex: 0, onChange: (e) => {
+                    e.stopPropagation();
+                    setSearchTerm(e.target.value);
+                }, onKeyDown: (e) => {
+                    e.stopPropagation();
+                }, placeholder: searchPlaceholder }))),
+        isGrouped
+            ? filteredOptions.map((group) => (React.createElement(MultiSelectGroup, { key: group.label, group: group, selectedOptions: selectedOptions, toggleOption: toggleOption })))
+            : filteredOptions.map((option) => (React.createElement(MultiSelectItem, { key: option.value, option: option, isSelected: selectedOptions.some((selected) => selected.value === option.value), toggleOption: toggleOption })))));
+});
+MultiSelectContent.displayName = 'MultiSelectContent';
+//# sourceMappingURL=multiselect_content.js.map

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/multiselect/components/multiselect_content.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMultiSelectGroupProps } from '../multiselect_types';
+export declare const MultiSelectGroup: React.ForwardRefExoticComponent<Pick<TMultiSelectGroupProps, keyof TMultiSelectGroupProps> & React.RefAttributes<unknown>>;

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group.js

@@ -0,0 +1,11 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { MultiSelectGroupLabel } from './multiselect_group_label';
+import { MultiSelectItem } from './multiselect_item';
+import React from 'react';
+import '../multiselect_types';
+import { cn } from '@auroraUtilities/cn';
+export const MultiSelectGroup = React.forwardRef(({ group, selectedOptions, toggleOption, className, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.Group, { ref: ref, className: cn('aurora-flex aurora-flex-col aurora-gap-1', className), ...props },
+    React.createElement(MultiSelectGroupLabel, null, group.label),
+    group.options.map((option) => (React.createElement(MultiSelectItem, { key: option.value, option: option, isSelected: selectedOptions.some((selected) => selected.value === option.value), toggleOption: toggleOption }))))));
+MultiSelectGroup.displayName = 'MultiSelectGroup';
+//# sourceMappingURL=multiselect_group.js.map

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_group.js","sourceRoot":"","sources":["../../../../../../../../src/components/multiselect/components/multiselect_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAuC,sBAAsB,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC5C,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,oBAAC,qBAAqB,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAAM,KAAK;IAClH,oBAAC,qBAAqB,QAAE,KAAK,CAAC,KAAK,CAAyB;IAC3D,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC3B,oBAAC,eAAe,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,EAC/E,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC,CACwB,CACjC,CACJ,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group_label.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { TDividerProps } from '@auroraComponents/divider/divider_types';
+export declare const MultiSelectGroupLabel: {
+    ({ children, ...props }: PropsWithChildren<TDividerProps>): JSX.Element;
+    displayName: string;
+};

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group_label.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box } from '@auroraComponents/box/box';
+import { Divider } from '@auroraComponents/divider/divider';
+import { Stack } from '@auroraComponents/stack/stack';
+import '@auroraComponents/divider/divider_types';
+import { Typography } from '@auroraComponents/typography/typography';
+export const MultiSelectGroupLabel = ({ children, ...props }) => {
+    return (React.createElement(Box, { paddings: {
+            pl: '2',
+            pt: '2',
+            pb: '2',
+            pr: '0'
+        } },
+        React.createElement(Stack, { align: "center", spacing: "2.5" },
+            React.createElement(Typography, { className: "aurora-whitespace-nowrap", size: "s", color: "subtle", weight: "bold" }, children),
+            React.createElement(Divider, { ...props }))));
+};
+MultiSelectGroupLabel.displayName = 'MultiSelectGroupLabel';
+//# sourceMappingURL=multiselect_group_label.js.map

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group_label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_group_label.js","sourceRoot":"","sources":["../../../../../../../../src/components/multiselect/components/multiselect_group_label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAA8B,yCAAyC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IAC9F,OAAO,CACH,oBAAC,GAAG,IACA,QAAQ,EAAE;YACN,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;SACV;QAED,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,KAAK;YAC/B,oBAAC,UAAU,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,IACjF,QAAQ,CACA;YAEb,oBAAC,OAAO,OAAK,KAAK,GAAI,CAClB,CACN,CACT,CAAC;AACN,CAAC,CAAC;AAEF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_item.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMultiSelectItemProps } from '../multiselect_types';
+export declare const MultiSelectItem: React.ForwardRefExoticComponent<Pick<TMultiSelectItemProps, keyof TMultiSelectItemProps> & React.RefAttributes<unknown>>;

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_item.js

@@ -0,0 +1,21 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Box } from '@auroraComponents/box/box';
+import { Checkbox } from '@auroraComponents/checkbox/checkbox';
+import React from 'react';
+import '../multiselect_types';
+import { Typography } from '@auroraComponents/typography/typography';
+import { cn } from '@auroraUtilities/cn';
+export const MultiSelectItem = React.forwardRef(({ option, isSelected, toggleOption, className, ...props }, ref) => {
+    const handleSelect = (event) => {
+        event.preventDefault();
+        toggleOption(option);
+    };
+    return (React.createElement(DropdownMenuPrimitive.Item, { onSelect: handleSelect, className: cn('aurora-relative aurora-flex aurora-w-full aurora-select-none aurora-rounded-sm aurora-p-2 aurora-outline-none focus:aurora-bg-accent data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover aurora-cursor-pointer aurora-rounded-6', {
+            'aurora-bg-hover': isSelected
+        }, className), ...props, ref: ref },
+        React.createElement(Box, { align: "center", spacing: "2", backgroundColor: "transparent" },
+            React.createElement(Checkbox, { checked: isSelected }),
+            React.createElement(Typography, { size: "s", weight: "medium" }, option.label))));
+});
+MultiSelectItem.displayName = 'MultiSelectItem';
+//# sourceMappingURL=multiselect_item.js.map

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/multiselect/components/multiselect_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC3C,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;QAClC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,qBAAqB,CAAC,IAAI,IACvB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,EAAE,CACT,+WAA+W,EAC/W;YACI,iBAAiB,EAAE,UAAU;SAChC,EACD,SAAS,CACZ,KACG,KAAK,EACT,GAAG,EAAE,GAAG;QAER,oBAAC,GAAG,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAC,eAAe,EAAC,aAAa;YACzD,oBAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,GAAI;YACjC,oBAAC,UAAU,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,IAC/B,MAAM,CAAC,KAAK,CACJ,CACX,CACmB,CAChC,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_trigger.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMultiSelectTriggerProps } from '../multiselect_types';
+export declare const MultiSelectTrigger: React.ForwardRefExoticComponent<Pick<TMultiSelectTriggerProps, keyof TMultiSelectTriggerProps> & React.RefAttributes<unknown>>;