@economic/taco 2.47.0-server.9 → 2.47.0

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

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Backdrop } from '../../Backdrop/Backdrop.js';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
 import { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown.js';
@@ -15,64 +14,61 @@ import { getBackdropClassNames, getDrawerContainerClassNames, getDrawerContentCl
 import { FocusScope } from '@react-aria/focus';
 import { ScrollArea } from '../../ScrollArea/ScrollArea.js';
 
-var _excluded = ["className", "children"],
-  _excluded2 = ["className"],
-  _excluded3 = ["className"],
-  _excluded4 = ["className", "isScrollable", "children"],
-  _excluded5 = ["children"],
-  _excluded6 = ["onEscape", "children"],
-  _excluded7 = ["className", "style", "children"];
-var RESIZE_MIN = 360;
-var RESIZE_MAX = 1000;
+const RESIZE_MIN = 360;
+const RESIZE_MAX = 1000;
 var DrawerAnimationDefinition;
 (function (DrawerAnimationDefinition) {
   DrawerAnimationDefinition["Visible"] = "visible";
   DrawerAnimationDefinition["Hidden"] = "hidden";
 })(DrawerAnimationDefinition || (DrawerAnimationDefinition = {}));
-var RenderPropWrapper = /*#__PURE__*/React__default.forwardRef(function RenderPropWrapper(_ref, ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick,
-    renderProps = _ref.renderProps;
-  var close = function close() {
+const RenderPropWrapper = /*#__PURE__*/React__default.forwardRef(function RenderPropWrapper({
+  children,
+  onClick,
+  renderProps
+}, ref) {
+  const close = () => {
     onClick(new CustomEvent('close'));
   };
-  return children(_extends({
-    close: close,
-    ref: ref
-  }, renderProps));
+  return children({
+    close,
+    ref,
+    ...renderProps
+  });
 });
-var Title = /*#__PURE__*/React__default.forwardRef(function DrawerTitle(props, externalRef) {
-  var className = props.className,
-    children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var ref = useMergedRef(externalRef);
-  var _React$useState = React__default.useState({}),
-    style = _React$useState[0],
-    setStyle = _React$useState[1];
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var _useCurrentDrawer = useCurrentDrawer(),
-    onClickBack = _useCurrentDrawer.onClickBack;
+const Title = /*#__PURE__*/React__default.forwardRef(function DrawerTitle(props, externalRef) {
+  const {
+    className,
+    children,
+    ...otherProps
+  } = props;
+  const ref = useMergedRef(externalRef);
+  const [style, setStyle] = React__default.useState({});
+  const {
+    texts
+  } = useLocalization();
+  const {
+    onClickBack
+  } = useCurrentDrawer();
   /**
    * By design in default drawer version Title has grey separator, but we might have exceptions like Drawer + Tabs scenario,
    * where we might want to hide the grey separator. For this reason separator was rendered with using of classNames,
    * so it can be easily overriden in exceptional scenarios.
    *  */
-  var cName = cn('grow-0 py-4 px-4 justify-self-start mb-0 border-b-[1px] border-grey-300 flex items-start', className);
-  React__default.useEffect(function () {
+  const cName = cn('grow-0 py-4 px-4 justify-self-start mb-0 border-b-[1px] border-grey-300 flex items-start', className);
+  React__default.useEffect(() => {
     var _ref$current, _drawer$querySelector, _closeButton$offsetWi, _drawer$querySelector2, _actionsWrapper$offse;
-    var drawer = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('[data-taco="drawer"]');
+    const drawer = ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.closest('[data-taco="drawer"]');
     // This is the margin amount that we need to deduct from the margins to align with the design
-    var marginAdjust = 4;
-    var closeButton = (_drawer$querySelector = drawer === null || drawer === void 0 ? void 0 : drawer.querySelector("[aria-label=\"" + texts.drawer.close + "\"]")) !== null && _drawer$querySelector !== void 0 ? _drawer$querySelector : null;
-    var closeButtonWidth = (_closeButton$offsetWi = closeButton === null || closeButton === void 0 ? void 0 : closeButton.offsetWidth) !== null && _closeButton$offsetWi !== void 0 ? _closeButton$offsetWi : 0;
-    var closeButtonRightMargin = 8;
-    var actionsWrapper = (_drawer$querySelector2 = drawer === null || drawer === void 0 ? void 0 : drawer.querySelector("#taco-drawer-actions[data-taco=\"group\"]")) !== null && _drawer$querySelector2 !== void 0 ? _drawer$querySelector2 : null;
-    var actionsWrapperWidth = (_actionsWrapper$offse = actionsWrapper === null || actionsWrapper === void 0 ? void 0 : actionsWrapper.offsetWidth) !== null && _actionsWrapper$offse !== void 0 ? _actionsWrapper$offse : 0;
-    var actionsWrapperRightMargin = 8;
-    var marginRight = closeButtonWidth + actionsWrapperWidth + closeButtonRightMargin + actionsWrapperRightMargin - marginAdjust;
+    const marginAdjust = 4;
+    const closeButton = (_drawer$querySelector = drawer === null || drawer === void 0 ? void 0 : drawer.querySelector(`[aria-label="${texts.drawer.close}"]`)) !== null && _drawer$querySelector !== void 0 ? _drawer$querySelector : null;
+    const closeButtonWidth = (_closeButton$offsetWi = closeButton === null || closeButton === void 0 ? void 0 : closeButton.offsetWidth) !== null && _closeButton$offsetWi !== void 0 ? _closeButton$offsetWi : 0;
+    const closeButtonRightMargin = 8;
+    const actionsWrapper = (_drawer$querySelector2 = drawer === null || drawer === void 0 ? void 0 : drawer.querySelector(`#taco-drawer-actions[data-taco="group"]`)) !== null && _drawer$querySelector2 !== void 0 ? _drawer$querySelector2 : null;
+    const actionsWrapperWidth = (_actionsWrapper$offse = actionsWrapper === null || actionsWrapper === void 0 ? void 0 : actionsWrapper.offsetWidth) !== null && _actionsWrapper$offse !== void 0 ? _actionsWrapper$offse : 0;
+    const actionsWrapperRightMargin = 8;
+    const marginRight = closeButtonWidth + actionsWrapperWidth + closeButtonRightMargin + actionsWrapperRightMargin - marginAdjust;
     setStyle({
-      marginRight: marginRight
+      marginRight
     });
   }, [ref, texts.drawer.close]);
   return /*#__PURE__*/React__default.createElement(Title$1, Object.assign({
@@ -90,21 +86,26 @@ var Title = /*#__PURE__*/React__default.forwardRef(function DrawerTitle(props, e
     style: style
   }, children));
 });
-var Footer = /*#__PURE__*/React__default.forwardRef(function DrawerFooter(props, ref) {
-  var otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+const Footer = /*#__PURE__*/React__default.forwardRef(function DrawerFooter(props, ref) {
+  const {
+    className,
+    ...otherProps
+  } = props;
   /**
    * The same scenario as Title, grey separator rendered using classNames to have posibility to override it.
    */
-  var cName = cn('mt-auto flex justify-end grow-0 p-4 border-t-[1px] border-grey-300', props.className);
+  const cName = cn('mt-auto flex justify-end grow-0 p-4 border-t-[1px] border-grey-300', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
     className: cName,
     ref: ref
   }));
 });
-var Actions = /*#__PURE__*/React__default.forwardRef(function Actions(props, ref) {
-  var className = props.className,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded3);
-  var cName = cn('absolute top-0 right-10 mr-[8px] mt-4', className);
+const Actions = /*#__PURE__*/React__default.forwardRef(function Actions(props, ref) {
+  const {
+    className,
+    ...otherProps
+  } = props;
+  const cName = cn('absolute top-0 right-10 mr-[8px] mt-4', className);
   // Id is added to identify the actions wrapper inside a useEffect in Dialog.Title
   return /*#__PURE__*/React__default.createElement(Group, Object.assign({}, otherProps, {
     className: cName,
@@ -112,22 +113,24 @@ var Actions = /*#__PURE__*/React__default.forwardRef(function Actions(props, ref
     ref: ref
   }));
 });
-var Close = /*#__PURE__*/React__default.forwardRef(function DrawerClose(props, ref) {
-  var _useCurrentDrawer2 = useCurrentDrawer(),
-    onClose = _useCurrentDrawer2.onClose;
+const Close = /*#__PURE__*/React__default.forwardRef(function DrawerClose(props, ref) {
+  const {
+    onClose
+  } = useCurrentDrawer();
   return /*#__PURE__*/React__default.createElement(Close$1, Object.assign({}, props, {
     onClick: onClose,
     ref: ref,
     asChild: true
   }));
 });
-var InnerContent = /*#__PURE__*/React__default.forwardRef(function InnerContent(props, ref) {
-  var className = props.className,
-    _props$isScrollable = props.isScrollable,
-    isScrollable = _props$isScrollable === void 0 ? true : _props$isScrollable,
-    children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded4);
-  var cName = cn('grow flex flex-col', {
+const InnerContent = /*#__PURE__*/React__default.forwardRef(function InnerContent(props, ref) {
+  const {
+    className,
+    isScrollable = true,
+    children,
+    ...otherProps
+  } = props;
+  const cName = cn('grow flex flex-col', {
     'overflow-y-hidden': isScrollable,
     'p-4': !isScrollable
   }, className);
@@ -138,15 +141,17 @@ var InnerContent = /*#__PURE__*/React__default.forwardRef(function InnerContent(
     className: "w-full gap-y-0.5 p-4"
   }, children) : children);
 });
-var Portal = function Portal(props) {
-  var children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded5);
-  var _useCurrentDrawer3 = useCurrentDrawer(),
-    _useCurrentDrawer3$op = _useCurrentDrawer3.open,
-    open = _useCurrentDrawer3$op === void 0 ? false : _useCurrentDrawer3$op,
-    variant = _useCurrentDrawer3.variant,
-    outlet = _useCurrentDrawer3.outlet;
-  var backdropClassNames = React__default.useMemo(function () {
+const Portal = props => {
+  const {
+    children,
+    ...otherProps
+  } = props;
+  const {
+    open = false,
+    variant,
+    outlet
+  } = useCurrentDrawer();
+  const backdropClassNames = React__default.useMemo(() => {
     return getBackdropClassNames(open);
   }, [open]);
   if (!outlet) {
@@ -160,10 +165,12 @@ var Portal = function Portal(props) {
     className: backdropClassNames
   }))) : null, children);
 };
-var UntrappedFocusDrawerContent = /*#__PURE__*/React__default.forwardRef(function EmbeddedDrawerContent(props, ref) {
-  var onEscape = props.onEscape,
-    children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded6);
+const UntrappedFocusDrawerContent = /*#__PURE__*/React__default.forwardRef(function EmbeddedDrawerContent(props, ref) {
+  const {
+    onEscape,
+    children,
+    ...otherProps
+  } = props;
   useGlobalKeyDown('Escape', onEscape);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
     ref: ref
@@ -172,50 +179,52 @@ var UntrappedFocusDrawerContent = /*#__PURE__*/React__default.forwardRef(functio
     restoreFocus: true
   }, children));
 });
-var DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(props, externalRef) {
-  var _useCurrentDrawer4 = useCurrentDrawer(),
-    size = _useCurrentDrawer4.size,
-    onClose = _useCurrentDrawer4.onClose,
-    onResize = _useCurrentDrawer4.onResize,
-    _useCurrentDrawer4$op = _useCurrentDrawer4.open,
-    open = _useCurrentDrawer4$op === void 0 ? false : _useCurrentDrawer4$op,
-    closeOnEscape = _useCurrentDrawer4.closeOnEscape,
-    variant = _useCurrentDrawer4.variant,
-    focusTrap = _useCurrentDrawer4.focusTrap,
-    showCloseButton = _useCurrentDrawer4.showCloseButton,
-    setOpen = _useCurrentDrawer4.setOpen;
-  var className = props.className,
-    style = props.style,
-    children = props.children,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded7);
-  var _useLocalization2 = useLocalization(),
-    texts = _useLocalization2.texts;
-  var ref = useMergedRef(externalRef);
+const DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(props, externalRef) {
+  const {
+    size,
+    onClose,
+    onResize,
+    open = false,
+    closeOnEscape,
+    variant,
+    focusTrap,
+    showCloseButton,
+    setOpen
+  } = useCurrentDrawer();
+  const {
+    className,
+    style,
+    children,
+    ...otherProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const ref = useMergedRef(externalRef);
   // if the drawer was opened by a menu, we need to close the menu when the drawer closes
   // the menu is still open (and mounted) because it is the trigger for the drawer
-  var menu = useCurrentMenu();
-  var handleCloseAutoFocus;
+  const menu = useCurrentMenu();
+  let handleCloseAutoFocus;
   if (menu) {
-    handleCloseAutoFocus = function handleCloseAutoFocus() {
+    handleCloseAutoFocus = () => {
       menu.close();
     };
   }
-  var containerClassName = React__default.useMemo(function () {
-    return cn(getDrawerContainerClassNames(variant), className);
-  }, [className]);
-  var _React$useMemo = React__default.useMemo(function () {
-      var contentClassName = getDrawerContentClassNames(size, variant, open);
-      var dragHandlerClassName = getDrawerDragHandlerClassNames();
-      return {
-        contentClassName: contentClassName,
-        dragHandlerClassName: dragHandlerClassName
-      };
-    }, [size, variant, open]),
-    contentClassName = _React$useMemo.contentClassName,
-    dragHandlerClassName = _React$useMemo.dragHandlerClassName;
-  var handleEscapeKeyDown = function handleEscapeKeyDown(event) {
+  const containerClassName = React__default.useMemo(() => cn(getDrawerContainerClassNames(variant), className), [className]);
+  const {
+    contentClassName,
+    dragHandlerClassName
+  } = React__default.useMemo(() => {
+    const contentClassName = getDrawerContentClassNames(size, variant, open);
+    const dragHandlerClassName = getDrawerDragHandlerClassNames();
+    return {
+      contentClassName,
+      dragHandlerClassName
+    };
+  }, [size, variant, open]);
+  const handleEscapeKeyDown = event => {
     var _ref$current2;
-    var isTargetInsideDrawerContent = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.contains(event.target);
+    const isTargetInsideDrawerContent = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.contains(event.target);
     if (isTargetInsideDrawerContent) {
       if (!closeOnEscape) {
         event.preventDefault();
@@ -227,44 +236,43 @@ var DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(prop
       }
     }
   };
-  var _React$useState2 = React__default.useState(),
-    containerWidth = _React$useState2[0],
-    setContainerWidth = _React$useState2[1];
-  var dragHandlerRef = React__default.useRef(null);
-  var _useDraggable = useDraggable(useMergedRef(dragHandlerRef)),
-    position = _useDraggable.position,
-    dragging = _useDraggable.dragging,
-    dragHandleProps = _useDraggable.handleProps,
-    resetPosition = _useDraggable.resetPosition;
-  var contentRef = React__default.useRef(null);
-  React__default.useEffect(function () {
+  const [containerWidth, setContainerWidth] = React__default.useState();
+  const dragHandlerRef = React__default.useRef(null);
+  const {
+    position,
+    dragging,
+    handleProps: dragHandleProps,
+    resetPosition
+  } = useDraggable(useMergedRef(dragHandlerRef));
+  const contentRef = React__default.useRef(null);
+  React__default.useEffect(() => {
     if (onResize) {
       onResize(position.x);
     }
   }, [position]);
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     var _contentRef$current;
     setContainerWidth((_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.offsetWidth);
   }, [contentRef, open]);
-  var resizedWidth = React__default.useMemo(function () {
+  const resizedWidth = React__default.useMemo(() => {
     if (containerWidth) {
       return Math.min(RESIZE_MAX, Math.max(RESIZE_MIN, containerWidth - position.x || 0));
     }
     return;
   }, [containerWidth, position]);
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (!dragging && resizedWidth) {
       setContainerWidth(resizedWidth);
       resetPosition();
     }
   }, [dragging]);
-  var output;
+  let output;
   if (typeof children === 'function') {
     output = /*#__PURE__*/React__default.createElement(Close, null, /*#__PURE__*/React__default.createElement(RenderPropWrapper, null, children));
   } else {
     output = children;
   }
-  var content = /*#__PURE__*/React__default.createElement("div", {
+  const content = /*#__PURE__*/React__default.createElement("div", {
     ref: contentRef,
     "data-taco": "drawer",
     className: containerClassName
@@ -282,17 +290,18 @@ var DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(prop
     className: "absolute right-0 top-0 mr-2 mt-4",
     icon: "close"
   }))) : null);
-  var styleProp = _extends({}, style, {
-    width: resizedWidth
-  });
+  const styleProp = {
+    ...style,
+    ...{
+      width: resizedWidth
+    }
+  };
   return focusTrap ? (/*#__PURE__*/React__default.createElement(Content$1, Object.assign({
     forceMount: true
   }, otherProps, {
     className: contentClassName,
     onEscapeKeyDown: handleEscapeKeyDown,
-    onInteractOutside: variant === 'overlay' ? undefined : function (event) {
-      return event.preventDefault();
-    },
+    onInteractOutside: variant === 'overlay' ? undefined : event => event.preventDefault(),
     onCloseAutoFocus: handleCloseAutoFocus,
     ref: ref,
     style: styleProp
@@ -303,8 +312,10 @@ var DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(prop
     ref: ref
   }, content));
 });
-var Content = /*#__PURE__*/React__default.forwardRef(function Content(props, externalRef) {
-  var children = props.children;
+const Content = /*#__PURE__*/React__default.forwardRef(function Content(props, externalRef) {
+  const {
+    children
+  } = props;
   return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(DrawerContent, Object.assign({}, props, {
     ref: externalRef
   }), children));

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Drawer/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Group, GroupProps } from '../../Group/Group';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { useCurrentMenu } from '../../Menu/Context';\nimport { useCurrentDrawer } from '../Context';\nimport {\n    getBackdropClassNames,\n    getDrawerContainerClassNames,\n    getDrawerContentClassNames,\n    getDrawerDragHandlerClassNames,\n} from '../util';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { FocusScope } from '@react-aria/focus';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\n\nconst RESIZE_MIN = 360;\nconst RESIZE_MAX = 1000;\n\nexport type DrawerContentRenderProps = {\n    close: () => void;\n};\n\nexport enum DrawerAnimationDefinition {\n    Visible = 'visible',\n    Hidden = 'hidden',\n}\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DrawerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DrawerTitle(props: DrawerTitleProps, externalRef: React.Ref<HTMLHeadingElement>) {\n    const { className, children, ...otherProps } = props;\n    const ref = useMergedRef<HTMLHeadingElement>(externalRef);\n    const [style, setStyle] = React.useState({});\n    const { texts } = useLocalization();\n    const { onClickBack } = useCurrentDrawer();\n\n    /**\n     * By design in default drawer version Title has grey separator, but we might have exceptions like Drawer + Tabs scenario,\n     * where we might want to hide the grey separator. For this reason separator was rendered with using of classNames,\n     * so it can be easily overriden in exceptional scenarios.\n     *  */\n    const cName = cn('grow-0 py-4 px-4 justify-self-start mb-0 border-b-[1px] border-grey-300 flex items-start', className);\n\n    React.useEffect(() => {\n        const drawer = ref?.current?.closest('[data-taco=\"drawer\"]');\n\n        // This is the margin amount that we need to deduct from the margins to align with the design\n        const marginAdjust = 4;\n\n        const closeButton: HTMLButtonElement | null = drawer?.querySelector(`[aria-label=\"${texts.drawer.close}\"]`) ?? null;\n        const closeButtonWidth = closeButton?.offsetWidth ?? 0;\n        const closeButtonRightMargin = 8;\n\n        const actionsWrapper: HTMLSpanElement | null = drawer?.querySelector(`#taco-drawer-actions[data-taco=\"group\"]`) ?? null;\n        const actionsWrapperWidth = actionsWrapper?.offsetWidth ?? 0;\n        const actionsWrapperRightMargin = 8;\n\n        const marginRight =\n            closeButtonWidth + actionsWrapperWidth + closeButtonRightMargin + actionsWrapperRightMargin - marginAdjust;\n\n        setStyle({ marginRight });\n    }, [ref, texts.drawer.close]);\n\n    return (\n        <DialogPrimitive.Title className={cName} {...otherProps} ref={ref}>\n            {onClickBack ? (\n                <IconButton\n                    appearance=\"discrete\"\n                    aria-label={texts.drawer.back}\n                    className=\"mr-3 text-base\"\n                    icon=\"chevron-left\"\n                    onClick={onClickBack}\n                />\n            ) : null}\n            {\n                // We need to apply the right margin as an inline style instead of using Tailwind CSS.\n                // This is necessary because we are creating styles dynamically at runtime,\n                // and Tailwind doesn't support generating runtime styles.\n            }\n            <span className=\"line-clamp-2 inline-block overflow-y-hidden\" style={style}>\n                {children}\n            </span>\n        </DialogPrimitive.Title>\n    );\n});\n\nexport type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DrawerFooter(props: DrawerFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const { className, ...otherProps } = props;\n    /**\n     * The same scenario as Title, grey separator rendered using classNames to have posibility to override it.\n     */\n    const cName = cn('mt-auto flex justify-end grow-0 p-4 border-t-[1px] border-grey-300', props.className);\n    return <div {...otherProps} className={cName} ref={ref} />;\n});\n\nexport const Actions = React.forwardRef(function Actions(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { className, ...otherProps } = props;\n    const cName = cn('absolute top-0 right-10 mr-[8px] mt-4', className);\n    // Id is added to identify the actions wrapper inside a useEffect in Dialog.Title\n    return <Group {...otherProps} className={cName} id=\"taco-drawer-actions\" ref={ref} />;\n});\n\nexport type DrawerCloseProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Close = React.forwardRef(function DrawerClose(props: DrawerCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const { onClose } = useCurrentDrawer();\n\n    return <DialogPrimitive.Close {...props} onClick={onClose} ref={ref} asChild />;\n});\n\n/**\n * It is container component, needed to provide default scrolling behaviour and padding, to simplyfy usage, requested by feature devs.\n * It is optional to use InnerContent component, if consumer need to implement custom behaviour or paddings for inner content,\n * then it's simply enough to render children and wrap them in custom implementation.\n */\nexport type DrawerInnerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Consumer might want to use innerContent component to apply default paddings, but want to implement custom scrolling behaviour,\n     * default value - true\n     */\n    isScrollable?: boolean;\n};\nexport const InnerContent = React.forwardRef(function InnerContent(\n    props: DrawerInnerContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { className, isScrollable = true, children, ...otherProps } = props;\n    const cName = cn(\n        'grow flex flex-col',\n        {\n            'overflow-y-hidden': isScrollable,\n            'p-4': !isScrollable,\n        },\n        className\n    );\n    return (\n        <div {...otherProps} className={cName} ref={ref}>\n            {isScrollable ? <ScrollArea className=\"w-full gap-y-0.5 p-4\">{children}</ScrollArea> : children}\n        </div>\n    );\n});\n\nconst Portal = (props: DialogPrimitive.DialogPortalProps) => {\n    const { children, ...otherProps } = props;\n    const { open = false, variant, outlet } = useCurrentDrawer();\n\n    const backdropClassNames = React.useMemo(() => {\n        return getBackdropClassNames(open);\n    }, [open]);\n\n    if (!outlet) {\n        return null;\n    }\n\n    return (\n        <DialogPrimitive.Portal {...otherProps} container={outlet ?? undefined}>\n            {variant === 'overlay' ? (\n                <DialogPrimitive.Overlay forceMount>\n                    {/* Animate backdrop appearance for overlay version of Drawer */}\n                    <Backdrop className={backdropClassNames} />\n                </DialogPrimitive.Overlay>\n            ) : null}\n            {children}\n        </DialogPrimitive.Portal>\n    );\n};\n\ntype UntrappedFocusDrawerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    onEscape: (event: KeyboardEvent) => void;\n};\nconst UntrappedFocusDrawerContent = React.forwardRef(function EmbeddedDrawerContent(\n    props: UntrappedFocusDrawerContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { onEscape, children, ...otherProps } = props;\n\n    useGlobalKeyDown('Escape', onEscape);\n\n    return (\n        <div {...otherProps} ref={ref}>\n            <FocusScope autoFocus={true} restoreFocus={true}>\n                {children}\n            </FocusScope>\n        </div>\n    );\n});\n\nexport type DrawerContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the side drawer is opened */\n    'aria-label': string;\n    children: Omit<React.ReactNode, 'Function'> | ((props: DrawerContentRenderProps) => JSX.Element);\n};\nexport const DrawerContent = React.forwardRef(function Content(\n    props: DrawerContentProps,\n    externalRef: React.Ref<HTMLDivElement>\n) {\n    const {\n        size,\n        onClose,\n        onResize,\n        open = false,\n        closeOnEscape,\n        variant,\n        focusTrap,\n        showCloseButton,\n        setOpen,\n    } = useCurrentDrawer();\n    const { className, style, children, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const ref = useMergedRef<HTMLDivElement>(externalRef);\n\n    // if the drawer was opened by a menu, we need to close the menu when the drawer closes\n    // the menu is still open (and mounted) because it is the trigger for the drawer\n    const menu = useCurrentMenu();\n    let handleCloseAutoFocus: DialogPrimitive.DialogContentProps['onCloseAutoFocus'];\n\n    if (menu) {\n        handleCloseAutoFocus = () => {\n            menu.close();\n        };\n    }\n\n    const containerClassName: string = React.useMemo(() => cn(getDrawerContainerClassNames(variant), className), [className]);\n\n    const { contentClassName, dragHandlerClassName } = React.useMemo(() => {\n        const contentClassName = getDrawerContentClassNames(size, variant, open);\n        const dragHandlerClassName: string = getDrawerDragHandlerClassNames();\n        return { contentClassName, dragHandlerClassName };\n    }, [size, variant, open]);\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n        const isTargetInsideDrawerContent = ref.current?.contains(event.target as HTMLElement);\n        if (isTargetInsideDrawerContent) {\n            if (!closeOnEscape) {\n                event.preventDefault();\n            } else {\n                setOpen && setOpen(false);\n                if (onClose) {\n                    onClose();\n                }\n            }\n        }\n    };\n\n    const [containerWidth, setContainerWidth] = React.useState<number>();\n\n    const dragHandlerRef = React.useRef<HTMLDivElement>(null);\n    const {\n        position,\n        dragging,\n        handleProps: dragHandleProps,\n        resetPosition,\n    } = useDraggable(useMergedRef<HTMLDivElement>(dragHandlerRef));\n\n    const contentRef = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (onResize) {\n            onResize(position.x);\n        }\n    }, [position]);\n\n    React.useEffect(() => {\n        setContainerWidth(contentRef.current?.offsetWidth);\n    }, [contentRef, open]);\n\n    const resizedWidth = React.useMemo((): number | undefined => {\n        if (containerWidth) {\n            return Math.min(RESIZE_MAX, Math.max(RESIZE_MIN, containerWidth - position.x || 0));\n        }\n        return;\n    }, [containerWidth, position]);\n\n    React.useEffect(() => {\n        if (!dragging && resizedWidth) {\n            setContainerWidth(resizedWidth);\n            resetPosition();\n        }\n    }, [dragging]);\n\n    let output;\n\n    if (typeof children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper>{children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = children;\n    }\n\n    const content = (\n        <div ref={contentRef} data-taco=\"drawer\" className={containerClassName}>\n            {output}\n            <div className={dragHandlerClassName} {...dragHandleProps} data-testid=\"resize-handler\" ref={dragHandlerRef}>\n                {dragging ? <div data-testid=\"resize-hit-area\" className=\"fixed bottom-0 left-0 right-0 top-0\" /> : null}\n            </div>\n            {showCloseButton ? (\n                <Close>\n                    <IconButton\n                        appearance=\"discrete\"\n                        aria-label={texts.drawer.close}\n                        className=\"absolute right-0 top-0 mr-2 mt-4\"\n                        icon=\"close\"\n                    />\n                </Close>\n            ) : null}\n        </div>\n    );\n\n    const styleProp = {\n        ...style,\n        ...{ width: resizedWidth },\n    };\n\n    return focusTrap ? (\n        <DialogPrimitive.Content\n            forceMount\n            {...otherProps}\n            className={contentClassName}\n            onEscapeKeyDown={handleEscapeKeyDown}\n            onInteractOutside={variant === 'overlay' ? undefined : event => event.preventDefault()}\n            onCloseAutoFocus={handleCloseAutoFocus}\n            ref={ref}\n            style={styleProp}>\n            {content}\n        </DialogPrimitive.Content>\n    ) : (\n        <UntrappedFocusDrawerContent onEscape={handleEscapeKeyDown} className={contentClassName} style={styleProp} ref={ref}>\n            {content}\n        </UntrappedFocusDrawerContent>\n    );\n});\n\nexport const Content = React.forwardRef(function Content(props: DrawerContentProps, externalRef: React.Ref<HTMLDivElement>) {\n    const { children } = props;\n\n    return (\n        <Portal>\n            <DrawerContent {...props} ref={externalRef}>\n                {children}\n            </DrawerContent>\n        </Portal>\n    );\n});\n"],"names":["RESIZE_MIN","RESIZE_MAX","DrawerAnimationDefinition","RenderPropWrapper","React","forwardRef","_ref","ref","children","onClick","renderProps","close","CustomEvent","_extends","Title","DrawerTitle","props","externalRef","className","otherProps","_objectWithoutPropertiesLoose","_excluded","useMergedRef","_React$useState","useState","style","setStyle","_useLocalization","useLocalization","texts","_useCurrentDrawer","useCurrentDrawer","onClickBack","cName","cn","useEffect","drawer","_ref$current","current","closest","marginAdjust","closeButton","_drawer$querySelector","querySelector","closeButtonWidth","_closeButton$offsetWi","offsetWidth","closeButtonRightMargin","actionsWrapper","_drawer$querySelector2","actionsWrapperWidth","_actionsWrapper$offse","actionsWrapperRightMargin","marginRight","DialogPrimitive","IconButton","appearance","back","icon","Footer","DrawerFooter","_excluded2","Actions","_excluded3","Group","id","Close","DrawerClose","_useCurrentDrawer2","onClose","asChild","InnerContent","_props$isScrollable","isScrollable","_excluded4","ScrollArea","Portal","_excluded5","_useCurrentDrawer3","_useCurrentDrawer3$op","open","variant","outlet","backdropClassNames","useMemo","getBackdropClassNames","container","undefined","forceMount","Backdrop","UntrappedFocusDrawerContent","EmbeddedDrawerContent","onEscape","_excluded6","useGlobalKeyDown","FocusScope","autoFocus","restoreFocus","DrawerContent","Content","_useCurrentDrawer4","size","onResize","_useCurrentDrawer4$op","closeOnEscape","focusTrap","showCloseButton","setOpen","_excluded7","_useLocalization2","menu","useCurrentMenu","handleCloseAutoFocus","containerClassName","getDrawerContainerClassNames","_React$useMemo","contentClassName","getDrawerContentClassNames","dragHandlerClassName","getDrawerDragHandlerClassNames","handleEscapeKeyDown","event","isTargetInsideDrawerContent","_ref$current2","contains","target","preventDefault","_React$useState2","containerWidth","setContainerWidth","dragHandlerRef","useRef","_useDraggable","useDraggable","position","dragging","dragHandleProps","handleProps","resetPosition","contentRef","x","_contentRef$current","resizedWidth","Math","min","max","output","content","styleProp","width","onEscapeKeyDown","onInteractOutside","onCloseAutoFocus"],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Drawer/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { Group, GroupProps } from '../../Group/Group';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { useLocalization } from '../../Provider/Localization';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { useCurrentMenu } from '../../Menu/Context';\nimport { useCurrentDrawer } from '../Context';\nimport {\n    getBackdropClassNames,\n    getDrawerContainerClassNames,\n    getDrawerContentClassNames,\n    getDrawerDragHandlerClassNames,\n} from '../util';\nimport { useDraggable } from '../../../utils/hooks/useDraggable';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { FocusScope } from '@react-aria/focus';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\n\nconst RESIZE_MIN = 360;\nconst RESIZE_MAX = 1000;\n\nexport type DrawerContentRenderProps = {\n    close: () => void;\n};\n\nexport enum DrawerAnimationDefinition {\n    Visible = 'visible',\n    Hidden = 'hidden',\n}\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick, renderProps }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('close'));\n    };\n\n    return children({ close, ref, ...renderProps });\n});\n\nexport type DrawerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function DrawerTitle(props: DrawerTitleProps, externalRef: React.Ref<HTMLHeadingElement>) {\n    const { className, children, ...otherProps } = props;\n    const ref = useMergedRef<HTMLHeadingElement>(externalRef);\n    const [style, setStyle] = React.useState({});\n    const { texts } = useLocalization();\n    const { onClickBack } = useCurrentDrawer();\n\n    /**\n     * By design in default drawer version Title has grey separator, but we might have exceptions like Drawer + Tabs scenario,\n     * where we might want to hide the grey separator. For this reason separator was rendered with using of classNames,\n     * so it can be easily overriden in exceptional scenarios.\n     *  */\n    const cName = cn('grow-0 py-4 px-4 justify-self-start mb-0 border-b-[1px] border-grey-300 flex items-start', className);\n\n    React.useEffect(() => {\n        const drawer = ref?.current?.closest('[data-taco=\"drawer\"]');\n\n        // This is the margin amount that we need to deduct from the margins to align with the design\n        const marginAdjust = 4;\n\n        const closeButton: HTMLButtonElement | null = drawer?.querySelector(`[aria-label=\"${texts.drawer.close}\"]`) ?? null;\n        const closeButtonWidth = closeButton?.offsetWidth ?? 0;\n        const closeButtonRightMargin = 8;\n\n        const actionsWrapper: HTMLSpanElement | null = drawer?.querySelector(`#taco-drawer-actions[data-taco=\"group\"]`) ?? null;\n        const actionsWrapperWidth = actionsWrapper?.offsetWidth ?? 0;\n        const actionsWrapperRightMargin = 8;\n\n        const marginRight =\n            closeButtonWidth + actionsWrapperWidth + closeButtonRightMargin + actionsWrapperRightMargin - marginAdjust;\n\n        setStyle({ marginRight });\n    }, [ref, texts.drawer.close]);\n\n    return (\n        <DialogPrimitive.Title className={cName} {...otherProps} ref={ref}>\n            {onClickBack ? (\n                <IconButton\n                    appearance=\"discrete\"\n                    aria-label={texts.drawer.back}\n                    className=\"mr-3 text-base\"\n                    icon=\"chevron-left\"\n                    onClick={onClickBack}\n                />\n            ) : null}\n            {\n                // We need to apply the right margin as an inline style instead of using Tailwind CSS.\n                // This is necessary because we are creating styles dynamically at runtime,\n                // and Tailwind doesn't support generating runtime styles.\n            }\n            <span className=\"line-clamp-2 inline-block overflow-y-hidden\" style={style}>\n                {children}\n            </span>\n        </DialogPrimitive.Title>\n    );\n});\n\nexport type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function DrawerFooter(props: DrawerFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const { className, ...otherProps } = props;\n    /**\n     * The same scenario as Title, grey separator rendered using classNames to have posibility to override it.\n     */\n    const cName = cn('mt-auto flex justify-end grow-0 p-4 border-t-[1px] border-grey-300', props.className);\n    return <div {...otherProps} className={cName} ref={ref} />;\n});\n\nexport const Actions = React.forwardRef(function Actions(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { className, ...otherProps } = props;\n    const cName = cn('absolute top-0 right-10 mr-[8px] mt-4', className);\n    // Id is added to identify the actions wrapper inside a useEffect in Dialog.Title\n    return <Group {...otherProps} className={cName} id=\"taco-drawer-actions\" ref={ref} />;\n});\n\nexport type DrawerCloseProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Close = React.forwardRef(function DrawerClose(props: DrawerCloseProps, ref: React.Ref<HTMLButtonElement>) {\n    const { onClose } = useCurrentDrawer();\n\n    return <DialogPrimitive.Close {...props} onClick={onClose} ref={ref} asChild />;\n});\n\n/**\n * It is container component, needed to provide default scrolling behaviour and padding, to simplyfy usage, requested by feature devs.\n * It is optional to use InnerContent component, if consumer need to implement custom behaviour or paddings for inner content,\n * then it's simply enough to render children and wrap them in custom implementation.\n */\nexport type DrawerInnerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Consumer might want to use innerContent component to apply default paddings, but want to implement custom scrolling behaviour,\n     * default value - true\n     */\n    isScrollable?: boolean;\n};\nexport const InnerContent = React.forwardRef(function InnerContent(\n    props: DrawerInnerContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { className, isScrollable = true, children, ...otherProps } = props;\n    const cName = cn(\n        'grow flex flex-col',\n        {\n            'overflow-y-hidden': isScrollable,\n            'p-4': !isScrollable,\n        },\n        className\n    );\n    return (\n        <div {...otherProps} className={cName} ref={ref}>\n            {isScrollable ? <ScrollArea className=\"w-full gap-y-0.5 p-4\">{children}</ScrollArea> : children}\n        </div>\n    );\n});\n\nconst Portal = (props: DialogPrimitive.DialogPortalProps) => {\n    const { children, ...otherProps } = props;\n    const { open = false, variant, outlet } = useCurrentDrawer();\n\n    const backdropClassNames = React.useMemo(() => {\n        return getBackdropClassNames(open);\n    }, [open]);\n\n    if (!outlet) {\n        return null;\n    }\n\n    return (\n        <DialogPrimitive.Portal {...otherProps} container={outlet ?? undefined}>\n            {variant === 'overlay' ? (\n                <DialogPrimitive.Overlay forceMount>\n                    {/* Animate backdrop appearance for overlay version of Drawer */}\n                    <Backdrop className={backdropClassNames} />\n                </DialogPrimitive.Overlay>\n            ) : null}\n            {children}\n        </DialogPrimitive.Portal>\n    );\n};\n\ntype UntrappedFocusDrawerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    onEscape: (event: KeyboardEvent) => void;\n};\nconst UntrappedFocusDrawerContent = React.forwardRef(function EmbeddedDrawerContent(\n    props: UntrappedFocusDrawerContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const { onEscape, children, ...otherProps } = props;\n\n    useGlobalKeyDown('Escape', onEscape);\n\n    return (\n        <div {...otherProps} ref={ref}>\n            <FocusScope autoFocus={true} restoreFocus={true}>\n                {children}\n            </FocusScope>\n        </div>\n    );\n});\n\nexport type DrawerContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the side drawer is opened */\n    'aria-label': string;\n    children: Omit<React.ReactNode, 'Function'> | ((props: DrawerContentRenderProps) => JSX.Element);\n};\nexport const DrawerContent = React.forwardRef(function Content(\n    props: DrawerContentProps,\n    externalRef: React.Ref<HTMLDivElement>\n) {\n    const {\n        size,\n        onClose,\n        onResize,\n        open = false,\n        closeOnEscape,\n        variant,\n        focusTrap,\n        showCloseButton,\n        setOpen,\n    } = useCurrentDrawer();\n    const { className, style, children, ...otherProps } = props;\n    const { texts } = useLocalization();\n    const ref = useMergedRef<HTMLDivElement>(externalRef);\n\n    // if the drawer was opened by a menu, we need to close the menu when the drawer closes\n    // the menu is still open (and mounted) because it is the trigger for the drawer\n    const menu = useCurrentMenu();\n    let handleCloseAutoFocus: DialogPrimitive.DialogContentProps['onCloseAutoFocus'];\n\n    if (menu) {\n        handleCloseAutoFocus = () => {\n            menu.close();\n        };\n    }\n\n    const containerClassName: string = React.useMemo(() => cn(getDrawerContainerClassNames(variant), className), [className]);\n\n    const { contentClassName, dragHandlerClassName } = React.useMemo(() => {\n        const contentClassName = getDrawerContentClassNames(size, variant, open);\n        const dragHandlerClassName: string = getDrawerDragHandlerClassNames();\n        return { contentClassName, dragHandlerClassName };\n    }, [size, variant, open]);\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n        const isTargetInsideDrawerContent = ref.current?.contains(event.target as HTMLElement);\n        if (isTargetInsideDrawerContent) {\n            if (!closeOnEscape) {\n                event.preventDefault();\n            } else {\n                setOpen && setOpen(false);\n                if (onClose) {\n                    onClose();\n                }\n            }\n        }\n    };\n\n    const [containerWidth, setContainerWidth] = React.useState<number>();\n\n    const dragHandlerRef = React.useRef<HTMLDivElement>(null);\n    const {\n        position,\n        dragging,\n        handleProps: dragHandleProps,\n        resetPosition,\n    } = useDraggable(useMergedRef<HTMLDivElement>(dragHandlerRef));\n\n    const contentRef = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (onResize) {\n            onResize(position.x);\n        }\n    }, [position]);\n\n    React.useEffect(() => {\n        setContainerWidth(contentRef.current?.offsetWidth);\n    }, [contentRef, open]);\n\n    const resizedWidth = React.useMemo((): number | undefined => {\n        if (containerWidth) {\n            return Math.min(RESIZE_MAX, Math.max(RESIZE_MIN, containerWidth - position.x || 0));\n        }\n        return;\n    }, [containerWidth, position]);\n\n    React.useEffect(() => {\n        if (!dragging && resizedWidth) {\n            setContainerWidth(resizedWidth);\n            resetPosition();\n        }\n    }, [dragging]);\n\n    let output;\n\n    if (typeof children === 'function') {\n        output = (\n            <Close>\n                <RenderPropWrapper>{children}</RenderPropWrapper>\n            </Close>\n        );\n    } else {\n        output = children;\n    }\n\n    const content = (\n        <div ref={contentRef} data-taco=\"drawer\" className={containerClassName}>\n            {output}\n            <div className={dragHandlerClassName} {...dragHandleProps} data-testid=\"resize-handler\" ref={dragHandlerRef}>\n                {dragging ? <div data-testid=\"resize-hit-area\" className=\"fixed bottom-0 left-0 right-0 top-0\" /> : null}\n            </div>\n            {showCloseButton ? (\n                <Close>\n                    <IconButton\n                        appearance=\"discrete\"\n                        aria-label={texts.drawer.close}\n                        className=\"absolute right-0 top-0 mr-2 mt-4\"\n                        icon=\"close\"\n                    />\n                </Close>\n            ) : null}\n        </div>\n    );\n\n    const styleProp = {\n        ...style,\n        ...{ width: resizedWidth },\n    };\n\n    return focusTrap ? (\n        <DialogPrimitive.Content\n            forceMount\n            {...otherProps}\n            className={contentClassName}\n            onEscapeKeyDown={handleEscapeKeyDown}\n            onInteractOutside={variant === 'overlay' ? undefined : event => event.preventDefault()}\n            onCloseAutoFocus={handleCloseAutoFocus}\n            ref={ref}\n            style={styleProp}>\n            {content}\n        </DialogPrimitive.Content>\n    ) : (\n        <UntrappedFocusDrawerContent onEscape={handleEscapeKeyDown} className={contentClassName} style={styleProp} ref={ref}>\n            {content}\n        </UntrappedFocusDrawerContent>\n    );\n});\n\nexport const Content = React.forwardRef(function Content(props: DrawerContentProps, externalRef: React.Ref<HTMLDivElement>) {\n    const { children } = props;\n\n    return (\n        <Portal>\n            <DrawerContent {...props} ref={externalRef}>\n                {children}\n            </DrawerContent>\n        </Portal>\n    );\n});\n"],"names":["RESIZE_MIN","RESIZE_MAX","DrawerAnimationDefinition","RenderPropWrapper","React","forwardRef","children","onClick","renderProps","ref","close","CustomEvent","Title","DrawerTitle","props","externalRef","className","otherProps","useMergedRef","style","setStyle","useState","texts","useLocalization","onClickBack","useCurrentDrawer","cName","cn","useEffect","drawer","_ref$current","current","closest","marginAdjust","closeButton","_drawer$querySelector","querySelector","closeButtonWidth","_closeButton$offsetWi","offsetWidth","closeButtonRightMargin","actionsWrapper","_drawer$querySelector2","actionsWrapperWidth","_actionsWrapper$offse","actionsWrapperRightMargin","marginRight","DialogPrimitive","IconButton","appearance","back","icon","Footer","DrawerFooter","Actions","Group","id","Close","DrawerClose","onClose","asChild","InnerContent","isScrollable","ScrollArea","Portal","open","variant","outlet","backdropClassNames","useMemo","getBackdropClassNames","container","undefined","forceMount","Backdrop","UntrappedFocusDrawerContent","EmbeddedDrawerContent","onEscape","useGlobalKeyDown","FocusScope","autoFocus","restoreFocus","DrawerContent","Content","size","onResize","closeOnEscape","focusTrap","showCloseButton","setOpen","menu","useCurrentMenu","handleCloseAutoFocus","containerClassName","getDrawerContainerClassNames","contentClassName","dragHandlerClassName","getDrawerContentClassNames","getDrawerDragHandlerClassNames","handleEscapeKeyDown","event","isTargetInsideDrawerContent","_ref$current2","contains","target","preventDefault","containerWidth","setContainerWidth","dragHandlerRef","useRef","position","dragging","handleProps","dragHandleProps","resetPosition","useDraggable","contentRef","x","_contentRef$current","resizedWidth","Math","min","max","output","content","styleProp","width","onEscapeKeyDown","onInteractOutside","onCloseAutoFocus"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import { Trigger as Trigger$1 } from '@radix-ui/react-dialog';
 
-var Trigger = /*#__PURE__*/forwardRef(function DrawerTrigger(props, ref) {
+const Trigger = /*#__PURE__*/forwardRef(function DrawerTrigger(props, ref) {
   return /*#__PURE__*/createElement(Trigger$1, Object.assign({}, props, {
     ref: ref,
     asChild: true

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

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Drawer/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nexport type DrawerTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\n\nexport const Trigger = React.forwardRef(function DrawerTrigger(props: DrawerTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    return <DialogPrimitive.Trigger {...props} ref={ref} asChild />;\n});\n"],"names":["Trigger","React","DrawerTrigger","props","ref","DialogPrimitive","asChild"],"mappings":";;;IAIaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,aAAaA,CAACC,KAAyB,EAAEC,GAAiC;EACvH,oBAAOH,cAACI,SAAuB,oBAAKF,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEE,OAAO;KAAG;AACnE,CAAC;;;;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Drawer/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nexport type DrawerTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\n\nexport const Trigger = React.forwardRef(function DrawerTrigger(props: DrawerTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    return <DialogPrimitive.Trigger {...props} ref={ref} asChild />;\n});\n"],"names":["Trigger","React","DrawerTrigger","props","ref","DialogPrimitive","asChild"],"mappings":";;;MAIaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,aAAaA,CAACC,KAAyB,EAAEC,GAAiC;EACvH,oBAAOH,cAACI,SAAuB,oBAAKF,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEE,OAAO;KAAG;AACnE,CAAC;;;;"}

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

@@ -1,6 +1,6 @@
 import cn from 'clsx';
 
-var getDrawerSizeClassnames = function getDrawerSizeClassnames(size) {
+const getDrawerSizeClassnames = size => {
   switch (size) {
     case 'lg':
       return 'w-[600px]';
@@ -9,7 +9,7 @@ var getDrawerSizeClassnames = function getDrawerSizeClassnames(size) {
       return 'w-[420px]';
   }
 };
-var getDrawerContentClassNames = function getDrawerContentClassNames(size, variant, open) {
+const getDrawerContentClassNames = (size, variant, open) => {
   return cn('bg-white h-full bottom-0 top-0 right-0 transition-none', {
     block: open,
     hidden: !open,
@@ -17,16 +17,16 @@ var getDrawerContentClassNames = function getDrawerContentClassNames(size, varia
     'relative h-full overflow-hidden': variant === 'embedded'
   }, getDrawerSizeClassnames(size));
 };
-var getDrawerContainerClassNames = function getDrawerContainerClassNames(variant) {
+const getDrawerContainerClassNames = variant => {
   return cn('bg-white mx-auto absolute h-full w-full flex flex-col ', {
     'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]': variant === 'overlay',
     'border-l border-grey-300 h-full': variant === 'embedded'
   });
 };
-var getDrawerDragHandlerClassNames = function getDrawerDragHandlerClassNames() {
+const getDrawerDragHandlerClassNames = () => {
   return cn('border-[2px] absolute border-transparent top-0 w-2 h-full cursor-ew-resize left-0 hover:border-l-blue-500');
 };
-var getBackdropClassNames = function getBackdropClassNames(open) {
+const getBackdropClassNames = open => {
   return cn({
     block: open,
     hidden: !open

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Drawer/util.ts"],"sourcesContent":["import { DrawerSize, DrawerVariant } from './types';\nimport cn from 'clsx';\n\nexport const getDrawerSizeClassnames = (size: DrawerSize): string => {\n    switch (size) {\n        case 'lg':\n            return 'w-[600px]';\n        case 'md':\n        default:\n            return 'w-[420px]';\n    }\n};\n\nexport const getDrawerPrimitiveContentClassNames = (): string => {\n    return 'fixed bottom-0 top-0 right-0';\n};\n\nexport const getDrawerContentClassNames = (size: DrawerSize, variant: DrawerVariant, open: boolean): string => {\n    return cn(\n        'bg-white h-full bottom-0 top-0 right-0 transition-none',\n        {\n            block: open,\n            hidden: !open,\n            fixed: variant === 'overlay',\n            'relative h-full overflow-hidden': variant === 'embedded',\n        },\n        getDrawerSizeClassnames(size)\n    );\n};\n\nexport const getDrawerContainerClassNames = (variant: DrawerVariant): string => {\n    return cn('bg-white mx-auto absolute h-full w-full flex flex-col ', {\n        'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]': variant === 'overlay',\n        'border-l border-grey-300 h-full': variant === 'embedded',\n    });\n};\n\nexport const getDrawerDragHandlerClassNames = (): string => {\n    return cn('border-[2px] absolute border-transparent top-0 w-2 h-full cursor-ew-resize left-0 hover:border-l-blue-500');\n};\n\nexport const getBackdropClassNames = (open: boolean): string => {\n    return cn({\n        block: open,\n        hidden: !open,\n    });\n};\n"],"names":["getDrawerSizeClassnames","size","getDrawerContentClassNames","variant","open","cn","block","hidden","fixed","getDrawerContainerClassNames","getDrawerDragHandlerClassNames","getBackdropClassNames"],"mappings":";;IAGaA,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,IAAgB;EACpD,QAAQA,IAAI;IACR,KAAK,IAAI;MACL,OAAO,WAAW;IACtB,KAAK,IAAI;IACT;MACI,OAAO,WAAW;;AAE9B;IAMaC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAID,IAAgB,EAAEE,OAAsB,EAAEC,IAAa;EAC9F,OAAOC,EAAE,CACL,wDAAwD,EACxD;IACIC,KAAK,EAAEF,IAAI;IACXG,MAAM,EAAE,CAACH,IAAI;IACbI,KAAK,EAAEL,OAAO,KAAK,SAAS;IAC5B,iCAAiC,EAAEA,OAAO,KAAK;GAClD,EACDH,uBAAuB,CAACC,IAAI,CAAC,CAChC;AACL;IAEaQ,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIN,OAAsB;EAC/D,OAAOE,EAAE,CAAC,wDAAwD,EAAE;IAChE,sEAAsE,EAAEF,OAAO,KAAK,SAAS;IAC7F,iCAAiC,EAAEA,OAAO,KAAK;GAClD,CAAC;AACN;IAEaO,8BAA8B,GAAG,SAAjCA,8BAA8BA;EACvC,OAAOL,EAAE,CAAC,2GAA2G,CAAC;AAC1H;IAEaM,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIP,IAAa;EAC/C,OAAOC,EAAE,CAAC;IACNC,KAAK,EAAEF,IAAI;IACXG,MAAM,EAAE,CAACH;GACZ,CAAC;AACN;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Drawer/util.ts"],"sourcesContent":["import { DrawerSize, DrawerVariant } from './types';\nimport cn from 'clsx';\n\nexport const getDrawerSizeClassnames = (size: DrawerSize): string => {\n    switch (size) {\n        case 'lg':\n            return 'w-[600px]';\n        case 'md':\n        default:\n            return 'w-[420px]';\n    }\n};\n\nexport const getDrawerPrimitiveContentClassNames = (): string => {\n    return 'fixed bottom-0 top-0 right-0';\n};\n\nexport const getDrawerContentClassNames = (size: DrawerSize, variant: DrawerVariant, open: boolean): string => {\n    return cn(\n        'bg-white h-full bottom-0 top-0 right-0 transition-none',\n        {\n            block: open,\n            hidden: !open,\n            fixed: variant === 'overlay',\n            'relative h-full overflow-hidden': variant === 'embedded',\n        },\n        getDrawerSizeClassnames(size)\n    );\n};\n\nexport const getDrawerContainerClassNames = (variant: DrawerVariant): string => {\n    return cn('bg-white mx-auto absolute h-full w-full flex flex-col ', {\n        'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]': variant === 'overlay',\n        'border-l border-grey-300 h-full': variant === 'embedded',\n    });\n};\n\nexport const getDrawerDragHandlerClassNames = (): string => {\n    return cn('border-[2px] absolute border-transparent top-0 w-2 h-full cursor-ew-resize left-0 hover:border-l-blue-500');\n};\n\nexport const getBackdropClassNames = (open: boolean): string => {\n    return cn({\n        block: open,\n        hidden: !open,\n    });\n};\n"],"names":["getDrawerSizeClassnames","size","getDrawerContentClassNames","variant","open","cn","block","hidden","fixed","getDrawerContainerClassNames","getDrawerDragHandlerClassNames","getBackdropClassNames"],"mappings":";;MAGaA,uBAAuB,GAAIC,IAAgB;EACpD,QAAQA,IAAI;IACR,KAAK,IAAI;MACL,OAAO,WAAW;IACtB,KAAK,IAAI;IACT;MACI,OAAO,WAAW;;AAE9B;MAMaC,0BAA0B,GAAGA,CAACD,IAAgB,EAAEE,OAAsB,EAAEC,IAAa;EAC9F,OAAOC,EAAE,CACL,wDAAwD,EACxD;IACIC,KAAK,EAAEF,IAAI;IACXG,MAAM,EAAE,CAACH,IAAI;IACbI,KAAK,EAAEL,OAAO,KAAK,SAAS;IAC5B,iCAAiC,EAAEA,OAAO,KAAK;GAClD,EACDH,uBAAuB,CAACC,IAAI,CAAC,CAChC;AACL;MAEaQ,4BAA4B,GAAIN,OAAsB;EAC/D,OAAOE,EAAE,CAAC,wDAAwD,EAAE;IAChE,sEAAsE,EAAEF,OAAO,KAAK,SAAS;IAC7F,iCAAiC,EAAEA,OAAO,KAAK;GAClD,CAAC;AACN;MAEaO,8BAA8B,GAAGA;EAC1C,OAAOL,EAAE,CAAC,2GAA2G,CAAC;AAC1H;MAEaM,qBAAqB,GAAIP,IAAa;EAC/C,OAAOC,EAAE,CAAC;IACNC,KAAK,EAAEF,IAAI;IACXG,MAAM,EAAE,CAACH;GACZ,CAAC;AACN;;;;"}