@economic/taco 2.47.0-server.4 → 2.47.0-server.5

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

@@ -1,46 +1,45 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../Icon/Icon.js';
 import { getButtonClasses, getAppearanceClasses, createButtonWithTooltip, createButtonWithOverlays } from '../Button/util.js';
 
-const Base = /*#__PURE__*/forwardRef(function IconButtonBase(props, ref) {
-  const {
-    icon,
-    rounded = false,
-    ...otherProps
-  } = props;
-  const className = cn('w-8', getButtonClasses(), getAppearanceClasses(otherProps.appearance, true), {
+var _excluded = ["icon", "rounded"],
+  _excluded2 = ["dialog", "hanger", "menu", "popover"];
+var Base = /*#__PURE__*/forwardRef(function IconButtonBase(props, ref) {
+  var icon = props.icon,
+    _props$rounded = props.rounded,
+    rounded = _props$rounded === void 0 ? false : _props$rounded,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var className = cn('w-8', getButtonClasses(), getAppearanceClasses(otherProps.appearance, true), {
     'rounded-full': rounded,
     rounded: !rounded
   }, props.className);
   if (!icon) {
     return null;
   }
-  return createButtonWithTooltip({
-    ...otherProps,
+  return createButtonWithTooltip(_extends({}, otherProps, {
     children: /*#__PURE__*/createElement(Icon, {
       name: icon,
       className: "m-0 p-0"
     }),
     'data-taco': 'icon-button'
-  }, className, ref);
+  }), className, ref);
 });
-const IconButton = /*#__PURE__*/forwardRef(function Button(props, ref) {
-  const {
-    dialog,
-    hanger,
-    menu,
-    popover,
-    ...buttonProps
-  } = props;
-  const button = /*#__PURE__*/createElement(Base, Object.assign({}, buttonProps, {
+var IconButton = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  var dialog = props.dialog,
+    hanger = props.hanger,
+    menu = props.menu,
+    popover = props.popover,
+    buttonProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  var button = /*#__PURE__*/createElement(Base, Object.assign({}, buttonProps, {
     ref: ref
   }));
   return createButtonWithOverlays({
-    dialog,
-    hanger,
-    menu,
-    popover
+    dialog: dialog,
+    hanger: hanger,
+    menu: menu,
+    popover: popover
   }, button);
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getAppearanceClasses, getButtonClasses, createButtonWithTooltip, createButtonWithOverlays } from '../Button/util';\nimport { Appearance } from '../../types';\nimport { DialogProps, HangerProps, MenuProps, PopoverProps } from '../..';\n\nexport type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {\n    /** Appearance will change the style of the button */\n    appearance?: Appearance;\n    /**\n     * Dialog component associated with the button, clicking the button will open the dialog.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated dialog when clicked.\n     */\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    /** Hanger component associated with the button. */\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\n    /** Set which icon should be rendered within button */\n    icon: IconName; // this dynamic type causes the type extraction for props to fail\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /**\n     * Popover component associated with the button, clicking the button will open the popover.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated popover when clicked.\n     */\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    /**\n     * Set whether the button is rounded.\n     * Default value is `false`\n     */\n    rounded?: boolean;\n    /** A tooltip to show when hovering over the button */\n    tooltip?: string | JSX.Element;\n};\n\nexport const Base = React.forwardRef(function IconButtonBase(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { icon, rounded = false, ...otherProps } = props;\n\n    const className = cn(\n        'w-8',\n        getButtonClasses(),\n        getAppearanceClasses(otherProps.appearance, true),\n        {\n            'rounded-full': rounded,\n            rounded: !rounded,\n        },\n        props.className\n    );\n\n    if (!icon) {\n        return null;\n    }\n\n    return createButtonWithTooltip(\n        { ...otherProps, children: <Icon name={icon} className=\"m-0 p-0\" />, 'data-taco': 'icon-button' },\n        className,\n        ref\n    );\n});\n\nexport const IconButton = React.forwardRef(function Button(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { dialog, hanger, menu, popover, ...buttonProps } = props;\n    const button = <Base {...buttonProps} ref={ref} />;\n\n    return createButtonWithOverlays({ dialog, hanger, menu, popover }, button);\n});\n"],"names":["Base","React","IconButtonBase","props","ref","icon","rounded","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","createButtonWithTooltip","children","Icon","name","IconButton","Button","dialog","hanger","menu","popover","buttonProps","button","createButtonWithOverlays"],"mappings":";;;;;MAsCaA,IAAI,gBAAGC,UAAgB,CAAC,SAASC,cAAcA,CACxDC,KAAsB,EACtBC,GAAqD;EAErD,MAAM;IAAEC,IAAI;IAAEC,OAAO,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAEtD,MAAMK,SAAS,GAAGC,EAAE,CAChB,KAAK,EACLC,gBAAgB,EAAE,EAClBC,oBAAoB,CAACJ,UAAU,CAACK,UAAU,EAAE,IAAI,CAAC,EACjD;IACI,cAAc,EAAEN,OAAO;IACvBA,OAAO,EAAE,CAACA;GACb,EACDH,KAAK,CAACK,SAAS,CAClB;EAED,IAAI,CAACH,IAAI,EAAE;IACP,OAAO,IAAI;;EAGf,OAAOQ,uBAAuB,CAC1B;IAAE,GAAGN,UAAU;IAAEO,QAAQ,eAAEb,cAACc,IAAI;MAACC,IAAI,EAAEX,IAAI;MAAEG,SAAS,EAAC;MAAY;IAAE,WAAW,EAAE;GAAe,EACjGA,SAAS,EACTJ,GAAG,CACN;AACL,CAAC;MAEYa,UAAU,gBAAGhB,UAAgB,CAAC,SAASiB,MAAMA,CACtDf,KAAsB,EACtBC,GAAqD;EAErD,MAAM;IAAEe,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAa,GAAGpB,KAAK;EAC/D,MAAMqB,MAAM,gBAAGvB,cAACD,IAAI,oBAAKuB,WAAW;IAAEnB,GAAG,EAAEA;KAAO;EAElD,OAAOqB,wBAAwB,CAAC;IAAEN,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;GAAS,EAAEE,MAAM,CAAC;AAC9E,CAAC;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getAppearanceClasses, getButtonClasses, createButtonWithTooltip, createButtonWithOverlays } from '../Button/util';\nimport { Appearance } from '../../types';\nimport { DialogProps, HangerProps, MenuProps, PopoverProps } from '../..';\n\nexport type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {\n    /** Appearance will change the style of the button */\n    appearance?: Appearance;\n    /**\n     * Dialog component associated with the button, clicking the button will open the dialog.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated dialog when clicked.\n     */\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    /** Hanger component associated with the button. */\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\n    /** Set which icon should be rendered within button */\n    icon: IconName; // this dynamic type causes the type extraction for props to fail\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /**\n     * Popover component associated with the button, clicking the button will open the popover.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated popover when clicked.\n     */\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    /**\n     * Set whether the button is rounded.\n     * Default value is `false`\n     */\n    rounded?: boolean;\n    /** A tooltip to show when hovering over the button */\n    tooltip?: string | JSX.Element;\n};\n\nexport const Base = React.forwardRef(function IconButtonBase(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { icon, rounded = false, ...otherProps } = props;\n\n    const className = cn(\n        'w-8',\n        getButtonClasses(),\n        getAppearanceClasses(otherProps.appearance, true),\n        {\n            'rounded-full': rounded,\n            rounded: !rounded,\n        },\n        props.className\n    );\n\n    if (!icon) {\n        return null;\n    }\n\n    return createButtonWithTooltip(\n        { ...otherProps, children: <Icon name={icon} className=\"m-0 p-0\" />, 'data-taco': 'icon-button' },\n        className,\n        ref\n    );\n});\n\nexport const IconButton = React.forwardRef(function Button(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { dialog, hanger, menu, popover, ...buttonProps } = props;\n    const button = <Base {...buttonProps} ref={ref} />;\n\n    return createButtonWithOverlays({ dialog, hanger, menu, popover }, button);\n});\n"],"names":["Base","React","IconButtonBase","props","ref","icon","_props$rounded","rounded","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn","getButtonClasses","getAppearanceClasses","appearance","createButtonWithTooltip","_extends","children","Icon","name","IconButton","Button","dialog","hanger","menu","popover","buttonProps","_excluded2","button","createButtonWithOverlays"],"mappings":";;;;;;;;IAsCaA,IAAI,gBAAGC,UAAgB,CAAC,SAASC,cAAcA,CACxDC,KAAsB,EACtBC,GAAqD;EAErD,IAAQC,IAAI,GAAqCF,KAAK,CAA9CE,IAAI;IAAAC,cAAA,GAAqCH,KAAK,CAAxCI,OAAO;IAAPA,OAAO,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EAEtD,IAAMC,SAAS,GAAGC,EAAE,CAChB,KAAK,EACLC,gBAAgB,EAAE,EAClBC,oBAAoB,CAACN,UAAU,CAACO,UAAU,EAAE,IAAI,CAAC,EACjD;IACI,cAAc,EAAER,OAAO;IACvBA,OAAO,EAAE,CAACA;GACb,EACDJ,KAAK,CAACQ,SAAS,CAClB;EAED,IAAI,CAACN,IAAI,EAAE;IACP,OAAO,IAAI;;EAGf,OAAOW,uBAAuB,CAAAC,QAAA,KACrBT,UAAU;IAAEU,QAAQ,eAAEjB,cAACkB,IAAI;MAACC,IAAI,EAAEf,IAAI;MAAEM,SAAS,EAAC;MAAY;IAAE,WAAW,EAAE;MAClFA,SAAS,EACTP,GAAG,CACN;AACL,CAAC;IAEYiB,UAAU,gBAAGpB,UAAgB,CAAC,SAASqB,MAAMA,CACtDnB,KAAsB,EACtBC,GAAqD;EAErD,IAAQmB,MAAM,GAA4CpB,KAAK,CAAvDoB,MAAM;IAAEC,MAAM,GAAoCrB,KAAK,CAA/CqB,MAAM;IAAEC,IAAI,GAA8BtB,KAAK,CAAvCsB,IAAI;IAAEC,OAAO,GAAqBvB,KAAK,CAAjCuB,OAAO;IAAKC,WAAW,GAAAlB,6BAAA,CAAKN,KAAK,EAAAyB,UAAA;EAC/D,IAAMC,MAAM,gBAAG5B,cAACD,IAAI,oBAAK2B,WAAW;IAAEvB,GAAG,EAAEA;KAAO;EAElD,OAAO0B,wBAAwB,CAAC;IAAEP,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,IAAI,EAAJA,IAAI;IAAEC,OAAO,EAAPA;GAAS,EAAEG,MAAM,CAAC;AAC9E,CAAC;;;;"}

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

@@ -1,28 +1,33 @@
 import { forwardRef, createElement, useLayoutEffect, useRef, memo, cloneElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../Icon/Icon.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { isPressingMetaKey } from '../../utils/keyboard.js';
 import { getButtonStateClasses, getInputClasses } from './util.js';
 import { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener.js';
 
-const validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];
-const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWithoutDeprecatedFeatures(props, ref) {
-  const {
-    highlighted,
-    invalid,
-    onKeyDown,
-    postfix,
-    prefix,
-    type = 'text',
-    ...attributes
-  } = props;
-  const internalRef = useMergedRef(ref);
+var _excluded = ["highlighted", "invalid", "onKeyDown", "postfix", "prefix", "type"],
+  _excluded2 = ["button", "icon"];
+var validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];
+var InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWithoutDeprecatedFeatures(props, ref) {
+  var highlighted = props.highlighted,
+    invalid = props.invalid,
+    onKeyDown = props.onKeyDown,
+    postfix = props.postfix,
+    prefix = props.prefix,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'text' : _props$type,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var internalRef = useMergedRef(ref);
   // input[type=number] does not support setSelectionRange by default, this adds support
-  useLayoutEffect(() => {
+  useLayoutEffect(function () {
     if (internalRef.current && type === 'number') {
       (function (fn) {
-        internalRef.current.setSelectionRange = function (...args) {
+        internalRef.current.setSelectionRange = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
           if (this.type === 'number') {
             this.type = 'text';
             fn.apply(this, args);
@@ -34,7 +39,7 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
       })(internalRef.current.setSelectionRange);
     }
   }, []);
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     // prevent any external keyboard shortcuts from executing while typing single characters in input
     if (event.key.length === 1 && !isPressingMetaKey(event)) {
       event.stopPropagation();
@@ -46,11 +51,11 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
     if (validSetSelectionRangeTypes.includes(type)) {
       if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {
         event.preventDefault();
-        const position = event.key === 'End' ? event.currentTarget.value.length : 0;
+        var position = event.key === 'End' ? event.currentTarget.value.length : 0;
         event.currentTarget.setSelectionRange(position, position);
         // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows
         if (internalRef.current) {
-          const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;
+          var scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;
           internalRef.current.scrollLeft = scrollPosition;
         }
       }
@@ -59,22 +64,22 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
       onKeyDown(event);
     }
   };
-  const prefixRef = useRef(null);
-  const prefixRect = useBoundingClientRectListener(prefixRef);
-  const postfixRef = useRef(null);
-  const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);
-  const className = cn(getInputClasses(props), {
+  var prefixRef = useRef(null);
+  var prefixRect = useBoundingClientRectListener(prefixRef);
+  var postfixRef = useRef(null);
+  var postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);
+  var className = cn(getInputClasses(props), {
     'pl-8': !!prefix,
     'pr-8': !!postfix
   }, attributes.className);
-  const typeAttributes = {
-    type
+  var typeAttributes = {
+    type: type
   };
   if (type === 'number') {
-    typeAttributes.onWheelCapture = event => {
+    typeAttributes.onWheelCapture = function (event) {
       // blur is the only way to prevent scroll, so restore focus if it had it
       if (document.activeElement === event.currentTarget) {
-        requestAnimationFrame(() => {
+        requestAnimationFrame(function () {
           event.target.focus();
         });
       }
@@ -96,8 +101,8 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
     onKeyDown: handleKeyDown,
     ref: internalRef,
     style: {
-      paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,
-      paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined
+      paddingLeft: prefixRect ? prefixRect.width - 1 + "px" : undefined,
+      paddingRight: postfixRect ? postfixRect.width - 1 + "px" : undefined
     }
   })), prefix ? /*#__PURE__*/createElement(Affix, {
     type: "prefix",
@@ -111,12 +116,10 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
     ref: postfixRef
   }) : null);
 });
-const Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, ref) {
-  const {
-    children,
-    disabled,
-    type
-  } = props;
+var Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, ref) {
+  var children = props.children,
+    disabled = props.disabled,
+    type = props.type;
   return /*#__PURE__*/createElement("div", {
     className: cn('group absolute top-0 flex h-full items-center justify-center px-2',
     // icon
@@ -130,20 +133,18 @@ const Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, re
     ref: ref
   }, children);
 }));
-const Input = /*#__PURE__*/forwardRef(function LegacyInput(props, ref) {
+var Input = /*#__PURE__*/forwardRef(function LegacyInput(props, ref) {
   var _attributes$postfix;
-  const {
-    button,
-    icon,
-    ...attributes
-  } = props;
-  let postfix;
+  var button = props.button,
+    icon = props.icon,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded2);
+  var postfix;
   if (button) {
-    const disabled = button.props.disabled || attributes.disabled;
-    const buttonClassName = cn('items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none', getButtonStateClasses(attributes.invalid, disabled), button.props.className);
+    var disabled = button.props.disabled || attributes.disabled;
+    var buttonClassName = cn('items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none', getButtonStateClasses(attributes.invalid, disabled), button.props.className);
     postfix = /*#__PURE__*/cloneElement(button, {
       className: buttonClassName,
-      disabled
+      disabled: disabled
     });
   } else if (icon) {
     postfix = typeof icon === 'string' ? /*#__PURE__*/createElement(Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n    /** Draws attention to the input by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    postfix?: string | JSX.Element;\n    prefix?: string | JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n    props: InputWithoutDeprecatedFeaturesProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n    // input[type=number] does not support setSelectionRange by default, this adds support\n    React.useLayoutEffect(() => {\n        if (internalRef.current && type === 'number') {\n            (function (fn) {\n                internalRef.current.setSelectionRange = function (...args) {\n                    if (this.type === 'number') {\n                        this.type = 'text';\n                        fn.apply(this, args);\n                        this.type = 'number';\n                    } else {\n                        fn.apply(this, args);\n                    }\n                };\n            })(internalRef.current.setSelectionRange);\n        }\n    }, []);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in input\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        // home and end keys only navigate to the start/end of input value if the input container does not scroll\n        // if it has scroll height then the browser reverts to native scrolling behaviour only\n        // so we manually override it to ensure _our_ desired behaviour remains intact\n        // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n        if (validSetSelectionRangeTypes.includes(type)) {\n            if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {\n                event.preventDefault();\n                const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n                event.currentTarget.setSelectionRange(position, position);\n\n                // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n                if (internalRef.current) {\n                    const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n                    internalRef.current.scrollLeft = scrollPosition;\n                }\n            }\n        }\n\n        if (typeof onKeyDown === 'function') {\n            onKeyDown(event);\n        }\n    };\n\n    const prefixRef = React.useRef<HTMLDivElement>(null);\n    const prefixRect = useBoundingClientRectListener(prefixRef);\n    const postfixRef = React.useRef<HTMLDivElement>(null);\n    const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n    const className = cn(\n        getInputClasses(props),\n        {\n            'pl-8': !!prefix,\n            'pr-8': !!postfix,\n        },\n        attributes.className\n    );\n\n    const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n        type,\n    };\n\n    if (type === 'number') {\n        typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n            // blur is the only way to prevent scroll, so restore focus if it had it\n            if (document.activeElement === event.currentTarget) {\n                requestAnimationFrame(() => {\n                    (event.target as HTMLInputElement).focus();\n                });\n            }\n            // blur the field on scroll - only way to prevent scroll\n            event.currentTarget.blur();\n        };\n    }\n\n    return (\n        <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n            <input\n                {...attributes}\n                {...typeAttributes}\n                aria-invalid={invalid}\n                className={className}\n                data-highlighted={highlighted}\n                data-taco=\"input\"\n                onKeyDown={handleKeyDown}\n                ref={internalRef}\n                style={{\n                    paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n                    paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n                }}\n            />\n            {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n            {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n        </div>\n    );\n});\n\ntype AffixProps = {\n    children: string | JSX.Element;\n    disabled?: boolean;\n    type: 'prefix' | 'postfix';\n};\nconst Affix = React.memo(\n    React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n        const { children, disabled, type } = props;\n\n        return (\n            <div\n                className={cn(\n                    'group absolute top-0 flex h-full items-center justify-center px-2',\n                    // icon\n                    '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n                    {\n                        'text-grey-300': disabled,\n                        'text-grey-700': !disabled,\n                        'left-0 [&>button]:!-ml-2': type === 'prefix',\n                        'right-0 [&>button]:!-mr-2': type === 'postfix',\n                    }\n                )}\n                data-affix-type={type}\n                ref={ref}>\n                {children}\n            </div>\n        );\n    })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n    /** Shows a button within the input field */\n    button?: React.ReactElement;\n    /** Shows an icon within the input field  */\n    icon?: IconName | JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n    const { button, icon, ...attributes } = props;\n\n    let postfix;\n\n    if (button) {\n        const disabled = button.props.disabled || attributes.disabled;\n        const buttonClassName = cn(\n            'items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n            getButtonStateClasses(attributes.invalid, disabled),\n            button.props.className\n        );\n        postfix = React.cloneElement(button, {\n            className: buttonClassName,\n            disabled,\n        });\n    } else if (icon) {\n        postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n    }\n\n    return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["validSetSelectionRangeTypes","InputWithoutDeprecatedFeatures","React","props","ref","highlighted","invalid","onKeyDown","postfix","prefix","type","attributes","internalRef","useMergedRef","current","fn","setSelectionRange","args","apply","handleKeyDown","event","key","length","isPressingMetaKey","stopPropagation","includes","shiftKey","preventDefault","position","currentTarget","value","scrollPosition","scrollWidth","scrollLeft","prefixRef","prefixRect","useBoundingClientRectListener","postfixRef","postfixRect","className","cn","getInputClasses","typeAttributes","onWheelCapture","document","activeElement","requestAnimationFrame","target","focus","blur","style","opacity","paddingLeft","width","undefined","paddingRight","Affix","children","disabled","Input","LegacyInput","button","icon","buttonClassName","getButtonStateClasses","Icon","name","_attributes$postfix"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n    /** Draws attention to the input by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    postfix?: string | JSX.Element;\n    prefix?: string | JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n    props: InputWithoutDeprecatedFeaturesProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n    // input[type=number] does not support setSelectionRange by default, this adds support\n    React.useLayoutEffect(() => {\n        if (internalRef.current && type === 'number') {\n            (function (fn) {\n                internalRef.current.setSelectionRange = function (...args) {\n                    if (this.type === 'number') {\n                        this.type = 'text';\n                        fn.apply(this, args);\n                        this.type = 'number';\n                    } else {\n                        fn.apply(this, args);\n                    }\n                };\n            })(internalRef.current.setSelectionRange);\n        }\n    }, []);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in input\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        // home and end keys only navigate to the start/end of input value if the input container does not scroll\n        // if it has scroll height then the browser reverts to native scrolling behaviour only\n        // so we manually override it to ensure _our_ desired behaviour remains intact\n        // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n        if (validSetSelectionRangeTypes.includes(type)) {\n            if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {\n                event.preventDefault();\n                const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n                event.currentTarget.setSelectionRange(position, position);\n\n                // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n                if (internalRef.current) {\n                    const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n                    internalRef.current.scrollLeft = scrollPosition;\n                }\n            }\n        }\n\n        if (typeof onKeyDown === 'function') {\n            onKeyDown(event);\n        }\n    };\n\n    const prefixRef = React.useRef<HTMLDivElement>(null);\n    const prefixRect = useBoundingClientRectListener(prefixRef);\n    const postfixRef = React.useRef<HTMLDivElement>(null);\n    const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n    const className = cn(\n        getInputClasses(props),\n        {\n            'pl-8': !!prefix,\n            'pr-8': !!postfix,\n        },\n        attributes.className\n    );\n\n    const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n        type,\n    };\n\n    if (type === 'number') {\n        typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n            // blur is the only way to prevent scroll, so restore focus if it had it\n            if (document.activeElement === event.currentTarget) {\n                requestAnimationFrame(() => {\n                    (event.target as HTMLInputElement).focus();\n                });\n            }\n            // blur the field on scroll - only way to prevent scroll\n            event.currentTarget.blur();\n        };\n    }\n\n    return (\n        <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n            <input\n                {...attributes}\n                {...typeAttributes}\n                aria-invalid={invalid}\n                className={className}\n                data-highlighted={highlighted}\n                data-taco=\"input\"\n                onKeyDown={handleKeyDown}\n                ref={internalRef}\n                style={{\n                    paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n                    paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n                }}\n            />\n            {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n            {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n        </div>\n    );\n});\n\ntype AffixProps = {\n    children: string | JSX.Element;\n    disabled?: boolean;\n    type: 'prefix' | 'postfix';\n};\nconst Affix = React.memo(\n    React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n        const { children, disabled, type } = props;\n\n        return (\n            <div\n                className={cn(\n                    'group absolute top-0 flex h-full items-center justify-center px-2',\n                    // icon\n                    '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n                    {\n                        'text-grey-300': disabled,\n                        'text-grey-700': !disabled,\n                        'left-0 [&>button]:!-ml-2': type === 'prefix',\n                        'right-0 [&>button]:!-mr-2': type === 'postfix',\n                    }\n                )}\n                data-affix-type={type}\n                ref={ref}>\n                {children}\n            </div>\n        );\n    })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n    /** Shows a button within the input field */\n    button?: React.ReactElement;\n    /** Shows an icon within the input field  */\n    icon?: IconName | JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n    const { button, icon, ...attributes } = props;\n\n    let postfix;\n\n    if (button) {\n        const disabled = button.props.disabled || attributes.disabled;\n        const buttonClassName = cn(\n            'items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n            getButtonStateClasses(attributes.invalid, disabled),\n            button.props.className\n        );\n        postfix = React.cloneElement(button, {\n            className: buttonClassName,\n            disabled,\n        });\n    } else if (icon) {\n        postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n    }\n\n    return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["validSetSelectionRangeTypes","InputWithoutDeprecatedFeatures","React","props","ref","highlighted","invalid","onKeyDown","postfix","prefix","_props$type","type","attributes","_objectWithoutPropertiesLoose","_excluded","internalRef","useMergedRef","current","fn","setSelectionRange","args","Array","_len","_key","arguments","apply","handleKeyDown","event","key","length","isPressingMetaKey","stopPropagation","includes","shiftKey","preventDefault","position","currentTarget","value","scrollPosition","scrollWidth","scrollLeft","prefixRef","prefixRect","useBoundingClientRectListener","postfixRef","postfixRect","className","cn","getInputClasses","typeAttributes","onWheelCapture","document","activeElement","requestAnimationFrame","target","focus","blur","style","opacity","paddingLeft","width","undefined","paddingRight","Affix","children","disabled","Input","LegacyInput","button","icon","_excluded2","buttonClassName","getButtonStateClasses","Icon","name","_attributes$postfix"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import cn from 'clsx';
 
-const getInputClasses = props => {
-  const disabled = props.disabled || !!props['aria-disabled'];
-  const readOnly = props.readOnly || !!props['aria-readonly'];
-  const invalid = props.invalid || !!props['aria-invalid'];
+var getInputClasses = function getInputClasses(props) {
+  var disabled = props.disabled || !!props['aria-disabled'];
+  var readOnly = props.readOnly || !!props['aria-readonly'];
+  var invalid = props.invalid || !!props['aria-invalid'];
   return cn('peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',
   // hide the arrow controls on input[type=number]
   '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none', {
@@ -21,7 +21,10 @@ const getInputClasses = props => {
     'cursor-not-allowed text-black bg-grey-200': readOnly
   });
 };
-const getButtonStateClasses = (invalid, disabled = false) => {
+var getButtonStateClasses = function getButtonStateClasses(invalid, disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
   if (invalid) {
     return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {
       'border-red-500/30': disabled

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getInputClasses = props => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-grey-300 enabled:hover:border-grey-500 disabled:border-grey-200': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,\n            // highlighted\n            'bg-yellow-100/50': props.highlighted && disabled,\n            'bg-yellow-100': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-grey-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-grey-300 group-peer-hover:enabled:border-grey-500 transition-colors transition-opacity ease-in';\n};\n"],"names":["getInputClasses","props","disabled","readOnly","invalid","cn","highlighted","getButtonStateClasses"],"mappings":";;MAEaA,eAAe,GAAGC,KAAK;EAChC,MAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,IAAI,CAAC,CAACD,KAAK,CAAC,eAAe,CAAC;EAC3D,MAAME,QAAQ,GAAGF,KAAK,CAACE,QAAQ,IAAI,CAAC,CAACF,KAAK,CAAC,eAAe,CAAC;EAC3D,MAAMG,OAAO,GAAGH,KAAK,CAACG,OAAO,IAAI,CAAC,CAACH,KAAK,CAAC,cAAc,CAAC;EAExD,OAAOI,EAAE,CACL,gOAAgO;;EAEhO,sHAAsH,EACtH;IACI,UAAU,EAAE,CAACJ,KAAK,CAACK,WAAW,IAAI,CAACH,QAAQ;;IAE3C,wEAAwE,EAAE,CAACC,OAAO;;IAElF,8DAA8D,EAAEF,QAAQ;;IAExE,kBAAkB,EAAED,KAAK,CAACK,WAAW,IAAIJ,QAAQ;IACjD,eAAe,EAAED,KAAK,CAACK,WAAW,IAAI,CAACJ,QAAQ;;IAE/C,wEAAwE,EAAEE,OAAO;;IAEjF,2CAA2C,EAAED;GAChD,CACJ;AACL;MAEaI,qBAAqB,GAAGA,CAACH,OAA4B,EAAEF,QAAQ,GAAG,KAAK;EAChF,IAAIE,OAAO,EAAE;IACT,OAAOC,EAAE,CAAC,yFAAyF,EAAE;MACjG,mBAAmB,EAAEH;KACxB,CAAC;;EAGN,OAAO,8GAA8G;AACzH;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getInputClasses = props => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-grey-300 enabled:hover:border-grey-500 disabled:border-grey-200': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,\n            // highlighted\n            'bg-yellow-100/50': props.highlighted && disabled,\n            'bg-yellow-100': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-grey-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-grey-300 group-peer-hover:enabled:border-grey-500 transition-colors transition-opacity ease-in';\n};\n"],"names":["getInputClasses","props","disabled","readOnly","invalid","cn","highlighted","getButtonStateClasses"],"mappings":";;IAEaA,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK;EAChC,IAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,IAAI,CAAC,CAACD,KAAK,CAAC,eAAe,CAAC;EAC3D,IAAME,QAAQ,GAAGF,KAAK,CAACE,QAAQ,IAAI,CAAC,CAACF,KAAK,CAAC,eAAe,CAAC;EAC3D,IAAMG,OAAO,GAAGH,KAAK,CAACG,OAAO,IAAI,CAAC,CAACH,KAAK,CAAC,cAAc,CAAC;EAExD,OAAOI,EAAE,CACL,gOAAgO;;EAEhO,sHAAsH,EACtH;IACI,UAAU,EAAE,CAACJ,KAAK,CAACK,WAAW,IAAI,CAACH,QAAQ;;IAE3C,wEAAwE,EAAE,CAACC,OAAO;;IAElF,8DAA8D,EAAEF,QAAQ;;IAExE,kBAAkB,EAAED,KAAK,CAACK,WAAW,IAAIJ,QAAQ;IACjD,eAAe,EAAED,KAAK,CAACK,WAAW,IAAI,CAACJ,QAAQ;;IAE/C,wEAAwE,EAAEE,OAAO;;IAEjF,2CAA2C,EAAED;GAChD,CACJ;AACL;IAEaI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIH,OAA4B,EAAEF,QAAQ;MAARA,QAAQ;IAARA,QAAQ,GAAG,KAAK;;EAChF,IAAIE,OAAO,EAAE;IACT,OAAOC,EAAE,CAAC,yFAAyF,EAAE;MACjG,mBAAmB,EAAEH;KACxB,CAAC;;EAGN,OAAO,8GAA8G;AACzH;;;;"}

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

@@ -6,13 +6,15 @@ import { Sidebar } from './components/Sidebar.js';
 import { Top } from './components/Top.js';
 import { Page } from './components/Page.js';
 
-const Layout = /*#__PURE__*/React__default.forwardRef(function Layout(props, ref) {
-  const [sidebarOpen, setSidebarOpen] = React__default.useState(false);
-  const className = cn('flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative', props.className);
+var Layout = /*#__PURE__*/React__default.forwardRef(function Layout(props, ref) {
+  var _React$useState = React__default.useState(false),
+    sidebarOpen = _React$useState[0],
+    setSidebarOpen = _React$useState[1];
+  var className = cn('flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative', props.className);
   return /*#__PURE__*/React__default.createElement(LayoutContext.Provider, {
     value: {
-      sidebarOpen,
-      setSidebarOpen
+      sidebarOpen: sidebarOpen,
+      setSidebarOpen: setSidebarOpen
     }
   }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: className,

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../../../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n    const [sidebarOpen, setSidebarOpen] = React.useState(false);\n    const className = cn(\n        'flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative',\n        props.className\n    );\n\n    return (\n        <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n            <div {...props} className={className} ref={ref} />\n        </LayoutContext.Provider>\n    );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n    Top: typeof Top;\n    Page: typeof Page;\n    Sidebar: typeof Sidebar;\n    Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["Layout","React","forwardRef","props","ref","sidebarOpen","setSidebarOpen","useState","className","cn","LayoutContext","Provider","value","Top","Page","Sidebar","Content"],"mappings":";;;;;;;;MAUaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA8B,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC1F,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,cAAK,CAACM,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMC,SAAS,GAAGC,EAAE,CAChB,8FAA8F,EAC9FN,KAAK,CAACK,SAAS,CAClB;EAED,oBACIP,6BAACS,aAAa,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEP,WAAW;MAAEC;;kBAC1CL,sDAASE,KAAK;IAAEK,SAAS,EAAEA,SAAS;IAAEJ,GAAG,EAAEA;KAAO,CAC7B;AAEjC,CAAC;AAODJ,MAAM,CAACa,GAAG,GAAGA,GAAG;AAChBb,MAAM,CAACc,IAAI,GAAGA,IAAI;AAClBd,MAAM,CAACe,OAAO,GAAGA,OAAO;AACxBf,MAAM,CAACgB,OAAO,GAAGA,OAAO;;;;"}
+{"version":3,"file":"Layout.js","sources":["../../../../../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n    const [sidebarOpen, setSidebarOpen] = React.useState(false);\n    const className = cn(\n        'flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative',\n        props.className\n    );\n\n    return (\n        <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n            <div {...props} className={className} ref={ref} />\n        </LayoutContext.Provider>\n    );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n    Top: typeof Top;\n    Page: typeof Page;\n    Sidebar: typeof Sidebar;\n    Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["Layout","React","forwardRef","props","ref","_React$useState","useState","sidebarOpen","setSidebarOpen","className","cn","LayoutContext","Provider","value","Top","Page","Sidebar","Content"],"mappings":";;;;;;;;IAUaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA8B,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC1F,IAAAC,eAAA,GAAsCJ,cAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;IAApDC,WAAW,GAAAF,eAAA;IAAEG,cAAc,GAAAH,eAAA;EAClC,IAAMI,SAAS,GAAGC,EAAE,CAChB,8FAA8F,EAC9FP,KAAK,CAACM,SAAS,CAClB;EAED,oBACIR,6BAACU,aAAa,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW,EAAXA,WAAW;MAAEC,cAAc,EAAdA;;kBAC1CP,sDAASE,KAAK;IAAEM,SAAS,EAAEA,SAAS;IAAEL,GAAG,EAAEA;KAAO,CAC7B;AAEjC,CAAC;AAODJ,MAAM,CAACc,GAAG,GAAGA,GAAG;AAChBd,MAAM,CAACe,IAAI,GAAGA,IAAI;AAClBf,MAAM,CAACgB,OAAO,GAAGA,OAAO;AACxBhB,MAAM,CAACiB,OAAO,GAAGA,OAAO;;;;"}

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

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'clsx';
 
-const Content = /*#__PURE__*/React__default.forwardRef(function LayoutContent(props, ref) {
-  const className = cn('flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative', props.className);
+var Content = /*#__PURE__*/React__default.forwardRef(function LayoutContent(props, ref) {
+  var className = cn('flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative', props.className);
   return /*#__PURE__*/React__default.createElement("main", Object.assign({}, props, {
     className: className,
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n    const className = cn(\n        'flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative',\n        props.className\n    );\n    return <main {...props} className={className} ref={ref} />;\n});\n"],"names":["Content","React","forwardRef","LayoutContent","props","ref","className","cn"],"mappings":";;;MAKaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACzG,MAAMC,SAAS,GAAGC,EAAE,CAChB,sHAAsH,EACtHH,KAAK,CAACE,SAAS,CAClB;EACD,oBAAOL,uDAAUG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n    const className = cn(\n        'flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative',\n        props.className\n    );\n    return <main {...props} className={className} ref={ref} />;\n});\n"],"names":["Content","React","forwardRef","LayoutContent","props","ref","className","cn"],"mappings":";;;IAKaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACzG,IAAMC,SAAS,GAAGC,EAAE,CAChB,sHAAsH,EACtHH,KAAK,CAACE,SAAS,CAClB;EACD,oBAAOL,uDAAUG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}

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

@@ -1,8 +1,10 @@
 import React__default from 'react';
 
-const LayoutContext = /*#__PURE__*/React__default.createContext({
+var LayoutContext = /*#__PURE__*/React__default.createContext({
   sidebarOpen: false,
-  setSidebarOpen: () => undefined
+  setSidebarOpen: function setSidebarOpen() {
+    return undefined;
+  }
 });
 
 export { LayoutContext };

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

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n    sidebarOpen: boolean;\n    setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":["LayoutContext","React","createContext","sidebarOpen","setSidebarOpen","undefined"],"mappings":";;MAOaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EAAEC,WAAW,EAAE,KAAK;EAAEC,cAAc,EAAEA,MAAMC;CAAW;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n    sidebarOpen: boolean;\n    setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":["LayoutContext","React","createContext","sidebarOpen","setSidebarOpen","undefined"],"mappings":";;IAOaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EAAEC,WAAW,EAAE,KAAK;EAAEC,cAAc,EAAE,SAAAA;IAAA,OAAMC,SAAS;;CAAE;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Page.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'clsx';
 
-const Page = /*#__PURE__*/React__default.forwardRef(function LayoutPage(props, ref) {
-  const className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);
+var Page = /*#__PURE__*/React__default.forwardRef(function LayoutPage(props, ref) {
+  var className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: className,
     ref: ref

package/dist/esm/packages/taco/src/components/Layout/components/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n    const className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["Page","React","forwardRef","LayoutPage","props","ref","className","cn"],"mappings":";;;MAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG;EAChG,MAAMC,SAAS,GAAGC,EAAE,CAAC,6EAA6E,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpH,oBAAOL,sDAASG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}
+{"version":3,"file":"Page.js","sources":["../../../../../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n    const className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["Page","React","forwardRef","LayoutPage","props","ref","className","cn"],"mappings":";;;IAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG;EAChG,IAAMC,SAAS,GAAGC,EAAE,CAAC,6EAA6E,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpH,oBAAOL,sDAASG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Sidebar.js

@@ -1,30 +1,29 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Backdrop } from '../../Backdrop/Backdrop.js';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useIsLargeScreen } from '../../../hooks/useIsLargeScreen.js';
 import { LayoutContext } from './Context.js';
 
-const SidebarBackdrop = /*#__PURE__*/motion(Backdrop);
-const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(props, ref) {
-  const {
-    children,
-    ...attributes
-  } = props;
-  const {
-    sidebarOpen,
-    setSidebarOpen
-  } = React__default.useContext(LayoutContext);
-  const isLargeScreen = useIsLargeScreen();
-  const isSmallScreen = !isLargeScreen;
+var _excluded = ["children"];
+var SidebarBackdrop = /*#__PURE__*/motion(Backdrop);
+var Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(props, ref) {
+  var children = props.children,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var _React$useContext = React__default.useContext(LayoutContext),
+    sidebarOpen = _React$useContext.sidebarOpen,
+    setSidebarOpen = _React$useContext.setSidebarOpen;
+  var isLargeScreen = useIsLargeScreen();
+  var isSmallScreen = !isLargeScreen;
   // if it's a large screen we override the open state and make it always visible
-  const isVisible = isLargeScreen || sidebarOpen;
+  var isVisible = isLargeScreen || sidebarOpen;
   // ensures the menu is always closed by default when resizing to a smaller window size
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     setSidebarOpen(isLargeScreen);
   }, [isLargeScreen]);
-  React__default.useEffect(() => {
-    const handleEscapeKey = event => {
+  React__default.useEffect(function () {
+    var handleEscapeKey = function handleEscapeKey(event) {
       if (event.key === 'Escape') {
         event.preventDefault();
         event.stopPropagation();
@@ -34,13 +33,15 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
     if (isSmallScreen && sidebarOpen) {
       window.addEventListener('keydown', handleEscapeKey);
     }
-    return () => {
+    return function () {
       window.removeEventListener('keydown', handleEscapeKey);
     };
   }, [isSmallScreen, sidebarOpen]);
-  const showBackdrop = isSmallScreen && sidebarOpen === true;
-  const [ready, setReady] = React__default.useState(isSmallScreen);
-  const className = cn('bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden', {
+  var showBackdrop = isSmallScreen && sidebarOpen === true;
+  var _React$useState = React__default.useState(isSmallScreen),
+    ready = _React$useState[0],
+    setReady = _React$useState[1];
+  var className = cn('bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden', {
     'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,
     // prevent animation when crossing the boundary from large to small screen,
     // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)
@@ -48,17 +49,21 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
     'transition-[transform] duration-300 visible': isSmallScreen && ready,
     'border-r-2 border-black/[.08] ': !showBackdrop
   }, props.className);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     // ensure state is updated in the next cpu tick so that the animation definitely doesn't run
-    setTimeout(() => {
+    setTimeout(function () {
       setReady(isSmallScreen);
     }, 1);
   }, [isSmallScreen]);
-  const toggleSidebar = () => setSidebarOpen(open => !open);
-  const content = typeof children === 'function' ? children({
-    isLargeScreen,
+  var toggleSidebar = function toggleSidebar() {
+    return setSidebarOpen(function (open) {
+      return !open;
+    });
+  };
+  var content = typeof children === 'function' ? children({
+    isLargeScreen: isLargeScreen,
     open: sidebarOpen,
-    toggleSidebar
+    toggleSidebar: toggleSidebar
   }) : children;
   if (!content) {
     return null;
@@ -79,7 +84,9 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
       opacity: 0
     },
     className: "z-[1]",
-    onClick: () => setSidebarOpen(false)
+    onClick: function onClick() {
+      return setSidebarOpen(false);
+    }
   }))));
 });