@economic/taco 2.48.3 → 2.49.0-server.1

package/dist/esm/packages/taco/src/components/Dialog/util.js

@@ -1,4 +1,4 @@
-const getDialogSizeClassnames = size => {
+var getDialogSizeClassnames = function getDialogSizeClassnames(size) {
   switch (size) {
     case 'dialog':
       return 'w-128';
@@ -12,8 +12,12 @@ const getDialogSizeClassnames = size => {
       return 'w-lg';
   }
 };
-const getDialogPositionClassnames = () => 'mt-16 mx-auto';
-const getDialogStylingClassnames = () => 'bg-white rounded animate-[fade-in_150ms] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]';
+var getDialogPositionClassnames = function getDialogPositionClassnames() {
+  return 'mt-16 mx-auto';
+};
+var getDialogStylingClassnames = function getDialogStylingClassnames() {
+  return 'bg-white rounded animate-[fade-in_150ms] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]';
+};
 
 export { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames };
 //# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Dialog/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Dialog/util.ts"],"sourcesContent":["import { DialogSize } from './types';\n\nexport const getDialogSizeClassnames = (size: DialogSize) => {\n    switch (size) {\n        case 'dialog':\n            return 'w-128';\n        case 'xs':\n            return 'w-xs';\n        case 'sm':\n            return 'w-sm';\n        case 'md':\n            return 'w-md';\n        case 'lg':\n            return 'w-lg';\n    }\n};\n\nexport const getDialogPositionClassnames = () => 'mt-16 mx-auto';\n\nexport const getDialogStylingClassnames = () =>\n    'bg-white rounded animate-[fade-in_150ms] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]';\n"],"names":["getDialogSizeClassnames","size","getDialogPositionClassnames","getDialogStylingClassnames"],"mappings":"MAEaA,uBAAuB,GAAIC,IAAgB;EACpD,QAAQA,IAAI;IACR,KAAK,QAAQ;MACT,OAAO,OAAO;IAClB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;;AAEzB;MAEaC,2BAA2B,GAAGA,MAAM;MAEpCC,0BAA0B,GAAGA,MACtC;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Dialog/util.ts"],"sourcesContent":["import { DialogSize } from './types';\n\nexport const getDialogSizeClassnames = (size: DialogSize) => {\n    switch (size) {\n        case 'dialog':\n            return 'w-128';\n        case 'xs':\n            return 'w-xs';\n        case 'sm':\n            return 'w-sm';\n        case 'md':\n            return 'w-md';\n        case 'lg':\n            return 'w-lg';\n    }\n};\n\nexport const getDialogPositionClassnames = () => 'mt-16 mx-auto';\n\nexport const getDialogStylingClassnames = () =>\n    'bg-white rounded animate-[fade-in_150ms] shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]';\n"],"names":["getDialogSizeClassnames","size","getDialogPositionClassnames","getDialogStylingClassnames"],"mappings":"IAEaA,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,IAAgB;EACpD,QAAQA,IAAI;IACR,KAAK,QAAQ;MACT,OAAO,OAAO;IAClB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;IACjB,KAAK,IAAI;MACL,OAAO,MAAM;;AAEzB;IAEaC,2BAA2B,GAAG,SAA9BA,2BAA2BA;EAAA,OAAS,eAAe;AAAA;IAEnDC,0BAA0B,GAAG,SAA7BA,0BAA0BA;EAAA,OACnC,+GAA+G;AAAA;;;;"}

package/dist/esm/packages/taco/src/components/Drawer/Context.js

@@ -1,18 +1,18 @@
 import { createContext, useContext } from 'react';
 
 /* eslint-disable @typescript-eslint/no-empty-function */
-const DrawerContext = /*#__PURE__*/createContext({
+var DrawerContext = /*#__PURE__*/createContext({
   closeOnEscape: true,
   showCloseButton: true,
-  onClickBack: () => {},
-  onClose: () => {},
-  onResize: () => {},
+  onClickBack: function onClickBack() {},
+  onClose: function onClose() {},
+  onResize: function onResize() {},
   props: {},
   ref: null,
   size: 'md',
   variant: 'embedded'
 });
-const useCurrentDrawer = () => {
+var useCurrentDrawer = function useCurrentDrawer() {
   return useContext(DrawerContext);
 };
 

package/dist/esm/packages/taco/src/components/Drawer/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/Drawer/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport * as React from 'react';\nimport { DrawerSize, DrawerVariant } from './types';\n\nexport type DrawerContext = {\n    closeOnEscape: boolean;\n    showCloseButton: boolean;\n    onClickBack?: () => void;\n    onClose?: () => void;\n    onResize?: (delta: number) => void;\n    props: {};\n    ref: React.Ref<HTMLElement>;\n    size: DrawerSize;\n    open?: boolean;\n    setOpen?: (open: boolean) => void;\n    variant: DrawerVariant;\n    focusTrap?: boolean;\n    outlet?: HTMLElement;\n};\n\nexport const DrawerContext = React.createContext<DrawerContext>({\n    closeOnEscape: true,\n    showCloseButton: true,\n    onClickBack: () => {},\n    onClose: () => {},\n    onResize: () => {},\n    props: {},\n    ref: null,\n    size: 'md',\n    variant: 'embedded',\n});\n\nexport const useCurrentDrawer = () => {\n    return React.useContext(DrawerContext);\n};\n"],"names":["DrawerContext","React","closeOnEscape","showCloseButton","onClickBack","onClose","onResize","props","ref","size","variant","useCurrentDrawer"],"mappings":";;AAAA;MAoBaA,aAAa,gBAAGC,aAAmB,CAAgB;EAC5DC,aAAa,EAAE,IAAI;EACnBC,eAAe,EAAE,IAAI;EACrBC,WAAW,EAAEA,QAAQ;EACrBC,OAAO,EAAEA,QAAQ;EACjBC,QAAQ,EAAEA,QAAQ;EAClBC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE;CACZ;MAEYC,gBAAgB,GAAGA;EAC5B,OAAOV,UAAgB,CAACD,aAAa,CAAC;AAC1C;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/Drawer/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport * as React from 'react';\nimport { DrawerSize, DrawerVariant } from './types';\n\nexport type DrawerContext = {\n    closeOnEscape: boolean;\n    showCloseButton: boolean;\n    onClickBack?: () => void;\n    onClose?: () => void;\n    onResize?: (delta: number) => void;\n    props: {};\n    ref: React.Ref<HTMLElement>;\n    size: DrawerSize;\n    open?: boolean;\n    setOpen?: (open: boolean) => void;\n    variant: DrawerVariant;\n    focusTrap?: boolean;\n    outlet?: HTMLElement;\n};\n\nexport const DrawerContext = React.createContext<DrawerContext>({\n    closeOnEscape: true,\n    showCloseButton: true,\n    onClickBack: () => {},\n    onClose: () => {},\n    onResize: () => {},\n    props: {},\n    ref: null,\n    size: 'md',\n    variant: 'embedded',\n});\n\nexport const useCurrentDrawer = () => {\n    return React.useContext(DrawerContext);\n};\n"],"names":["DrawerContext","React","closeOnEscape","showCloseButton","onClickBack","onClose","onResize","props","ref","size","variant","useCurrentDrawer"],"mappings":";;AAAA;IAoBaA,aAAa,gBAAGC,aAAmB,CAAgB;EAC5DC,aAAa,EAAE,IAAI;EACnBC,eAAe,EAAE,IAAI;EACrBC,WAAW,EAAE,SAAAA,gBAAQ;EACrBC,OAAO,EAAE,SAAAA,YAAQ;EACjBC,QAAQ,EAAE,SAAAA,aAAQ;EAClBC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE,IAAI;EACTC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE;CACZ;IAEYC,gBAAgB,GAAG,SAAnBA,gBAAgBA;EACzB,OAAOV,UAAgB,CAACD,aAAa,CAAC;AAC1C;;;;"}

package/dist/esm/packages/taco/src/components/Drawer/Drawer.js

@@ -1,15 +1,17 @@
 import { forwardRef, useState, useMemo, useCallback, useEffect, createElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Root } from '@radix-ui/react-dialog';
 import { DrawerContext } from './Context.js';
 import { Content, InnerContent, Title, Footer, Close, Actions } from './components/Content.js';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { Trigger } from './components/Trigger.js';
 
-const DEFAULT_OUTLET_NAME = 'default';
-const Outlet = /*#__PURE__*/forwardRef(function Outlet(props, ref) {
+var _excluded = ["open", "defaultOpen", "onChange", "variant", "className", "closeOnEscape", "onResize", "onClose", "onClickBack", "size", "trigger", "children", "focusTrap", "showCloseButton", "outletName"];
+var DEFAULT_OUTLET_NAME = 'default';
+var Outlet = /*#__PURE__*/forwardRef(function Outlet(props, ref) {
   var _props$name;
-  const className = cn('h-full ml-auto overflow-hidden flex-shrink-0', props.className);
+  var className = cn('h-full ml-auto overflow-hidden flex-shrink-0', props.className);
   return /*#__PURE__*/createElement("div", Object.assign({}, props, {
     className: className,
     "data-taco": "drawer-outlet",
@@ -18,62 +20,70 @@ const Outlet = /*#__PURE__*/forwardRef(function Outlet(props, ref) {
   }));
 });
 // drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.
-let drawerStack;
-const Drawer = /*#__PURE__*/forwardRef(function Drawer(props, ref) {
-  const {
-    open: openProp,
-    defaultOpen: defaultOpenProp,
-    // if onChange is not provided, then replace it with empty function, needed for useControllableState
-    onChange = () => {
+var drawerStack;
+var Drawer = /*#__PURE__*/forwardRef(function Drawer(props, ref) {
+  var openProp = props.open,
+    defaultOpenProp = props.defaultOpen,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {
       // do nothing.
-    },
-    variant = 'embedded',
-    className,
-    closeOnEscape = true,
-    onResize,
-    onClose,
-    onClickBack,
-    size = 'md',
-    trigger,
-    children,
-    focusTrap = props.focusTrap === undefined && props.variant === 'overlay' ? true : props.focusTrap,
-    showCloseButton = true,
-    outletName,
-    ...otherProps
-  } = props;
-  const [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpenProp,
-    onChange
-  });
-  const [outlet, setOutlet] = useState();
-  const context = useMemo(() => ({
-    closeOnEscape,
-    onClickBack,
-    onClose,
-    onResize,
-    props: otherProps,
-    size,
-    ref,
-    open,
-    setOpen,
-    variant,
-    focusTrap,
-    showCloseButton,
-    outlet
-  }), [closeOnEscape, open, setOpen, otherProps, variant, onResize, onClose, size, focusTrap, showCloseButton, outlet, onClickBack]);
+    } : _props$onChange,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'embedded' : _props$variant,
+    _props$closeOnEscape = props.closeOnEscape,
+    closeOnEscape = _props$closeOnEscape === void 0 ? true : _props$closeOnEscape,
+    onResize = props.onResize,
+    onClose = props.onClose,
+    onClickBack = props.onClickBack,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    trigger = props.trigger,
+    children = props.children,
+    _props$focusTrap = props.focusTrap,
+    focusTrap = _props$focusTrap === void 0 ? props.focusTrap === undefined && props.variant === 'overlay' ? true : props.focusTrap : _props$focusTrap,
+    _props$showCloseButto = props.showCloseButton,
+    showCloseButton = _props$showCloseButto === void 0 ? true : _props$showCloseButto,
+    outletName = props.outletName,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useControllableState = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpenProp,
+      onChange: onChange
+    }),
+    open = _useControllableState[0],
+    setOpen = _useControllableState[1];
+  var _React$useState = useState(),
+    outlet = _React$useState[0],
+    setOutlet = _React$useState[1];
+  var context = useMemo(function () {
+    return {
+      closeOnEscape: closeOnEscape,
+      onClickBack: onClickBack,
+      onClose: onClose,
+      onResize: onResize,
+      props: otherProps,
+      size: size,
+      ref: ref,
+      open: open,
+      setOpen: setOpen,
+      variant: variant,
+      focusTrap: focusTrap,
+      showCloseButton: showCloseButton,
+      outlet: outlet
+    };
+  }, [closeOnEscape, open, setOpen, otherProps, variant, onResize, onClose, size, focusTrap, showCloseButton, outlet, onClickBack]);
   // this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.
-  const close = useCallback(() => {
+  var close = useCallback(function () {
     setOpen(false);
     onClose && onClose();
   }, []);
-  useEffect(() => {
+  useEffect(function () {
     var _document$querySelect;
-    const outletSelector = `[data-taco="drawer-outlet"][data-taco-outlet-name="${outletName !== null && outletName !== void 0 ? outletName : DEFAULT_OUTLET_NAME}"]`;
-    const outletElement = (_document$querySelect = document.querySelector(outletSelector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.body;
+    var outletSelector = "[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"" + (outletName !== null && outletName !== void 0 ? outletName : DEFAULT_OUTLET_NAME) + "\"]";
+    var outletElement = (_document$querySelect = document.querySelector(outletSelector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.body;
     setOutlet(outletElement);
   }, [outletName]);
-  useEffect(() => {
+  useEffect(function () {
     if (open) {
       // if drawerStack is defined, this means that another drawer was opened before
       if (drawerStack) {

package/dist/esm/packages/taco/src/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n    Actions,\n    Footer,\n    InnerContent,\n    DrawerInnerContentProps,\n    DrawerFooterProps,\n    DrawerTitleProps,\n    Title,\n    Close,\n    Content,\n    DrawerContentProps,\n    DrawerCloseProps,\n} from './components/Content';\nimport { GroupProps } from '../Group/Group';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport cn from 'clsx';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { DrawerTriggerProps, Trigger } from './components/Trigger';\nimport { DrawerContext } from './Context';\nimport { DrawerSize, DrawerVariant } from './types';\n\nexport type DrawerTexts = {\n    /**\n     * Aria-label for back icon button in drawer.\n     */\n    back: string;\n    /**\n     * Aria-label for close icon button in drawer.\n     */\n    close: string;\n};\n\nexport type DrawerProps = Omit<DialogProps, 'draggable' | 'size'> & {\n    children: React.ReactNode | React.ReactNode[];\n    /** Size of the drawer. This is the recommended way to set a size for drawer component. */\n    size?: DrawerSize;\n    /** When `true`, pressing escape will close the drawer */\n    closeOnEscape?: boolean;\n    /** Set whether the drawer is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Handles the back button click and determines its visibility */\n    onClickBack?: () => void;\n    /** Handler called when drawer closes by user interaction */\n    onClose?: () => void;\n    /** Called when the drawer opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean | undefined) => void;\n    /** Control the open state of the drawer from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n    /** Triggers when resizing, can be throttled or debounced for better performances */\n    onResize?: (delta: number) => void;\n    /** Rendering variant of the drawer */\n    variant?: DrawerVariant;\n    /** className for children container, needed for embedded version, in cases where we might need to control children height */\n    className?: string;\n    /** When 'true' preventing focus from leaving drawer content */\n    focusTrap?: boolean;\n    /** When 'true' renders close button in topr right cornenr of drawer content */\n    showCloseButton?: boolean;\n    /** Target specific named outlet allowing you to render a drawer to a specific outlet */\n    outletName?: string;\n};\n\nexport type OutletProps = React.HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n};\n\nconst DEFAULT_OUTLET_NAME = 'default';\n\nconst Outlet = React.forwardRef(function Outlet(props: OutletProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('h-full ml-auto overflow-hidden flex-shrink-0', props.className);\n    return (\n        <div\n            {...props}\n            className={className}\n            data-taco=\"drawer-outlet\"\n            data-taco-outlet-name={props.name ?? DEFAULT_OUTLET_NAME}\n            ref={ref}\n        />\n    );\n});\n\n// drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.\nlet drawerStack: undefined | (() => void);\n\nexport type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;\n    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;\n    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;\n    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Drawer = React.forwardRef(function Drawer(props: DrawerProps, ref: React.Ref<HTMLElement>) {\n    const {\n        open: openProp,\n        defaultOpen: defaultOpenProp,\n        // if onChange is not provided, then replace it with empty function, needed for useControllableState\n        onChange = () => {\n            // do nothing.\n        },\n        variant = 'embedded',\n        className,\n        closeOnEscape = true,\n        onResize,\n        onClose,\n        onClickBack,\n        size = 'md',\n        trigger,\n        children,\n        focusTrap = props.focusTrap === undefined && props.variant === 'overlay' ? true : props.focusTrap,\n        showCloseButton = true,\n        outletName,\n        ...otherProps\n    } = props;\n\n    const [open, setOpen] = useControllableState<boolean | undefined>({\n        prop: openProp,\n        defaultProp: defaultOpenProp,\n        onChange,\n    });\n\n    const [outlet, setOutlet] = React.useState<HTMLElement>();\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            onClickBack,\n            onClose,\n            onResize,\n            props: otherProps,\n            size,\n            ref,\n            open,\n            setOpen,\n            variant,\n            focusTrap,\n            showCloseButton,\n            outlet,\n        }),\n        [\n            closeOnEscape,\n            open,\n            setOpen,\n            otherProps,\n            variant,\n            onResize,\n            onClose,\n            size,\n            focusTrap,\n            showCloseButton,\n            outlet,\n            onClickBack,\n        ]\n    );\n\n    // this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.\n    const close = React.useCallback(() => {\n        setOpen(false);\n        onClose && onClose();\n    }, []);\n\n    React.useEffect(() => {\n        const outletSelector = `[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"${outletName ?? DEFAULT_OUTLET_NAME}\"]`;\n        const outletElement = document.querySelector<HTMLElement>(outletSelector) ?? document.body;\n        setOutlet(outletElement);\n    }, [outletName]);\n\n    React.useEffect(() => {\n        if (open) {\n            // if drawerStack is defined, this means that another drawer was opened before\n            if (drawerStack) {\n                drawerStack();\n            }\n            drawerStack = close;\n        } else {\n            // if drawerStack is equal to current close callback,\n            // this means that drawer getting closed completely instead of getting closed on re-open\n            if (drawerStack === close) {\n                drawerStack = undefined;\n            }\n        }\n    }, [open]);\n\n    return (\n        <DrawerContext.Provider value={context}>\n            <DialogPrimitive.Root modal={variant === 'overlay' ? true : false} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DrawerContext.Provider>\n    );\n}) as ForwardedDrawerWithStatics;\n\nDrawer.Trigger = Trigger;\nDrawer.Content = Content;\nDrawer.InnerContent = InnerContent;\nDrawer.Title = Title;\nDrawer.Footer = Footer;\nDrawer.Close = Close;\nDrawer.Actions = Actions;\nDrawer.Outlet = Outlet;\n"],"names":["DEFAULT_OUTLET_NAME","Outlet","React","props","ref","className","cn","name","_props$name","drawerStack","Drawer","open","openProp","defaultOpen","defaultOpenProp","onChange","variant","closeOnEscape","onResize","onClose","onClickBack","size","trigger","children","focusTrap","undefined","showCloseButton","outletName","otherProps","setOpen","useControllableState","prop","defaultProp","outlet","setOutlet","context","close","outletSelector","outletElement","_document$querySelect","document","querySelector","body","DrawerContext","Provider","value","DialogPrimitive","modal","onOpenChange","Trigger","Content","InnerContent","Title","Footer","Close","Actions"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n    Actions,\n    Footer,\n    InnerContent,\n    DrawerInnerContentProps,\n    DrawerFooterProps,\n    DrawerTitleProps,\n    Title,\n    Close,\n    Content,\n    DrawerContentProps,\n    DrawerCloseProps,\n} from './components/Content';\nimport { GroupProps } from '../Group/Group';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport cn from 'clsx';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { DrawerTriggerProps, Trigger } from './components/Trigger';\nimport { DrawerContext } from './Context';\nimport { DrawerSize, DrawerVariant } from './types';\n\nexport type DrawerTexts = {\n    /**\n     * Aria-label for back icon button in drawer.\n     */\n    back: string;\n    /**\n     * Aria-label for close icon button in drawer.\n     */\n    close: string;\n};\n\nexport type DrawerProps = Omit<DialogProps, 'draggable' | 'size'> & {\n    children: React.ReactNode | React.ReactNode[];\n    /** Size of the drawer. This is the recommended way to set a size for drawer component. */\n    size?: DrawerSize;\n    /** When `true`, pressing escape will close the drawer */\n    closeOnEscape?: boolean;\n    /** Set whether the drawer is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Handles the back button click and determines its visibility */\n    onClickBack?: () => void;\n    /** Handler called when drawer closes by user interaction */\n    onClose?: () => void;\n    /** Called when the drawer opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean | undefined) => void;\n    /** Control the open state of the drawer from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the drawer, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n    /** Triggers when resizing, can be throttled or debounced for better performances */\n    onResize?: (delta: number) => void;\n    /** Rendering variant of the drawer */\n    variant?: DrawerVariant;\n    /** className for children container, needed for embedded version, in cases where we might need to control children height */\n    className?: string;\n    /** When 'true' preventing focus from leaving drawer content */\n    focusTrap?: boolean;\n    /** When 'true' renders close button in topr right cornenr of drawer content */\n    showCloseButton?: boolean;\n    /** Target specific named outlet allowing you to render a drawer to a specific outlet */\n    outletName?: string;\n};\n\nexport type OutletProps = React.HTMLAttributes<HTMLDivElement> & {\n    name?: string;\n};\n\nconst DEFAULT_OUTLET_NAME = 'default';\n\nconst Outlet = React.forwardRef(function Outlet(props: OutletProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('h-full ml-auto overflow-hidden flex-shrink-0', props.className);\n    return (\n        <div\n            {...props}\n            className={className}\n            data-taco=\"drawer-outlet\"\n            data-taco-outlet-name={props.name ?? DEFAULT_OUTLET_NAME}\n            ref={ref}\n        />\n    );\n});\n\n// drawerStack getting set by previous drawer instance, to be able to close previous instance, when new instance getting opened.\nlet drawerStack: undefined | (() => void);\n\nexport type ForwardedDrawerWithStatics = React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;\n    InnerContent: React.ForwardRefExoticComponent<DrawerInnerContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;\n    Actions: React.ForwardRefExoticComponent<GroupProps & React.RefAttributes<HTMLDivElement>>;\n    Outlet: React.ForwardRefExoticComponent<OutletProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Drawer = React.forwardRef(function Drawer(props: DrawerProps, ref: React.Ref<HTMLElement>) {\n    const {\n        open: openProp,\n        defaultOpen: defaultOpenProp,\n        // if onChange is not provided, then replace it with empty function, needed for useControllableState\n        onChange = () => {\n            // do nothing.\n        },\n        variant = 'embedded',\n        className,\n        closeOnEscape = true,\n        onResize,\n        onClose,\n        onClickBack,\n        size = 'md',\n        trigger,\n        children,\n        focusTrap = props.focusTrap === undefined && props.variant === 'overlay' ? true : props.focusTrap,\n        showCloseButton = true,\n        outletName,\n        ...otherProps\n    } = props;\n\n    const [open, setOpen] = useControllableState<boolean | undefined>({\n        prop: openProp,\n        defaultProp: defaultOpenProp,\n        onChange,\n    });\n\n    const [outlet, setOutlet] = React.useState<HTMLElement>();\n\n    const context = React.useMemo(\n        () => ({\n            closeOnEscape,\n            onClickBack,\n            onClose,\n            onResize,\n            props: otherProps,\n            size,\n            ref,\n            open,\n            setOpen,\n            variant,\n            focusTrap,\n            showCloseButton,\n            outlet,\n        }),\n        [\n            closeOnEscape,\n            open,\n            setOpen,\n            otherProps,\n            variant,\n            onResize,\n            onClose,\n            size,\n            focusTrap,\n            showCloseButton,\n            outlet,\n            onClickBack,\n        ]\n    );\n\n    // this prevents two drawers being open at once and used when one drawer getting opened before another one got closed.\n    const close = React.useCallback(() => {\n        setOpen(false);\n        onClose && onClose();\n    }, []);\n\n    React.useEffect(() => {\n        const outletSelector = `[data-taco=\"drawer-outlet\"][data-taco-outlet-name=\"${outletName ?? DEFAULT_OUTLET_NAME}\"]`;\n        const outletElement = document.querySelector<HTMLElement>(outletSelector) ?? document.body;\n        setOutlet(outletElement);\n    }, [outletName]);\n\n    React.useEffect(() => {\n        if (open) {\n            // if drawerStack is defined, this means that another drawer was opened before\n            if (drawerStack) {\n                drawerStack();\n            }\n            drawerStack = close;\n        } else {\n            // if drawerStack is equal to current close callback,\n            // this means that drawer getting closed completely instead of getting closed on re-open\n            if (drawerStack === close) {\n                drawerStack = undefined;\n            }\n        }\n    }, [open]);\n\n    return (\n        <DrawerContext.Provider value={context}>\n            <DialogPrimitive.Root modal={variant === 'overlay' ? true : false} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DialogPrimitive.Root>\n        </DrawerContext.Provider>\n    );\n}) as ForwardedDrawerWithStatics;\n\nDrawer.Trigger = Trigger;\nDrawer.Content = Content;\nDrawer.InnerContent = InnerContent;\nDrawer.Title = Title;\nDrawer.Footer = Footer;\nDrawer.Close = Close;\nDrawer.Actions = Actions;\nDrawer.Outlet = Outlet;\n"],"names":["DEFAULT_OUTLET_NAME","Outlet","React","props","ref","className","cn","name","_props$name","drawerStack","Drawer","openProp","open","defaultOpenProp","defaultOpen","_props$onChange","onChange","_props$variant","variant","_props$closeOnEscape","closeOnEscape","onResize","onClose","onClickBack","_props$size","size","trigger","children","_props$focusTrap","focusTrap","undefined","_props$showCloseButto","showCloseButton","outletName","otherProps","_objectWithoutPropertiesLoose","_excluded","_useControllableState","useControllableState","prop","defaultProp","setOpen","_React$useState","outlet","setOutlet","context","close","outletSelector","outletElement","_document$querySelect","document","querySelector","body","DrawerContext","Provider","value","DialogPrimitive","modal","onOpenChange","Trigger","Content","InnerContent","Title","Footer","Close","Actions"],"mappings":"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"}