@economic/taco 2.47.0-server.9 → 2.48.0

package/dist/esm/packages/taco/src/components/List/components/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../../../../src/components/List/components/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListCollapsibleProps = Omit<ComposableListItemProps<typeof CollapsiblePrimitive.Root>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n    defaultOpen?: boolean;\n};\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, ListCollapsibleProps>(function Accordion(props, ref) {\n    const { defaultOpen = false, ...attributes } = props;\n    const [open, setOpen] = React.useState(defaultOpen);\n    const control = <Icon name={open ? 'chevron-up' : 'chevron-down'} />;\n\n    return (\n        <CollapsiblePrimitive.Root data-taco=\"list-item-collapsible\" disabled={props.disabled} open={open} onOpenChange={setOpen}>\n            <CollapsiblePrimitive.Trigger asChild>\n                <Item {...attributes} as=\"button\" control={control} ref={ref} />\n            </CollapsiblePrimitive.Trigger>\n            <CollapsiblePrimitive.Content>{props.children}</CollapsiblePrimitive.Content>\n        </CollapsiblePrimitive.Root>\n    );\n});\n"],"names":["Collapsible","React","forwardRef","Accordion","props","ref","_props$defaultOpen","defaultOpen","attributes","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","open","setOpen","control","Icon","name","CollapsiblePrimitive","disabled","onOpenChange","asChild","Item","as","children"],"mappings":";;;;;;;IAUaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG;EAC3G,IAAAC,kBAAA,GAA+CF,KAAK,CAA5CG,WAAW;IAAXA,WAAW,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EACpD,IAAAC,eAAA,GAAwBV,cAAK,CAACW,QAAQ,CAACL,WAAW,CAAC;IAA5CM,IAAI,GAAAF,eAAA;IAAEG,OAAO,GAAAH,eAAA;EACpB,IAAMI,OAAO,gBAAGd,6BAACe,IAAI;IAACC,IAAI,EAAEJ,IAAI,GAAG,YAAY,GAAG;IAAkB;EAEpE,oBACIZ,6BAACiB,IAAyB;iBAAW,uBAAuB;IAACC,QAAQ,EAAEf,KAAK,CAACe,QAAQ;IAAEN,IAAI,EAAEA,IAAI;IAAEO,YAAY,EAAEN;kBAC7Gb,6BAACiB,OAA4B;IAACG,OAAO;kBACjCpB,6BAACqB,IAAI,oBAAKd,UAAU;IAAEe,EAAE,EAAC,QAAQ;IAACR,OAAO,EAAEA,OAAO;IAAEV,GAAG,EAAEA;KAAO,CACrC,eAC/BJ,6BAACiB,OAA4B,QAAEd,KAAK,CAACoB,QAAQ,CAAgC,CACrD;AAEpC,CAAC;;;;"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../../../../src/components/List/components/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListCollapsibleProps = Omit<ComposableListItemProps<typeof CollapsiblePrimitive.Root>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n    defaultOpen?: boolean;\n};\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, ListCollapsibleProps>(function Accordion(props, ref) {\n    const { defaultOpen = false, ...attributes } = props;\n    const [open, setOpen] = React.useState(defaultOpen);\n    const control = <Icon name={open ? 'chevron-up' : 'chevron-down'} />;\n\n    return (\n        <CollapsiblePrimitive.Root data-taco=\"list-item-collapsible\" disabled={props.disabled} open={open} onOpenChange={setOpen}>\n            <CollapsiblePrimitive.Trigger asChild>\n                <Item {...attributes} as=\"button\" control={control} ref={ref} />\n            </CollapsiblePrimitive.Trigger>\n            <CollapsiblePrimitive.Content>{props.children}</CollapsiblePrimitive.Content>\n        </CollapsiblePrimitive.Root>\n    );\n});\n"],"names":["Collapsible","React","forwardRef","Accordion","props","ref","defaultOpen","attributes","open","setOpen","useState","control","Icon","name","CollapsiblePrimitive","disabled","onOpenChange","asChild","Item","as","children"],"mappings":";;;;;MAUaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,WAAW,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACpD,MAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGR,cAAK,CAACS,QAAQ,CAACJ,WAAW,CAAC;EACnD,MAAMK,OAAO,gBAAGV,6BAACW,IAAI;IAACC,IAAI,EAAEL,IAAI,GAAG,YAAY,GAAG;IAAkB;EAEpE,oBACIP,6BAACa,IAAyB;iBAAW,uBAAuB;IAACC,QAAQ,EAAEX,KAAK,CAACW,QAAQ;IAAEP,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAEP;kBAC7GR,6BAACa,OAA4B;IAACG,OAAO;kBACjChB,6BAACiB,IAAI,oBAAKX,UAAU;IAAEY,EAAE,EAAC,QAAQ;IAACR,OAAO,EAAEA,OAAO;IAAEN,GAAG,EAAEA;KAAO,CACrC,eAC/BJ,6BAACa,OAA4B,QAAEV,KAAK,CAACgB,QAAQ,CAAgC,CACrD;AAEpC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/List/components/Group.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-var Group = /*#__PURE__*/React__default.forwardRef(function Group(props, ref) {
+const Group = /*#__PURE__*/React__default.forwardRef(function Group(props, ref) {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     "data-taco": "list-group",
     ref: ref

package/dist/esm/packages/taco/src/components/List/components/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../../src/components/List/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type ListGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, ListGroupProps>(function Group(props, ref) {\n    return <div {...props} data-taco=\"list-group\" ref={ref} />;\n});\n"],"names":["Group","React","forwardRef","props","ref"],"mappings":";;IAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASF,KAAKA,CAACG,KAAK,EAAEC,GAAG;EAC3F,oBAAOH,sDAASE,KAAK;iBAAY,YAAY;IAACC,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/components/List/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type ListGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, ListGroupProps>(function Group(props, ref) {\n    return <div {...props} data-taco=\"list-group\" ref={ref} />;\n});\n"],"names":["Group","React","forwardRef","props","ref"],"mappings":";;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASF,KAAKA,CAACG,KAAK,EAAEC,GAAG;EAC3F,oBAAOH,sDAASE,KAAK;iBAAY,YAAY;IAACC,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/List/components/Item.js

@@ -1,23 +1,21 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getSubtleColorShadeClasses } from '../../../utils/tailwind.js';
 import { Icon } from '../../Icon/Icon.js';
 
-var _excluded = ["as", "control", "description", "disabled", "icon", "color", "tabIndex", "title"];
-var Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
-  var _props$as = props.as,
-    Tag = _props$as === void 0 ? 'div' : _props$as,
-    control = props.control,
-    description = props.description,
-    disabled = props.disabled,
-    icon = props.icon,
-    color = props.color,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-    title = props.title,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var iconClassName = cn('flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10', getSubtleColorShadeClasses(color !== null && color !== void 0 ? color : 'transparent'));
+const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
+  const {
+    as: Tag = 'div',
+    control,
+    description,
+    disabled,
+    icon,
+    color,
+    tabIndex = 0,
+    title,
+    ...attributes
+  } = props;
+  const iconClassName = cn('flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10', getSubtleColorShadeClasses(color !== null && color !== void 0 ? color : 'transparent'));
   return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
     "aria-disabled": disabled ? true : undefined,
     "data-taco": "list-item",

package/dist/esm/packages/taco/src/components/List/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/List/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Color } from '../../../types';\nimport { getSubtleColorShadeClasses } from '../../../utils/tailwind';\n\nexport type ListItemProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'title'> & {\n    as?: ElementType;\n    color?: Color;\n    control?: JSX.Element;\n    description?: string | JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    title: string | JSX.Element;\n};\n\nexport type ComposableListItemProps<ElementType extends React.ElementType> = Omit<\n    ListItemProps<ElementType>,\n    'as' | 'control' | 'onChange'\n>;\n\nexport const Item = React.forwardRef<HTMLElement, ListItemProps<React.ElementType>>(function Item(props, ref) {\n    const { as: Tag = 'div', control, description, disabled, icon, color, tabIndex = 0, title, ...attributes } = props;\n    const iconClassName = clsx(\n        'flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10',\n        getSubtleColorShadeClasses(color ?? 'transparent')\n    );\n\n    return (\n        <Tag\n            {...attributes}\n            aria-disabled={disabled ? true : undefined}\n            data-taco=\"list-item\"\n            ref={ref as any}\n            tabIndex={disabled ? -1 : tabIndex}>\n            {icon ? (\n                <span className={iconClassName}>\n                    <Icon name={icon} />\n                </span>\n            ) : null}\n            <div className=\"flex grow flex-col justify-center\">\n                <span className=\"font-bold text-black\">{title}</span>\n                {description ? <span className=\"text-grey-700\">{description}</span> : null}\n            </div>\n            <div className=\"text-grey-700 flex shrink-0 items-center\">{control}</div>\n        </Tag>\n    );\n});\n"],"names":["Item","React","forwardRef","props","ref","_props$as","as","Tag","control","description","disabled","icon","color","_props$tabIndex","tabIndex","title","attributes","_objectWithoutPropertiesLoose","_excluded","iconClassName","clsx","getSubtleColorShadeClasses","undefined","className","Icon","name"],"mappings":";;;;;;;IAqBaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAgD,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACxG,IAAAC,SAAA,GAA6GF,KAAK,CAA1GG,EAAE;IAAEC,GAAG,GAAAF,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAEG,OAAO,GAA6EL,KAAK,CAAzFK,OAAO;IAAEC,WAAW,GAAgEN,KAAK,CAAhFM,WAAW;IAAEC,QAAQ,GAAsDP,KAAK,CAAnEO,QAAQ;IAAEC,IAAI,GAAgDR,KAAK,CAAzDQ,IAAI;IAAEC,KAAK,GAAyCT,KAAK,CAAnDS,KAAK;IAAAC,eAAA,GAAyCV,KAAK,CAA5CW,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,CAAC,GAAAA,eAAA;IAAEE,KAAK,GAAoBZ,KAAK,CAA9BY,KAAK;IAAKC,UAAU,GAAAC,6BAAA,CAAKd,KAAK,EAAAe,SAAA;EAClH,IAAMC,aAAa,GAAGC,EAAI,CACtB,uFAAuF,EACvFC,0BAA0B,CAACT,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,aAAa,CAAC,CACrD;EAED,oBACIX,6BAACM,GAAG,oBACIS,UAAU;qBACCN,QAAQ,GAAG,IAAI,GAAGY,SAAS;iBAChC,WAAW;IACrBlB,GAAG,EAAEA,GAAU;IACfU,QAAQ,EAAEJ,QAAQ,GAAG,CAAC,CAAC,GAAGI;MACzBH,IAAI,iBACDV;IAAMsB,SAAS,EAAEJ;kBACblB,6BAACuB,IAAI;IAACC,IAAI,EAAEd;IAAQ,CACjB,IACP,IAAI,eACRV;IAAKsB,SAAS,EAAC;kBACXtB;IAAMsB,SAAS,EAAC;KAAwBR,KAAK,CAAQ,EACpDN,WAAW,gBAAGR;IAAMsB,SAAS,EAAC;KAAiBd,WAAW,CAAQ,GAAG,IAAI,CACxE,eACNR;IAAKsB,SAAS,EAAC;KAA4Cf,OAAO,CAAO,CACvE;AAEd,CAAC;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/List/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Color } from '../../../types';\nimport { getSubtleColorShadeClasses } from '../../../utils/tailwind';\n\nexport type ListItemProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'title'> & {\n    as?: ElementType;\n    color?: Color;\n    control?: JSX.Element;\n    description?: string | JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    title: string | JSX.Element;\n};\n\nexport type ComposableListItemProps<ElementType extends React.ElementType> = Omit<\n    ListItemProps<ElementType>,\n    'as' | 'control' | 'onChange'\n>;\n\nexport const Item = React.forwardRef<HTMLElement, ListItemProps<React.ElementType>>(function Item(props, ref) {\n    const { as: Tag = 'div', control, description, disabled, icon, color, tabIndex = 0, title, ...attributes } = props;\n    const iconClassName = clsx(\n        'flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10',\n        getSubtleColorShadeClasses(color ?? 'transparent')\n    );\n\n    return (\n        <Tag\n            {...attributes}\n            aria-disabled={disabled ? true : undefined}\n            data-taco=\"list-item\"\n            ref={ref as any}\n            tabIndex={disabled ? -1 : tabIndex}>\n            {icon ? (\n                <span className={iconClassName}>\n                    <Icon name={icon} />\n                </span>\n            ) : null}\n            <div className=\"flex grow flex-col justify-center\">\n                <span className=\"font-bold text-black\">{title}</span>\n                {description ? <span className=\"text-grey-700\">{description}</span> : null}\n            </div>\n            <div className=\"text-grey-700 flex shrink-0 items-center\">{control}</div>\n        </Tag>\n    );\n});\n"],"names":["Item","React","forwardRef","props","ref","as","Tag","control","description","disabled","icon","color","tabIndex","title","attributes","iconClassName","clsx","getSubtleColorShadeClasses","undefined","className","Icon","name"],"mappings":";;;;;MAqBaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAgD,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACxG,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,KAAK;IAAEC,OAAO;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ,GAAG,CAAC;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAClH,MAAMY,aAAa,GAAGC,EAAI,CACtB,uFAAuF,EACvFC,0BAA0B,CAACN,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,aAAa,CAAC,CACrD;EAED,oBACIV,6BAACK,GAAG,oBACIQ,UAAU;qBACCL,QAAQ,GAAG,IAAI,GAAGS,SAAS;iBAChC,WAAW;IACrBd,GAAG,EAAEA,GAAU;IACfQ,QAAQ,EAAEH,QAAQ,GAAG,CAAC,CAAC,GAAGG;MACzBF,IAAI,iBACDT;IAAMkB,SAAS,EAAEJ;kBACbd,6BAACmB,IAAI;IAACC,IAAI,EAAEX;IAAQ,CACjB,IACP,IAAI,eACRT;IAAKkB,SAAS,EAAC;kBACXlB;IAAMkB,SAAS,EAAC;KAAwBN,KAAK,CAAQ,EACpDL,WAAW,gBAAGP;IAAMkB,SAAS,EAAC;KAAiBX,WAAW,CAAQ,GAAG,IAAI,CACxE,eACNP;IAAKkB,SAAS,EAAC;KAA4CZ,OAAO,CAAO,CACvE;AAEd,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/List/components/Link.js

@@ -2,9 +2,9 @@ import React__default from 'react';
 import { Icon } from '../../Icon/Icon.js';
 import { Item } from './Item.js';
 
-var Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
-  var isExternal = props.href.startsWith('http');
-  var control = /*#__PURE__*/React__default.createElement(Icon, {
+const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+  const isExternal = props.href.startsWith('http');
+  const control = /*#__PURE__*/React__default.createElement(Icon, {
     name: isExternal ? 'link-external' : 'chevron-right'
   });
   if (isExternal) {

package/dist/esm/packages/taco/src/components/List/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/List/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListLinkProps = ComposableListItemProps<'a'> & {\n    href: string;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, ListLinkProps>(function Link(props, ref) {\n    const isExternal = props.href.startsWith('http');\n    const control = <Icon name={isExternal ? 'link-external' : 'chevron-right'} />;\n\n    if (isExternal) {\n        return <Item {...props} as=\"a\" target=\"_blank\" rel=\"noopener noreferrer\" control={control} ref={ref} />;\n    }\n\n    return <Item {...props} as=\"a\" control={control} ref={ref} />;\n});\n"],"names":["Link","React","forwardRef","props","ref","isExternal","href","startsWith","control","Icon","name","Item","as","target","rel"],"mappings":";;;;IAQaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmC,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EAC3F,IAAMC,UAAU,GAAGF,KAAK,CAACG,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC;EAChD,IAAMC,OAAO,gBAAGP,6BAACQ,IAAI;IAACC,IAAI,EAAEL,UAAU,GAAG,eAAe,GAAG;IAAmB;EAE9E,IAAIA,UAAU,EAAE;IACZ,oBAAOJ,6BAACU,IAAI,oBAAKR,KAAK;MAAES,EAAE,EAAC,GAAG;MAACC,MAAM,EAAC,QAAQ;MAACC,GAAG,EAAC,qBAAqB;MAACN,OAAO,EAAEA,OAAO;MAAEJ,GAAG,EAAEA;OAAO;;EAG3G,oBAAOH,6BAACU,IAAI,oBAAKR,KAAK;IAAES,EAAE,EAAC,GAAG;IAACJ,OAAO,EAAEA,OAAO;IAAEJ,GAAG,EAAEA;KAAO;AACjE,CAAC;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/List/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListLinkProps = ComposableListItemProps<'a'> & {\n    href: string;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, ListLinkProps>(function Link(props, ref) {\n    const isExternal = props.href.startsWith('http');\n    const control = <Icon name={isExternal ? 'link-external' : 'chevron-right'} />;\n\n    if (isExternal) {\n        return <Item {...props} as=\"a\" target=\"_blank\" rel=\"noopener noreferrer\" control={control} ref={ref} />;\n    }\n\n    return <Item {...props} as=\"a\" control={control} ref={ref} />;\n});\n"],"names":["Link","React","forwardRef","props","ref","isExternal","href","startsWith","control","Icon","name","Item","as","target","rel"],"mappings":";;;;MAQaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmC,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EAC3F,MAAMC,UAAU,GAAGF,KAAK,CAACG,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC;EAChD,MAAMC,OAAO,gBAAGP,6BAACQ,IAAI;IAACC,IAAI,EAAEL,UAAU,GAAG,eAAe,GAAG;IAAmB;EAE9E,IAAIA,UAAU,EAAE;IACZ,oBAAOJ,6BAACU,IAAI,oBAAKR,KAAK;MAAES,EAAE,EAAC,GAAG;MAACC,MAAM,EAAC,QAAQ;MAACC,GAAG,EAAC,qBAAqB;MAACN,OAAO,EAAEA,OAAO;MAAEJ,GAAG,EAAEA;OAAO;;EAG3G,oBAAOH,6BAACU,IAAI,oBAAKR,KAAK;IAAES,EAAE,EAAC,GAAG;IAACJ,OAAO,EAAEA,OAAO;IAAEJ,GAAG,EAAEA;KAAO;AACjE,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/List/components/Toggle.js

@@ -1,17 +1,15 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Checkbox as Checkbox$1 } from '../../Checkbox/Checkbox.js';
 import { Item } from './Item.js';
 import { Switch as Switch$1 } from '../../Switch/Switch.js';
 
-var _excluded = ["controlRef", "onToggle"],
-  _excluded2 = ["checked", "onChange"],
-  _excluded3 = ["checked", "onChange"];
-var ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props, ref) {
-  var controlRef = props.controlRef,
-    onToggle = props.onToggle,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+const ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props, ref) {
+  const {
+    controlRef,
+    onToggle,
+    ...attributes
+  } = props;
   function handleClick(event) {
     var _controlRef$current;
     if (typeof props.onClick === 'function') {
@@ -40,7 +38,7 @@ var ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props, r
       return;
     }
   }
-  var className = cn('group/toggle', props.className);
+  const className = cn('group/toggle', props.className);
   return /*#__PURE__*/React__default.createElement(Item, Object.assign({}, attributes, {
     className: className,
     onClick: handleClick,
@@ -48,19 +46,19 @@ var ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props, r
     ref: ref
   }));
 });
-var Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
-  var externalChecked = props.checked,
-    onChange = props.onChange,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded2);
-  var _React$useState = React__default.useState(externalChecked),
-    checked = _React$useState[0],
-    setChecked = _React$useState[1];
-  var switchRef = React__default.useRef(null);
-  var toggle = React__default.useCallback(function () {
+const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
+  const {
+    checked: externalChecked,
+    onChange,
+    ...attributes
+  } = props;
+  const [checked, setChecked] = React__default.useState(externalChecked);
+  const switchRef = React__default.useRef(null);
+  const toggle = React__default.useCallback(() => {
     setChecked(!checked);
     onChange(!checked);
   }, [checked, onChange]);
-  var control = /*#__PURE__*/React__default.createElement(Switch$1, {
+  const control = /*#__PURE__*/React__default.createElement(Switch$1, {
     checked: checked,
     className: "group-hover/toggle:[&[aria-checked=false]]:bg-grey-700 group-hover/toggle:[&[aria-checked=true]]:bg-blue-700",
     disabled: props.disabled,
@@ -75,19 +73,19 @@ var Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref)
     onToggle: toggle
   }));
 });
-var Checkbox = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
-  var externalChecked = props.checked,
-    onChange = props.onChange,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded3);
-  var _React$useState2 = React__default.useState(externalChecked),
-    checked = _React$useState2[0],
-    setChecked = _React$useState2[1];
-  var checkboxRef = React__default.useRef(null);
-  var toggle = React__default.useCallback(function () {
+const Checkbox = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
+  const {
+    checked: externalChecked,
+    onChange,
+    ...attributes
+  } = props;
+  const [checked, setChecked] = React__default.useState(externalChecked);
+  const checkboxRef = React__default.useRef(null);
+  const toggle = React__default.useCallback(() => {
     setChecked(!checked);
     onChange(!checked);
   }, [checked, onChange]);
-  var control = /*#__PURE__*/React__default.createElement(Checkbox$1, {
+  const control = /*#__PURE__*/React__default.createElement(Checkbox$1, {
     checked: checked,
     className: "group-hover/toggle:[&[aria-checked=false]]:border-grey-700 group-hover/toggle:[&[aria-checked=true]]:border-blue-700 group-hover/checkbox:[&[aria-checked=true]]:bg-blue-700",
     disabled: props.disabled,

package/dist/esm/packages/taco/src/components/List/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/components/List/components/Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ControlledSwitchProps, Switch as TacoSwitch } from '../../Switch/Switch';\nimport { ControlledCheckboxProps, Checkbox as TacoCheckbox } from '../../Checkbox/Checkbox';\nimport { Item, ComposableListItemProps } from './Item';\n\ntype ToggleProps = ComposableListItemProps<'div'> & {\n    control: JSX.Element;\n    controlRef: React.RefObject<HTMLButtonElement>;\n    onToggle: () => void;\n};\n\nconst ToggleItem = React.forwardRef<HTMLDivElement, ToggleProps>(function Toggle(props, ref) {\n    const { controlRef, onToggle, ...attributes } = props;\n\n    function handleClick(event: React.MouseEvent<HTMLDivElement>) {\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then trigger click of the control\n        if (event.target !== controlRef.current && !controlRef.current?.contains(event.target as HTMLElement)) {\n            onToggle();\n            return;\n        }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then send appropriate \"activate\" keyboard shortcuts to the control as a click\n        if (\n            (event.key === 'Enter' || event.key === ' ') &&\n            event.target !== controlRef.current &&\n            !controlRef.current?.contains(event.target as HTMLElement)\n        ) {\n            onToggle();\n            return;\n        }\n    }\n\n    const className = cn('group/toggle', props.className);\n    return <Item {...attributes} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref} />;\n});\n\nexport type ListSwitchProps = ComposableListItemProps<'div'> & Omit<ControlledSwitchProps, 'title'>;\n\nexport const Switch = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const switchRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoSwitch\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:bg-grey-700 group-hover/toggle:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={switchRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={switchRef} ref={ref} onToggle={toggle} />;\n});\n\nexport type ListCheckboxProps = ComposableListItemProps<'div'> & ControlledCheckboxProps;\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const checkboxRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoCheckbox\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:border-grey-700 group-hover/toggle:[&[aria-checked=true]]:border-blue-700 group-hover/checkbox:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={checkboxRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={checkboxRef} ref={ref} onToggle={toggle} />;\n});\n"],"names":["ToggleItem","React","forwardRef","Toggle","props","ref","controlRef","onToggle","attributes","_objectWithoutPropertiesLoose","_excluded","handleClick","event","onClick","isDefaultPrevented","target","current","_controlRef$current","contains","handleKeyDown","onKeyDown","key","_controlRef$current2","className","cn","Item","Switch","externalChecked","checked","onChange","_excluded2","_React$useState","useState","setChecked","switchRef","useRef","toggle","useCallback","control","TacoSwitch","disabled","tabIndex","Checkbox","_excluded3","_React$useState2","checkboxRef","TacoCheckbox"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/components/List/components/Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ControlledSwitchProps, Switch as TacoSwitch } from '../../Switch/Switch';\nimport { ControlledCheckboxProps, Checkbox as TacoCheckbox } from '../../Checkbox/Checkbox';\nimport { Item, ComposableListItemProps } from './Item';\n\ntype ToggleProps = ComposableListItemProps<'div'> & {\n    control: JSX.Element;\n    controlRef: React.RefObject<HTMLButtonElement>;\n    onToggle: () => void;\n};\n\nconst ToggleItem = React.forwardRef<HTMLDivElement, ToggleProps>(function Toggle(props, ref) {\n    const { controlRef, onToggle, ...attributes } = props;\n\n    function handleClick(event: React.MouseEvent<HTMLDivElement>) {\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then trigger click of the control\n        if (event.target !== controlRef.current && !controlRef.current?.contains(event.target as HTMLElement)) {\n            onToggle();\n            return;\n        }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then send appropriate \"activate\" keyboard shortcuts to the control as a click\n        if (\n            (event.key === 'Enter' || event.key === ' ') &&\n            event.target !== controlRef.current &&\n            !controlRef.current?.contains(event.target as HTMLElement)\n        ) {\n            onToggle();\n            return;\n        }\n    }\n\n    const className = cn('group/toggle', props.className);\n    return <Item {...attributes} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref} />;\n});\n\nexport type ListSwitchProps = ComposableListItemProps<'div'> & Omit<ControlledSwitchProps, 'title'>;\n\nexport const Switch = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const switchRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoSwitch\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:bg-grey-700 group-hover/toggle:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={switchRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={switchRef} ref={ref} onToggle={toggle} />;\n});\n\nexport type ListCheckboxProps = ComposableListItemProps<'div'> & ControlledCheckboxProps;\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const checkboxRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoCheckbox\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:border-grey-700 group-hover/toggle:[&[aria-checked=true]]:border-blue-700 group-hover/checkbox:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={checkboxRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={checkboxRef} ref={ref} onToggle={toggle} />;\n});\n"],"names":["ToggleItem","React","forwardRef","Toggle","props","ref","controlRef","onToggle","attributes","handleClick","event","onClick","isDefaultPrevented","target","current","_controlRef$current","contains","handleKeyDown","onKeyDown","key","_controlRef$current2","className","cn","Item","Switch","checked","externalChecked","onChange","setChecked","useState","switchRef","useRef","toggle","useCallback","control","TacoSwitch","disabled","tabIndex","Checkbox","checkboxRef","TacoCheckbox"],"mappings":"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"}

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

@@ -1,45 +1,50 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ScrollableList } from './ScrollableList.js';
 import { useListbox } from './useListbox.js';
 import { useMultiListbox } from './useMultiListbox.js';
 
-var _excluded = ["className"],
-  _excluded2 = ["className"];
-var Listbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
-  var externalClassName = props.className,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useListbox = useListbox(otherProps, ref),
-    list = _useListbox.list,
-    input = _useListbox.input;
-  var className = cn('bg-white inline-flex relative w-full', externalClassName);
+const Listbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
+  const {
+    className: externalClassName,
+    ...otherProps
+  } = props;
+  const {
+    list,
+    input
+  } = useListbox(otherProps, ref);
+  const className = cn('bg-white inline-flex relative w-full', externalClassName);
   return /*#__PURE__*/createElement("span", {
     "data-taco": "listbox",
     className: className
   }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
-    style: _extends({}, list.style, {
+    style: {
+      ...list.style,
       maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */
-    })
+    }
   })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"
   })));
 });
-var MultiListbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
-  var externalClassName = props.className,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
-  var _useMultiListbox = useMultiListbox(otherProps, ref),
-    list = _useMultiListbox.list,
-    input = _useMultiListbox.input;
-  var className = cn('bg-white inline-flex relative w-full', externalClassName);
+const MultiListbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
+  const {
+    className: externalClassName,
+    ...otherProps
+  } = props;
+  const {
+    list,
+    input
+  } = useMultiListbox(otherProps, ref);
+  const className = cn('bg-white inline-flex relative w-full', externalClassName);
   return /*#__PURE__*/createElement("span", {
     "data-taco": "listbox",
     className: className
   }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
-    style: _extends({}, list.style, {
+    style: {
+      ...list.style,
       maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */
-    })
+    }
   })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"

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

@@ -1 +1 @@
-{"version":3,"file":"Listbox.js","sources":["../../../../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n    /**\n     * Text displayed in the listbox if no data provided.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    empty: string;\n    /**\n     * Text displayed in the listbox to indicate the data is loading.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    loading: string;\n    /**\n     * The first option displayed in a multiselect listbox that selects all available options.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> &\n    Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'value'> & {\n        /** Data indicating the options in listbox */\n        data?: ListboxItem[];\n        /**\n         * Initial value of the listbox.\n         * This is used when listbox is mounted, if no value is provided.\n         * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event\n         */\n        defaultValue?: ListboxValue;\n        /** Set what value should have an empty option in listbox */\n        emptyValue?: ListboxValue;\n        /** Draws attention to the listbox 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        /**\n         * Shows a loading indicator with a text next to it.\n         * Read more about how to provide the text in [Provider](component:provider) component\n         */\n        loading?: boolean;\n        /**\n         * Value of the listbox representing the selected item.\n         * It needs to be an existing value from the provided data\n         */\n        value?: ListboxValue;\n    };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */ }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useMultiListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{\n                    ...list.style,\n                    maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n                }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n"],"names":["Listbox","React","props","ref","externalClassName","className","otherProps","_objectWithoutPropertiesLoose","_excluded","_useListbox","useListbox","list","input","cn","ScrollableList","style","_extends","maxHeight","type","MultiListbox","_excluded2","_useMultiListbox","useMultiListbox"],"mappings":";;;;;;;;;IAuDaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC1G,IAAmBC,iBAAiB,GAAoBF,KAAK,CAArDG,SAAS;IAAwBC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAC7D,IAAAC,WAAA,GAAwBC,UAAU,CAACJ,UAAU,EAAEH,GAAG,CAAC;IAA3CQ,IAAI,GAAAF,WAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;EACnB,IAAMP,SAAS,GAAGQ,EAAE,CAAC,sCAAsC,EAAET,iBAAiB,CAAC;EAE/E,oBACIH;iBAAgB,SAAS;IAACI,SAAS,EAAEA;kBACjCJ,cAACa,cAAc,oBACPH,IAAI;IACRI,KAAK,EAAAC,QAAA,KAAOL,IAAI,CAACI,KAAK;MAAEE,SAAS,EAAE,mBAAmB;;KACxD,eACFhB,yCAAWW,KAAK;IAAEP,SAAS,EAAC,QAAQ;IAACa,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;IAEYC,YAAY,gBAAGlB,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC/G,IAAmBC,iBAAiB,GAAoBF,KAAK,CAArDG,SAAS;IAAwBC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAkB,UAAA;EAC7D,IAAAC,gBAAA,GAAwBC,eAAe,CAAChB,UAAU,EAAEH,GAAG,CAAC;IAAhDQ,IAAI,GAAAU,gBAAA,CAAJV,IAAI;IAAEC,KAAK,GAAAS,gBAAA,CAALT,KAAK;EACnB,IAAMP,SAAS,GAAGQ,EAAE,CAAC,sCAAsC,EAAET,iBAAiB,CAAC;EAE/E,oBACIH;iBAAgB,SAAS;IAACI,SAAS,EAAEA;kBACjCJ,cAACa,cAAc,oBACPH,IAAI;IACRI,KAAK,EAAAC,QAAA,KACEL,IAAI,CAACI,KAAK;MACbE,SAAS,EAAE,yBAAyB;;KAE1C,eACFhB,yCAAWW,KAAK;IAAEP,SAAS,EAAC,QAAQ;IAACa,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;;;;"}
+{"version":3,"file":"Listbox.js","sources":["../../../../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n    /**\n     * Text displayed in the listbox if no data provided.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    empty: string;\n    /**\n     * Text displayed in the listbox to indicate the data is loading.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    loading: string;\n    /**\n     * The first option displayed in a multiselect listbox that selects all available options.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> &\n    Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'value'> & {\n        /** Data indicating the options in listbox */\n        data?: ListboxItem[];\n        /**\n         * Initial value of the listbox.\n         * This is used when listbox is mounted, if no value is provided.\n         * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event\n         */\n        defaultValue?: ListboxValue;\n        /** Set what value should have an empty option in listbox */\n        emptyValue?: ListboxValue;\n        /** Draws attention to the listbox 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        /**\n         * Shows a loading indicator with a text next to it.\n         * Read more about how to provide the text in [Provider](component:provider) component\n         */\n        loading?: boolean;\n        /**\n         * Value of the listbox representing the selected item.\n         * It needs to be an existing value from the provided data\n         */\n        value?: ListboxValue;\n    };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */ }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useMultiListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{\n                    ...list.style,\n                    maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n                }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n"],"names":["Listbox","React","props","ref","className","externalClassName","otherProps","list","input","useListbox","cn","ScrollableList","style","maxHeight","type","MultiListbox","useMultiListbox"],"mappings":";;;;;;MAuDaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC1G,MAAM;IAAEC,SAAS,EAAEC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,IAAI;IAAEC;GAAO,GAAGC,UAAU,CAACH,UAAU,EAAEH,GAAG,CAAC;EACnD,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAsC,EAAEL,iBAAiB,CAAC;EAE/E,oBACIJ;iBAAgB,SAAS;IAACG,SAAS,EAAEA;kBACjCH,cAACU,cAAc,oBACPJ,IAAI;IACRK,KAAK,EAAE;MAAE,GAAGL,IAAI,CAACK,KAAK;MAAEC,SAAS,EAAE,mBAAmB;;KACxD,eACFZ,yCAAWO,KAAK;IAAEJ,SAAS,EAAC,QAAQ;IAACU,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;MAEYC,YAAY,gBAAGd,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC/G,MAAM;IAAEC,SAAS,EAAEC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,IAAI;IAAEC;GAAO,GAAGQ,eAAe,CAACV,UAAU,EAAEH,GAAG,CAAC;EACxD,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAsC,EAAEL,iBAAiB,CAAC;EAE/E,oBACIJ;iBAAgB,SAAS;IAACG,SAAS,EAAEA;kBACjCH,cAACU,cAAc,oBACPJ,IAAI;IACRK,KAAK,EAAE;MACH,GAAGL,IAAI,CAACK,KAAK;MACbC,SAAS,EAAE,yBAAyB;;KAE1C,eACFZ,yCAAWO,KAAK;IAAEJ,SAAS,EAAC,QAAQ;IAACU,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Listbox/ScrollableList.js

@@ -1,6 +1,5 @@
 import { forwardRef, useMemo, createRef, useEffect, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Spinner } from '../Spinner/Spinner.js';
@@ -9,13 +8,9 @@ import { getInputClasses } from '../Input/util.js';
 import { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation.js';
 import { useListScrollTo } from '../../utils/hooks/useListScrollTo.js';
 
-var _excluded = ["data", "disabled", "highlighted", "id", "invalid", "loading", "onChange", "onClick", "onFocus", "onKeyDown", "readOnly", "scrollOnFocus", "value", "multiselect", "selectedIndexes", "allOptionsSelected"],
-  _excluded2 = ["children", "icon"];
-var getId = function getId(id, value) {
-  return id + "_" + value;
-};
-var getNextEnabledItem = function getNextEnabledItem(event, data, index) {
-  var nextIndex = getNextIndexFromKey(event.key, data.length, index);
+const getId = (id, value) => `${id}_${value}`;
+const getNextEnabledItem = (event, data, index) => {
+  const nextIndex = getNextIndexFromKey(event.key, data.length, index);
   if (nextIndex) {
     if (nextIndex === index) {
       return index;
@@ -25,36 +20,35 @@ var getNextEnabledItem = function getNextEnabledItem(event, data, index) {
   }
   return nextIndex;
 };
-var ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref) {
-  var data = props.data,
-    disabled = props.disabled,
-    id = props.id,
-    loading = props.loading,
-    setCurrentIndex = props.onChange,
-    onClick = props.onClick,
-    onFocus = props.onFocus,
-    onKeyDown = props.onKeyDown,
-    readOnly = props.readOnly,
-    _props$scrollOnFocus = props.scrollOnFocus,
-    scrollOnFocus = _props$scrollOnFocus === void 0 ? false : _props$scrollOnFocus,
-    currentIndex = props.value,
-    multiselect = props.multiselect,
-    _props$selectedIndexe = props.selectedIndexes,
-    selectedIndexes = _props$selectedIndexe === void 0 ? [] : _props$selectedIndexe,
-    _props$allOptionsSele = props.allOptionsSelected,
-    allOptionsSelected = _props$allOptionsSele === void 0 ? false : _props$allOptionsSele,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var listRef = useMergedRef(ref);
-  var itemRefs = useMemo(function () {
-    return data.map(function () {
-      return /*#__PURE__*/createRef();
-    });
-  }, [data]);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var _useListScrollTo = useListScrollTo(listRef, itemRefs),
-    scrollTo = _useListScrollTo.scrollTo;
-  useEffect(function () {
+const ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref) {
+  const {
+    data,
+    disabled,
+    highlighted,
+    id,
+    invalid: _,
+    loading,
+    onChange: setCurrentIndex,
+    onClick,
+    onFocus,
+    onKeyDown,
+    readOnly,
+    scrollOnFocus = false,
+    value: currentIndex,
+    multiselect,
+    selectedIndexes = [],
+    allOptionsSelected = false,
+    ...otherProps
+  } = props;
+  const listRef = useMergedRef(ref);
+  const itemRefs = useMemo(() => data.map(() => /*#__PURE__*/createRef()), [data]);
+  const {
+    texts
+  } = useLocalization();
+  const {
+    scrollTo
+  } = useListScrollTo(listRef, itemRefs);
+  useEffect(() => {
     var _itemRefs$currentInde;
     if (currentIndex && (_itemRefs$currentInde = itemRefs[currentIndex]) !== null && _itemRefs$currentInde !== void 0 && _itemRefs$currentInde.current) {
       var _itemRefs$currentInde2;
@@ -63,11 +57,11 @@ var ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref)
       });
     }
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     scrollTo(currentIndex);
   }, [currentIndex]);
-  var handleKeyDown = function handleKeyDown(event) {
-    var nextIndex = getNextEnabledItem(event, data, currentIndex);
+  const handleKeyDown = event => {
+    const nextIndex = getNextEnabledItem(event, data, currentIndex);
     if (nextIndex !== undefined && nextIndex !== currentIndex) {
       event.preventDefault();
       scrollTo(nextIndex);
@@ -75,23 +69,21 @@ var ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref)
     }
     if (onKeyDown) {
       event.persist();
-      var index = nextIndex !== undefined ? nextIndex : currentIndex;
+      const index = nextIndex !== undefined ? nextIndex : currentIndex;
       onKeyDown(event, index);
     }
     // Stops the keyboard event from propagating so that keyboard event on other components outside the scrollable
     // list are not executed.
     event.stopPropagation();
   };
-  var handleClick = function handleClick(index) {
-    return function (event) {
-      setCurrentIndex(index);
-      if (onClick) {
-        event.persist();
-        onClick(event, index);
-      }
-    };
+  const handleClick = index => event => {
+    setCurrentIndex(index);
+    if (onClick) {
+      event.persist();
+      onClick(event, index);
+    }
   };
-  var handleFocus = function handleFocus(event) {
+  const handleFocus = event => {
     if (scrollOnFocus) {
       scrollTo(currentIndex);
     }
@@ -100,19 +92,17 @@ var ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref)
       onFocus(event);
     }
   };
-  var getOptionCheckedState = function getOptionCheckedState(optionValue, index) {
+  const getOptionCheckedState = (optionValue, index) => {
     if (optionValue === '#ALL-OPTIONS#') {
       return allOptionsSelected;
     } else if (!optionValue || !selectedIndexes) {
       return false;
     } else {
-      return selectedIndexes.findIndex(function (i) {
-        return i === index;
-      }) !== -1;
+      return selectedIndexes.findIndex(i => i === index) !== -1;
     }
   };
-  var options = data.map(function (option, index) {
-    var depth = option.path ? option.path.split('.').length - 1 : 0;
+  const options = data.map((option, index) => {
+    const depth = option.path ? option.path.split('.').length - 1 : 0;
     return {
       'aria-selected': multiselect ? getOptionCheckedState(String(option.value), index) : currentIndex === index,
       'data-focused': currentIndex === index,
@@ -128,50 +118,48 @@ var ScrollableList = /*#__PURE__*/forwardRef(function ScrollableList(props, ref)
       ref: itemRefs[index],
       role: 'option',
       style: depth > 0 ? {
-        paddingLeft: depth + 1 + "rem"
+        paddingLeft: `${depth + 1}rem`
       } : undefined
     };
   });
-  var list = _extends({}, otherProps, {
+  const list = {
+    ...otherProps,
     className: cn('inline-flex flex-col list-none !p-0 m-0 overflow-y-auto h-auto', getInputClasses(props), {
       'yt-list--multiselect': multiselect,
       'pointer-events-none': disabled,
       'cursor-not-allowed': disabled || readOnly
     }, otherProps.className),
-    disabled: disabled,
-    id: id,
+    disabled,
+    id,
     onFocus: !disabled && !readOnly ? handleFocus : undefined,
     onKeyDown: !disabled && !readOnly ? handleKeyDown : undefined,
-    readOnly: readOnly,
+    readOnly,
     ref: listRef,
     role: options.length <= 0 || loading ? 'presentation' : 'listbox',
     tabIndex: otherProps.tabIndex || 0
-  });
+  };
   return /*#__PURE__*/createElement("ul", Object.assign({}, list, {
     "data-taco": "scrollable-list"
   }), loading ? (/*#__PURE__*/createElement("li", {
     className: "yt-list__empty"
   }, /*#__PURE__*/createElement("span", null, /*#__PURE__*/createElement(Spinner, {
     delay: 0
-  })), /*#__PURE__*/createElement("span", null, texts.listbox.loading))) : options.length ? options.map(function (_ref) {
-    var children = _ref.children,
-      icon = _ref.icon,
-      optionProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
-    return /*#__PURE__*/createElement("li", Object.assign({}, optionProps), icon, /*#__PURE__*/createElement("span", {
-      className: "flex-grow truncate text-left"
-    }, children), multiselect && (/*#__PURE__*/createElement(Checkbox
-    // In multiselect variant, this checkbox only acts as visual representation of item being selected,
-    // so need to be taken out of screen reader scope.
-    , {
-      "aria-hidden": true,
-      tabIndex: -1,
-      checked: optionProps['aria-selected'],
-      onChange: function onChange() {
-        return null;
-      },
-      className: "pointer-events-none ml-2 self-center p-px"
-    })));
-  }) : (/*#__PURE__*/createElement("li", {
+  })), /*#__PURE__*/createElement("span", null, texts.listbox.loading))) : options.length ? options.map(({
+    children,
+    icon,
+    ...optionProps
+  }) => (/*#__PURE__*/createElement("li", Object.assign({}, optionProps), icon, /*#__PURE__*/createElement("span", {
+    className: "flex-grow truncate text-left"
+  }, children), multiselect && (/*#__PURE__*/createElement(Checkbox
+  // In multiselect variant, this checkbox only acts as visual representation of item being selected,
+  // so need to be taken out of screen reader scope.
+  , {
+    "aria-hidden": true,
+    tabIndex: -1,
+    checked: optionProps['aria-selected'],
+    onChange: () => null,
+    className: "pointer-events-none ml-2 self-center p-px"
+  }))))) : (/*#__PURE__*/createElement("li", {
     className: "yt-list__empty"
   }, /*#__PURE__*/createElement("span", null, texts.listbox.empty))));
 });