npm - @economic/taco - Versions diffs - 2.47.0-server.4 → 2.47.0-server.5 - Mend

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

Files changed (662) hide show

package/dist/esm/packages/taco/src/components/Select2/components/Trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getFontSize } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' \| 'defaultValue' \| 'onChange' \| 'value'> & {\n emptyValue?: Select2OptionValue;\n placeholder?: string;\n children: React.ReactElement<Select2OptionProps>[];\n};\n\nconst Placeholder = ({ disabled, readOnly, ...props }) => {\n if (readOnly) {\n return null;\n }\n return <div {...props} className={cn({ 'text-grey-700': disabled, 'text-grey-500': !disabled })} />;\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n const { multiple, value } = useSelect2Context();\n\n if (Array.isArray(value) \|\| multiple) {\n const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;\n return <Multiple {...props} ref={ref} values={values} />;\n }\n\n return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n Omit<Select2TriggerProps, 'children' \| 'open' \| 'setValue' \| 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n const className = cn(\n 'px-1.5 h-fit',\n getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n .replace('w-full', '')\n .replace('px-2', ''),\n getFontSize(fontSize),\n {\n 'select-text': readOnly,\n 'w-full': !props.className?.includes('w-'),\n },\n props.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled \|\| readOnly) {\n event.preventDefault();\n return;\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n };\n\n let handleBlur;\n\n if (typeof onBlur === 'function') {\n // we might be focusing on an input or something inside the dropdown that was triggered by the select\n // so see if the element gaining focus is inside a portal and look up its controller\n // if we don't do this, things like validate on blur occur while simply opening the select\n handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n return;\n }\n\n onBlur(event);\n };\n }\n\n // select the value text if the select is readonly\n const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (readOnly) {\n const value = event.currentTarget.querySelector(':first-child');\n\n if (value) {\n window.getSelection()?.selectAllChildren?.(value);\n }\n }\n\n if (typeof onFocus === 'function') {\n onFocus(event);\n }\n };\n\n return (\n <button\n {...otherProps}\n aria-invalid={invalid ? true : undefined}\n aria-readonly={readOnly ? true : undefined}\n className={className}\n disabled={disabled}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n ref={ref}\n role=\"combobox\"\n tabIndex={disabled ? -1 : tabIndex}\n type=\"button\">\n {children}\n {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n </button>\n );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n const { disabled, readOnly, tags } = useSelect2Context();\n const contentClassName = cn('truncate flex items-center gap-1');\n\n const currentValue = children.find(matchesValue(value));\n\n let output;\n\n if (placeholder && currentValue === undefined) {\n output = (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n );\n } else if (currentValue) {\n if (tags && emptyValue !== value) {\n if (typeof currentValue.props.children === 'string')\n output = (\n <Tag\n className=\"truncate\"\n color={currentValue.props.color}\n disabled={disabled}\n icon={currentValue.props.prefix}\n readOnly={readOnly}>\n {currentValue.props.children}\n </Tag>\n );\n else output = currentValue.props.children;\n } else {\n output = (\n <>\n {currentValue.props.prefix ? (\n typeof currentValue.props.prefix === 'string' ? (\n <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n ) : (\n currentValue.props.prefix\n )\n ) : null}\n {currentValue.props.children}\n </>\n );\n }\n }\n\n return (\n <Button {...buttonProps} ref={ref}>\n <div className={contentClassName}>{output}</div>\n </Button>\n );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n const valuesAsChildren = values\n .map(value => children.find(c => c.props.value === value))\n .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n const forwardClick = event => {\n event.preventDefault();\n buttonRef.current?.click();\n };\n\n let content;\n let { className } = buttonProps;\n\n if (open) {\n className = cn('!absolute z-20 !h-fit', buttonProps.className);\n content = (\n <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n <div className=\"flex flex-wrap gap-1\">\n {valuesAsChildren.length === 0 ? (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n ) : (\n valuesAsChildren.map(child =>\n typeof child.props.children === 'string' ? (\n <Tag\n key={String(child.props.value)}\n className=\"truncate\"\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n onDelete={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n ) : (\n React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n children: BadgeProps['children'];\n className: BadgeProps['className'];\n }\n >,\n {\n key: String(child.props.value),\n className: '!pr-0 !pl-1.5',\n children: (\n <span className=\"flex items-center\">\n {(child.props.children as React.ReactElement).props.children}\n <Icon\n name=\"close\"\n onClick={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n />\n </span>\n ),\n }\n )\n )\n )\n )}\n </div>\n </ScrollArea>\n );\n } else {\n content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n }\n\n return (\n <div\n className=\"relative inline-flex h-fit flex-grow\"\n data-taco=\"select2-container\"\n style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n <Button {...buttonProps} className={className} ref={buttonRef}>\n {content}\n </Button>\n </div>\n );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' \| 'children'> & {\n valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n placeholder?: string;\n onClick?: (event: any) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n const { disabled, readOnly, tags } = useSelect2Context();\n const [contentRef, setContentRef] = React.useState<HTMLDivElement \| null>(null);\n const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n // Retrieves the relevant text content from any JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n const getTooltipTitle = (child: React.ReactElement): string \| string[] => {\n const children = child.props.children;\n\n if (typeof children === 'string') return children;\n if (typeof children.props.children === 'string') {\n return children.props.children;\n }\n\n if (Array.isArray(children.props.children)) {\n return children.props.children.filter(item => typeof item === 'string');\n }\n\n return '';\n };\n\n return (\n <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)}>\n {valuesAsChildren.length === 0 ? (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n ) : (\n valuesAsChildren.map((child, index) => {\n const classNames = {\n truncate: index === boundaryIndex,\n hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n };\n let output;\n if (typeof child.props.children === 'string') {\n output = (\n <Tag\n key={String(child.props.value)}\n className={cn('cursor-pointer', classNames)}\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n );\n } else\n output = React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n className: BadgeProps['className'];\n }\n >,\n {\n className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n key: String(child.props.value),\n }\n );\n\n if (index === boundaryIndex) {\n return (\n <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n {output}\n </Tooltip>\n );\n }\n\n return output;\n })\n )}\n </div>\n\n {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n <Tooltip\n title={valuesAsChildren\n .slice(boundaryIndex + 1)\n .map(child => (child ? String(getTooltipTitle(child)) : ''))\n .join(', ')}>\n <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n </Tooltip>\n ) : null}\n </div>\n );\n};\n\nconst matchesValue = (value: undefined \| any \| any[]) => (child: React.ReactElement<any>) => {\n if (Array.isArray(value)) {\n return value.includes(child.props.value);\n }\n\n return child.props.value === value;\n};\n"],"names":["Placeholder","disabled","readOnly","props","React","className","cn","Trigger","forwardRef","Select2Trigger","ref","multiple","value","useSelect2Context","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onBlur","onClick","onFocus","tabIndex","otherProps","fontSize","highlighted","invalid","open","getInputClasses","replace","getFontSize","_props$className","includes","handleClick","event","preventDefault","handleBlur","isElementInsideOrTriggeredFromContainer","relatedTarget","currentTarget","handleFocus","querySelector","_window$getSelection","_window$getSelection$","window","getSelection","selectAllChildren","call","role","type","Icon","name","Select2TriggerSingle","emptyValue","placeholder","buttonProps","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","prefix","Select2TriggerMultiple","_","setValue","buttonRef","useMergedRef","valuesAsChildren","map","c","filter","forwardClick","_buttonRef$current","current","click","content","ScrollArea","length","child","key","String","onDelete","stopPropagation","cloneElement","MultipleValue","style","width","_buttonRef$current2","offsetWidth","contentRef","setContentRef","useState","boundaryIndex","getIndexOfFirstChildOverflowingParent","getTooltipTitle","item","index","classNames","truncate","hidden","Tooltip","title","slice","join","Badge"],"mappings":";;;;;;;;;;;;;AAqBA,MAAMA,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;CAAO;EACjD,IAAID,QAAQ,EAAE;IACV,OAAO,IAAI;;EAEf,oBAAOE,sDAASD,KAAK;IAAEE,SAAS,EAAEC,EAAE,CAAC;MAAE,eAAe,EAAEL,QAAQ;MAAE,eAAe,EAAE,CAACA;KAAU;KAAK;AACvG,CAAC;MAEYM,OAAO,gBAAGH,cAAK,CAACI,UAAU,CAAyC,SAASC,cAAcA,CAACN,KAAK,EAAEO,GAAG;EAC9G,MAAM;IAAEC,QAAQ;IAAEC;GAAO,GAAGC,iBAAiB,EAAE;EAE/C,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,IAAID,QAAQ,EAAE;IAClC,MAAMK,MAAM,GAAGF,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,GAAGA,KAAK,GAAGA,KAAK,KAAKK,SAAS,GAAG,CAACL,KAAK,CAAC,GAAGK,SAAS;IACvF,oBAAOb,6BAACc,QAAQ,oBAAKf,KAAK;MAAEO,GAAG,EAAEA,GAAG;MAAEM,MAAM,EAAEA;OAAU;;EAG5D,oBAAOZ,6BAACe,MAAM,oBAAKhB,KAAK;IAAEO,GAAG,EAAEA,GAAG;IAAEE,KAAK,EAAEA;KAAS;AACxD,CAAC;AAKD,MAAMQ,MAAM,gBAAGhB,cAAK,CAACI,UAAU,CAAiC,SAASa,oBAAoBA,CAAClB,KAAK,EAAEO,GAAG;;EACpG,MAAM;IAAEY,QAAQ;IAAEC,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,QAAQ,GAAG,CAAC;IAAE,GAAGC;GAAY,GAAGxB,KAAK;EACjF,MAAM;IAAEF,QAAQ;IAAE2B,QAAQ;IAAEC,WAAW;IAAEC,OAAO;IAAEC,IAAI;IAAE7B;GAAU,GAAGW,iBAAiB,EAAE;EAExF,MAAMR,SAAS,GAAGC,EAAE,CAChB,cAAc,EACd0B,eAAe,CAAC;IAAE,GAAG7B,KAAK;IAAEF,QAAQ;IAAE4B,WAAW;IAAEC,OAAO;IAAE5B;GAAU,CAAC,CAClE+B,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CACrBA,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACxBC,WAAW,CAACN,QAAQ,CAAC,EACrB;IACI,aAAa,EAAE1B,QAAQ;IACvB,QAAQ,EAAE,GAAAiC,gBAAA,GAAChC,KAAK,CAACE,SAAS,cAAA8B,gBAAA,eAAfA,gBAAA,CAAiBC,QAAQ,CAAC,IAAI,CAAC;GAC7C,EACDjC,KAAK,CAACE,SAAS,CAClB;EAED,MAAMgC,WAAW,GAAIC,KAA0C;IAC3D,IAAIrC,QAAQ,IAAIC,QAAQ,EAAE;MACtBoC,KAAK,CAACC,cAAc,EAAE;MACtB;;IAGJ,IAAI,OAAOf,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACc,KAAK,CAAC;;GAErB;EAED,IAAIE,UAAU;EAEd,IAAI,OAAOjB,MAAM,KAAK,UAAU,EAAE;;;;IAI9BiB,UAAU,GAAIF,KAA0C;MACpD,IAAIG,uCAAuC,CAACH,KAAK,CAACI,aAAa,EAAEJ,KAAK,CAACK,aAAa,CAAC,EAAE;QACnF;;MAGJpB,MAAM,CAACe,KAAK,CAAC;KAChB;;;EAIL,MAAMM,WAAW,GAAIN,KAA0C;IAC3D,IAAIpC,QAAQ,EAAE;MACV,MAAMU,KAAK,GAAG0B,KAAK,CAACK,aAAa,CAACE,aAAa,CAAC,cAAc,CAAC;MAE/D,IAAIjC,KAAK,EAAE;QAAA,IAAAkC,oBAAA,EAAAC,qBAAA;QACP,CAAAD,oBAAA,GAAAE,MAAM,CAACC,YAAY,EAAE,cAAAH,oBAAA,wBAAAC,qBAAA,GAArBD,oBAAA,CAAuBI,iBAAiB,cAAAH,qBAAA,uBAAxCA,qBAAA,CAAAI,IAAA,CAAAL,oBAAA,EAA2ClC,KAAK,CAAC;;;IAIzD,IAAI,OAAOa,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACa,KAAK,CAAC;;GAErB;EAED,oBACIlC,yDACQuB,UAAU;oBACAG,OAAO,GAAG,IAAI,GAAGb,SAAS;qBACzBf,QAAQ,GAAG,IAAI,GAAGe,SAAS;IAC1CZ,SAAS,EAAEA,SAAS;IACpBJ,QAAQ,EAAEA,QAAQ;IAClBuB,OAAO,EAAEa,WAAW;IACpBd,MAAM,EAAEiB,UAAU;IAClBf,OAAO,EAAEmB,WAAW;IACpBlC,GAAG,EAAEA,GAAG;IACR0C,IAAI,EAAC,UAAU;IACf1B,QAAQ,EAAEzB,QAAQ,GAAG,CAAC,CAAC,GAAGyB,QAAQ;IAClC2B,IAAI,EAAC;MACJ/B,QAAQ,EACRpB,QAAQ,GAAG,IAAI,gBAAGE,6BAACkD,IAAI;IAACC,IAAI,EAAExB,IAAI,GAAG,YAAY,GAAG,cAAc;IAAE1B,SAAS,EAAC;IAAsC,CAChH;AAEjB,CAAC,CAAC;AAIF,MAAMc,MAAM,gBAAGf,cAAK,CAACI,UAAU,CAAiC,SAASgD,oBAAoBA,CAACrD,KAAK,EAAEO,GAAG;EACpG,MAAM;IAAEY,QAAQ;IAAEmC,UAAU;IAAE7C,KAAK;IAAE8C,WAAW;IAAE,GAAGC;GAAa,GAAGxD,KAAK;EAC1E,MAAM;IAAEF,QAAQ;IAAEC,QAAQ;IAAE0D;GAAM,GAAG/C,iBAAiB,EAAE;EACxD,MAAMgD,gBAAgB,GAAGvD,EAAE,CAAC,kCAAkC,CAAC;EAE/D,MAAMwD,YAAY,GAAGxC,QAAQ,CAACyC,IAAI,CAACC,YAAY,CAACpD,KAAK,CAAC,CAAC;EAEvD,IAAIqD,MAAM;EAEV,IAAIP,WAAW,IAAII,YAAY,KAAK7C,SAAS,EAAE;IAC3CgD,MAAM,gBACF7D,6BAACJ,WAAW;MAACC,QAAQ,EAAEA,QAAQ;MAAEC,QAAQ,EAAEA;OACtCwD,WAAW,CAEnB;GACJ,MAAM,IAAII,YAAY,EAAE;IACrB,IAAIF,IAAI,IAAIH,UAAU,KAAK7C,KAAK,EAAE;MAC9B,IAAI,OAAOkD,YAAY,CAAC3D,KAAK,CAACmB,QAAQ,KAAK,QAAQ,EAC/C2C,MAAM,gBACF7D,6BAAC8D,GAAG;QACA7D,SAAS,EAAC,UAAU;QACpB8D,KAAK,EAAEL,YAAY,CAAC3D,KAAK,CAACgE,KAAK;QAC/BlE,QAAQ,EAAEA,QAAQ;QAClBmE,IAAI,EAAEN,YAAY,CAAC3D,KAAK,CAACkE,MAAM;QAC/BnE,QAAQ,EAAEA;SACT4D,YAAY,CAAC3D,KAAK,CAACmB,QAAQ,CAEnC,CAAC,KACD2C,MAAM,GAAGH,YAAY,CAAC3D,KAAK,CAACmB,QAAQ;KAC5C,MAAM;MACH2C,MAAM,gBACF7D,4DACK0D,YAAY,CAAC3D,KAAK,CAACkE,MAAM,GACtB,OAAOP,YAAY,CAAC3D,KAAK,CAACkE,MAAM,KAAK,QAAQ,iBACzCjE,6BAACkD,IAAI;QAACC,IAAI,EAAEO,YAAY,CAAC3D,KAAK,CAACkE,MAAM;QAAEhE,SAAS,EAAC;QAAmB,IAEpEyD,YAAY,CAAC3D,KAAK,CAACkE,MACtB,GACD,IAAI,EACPP,YAAY,CAAC3D,KAAK,CAACmB,QAAQ,CAEnC;;;EAIT,oBACIlB,6BAACgB,MAAM,oBAAKuC,WAAW;IAAEjD,GAAG,EAAEA;mBAC1BN;IAAKC,SAAS,EAAEwD;KAAmBI,MAAM,CAAO,CAC3C;AAEjB,CAAC,CAAC;AAMF,MAAM/C,QAAQ,gBAAGd,cAAK,CAACI,UAAU,CAAmC,SAAS8D,sBAAsBA,CAACnE,KAAK,EAAEO,GAAG;;EAC1G,MAAM;IAAEY,QAAQ;IAAEmC,UAAU,EAAEc,CAAC;IAAEvD,MAAM,GAAG,EAAE;IAAE0C,WAAW;IAAE,GAAGC;GAAa,GAAGxD,KAAK;EACnF,MAAM;IAAEF,QAAQ;IAAE8B,IAAI;IAAE7B,QAAQ;IAAEsE,QAAQ;IAAEZ;GAAM,GAAG/C,iBAAiB,EAAE;EACxE,MAAM4D,SAAS,GAAGC,YAAY,CAAoBhE,GAAG,CAAC;EAEtD,MAAMiE,gBAAgB,GAAG3D,MAAM,CAC1B4D,GAAG,CAAChE,KAAK,IAAIU,QAAQ,CAACyC,IAAI,CAACc,CAAC,IAAIA,CAAC,CAAC1E,KAAK,CAACS,KAAK,KAAKA,KAAK,CAAC,CAAC,CACzDkE,MAAM,CAACD,CAAC,IAAI,CAAC,CAACA,CAAC,CAA6C;EAEjE,MAAME,YAAY,GAAGzC,KAAK;;IACtBA,KAAK,CAACC,cAAc,EAAE;IACtB,CAAAyC,kBAAA,GAAAP,SAAS,CAACQ,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,KAAK,EAAE;GAC7B;EAED,IAAIC,OAAO;EACX,IAAI;IAAE9E;GAAW,GAAGsD,WAAW;EAE/B,IAAI5B,IAAI,EAAE;IACN1B,SAAS,GAAGC,EAAE,CAAC,uBAAuB,EAAEqD,WAAW,CAACtD,SAAS,CAAC;IAC9D8E,OAAO,gBACH/E,6BAACgF,UAAU;MAAC/E,SAAS,EAAC,mCAAmC;MAACmB,OAAO,EAAEuD;oBAC/D3E;MAAKC,SAAS,EAAC;OACVsE,gBAAgB,CAACU,MAAM,KAAK,CAAC,iBAC1BjF,6BAACJ,WAAW;MAACC,QAAQ,EAAEA,QAAQ;MAAEC,QAAQ,EAAEA;OACtCwD,WAAW,CACF,IAEdiB,gBAAgB,CAACC,GAAG,CAACU,KAAK,IACtB,OAAOA,KAAK,CAACnF,KAAK,CAACmB,QAAQ,KAAK,QAAQ,iBACpClB,6BAAC8D,GAAG;MACAqB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;MAC9BP,SAAS,EAAC,UAAU;MACpB8D,KAAK,EAAEP,IAAI,GAAG0B,KAAK,CAACnF,KAAK,CAACgE,KAAK,GAAGlD,SAAS;MAC3ChB,QAAQ,EAAEA,QAAQ;MAClBmE,IAAI,EAAEkB,KAAK,CAACnF,KAAK,CAACkE,MAAM;MACxBoB,QAAQ,EAAEnD,KAAK;QACXA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEoD,eAAe,EAAE;QACxBpD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,cAAc,EAAE;QAEvB,IAAI,CAACtC,QAAQ,IAAI,CAACC,QAAQ,EAAE;UACxBsE,QAAQ,CAACc,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;;OAElC;MACDV,QAAQ,EAAEA;OACToF,KAAK,CAACnF,KAAK,CAACmB,QAAQ,CACnB,kBAENlB,cAAK,CAACuF,YAAY,CACdL,KAAK,CAACnF,KAAK,CAACmB,QAKX,EACD;MACIiE,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;MAC9BP,SAAS,EAAE,eAAe;MAC1BiB,QAAQ,gBACJlB;QAAMC,SAAS,EAAC;SACViF,KAAK,CAACnF,KAAK,CAACmB,QAA+B,CAACnB,KAAK,CAACmB,QAAQ,eAC5DlB,6BAACkD,IAAI;QACDC,IAAI,EAAC,OAAO;QACZ/B,OAAO,EAAEc,KAAK;UACVA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEoD,eAAe,EAAE;UACxBpD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,cAAc,EAAE;UAEvB,IAAI,CAACtC,QAAQ,IAAI,CAACC,QAAQ,EAAE;YACxBsE,QAAQ,CAACc,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;;SAElC;QACDP,SAAS,EAAC;QACZ,CACC;KAEd,CACJ,CACJ,CAER,CACC,CAEb;GACJ,MAAM;IACH8E,OAAO,gBAAG/E,6BAACwF,aAAa;MAACpE,OAAO,EAAEuD,YAAY;MAAEJ,gBAAgB,EAAEA,gBAAgB;MAAEjB,WAAW,EAAEA;MAAe;;EAGpH,oBACItD;IACIC,SAAS,EAAC,sCAAsC;iBACtC,mBAAmB;IAC7BwF,KAAK,EAAE;MAAEC,KAAK,EAAE/D,IAAI,IAAAgE,mBAAA,GAAGtB,SAAS,CAACQ,OAAO,cAAAc,mBAAA,uBAAjBA,mBAAA,CAAmBC,WAAW,GAAG/E;;kBACxDb,6BAACgB,MAAM,oBAAKuC,WAAW;IAAEtD,SAAS,EAAEA,SAAS;IAAEK,GAAG,EAAE+D;MAC/CU,OAAO,CACH,CACP;AAEd,CAAC,CAAC;AAQF,MAAMS,aAAa,GAAGA,CAAC;EAAEpE,OAAO;EAAEmD,gBAAgB;EAAEjB;CAAiC;EACjF,MAAM;IAAEzD,QAAQ;IAAEC,QAAQ;IAAE0D;GAAM,GAAG/C,iBAAiB,EAAE;EACxD,MAAM,CAACoF,UAAU,EAAEC,aAAa,CAAC,GAAG9F,cAAK,CAAC+F,QAAQ,CAAwB,IAAI,CAAC;EAC/E,MAAMC,aAAa,GAAGH,UAAU,GAAGI,qCAAqC,CAACJ,UAAU,EAAE,EAAE,CAAC,GAAGhF,SAAS;;EAGpG,MAAMqF,eAAe,GAAIhB,KAAyB;IAC9C,MAAMhE,QAAQ,GAAGgE,KAAK,CAACnF,KAAK,CAACmB,QAAQ;IAErC,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE,OAAOA,QAAQ;IACjD,IAAI,OAAOA,QAAQ,CAACnB,KAAK,CAACmB,QAAQ,KAAK,QAAQ,EAAE;MAC7C,OAAOA,QAAQ,CAACnB,KAAK,CAACmB,QAAQ;;IAGlC,IAAIR,KAAK,CAACC,OAAO,CAACO,QAAQ,CAACnB,KAAK,CAACmB,QAAQ,CAAC,EAAE;MACxC,OAAOA,QAAQ,CAACnB,KAAK,CAACmB,QAAQ,CAACwD,MAAM,CAACyB,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,CAAC;;IAG3E,OAAO,EAAE;GACZ;EAED,oBACInG;IAAKC,SAAS,EAAC,yDAAyD;IAACmB,OAAO,EAAEA;kBAC9EpB;IAAKC,SAAS,EAAC,4BAA4B;IAACK,GAAG,EAAEA,GAAG,IAAIwF,aAAa,CAACxF,GAAG;KACpEiE,gBAAgB,CAACU,MAAM,KAAK,CAAC,iBAC1BjF,6BAACJ,WAAW;IAACC,QAAQ,EAAEA,QAAQ;IAAEC,QAAQ,EAAEA;KACtCwD,WAAW,CACF,IAEdiB,gBAAgB,CAACC,GAAG,CAAC,CAACU,KAAK,EAAEkB,KAAK;IAC9B,MAAMC,UAAU,GAAG;MACfC,QAAQ,EAAEF,KAAK,KAAKJ,aAAa;MACjCO,MAAM,EAAEP,aAAa,KAAKnF,SAAS,IAAImF,aAAa,KAAK,IAAI,GAAGI,KAAK,GAAGJ,aAAa,GAAG;KAC3F;IACD,IAAInC,MAAM;IACV,IAAI,OAAOqB,KAAK,CAACnF,KAAK,CAACmB,QAAQ,KAAK,QAAQ,EAAE;MAC1C2C,MAAM,gBACF7D,6BAAC8D,GAAG;QACAqB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;QAC9BP,SAAS,EAAEC,EAAE,CAAC,gBAAgB,EAAEmG,UAAU,CAAC;QAC3CtC,KAAK,EAAEP,IAAI,GAAG0B,KAAK,CAACnF,KAAK,CAACgE,KAAK,GAAGlD,SAAS;QAC3ChB,QAAQ,EAAEA,QAAQ;QAClBmE,IAAI,EAAEkB,KAAK,CAACnF,KAAK,CAACkE,MAAM;QACxBnE,QAAQ,EAAEA;SACToF,KAAK,CAACnF,KAAK,CAACmB,QAAQ,CAE5B;KACJ,MACG2C,MAAM,gBAAG7D,cAAK,CAACuF,YAAY,CACvBL,KAAK,CAACnF,KAAK,CAACmB,QAIX,EACD;MACIjB,SAAS,EAAEC,EAAE,CAAC,gBAAgB,EAAE;QAAE,UAAU,EAAEkG,KAAK,KAAKJ;OAAe,EAAEK,UAAU,CAAC;MACpFlB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK;KAChC,CACJ;IAEL,IAAI4F,KAAK,KAAKJ,aAAa,EAAE;MACzB,oBACIhG,6BAACwG,OAAO;QAACrB,GAAG,EAAEC,MAAM,CAACF,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;QAAEiG,KAAK,EAAErB,MAAM,CAACc,eAAe,CAAChB,KAAK,CAAC;SACxErB,MAAM,CACD;;IAIlB,OAAOA,MAAM;GAChB,CACJ,CACC,EAELmC,aAAa,KAAKnF,SAAS,IAAImF,aAAa,KAAK,IAAI,IAAIA,aAAa,GAAGzB,gBAAgB,CAACU,MAAM,GAAG,CAAC,iBACjGjF,6BAACwG,OAAO;IACJC,KAAK,EAAElC,gBAAgB,CAClBmC,KAAK,CAACV,aAAa,GAAG,CAAC,CAAC,CACxBxB,GAAG,CAACU,KAAK,IAAKA,KAAK,GAAGE,MAAM,CAACc,eAAe,CAAChB,KAAK,CAAC,CAAC,GAAG,EAAG,CAAC,CAC3DyB,IAAI,CAAC,IAAI;kBACd3G,6BAAC4G,KAAK;IAAC3G,SAAS,EAAC;UAAkBsE,gBAAgB,CAACU,MAAM,IAAIe,aAAa,GAAG,CAAC,CAAC,CAAS,CACnF,IACV,IAAI,CACN;AAEd,CAAC;AAED,MAAMpC,YAAY,GAAIpD,KAA8B,IAAM0E,KAA8B;EACpF,IAAIxE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACtB,OAAOA,KAAK,CAACwB,QAAQ,CAACkD,KAAK,CAACnF,KAAK,CAACS,KAAK,CAAC;;EAG5C,OAAO0E,KAAK,CAACnF,KAAK,CAACS,KAAK,KAAKA,KAAK;AACtC,CAAC;;;;"}
1	+ {"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge, BadgeProps } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getFontSize } from '../utilities';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' \| 'defaultValue' \| 'onChange' \| 'value'> & {\n emptyValue?: Select2OptionValue;\n placeholder?: string;\n children: React.ReactElement<Select2OptionProps>[];\n};\n\nconst Placeholder = ({ disabled, readOnly, ...props }) => {\n if (readOnly) {\n return null;\n }\n return <div {...props} className={cn({ 'text-grey-700': disabled, 'text-grey-500': !disabled })} />;\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n const { multiple, value } = useSelect2Context();\n\n if (Array.isArray(value) \|\| multiple) {\n const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;\n return <Multiple {...props} ref={ref} values={values} />;\n }\n\n return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n Omit<Select2TriggerProps, 'children' \| 'open' \| 'setValue' \| 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n const { disabled, fontSize, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n const className = cn(\n 'px-1.5 h-fit',\n getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n .replace('w-full', '')\n .replace('px-2', ''),\n getFontSize(fontSize),\n {\n 'select-text': readOnly,\n 'w-full': !props.className?.includes('w-'),\n },\n props.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled \|\| readOnly) {\n event.preventDefault();\n return;\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n };\n\n let handleBlur;\n\n if (typeof onBlur === 'function') {\n // we might be focusing on an input or something inside the dropdown that was triggered by the select\n // so see if the element gaining focus is inside a portal and look up its controller\n // if we don't do this, things like validate on blur occur while simply opening the select\n handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n return;\n }\n\n onBlur(event);\n };\n }\n\n // select the value text if the select is readonly\n const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (readOnly) {\n const value = event.currentTarget.querySelector(':first-child');\n\n if (value) {\n window.getSelection()?.selectAllChildren?.(value);\n }\n }\n\n if (typeof onFocus === 'function') {\n onFocus(event);\n }\n };\n\n return (\n <button\n {...otherProps}\n aria-invalid={invalid ? true : undefined}\n aria-readonly={readOnly ? true : undefined}\n className={className}\n disabled={disabled}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n ref={ref}\n role=\"combobox\"\n tabIndex={disabled ? -1 : tabIndex}\n type=\"button\">\n {children}\n {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n </button>\n );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n const { disabled, readOnly, tags } = useSelect2Context();\n const contentClassName = cn('truncate flex items-center gap-1');\n\n const currentValue = children.find(matchesValue(value));\n\n let output;\n\n if (placeholder && currentValue === undefined) {\n output = (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n );\n } else if (currentValue) {\n if (tags && emptyValue !== value) {\n if (typeof currentValue.props.children === 'string')\n output = (\n <Tag\n className=\"truncate\"\n color={currentValue.props.color}\n disabled={disabled}\n icon={currentValue.props.prefix}\n readOnly={readOnly}>\n {currentValue.props.children}\n </Tag>\n );\n else output = currentValue.props.children;\n } else {\n output = (\n <>\n {currentValue.props.prefix ? (\n typeof currentValue.props.prefix === 'string' ? (\n <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n ) : (\n currentValue.props.prefix\n )\n ) : null}\n {currentValue.props.children}\n </>\n );\n }\n }\n\n return (\n <Button {...buttonProps} ref={ref}>\n <div className={contentClassName}>{output}</div>\n </Button>\n );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n const valuesAsChildren = values\n .map(value => children.find(c => c.props.value === value))\n .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n const forwardClick = event => {\n event.preventDefault();\n buttonRef.current?.click();\n };\n\n let content;\n let { className } = buttonProps;\n\n if (open) {\n className = cn('!absolute z-20 !h-fit', buttonProps.className);\n content = (\n <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n <div className=\"flex flex-wrap gap-1\">\n {valuesAsChildren.length === 0 ? (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n ) : (\n valuesAsChildren.map(child =>\n typeof child.props.children === 'string' ? (\n <Tag\n key={String(child.props.value)}\n className=\"truncate\"\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n onDelete={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n ) : (\n React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n children: BadgeProps['children'];\n className: BadgeProps['className'];\n }\n >,\n {\n key: String(child.props.value),\n className: '!pr-0 !pl-1.5',\n children: (\n <span className=\"flex items-center\">\n {(child.props.children as React.ReactElement).props.children}\n <Icon\n name=\"close\"\n onClick={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n />\n </span>\n ),\n }\n )\n )\n )\n )}\n </div>\n </ScrollArea>\n );\n } else {\n content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n }\n\n return (\n <div\n className=\"relative inline-flex h-fit flex-grow\"\n data-taco=\"select2-container\"\n style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n <Button {...buttonProps} className={className} ref={buttonRef}>\n {content}\n </Button>\n </div>\n );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' \| 'children'> & {\n valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n placeholder?: string;\n onClick?: (event: any) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n const { disabled, readOnly, tags } = useSelect2Context();\n const [contentRef, setContentRef] = React.useState<HTMLDivElement \| null>(null);\n const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n // Retrieves the relevant text content from any JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n const getTooltipTitle = (child: React.ReactElement): string \| string[] => {\n const children = child.props.children;\n\n if (typeof children === 'string') return children;\n if (typeof children.props.children === 'string') {\n return children.props.children;\n }\n\n if (Array.isArray(children.props.children)) {\n return children.props.children.filter(item => typeof item === 'string');\n }\n\n return '';\n };\n\n return (\n <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)}>\n {valuesAsChildren.length === 0 ? (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n ) : (\n valuesAsChildren.map((child, index) => {\n const classNames = {\n truncate: index === boundaryIndex,\n hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n };\n let output;\n if (typeof child.props.children === 'string') {\n output = (\n <Tag\n key={String(child.props.value)}\n className={cn('cursor-pointer', classNames)}\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n );\n } else\n output = React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n className: BadgeProps['className'];\n }\n >,\n {\n className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n key: String(child.props.value),\n }\n );\n\n if (index === boundaryIndex) {\n return (\n <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n {output}\n </Tooltip>\n );\n }\n\n return output;\n })\n )}\n </div>\n\n {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n <Tooltip\n title={valuesAsChildren\n .slice(boundaryIndex + 1)\n .map(child => (child ? String(getTooltipTitle(child)) : ''))\n .join(', ')}>\n <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n </Tooltip>\n ) : null}\n </div>\n );\n};\n\nconst matchesValue = (value: undefined \| any \| any[]) => (child: React.ReactElement<any>) => {\n if (Array.isArray(value)) {\n return value.includes(child.props.value);\n }\n\n return child.props.value === value;\n};\n"],"names":["Placeholder","_ref","disabled","readOnly","props","_objectWithoutPropertiesLoose","_excluded","React","className","cn","Trigger","forwardRef","Select2Trigger","ref","_useSelect2Context","useSelect2Context","multiple","value","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onBlur","onClick","onFocus","_props$tabIndex","tabIndex","otherProps","_excluded2","_useSelect2Context2","fontSize","highlighted","invalid","open","getInputClasses","_extends","replace","getFontSize","_props$className","includes","handleClick","event","preventDefault","handleBlur","isElementInsideOrTriggeredFromContainer","relatedTarget","currentTarget","handleFocus","querySelector","_window$getSelection","_window$getSelection$","window","getSelection","selectAllChildren","call","role","type","Icon","name","Select2TriggerSingle","emptyValue","placeholder","buttonProps","_excluded3","_useSelect2Context3","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","prefix","Select2TriggerMultiple","_props$values","_excluded4","_useSelect2Context4","setValue","buttonRef","useMergedRef","valuesAsChildren","map","c","filter","forwardClick","_buttonRef$current","current","click","content","ScrollArea","length","child","key","String","onDelete","stopPropagation","cloneElement","MultipleValue","style","width","_buttonRef$current2","offsetWidth","_ref2","_useSelect2Context5","_React$useState","useState","contentRef","setContentRef","boundaryIndex","getIndexOfFirstChildOverflowingParent","getTooltipTitle","item","index","classNames","truncate","hidden","Tooltip","title","slice","join","Badge"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Select2/hooks/useChildren.js CHANGED Viewed

@@ -1,55 +1,64 @@
 import React__default from 'react';
 import { filterOption } from '../utilities.js';
-const isGroup = child => !!child.props.heading || !!child.props.hasSeparator;
-const useChildren = ({
-  children: initialChildren,
-  emptyValue,
-  multiple,
-  open,
-  setValue,
-  value
-}) => {
-  const [searchQuery, setSearchQuery] = React__default.useState('');
+var isGroup = function isGroup(child) {
+  return !!child.props.heading || !!child.props.hasSeparator;
+};
+var useChildren = function useChildren(_ref) {
+  var initialChildren = _ref.children,
+    emptyValue = _ref.emptyValue,
+    multiple = _ref.multiple,
+    open = _ref.open,
+    setValue = _ref.setValue,
+    value = _ref.value;
+  var _React$useState = React__default.useState(''),
+    searchQuery = _React$useState[0],
+    setSearchQuery = _React$useState[1];
   // flatten children that might be inside groups
   // support empty value - probably a more elegant way to achieve this
-  const flattenedChildren = React__default.useMemo(() => {
-    const initial = (initialChildren === null || initialChildren === void 0 ? void 0 : initialChildren.map(child => {
+  var flattenedChildren = React__default.useMemo(function () {
+    var initial = (initialChildren === null || initialChildren === void 0 ? void 0 : initialChildren.map(function (child) {
       if (isGroup(child)) {
         return child.props.children;
       }
       // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.
       return child;
-    }).flatMap(c => c)) || [];
+    }).flatMap(function (c) {
+      return c;
+    })) || [];
     return initial;
   }, [initialChildren]);
   // set an initial value if none is set, we have to trigger state updates for controlled components
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (!multiple && emptyValue === undefined && value === undefined) {
       var _flattenedChildren$;
       setValue(flattenedChildren === null || flattenedChildren === void 0 ? void 0 : (_flattenedChildren$ = flattenedChildren[0]) === null || _flattenedChildren$ === void 0 ? void 0 : _flattenedChildren$.props.value);
     }
   }, []);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (!open) {
       setSearchQuery('');
     }
   }, [open]);
   // apply filtering
-  const filteredChildren = React__default.useMemo(() => {
-    return initialChildren.map(child => {
+  var filteredChildren = React__default.useMemo(function () {
+    return initialChildren.map(function (child) {
       if (isGroup(child)) {
-        const filteredGroupChildren = child.props.children.filter(groupChild => filterOption(groupChild, searchQuery));
+        var filteredGroupChildren = child.props.children.filter(function (groupChild) {
+          return filterOption(groupChild, searchQuery);
+        });
         return filteredGroupChildren.length ? /*#__PURE__*/React__default.cloneElement(child, {}, filteredGroupChildren) : null;
       }
       return filterOption(child, searchQuery) ? child : null;
-    }).filter(child => !!child);
+    }).filter(function (child) {
+      return !!child;
+    });
   }, [flattenedChildren, searchQuery]);
   return {
-    flattenedChildren,
-    filteredChildren,
-    searchQuery,
-    setSearchQuery
+    flattenedChildren: flattenedChildren,
+    filteredChildren: filteredChildren,
+    searchQuery: searchQuery,
+    setSearchQuery: setSearchQuery
   };
 };

package/dist/esm/packages/taco/src/components/Select2/hooks/useChildren.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2Children, Select2OptionValue, Select2Value } from '../types';\nimport { filterOption } from '../utilities';\n\nexport const isGroup = (\n child: React.ReactElement<Select2OptionProps> \| React.ReactElement<Select2GroupProps>\n): child is React.ReactElement<Select2GroupProps> =>\n !!(child.props as Select2GroupProps).heading \|\| !!(child.props as Select2GroupProps).hasSeparator;\n\nexport type useChildrenArgs = {\n children: Select2Children;\n emptyValue?: Select2OptionValue;\n multiple?: boolean;\n open?: boolean;\n setValue: (nextValue: Select2OptionValue) => void;\n value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n // flatten children that might be inside groups\n // support empty value - probably a more elegant way to achieve this\n const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n const initial: React.ReactElement<Select2OptionProps>[] =\n initialChildren\n ?.map(child => {\n if (isGroup(child)) {\n return (child as React.ReactElement<Select2GroupProps>).props.children;\n }\n // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.\n return child as React.ReactElement<Select2OptionProps>;\n })\n .flatMap(c => c) \|\| [];\n\n return initial;\n }, [initialChildren]);\n\n // set an initial value if none is set, we have to trigger state updates for controlled components\n React.useEffect(() => {\n if (!multiple && emptyValue === undefined && value === undefined) {\n setValue(flattenedChildren?.[0]?.props.value);\n }\n }, []);\n\n React.useEffect(() => {\n if (!open) {\n setSearchQuery('');\n }\n }, [open]);\n\n // apply filtering\n const filteredChildren = React.useMemo(() => {\n return initialChildren\n .map(child => {\n if (isGroup(child)) {\n const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n );\n return filteredGroupChildren.length ? React.cloneElement(child, {}, filteredGroupChildren) : null;\n }\n\n return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n })\n .filter(child => !!child) as Select2Children;\n }, [flattenedChildren, searchQuery]);\n\n return {\n flattenedChildren,\n filteredChildren,\n searchQuery,\n setSearchQuery,\n };\n};\n"],"names":["isGroup","child","props","heading","hasSeparator","useChildren","~~children~~","initialChildren","emptyValue","multiple","open","setValue","value","~~searchQuery~~","~~setSearchQuery~~","~~React~~","~~useState~~","flattenedChildren","useMemo","initial","map","flatMap","c","useEffect","undefined","_flattenedChildren$","filteredChildren","filteredGroupChildren","filter","groupChild","filterOption","length","cloneElement"],"mappings":";;;~~MAMaA~~,OAAO,~~GAChBC~~,KAAqF,~~IAErF~~,CAAC,CAAEA,KAAK,CAACC,KAA2B,CAACC,OAAO,IAAI,CAAC,CAAEF,KAAK,CAACC,KAA2B,CAACE;~~MAU5EC~~,WAAW,~~GAAGA~~,~~CAAC~~;~~EAAEC~~,~~QAAQ~~,~~EAAEC~~,~~eAAe~~;~~EAAEC~~,UAAU;~~EAAEC~~,QAAQ;~~EAAEC~~,IAAI;~~EAAEC~~,QAAQ;~~EAAEC;CAAwB;EACnH~~,~~MAAM~~,~~CAACC~~,~~WAAW~~,~~EAAEC~~,~~cAAc~~,~~CAAC~~,~~GAAGC~~,cAAK,CAACC,QAAQ,CAAS,EAAE,CAAC;;;~~EAIhE~~,~~MAAMC~~,iBAAiB,~~GAA6CF~~,cAAK,~~CAACG~~,OAAO,CAAC;IAC9E,~~MAAMC~~,OAAO,GACT,~~CAAAZ~~,eAAe,aAAfA,eAAe,uBAAfA,eAAe,~~CACTa~~,GAAG,~~CAACnB~~,KAAK;MACP,IAAID,OAAO,CAACC,KAAK,CAAC,EAAE;QAChB,OAAQA,KAA+C,CAACC,KAAK,~~CAACI~~,QAAQ;;;MAG1E,~~OAAOL~~,KAA+C;KACzD,CAAC,~~CACDoB~~,OAAO,~~CAACC,~~CAAC,~~IAAIA~~,CAAC,CAAC,KAAI,EAAE;IAE9B,OAAOH,OAAO;GACjB,EAAE,~~CAACZ~~,eAAe,CAAC,CAAC;;EAGrBQ,cAAK,~~CAACQ~~,SAAS,CAAC;IACZ,IAAI,~~CAACd~~,QAAQ,IAAID,UAAU,~~KAAKgB~~,SAAS,~~IAAIZ~~,KAAK,~~KAAKY~~,SAAS,EAAE;MAAA,IAAAC,mBAAA;~~MAC9Dd~~,QAAQ,~~CAACM~~,iBAAiB,aAAjBA,iBAAiB,wBAAAQ,mBAAA,GAAjBR,iBAAiB,CAAG,CAAC,CAAC,cAAAQ,mBAAA,uBAAtBA,mBAAA,~~CAAwBvB~~,KAAK,~~CAACU~~,KAAK,CAAC;;GAEpD,EAAE,EAAE,CAAC;~~EAENG~~,cAAK,~~CAACQ~~,SAAS,CAAC;IACZ,IAAI,~~CAACb~~,IAAI,EAAE;~~MACPI~~,cAAc,CAAC,EAAE,CAAC;;GAEzB,EAAE,~~CAACJ~~,IAAI,CAAC,CAAC;;EAGV,~~MAAMgB~~,gBAAgB,~~GAAGX~~,cAAK,~~CAACG~~,OAAO,CAAC;IACnC,~~OAAOX~~,eAAe,~~CACjBa~~,GAAG,~~CAACnB~~,KAAK;MACN,IAAID,OAAO,CAACC,KAAK,CAAC,EAAE;QAChB,~~MAAM0B~~,qBAAqB,~~GAAI1B~~,KAA+C,CAACC,KAAK,~~CAACI~~,QAAQ,CAACsB,MAAM,~~CAChGC~~,UAAU,~~IAAIC~~,YAAY,CAACD,UAAoD,~~EAAEhB~~,WAAW,CAAC~~,CAChG~~;QACD,~~OAAOc~~,qBAAqB,CAACI,MAAM,~~gBAAGhB~~,cAAK,~~CAACiB~~,YAAY,~~CAAC/B~~,KAAK,EAAE,EAAE,~~EAAE0B~~,qBAAqB,CAAC,GAAG,IAAI;;MAGrG,OAAOG,YAAY,~~CAAC7B~~,KAA+C,~~EAAEY~~,WAAW,CAAC,~~GAAGZ~~,KAAK,GAAG,IAAI;KACnG,CAAC,~~CACD2B~~,MAAM,~~CAAC3B~~,KAAK,~~IAAI~~,CAAC,CAACA,KAAK~~,CAAoB~~;GACnD,EAAE,~~CAACgB~~,iBAAiB,~~EAAEJ~~,WAAW,CAAC,CAAC;EAEpC,OAAO;~~IACHI~~,iBAAiB;IACjBS,gBAAgB;~~IAChBb~~,WAAW;IACXC;GACH;AACL;;;;"}
1	+ {"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2Children, Select2OptionValue, Select2Value } from '../types';\nimport { filterOption } from '../utilities';\n\nexport const isGroup = (\n child: React.ReactElement<Select2OptionProps> \| React.ReactElement<Select2GroupProps>\n): child is React.ReactElement<Select2GroupProps> =>\n !!(child.props as Select2GroupProps).heading \|\| !!(child.props as Select2GroupProps).hasSeparator;\n\nexport type useChildrenArgs = {\n children: Select2Children;\n emptyValue?: Select2OptionValue;\n multiple?: boolean;\n open?: boolean;\n setValue: (nextValue: Select2OptionValue) => void;\n value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n // flatten children that might be inside groups\n // support empty value - probably a more elegant way to achieve this\n const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n const initial: React.ReactElement<Select2OptionProps>[] =\n initialChildren\n ?.map(child => {\n if (isGroup(child)) {\n return (child as React.ReactElement<Select2GroupProps>).props.children;\n }\n // Since we are filtering out groups just above, then casting child to React.ReactElement<Select2OptionProps>, to avoid type inconsistency errors.\n return child as React.ReactElement<Select2OptionProps>;\n })\n .flatMap(c => c) \|\| [];\n\n return initial;\n }, [initialChildren]);\n\n // set an initial value if none is set, we have to trigger state updates for controlled components\n React.useEffect(() => {\n if (!multiple && emptyValue === undefined && value === undefined) {\n setValue(flattenedChildren?.[0]?.props.value);\n }\n }, []);\n\n React.useEffect(() => {\n if (!open) {\n setSearchQuery('');\n }\n }, [open]);\n\n // apply filtering\n const filteredChildren = React.useMemo(() => {\n return initialChildren\n .map(child => {\n if (isGroup(child)) {\n const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n );\n return filteredGroupChildren.length ? React.cloneElement(child, {}, filteredGroupChildren) : null;\n }\n\n return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n })\n .filter(child => !!child) as Select2Children;\n }, [flattenedChildren, searchQuery]);\n\n return {\n flattenedChildren,\n filteredChildren,\n searchQuery,\n setSearchQuery,\n };\n};\n"],"names":["isGroup","child","props","heading","hasSeparator","useChildren","_ref","initialChildren","children","emptyValue","multiple","open","setValue","value","_React$useState","React","useState","searchQuery","setSearchQuery","flattenedChildren","useMemo","initial","map","flatMap","c","useEffect","undefined","_flattenedChildren$","filteredChildren","filteredGroupChildren","filter","groupChild","filterOption","length","cloneElement"],"mappings":";;;IAMaA,OAAO,GAAG,SAAVA,OAAOA,CAChBC,KAAqF;EAAA,OAErF,CAAC,CAAEA,KAAK,CAACC,KAA2B,CAACC,OAAO,IAAI,CAAC,CAAEF,KAAK,CAACC,KAA2B,CAACE,YAAY;AAAA;IAUxFC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA;MAAgBC,eAAe,GAAAD,IAAA,CAAzBE,QAAQ;IAAmBC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,KAAK,GAAAP,IAAA,CAALO,KAAK;EAChG,IAAAC,eAAA,GAAsCC,cAAK,CAACC,QAAQ,CAAS,EAAE,CAAC;IAAzDC,WAAW,GAAAH,eAAA;IAAEI,cAAc,GAAAJ,eAAA;;;EAIlC,IAAMK,iBAAiB,GAA6CJ,cAAK,CAACK,OAAO,CAAC;IAC9E,IAAMC,OAAO,GACT,CAAAd,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CACTe,GAAG,CAAC,UAAArB,KAAK;MACP,IAAID,OAAO,CAACC,KAAK,CAAC,EAAE;QAChB,OAAQA,KAA+C,CAACC,KAAK,CAACM,QAAQ;;;MAG1E,OAAOP,KAA+C;KACzD,CAAC,CACDsB,OAAO,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC;MAAC,KAAI,EAAE;IAE9B,OAAOH,OAAO;GACjB,EAAE,CAACd,eAAe,CAAC,CAAC;;EAGrBQ,cAAK,CAACU,SAAS,CAAC;IACZ,IAAI,CAACf,QAAQ,IAAID,UAAU,KAAKiB,SAAS,IAAIb,KAAK,KAAKa,SAAS,EAAE;MAAA,IAAAC,mBAAA;MAC9Df,QAAQ,CAACO,iBAAiB,aAAjBA,iBAAiB,wBAAAQ,mBAAA,GAAjBR,iBAAiB,CAAG,CAAC,CAAC,cAAAQ,mBAAA,uBAAtBA,mBAAA,CAAwBzB,KAAK,CAACW,KAAK,CAAC;;GAEpD,EAAE,EAAE,CAAC;EAENE,cAAK,CAACU,SAAS,CAAC;IACZ,IAAI,CAACd,IAAI,EAAE;MACPO,cAAc,CAAC,EAAE,CAAC;;GAEzB,EAAE,CAACP,IAAI,CAAC,CAAC;;EAGV,IAAMiB,gBAAgB,GAAGb,cAAK,CAACK,OAAO,CAAC;IACnC,OAAOb,eAAe,CACjBe,GAAG,CAAC,UAAArB,KAAK;MACN,IAAID,OAAO,CAACC,KAAK,CAAC,EAAE;QAChB,IAAM4B,qBAAqB,GAAI5B,KAA+C,CAACC,KAAK,CAACM,QAAQ,CAACsB,MAAM,CAChG,UAAAC,UAAU;UAAA,OAAIC,YAAY,CAACD,UAAoD,EAAEd,WAAW,CAAC;UAChG;QACD,OAAOY,qBAAqB,CAACI,MAAM,gBAAGlB,cAAK,CAACmB,YAAY,CAACjC,KAAK,EAAE,EAAE,EAAE4B,qBAAqB,CAAC,GAAG,IAAI;;MAGrG,OAAOG,YAAY,CAAC/B,KAA+C,EAAEgB,WAAW,CAAC,GAAGhB,KAAK,GAAG,IAAI;KACnG,CAAC,CACD6B,MAAM,CAAC,UAAA7B,KAAK;MAAA,OAAI,CAAC,CAACA,KAAK;MAAoB;GACnD,EAAE,CAACkB,iBAAiB,EAAEF,WAAW,CAAC,CAAC;EAEpC,OAAO;IACHE,iBAAiB,EAAjBA,iBAAiB;IACjBS,gBAAgB,EAAhBA,gBAAgB;IAChBX,WAAW,EAAXA,WAAW;IACXC,cAAc,EAAdA;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Select2/utilities.js CHANGED Viewed

@@ -1,11 +1,18 @@
 import cn from 'clsx';
 import { FontSizes } from '../../types.js';
-const createOptionClassName = (shouldPauseHoverState = false) => cn('group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal', {
-  'hover:wcag-grey-200': !shouldPauseHoverState
-});
-const createCollectionClassName = () => 'flex flex-col gap-px';
-const getFontSize = fontSize => {
+var createOptionClassName = function createOptionClassName(shouldPauseHoverState) {
+  if (shouldPauseHoverState === void 0) {
+    shouldPauseHoverState = false;
+  }
+  return cn('group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal', {
+    'hover:wcag-grey-200': !shouldPauseHoverState
+  });
+};
+var createCollectionClassName = function createCollectionClassName() {
+  return 'flex flex-col gap-px';
+};
+var getFontSize = function getFontSize(fontSize) {
   switch (fontSize) {
     case FontSizes.small:
       return 'text-xs';
@@ -16,7 +23,7 @@ const getFontSize = fontSize => {
       return 'text-sm';
   }
 };
-const filterOption = (child, searchQuery) => {
+var filterOption = function filterOption(child, searchQuery) {
   var _child$props$textValu, _child$props$descript;
   if ((_child$props$textValu = child.props.textValue) !== null && _child$props$textValu !== void 0 && _child$props$textValu.toLowerCase().includes(searchQuery.toLowerCase())) {
     return true;

package/dist/esm/packages/taco/src/components/Select2/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\nimport { FontSize, FontSizes } from '../../types';\nimport { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n cn(\n 'group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal',\n\n {\n 'hover:wcag-grey-200': !shouldPauseHoverState,\n }\n );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const getFontSize = (fontSize?: FontSize) => {\n switch (fontSize) {\n case FontSizes.small:\n return 'text-xs';\n\n case FontSizes.large:\n return 'text-base';\n\n case FontSizes.medium:\n default:\n return 'text-sm';\n }\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":["createOptionClassName","shouldPauseHoverState","cn","createCollectionClassName","getFontSize","fontSize","FontSizes","small","large","medium","filterOption","child","searchQuery","_child$props$textValu","props","textValue","toLowerCase","includes","_child$props$descript","description","String","children"],"mappings":";;;~~MAIaA~~,qBAAqB,~~GAAGA~~,~~CAACC~~,qBAAqB,GAAG,KAAK,~~KAC~~/DC,EAAE,CACE,+QAA+Q,EAE/Q;~~EACI~~,qBAAqB,EAAE,CAACD;~~CAC3B~~;~~MAGIE~~,yBAAyB,~~GAAGA~~,~~MAAM~~;~~MAElCC~~,WAAW,~~GAAIC~~,QAAmB;EAC3C,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,SAAS;IAEpB,KAAKD,SAAS,CAACE,KAAK;MAChB,OAAO,WAAW;IAEtB,KAAKF,SAAS,CAACG,MAAM;IACrB;MACI,OAAO,SAAS;;AAE5B;~~MAEaC~~,YAAY,~~GAAGA~~,~~CAACC~~,KAA6C,EAAEC,WAAmB;;EAC3F,KAAAC,qBAAA,GAAIF,KAAK,CAACG,KAAK,CAACC,SAAS,cAAAF,qBAAA,eAArBA,qBAAA,CAAuBG,WAAW,EAAE,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,EAAE,CAAC,EAAE;IAC1E,OAAO,IAAI;;EAGf,KAAAE,qBAAA,GAAIP,KAAK,CAACG,KAAK,CAACK,WAAW,cAAAD,qBAAA,eAAvBA,qBAAA,CAAyBF,WAAW,EAAE,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,EAAE,CAAC,EAAE;IAC5E,OAAO,IAAI;;EAGf,OAAOI,MAAM,CAACT,KAAK,CAACG,KAAK,CAACO,QAAQ,CAAC,CAACL,WAAW,EAAE,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,EAAE,CAAC;AACzF;;;;"}
1	+ {"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\nimport { FontSize, FontSizes } from '../../types';\nimport { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n cn(\n 'group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none !justify-normal',\n\n {\n 'hover:wcag-grey-200': !shouldPauseHoverState,\n }\n );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const getFontSize = (fontSize?: FontSize) => {\n switch (fontSize) {\n case FontSizes.small:\n return 'text-xs';\n\n case FontSizes.large:\n return 'text-base';\n\n case FontSizes.medium:\n default:\n return 'text-sm';\n }\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":["createOptionClassName","shouldPauseHoverState","cn","createCollectionClassName","getFontSize","fontSize","FontSizes","small","large","medium","filterOption","child","searchQuery","_child$props$textValu","props","textValue","toLowerCase","includes","_child$props$descript","description","String","children"],"mappings":";;;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,qBAAqB;EAAA,IAArBA,qBAAqB;IAArBA,qBAAqB,GAAG,KAAK;;EAAA,OAC/DC,EAAE,CACE,+QAA+Q,EAE/Q;IACI,qBAAqB,EAAE,CAACD;GAC3B,CACJ;AAAA;IAEQE,yBAAyB,GAAG,SAA5BA,yBAAyBA;EAAA,OAAS,sBAAsB;AAAA;IAExDC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,QAAmB;EAC3C,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,SAAS;IAEpB,KAAKD,SAAS,CAACE,KAAK;MAChB,OAAO,WAAW;IAEtB,KAAKF,SAAS,CAACG,MAAM;IACrB;MACI,OAAO,SAAS;;AAE5B;IAEaC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAA6C,EAAEC,WAAmB;;EAC3F,KAAAC,qBAAA,GAAIF,KAAK,CAACG,KAAK,CAACC,SAAS,cAAAF,qBAAA,eAArBA,qBAAA,CAAuBG,WAAW,EAAE,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,EAAE,CAAC,EAAE;IAC1E,OAAO,IAAI;;EAGf,KAAAE,qBAAA,GAAIP,KAAK,CAACG,KAAK,CAACK,WAAW,cAAAD,qBAAA,eAAvBA,qBAAA,CAAyBF,WAAW,EAAE,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,EAAE,CAAC,EAAE;IAC5E,OAAO,IAAI;;EAGf,OAAOI,MAAM,CAACT,KAAK,CAACG,KAAK,CAACO,QAAQ,CAAC,CAACL,WAAW,EAAE,CAACC,QAAQ,CAACL,WAAW,CAACI,WAAW,EAAE,CAAC;AACzF;;;;"}

package/dist/esm/packages/taco/src/components/Shortcut/Shortcut.js CHANGED Viewed

@@ -1,8 +1,10 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { isMacOs } from '../../utils/keyboard.js';
-const replaceWithShortform = key => {
+var _excluded = ["keys"];
+var replaceWithShortform = function replaceWithShortform(key) {
   switch (key) {
     case 'Escape':
       return 'Esc';
@@ -23,14 +25,14 @@ const replaceWithShortform = key => {
       return key.length === 1 ? key.toLocaleUpperCase() : key;
   }
 };
-const getShortcutText = key => {
+var getShortcutText = function getShortcutText(key) {
   if (!key) {
     return [];
   }
   if (typeof key === 'string') {
     return [replaceWithShortform(key)];
   }
-  const keys = [];
+  var keys = [];
   if (key.shift) {
     keys.push(isMacOs() ? '⇧' : 'Shift');
   }
@@ -40,18 +42,19 @@ const getShortcutText = key => {
   keys.push(replaceWithShortform(key.key));
   return keys;
 };
-const Shortcut = ({
-  keys,
-  ...props
-}) => {
-  const className = cn('inline-flex gap-0.5', props.className);
-  const texts = getShortcutText(keys);
+var Shortcut = function Shortcut(_ref) {
+  var keys = _ref.keys,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var className = cn('inline-flex gap-0.5', props.className);
+  var texts = getShortcutText(keys);
   return /*#__PURE__*/React__default.createElement("span", Object.assign({}, props, {
     className: className
-  }), texts.map(key => (/*#__PURE__*/React__default.createElement("kbd", {
-    key: key,
-    className: "font-display text-grey-700 [[data-taco=tooltip]_&]:bg-grey-300/[0.25] rounded-sm bg-black/[0.09] px-1 text-center font-bold [[data-taco=tooltip]_&]:text-white"
-  }, key))));
+  }), texts.map(function (key) {
+    return /*#__PURE__*/React__default.createElement("kbd", {
+      key: key,
+      className: "font-display text-grey-700 [[data-taco=tooltip]_&]:bg-grey-300/[0.25] rounded-sm bg-black/[0.09] px-1 text-center font-bold [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:text-white"
+    }, key);
+  }));
 };
 export { Shortcut };

package/dist/esm/packages/taco/src/components/Shortcut/Shortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcut.js","sources":["../../../../../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isMacOs, KeyDownHandlerOptions } from '../../utils/keyboard';\n\nconst replaceWithShortform = (key: string) => {\n switch (key) {\n case 'Escape':\n return 'Esc';\n\n case 'Delete':\n return 'Del';\n\n case 'Space':\n case ' ':\n return 'Space';\n\n case 'ArrowLeft':\n return '◄';\n\n case 'ArrowRight':\n return '►';\n\n case 'ArrowUp':\n return '▲';\n\n case 'ArrowDown':\n return '▼';\n\n default:\n return key.length === 1 ? key.toLocaleUpperCase() : key;\n }\n};\n\nconst getShortcutText = (key: string \| KeyDownHandlerOptions) => {\n if (!key) {\n return [];\n }\n\n if (typeof key === 'string') {\n return [replaceWithShortform(key)];\n }\n\n const keys: string[] = [];\n\n if (key.shift) {\n keys.push(isMacOs() ? '⇧' : 'Shift');\n }\n\n if (key.meta) {\n keys.push(isMacOs() ? '⌘' : 'Ctrl');\n }\n\n keys.push(replaceWithShortform(key.key));\n\n return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n keys: string \| KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n const className = cn('inline-flex gap-0.5', props.className);\n const texts = getShortcutText(keys);\n\n return (\n <span {...props} className={className}>\n {texts.map(key => (\n <kbd\n key={key}\n className=\"font-display text-grey-700 [[data-taco=tooltip]_&]:bg-grey-300/[0.25] rounded-sm bg-black/[0.09] px-1 text-center font-bold [[data-taco=tooltip]_&]:text-white\">\n {key}\n </kbd>\n ))}\n </span>\n );\n};\n"],"names":["replaceWithShortform","key","length","toLocaleUpperCase","getShortcutText","keys","shift","push","isMacOs","meta","Shortcut","props","className","cn","texts","React","map"],"mappings":"~~;;;;~~AAIA,~~MAAMA~~,oBAAoB,~~GAAIC~~,GAAW;EACrC,QAAQA,GAAG;IACP,KAAK,QAAQ;MACT,OAAO,KAAK;IAEhB,KAAK,QAAQ;MACT,OAAO,KAAK;IAEhB,KAAK,OAAO;IACZ,KAAK,GAAG;MACJ,OAAO,OAAO;IAElB,KAAK,WAAW;MACZ,OAAO,GAAG;IAEd,KAAK,YAAY;MACb,OAAO,GAAG;IAEd,KAAK,SAAS;MACV,OAAO,GAAG;IAEd,KAAK,WAAW;MACZ,OAAO,GAAG;IAEd;MACI,OAAOA,GAAG,CAACC,MAAM,KAAK,CAAC,GAAGD,GAAG,CAACE,iBAAiB,EAAE,GAAGF,GAAG;;AAEnE,CAAC;AAED,~~MAAMG~~,eAAe,~~GAAIH~~,GAAmC;EACxD,IAAI,CAACA,GAAG,EAAE;IACN,OAAO,EAAE;;EAGb,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;IACzB,OAAO,CAACD,oBAAoB,CAACC,GAAG,CAAC,CAAC;;EAGtC,~~MAAMI~~,IAAI,GAAa,EAAE;EAEzB,IAAIJ,GAAG,CAACK,KAAK,EAAE;IACXD,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC;;EAGxC,IAAIP,GAAG,CAACQ,IAAI,EAAE;IACVJ,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;;EAGvCH,IAAI,CAACE,IAAI,CAACP,oBAAoB,CAACC,GAAG,CAACA,GAAG,CAAC,CAAC;EAExC,OAAOI,IAAI;AACf,CAAC;~~MAKYK~~,QAAQ,~~GAAGA~~,~~CAAC~~;~~EAAEL~~,IAAI;~~EAAE~~,~~GAAGM~~;~~CAAsB;EACtD~~,~~MAAMC~~,SAAS,GAAGC,EAAE,CAAC,qBAAqB,~~EAAEF~~,KAAK,~~CAACC~~,SAAS,CAAC;EAC5D,~~MAAME~~,KAAK,~~GAAGV~~,eAAe,CAACC,IAAI,CAAC;EAEnC,~~oBACIU~~,~~uDAAUJ~~,KAAK;~~IAAEC~~,SAAS,EAAEA;MACvBE,KAAK,CAACE,GAAG,~~CAACf~~,GAAG,~~kBACVc~~;~~IACId~~,GAAG,EAAEA,GAAG;~~IACRW~~,SAAS,EAAC;~~KACTX~~,GAAG,CACF,~~CACT,~~CAAC,CACC;AAEf;;;;"}
1	+ {"version":3,"file":"Shortcut.js","sources":["../../../../../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { isMacOs, KeyDownHandlerOptions } from '../../utils/keyboard';\n\nconst replaceWithShortform = (key: string) => {\n switch (key) {\n case 'Escape':\n return 'Esc';\n\n case 'Delete':\n return 'Del';\n\n case 'Space':\n case ' ':\n return 'Space';\n\n case 'ArrowLeft':\n return '◄';\n\n case 'ArrowRight':\n return '►';\n\n case 'ArrowUp':\n return '▲';\n\n case 'ArrowDown':\n return '▼';\n\n default:\n return key.length === 1 ? key.toLocaleUpperCase() : key;\n }\n};\n\nconst getShortcutText = (key: string \| KeyDownHandlerOptions) => {\n if (!key) {\n return [];\n }\n\n if (typeof key === 'string') {\n return [replaceWithShortform(key)];\n }\n\n const keys: string[] = [];\n\n if (key.shift) {\n keys.push(isMacOs() ? '⇧' : 'Shift');\n }\n\n if (key.meta) {\n keys.push(isMacOs() ? '⌘' : 'Ctrl');\n }\n\n keys.push(replaceWithShortform(key.key));\n\n return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n keys: string \| KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n const className = cn('inline-flex gap-0.5', props.className);\n const texts = getShortcutText(keys);\n\n return (\n <span {...props} className={className}>\n {texts.map(key => (\n <kbd\n key={key}\n className=\"font-display text-grey-700 [[data-taco=tooltip]_&]:bg-grey-300/[0.25] rounded-sm bg-black/[0.09] px-1 text-center font-bold [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:text-white\">\n {key}\n </kbd>\n ))}\n </span>\n );\n};\n"],"names":["replaceWithShortform","key","length","toLocaleUpperCase","getShortcutText","keys","shift","push","isMacOs","meta","Shortcut","_ref","props","_objectWithoutPropertiesLoose","_excluded","className","cn","texts","React","map"],"mappings":";;;;;;AAIA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,GAAW;EACrC,QAAQA,GAAG;IACP,KAAK,QAAQ;MACT,OAAO,KAAK;IAEhB,KAAK,QAAQ;MACT,OAAO,KAAK;IAEhB,KAAK,OAAO;IACZ,KAAK,GAAG;MACJ,OAAO,OAAO;IAElB,KAAK,WAAW;MACZ,OAAO,GAAG;IAEd,KAAK,YAAY;MACb,OAAO,GAAG;IAEd,KAAK,SAAS;MACV,OAAO,GAAG;IAEd,KAAK,WAAW;MACZ,OAAO,GAAG;IAEd;MACI,OAAOA,GAAG,CAACC,MAAM,KAAK,CAAC,GAAGD,GAAG,CAACE,iBAAiB,EAAE,GAAGF,GAAG;;AAEnE,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIH,GAAmC;EACxD,IAAI,CAACA,GAAG,EAAE;IACN,OAAO,EAAE;;EAGb,IAAI,OAAOA,GAAG,KAAK,QAAQ,EAAE;IACzB,OAAO,CAACD,oBAAoB,CAACC,GAAG,CAAC,CAAC;;EAGtC,IAAMI,IAAI,GAAa,EAAE;EAEzB,IAAIJ,GAAG,CAACK,KAAK,EAAE;IACXD,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC;;EAGxC,IAAIP,GAAG,CAACQ,IAAI,EAAE;IACVJ,IAAI,CAACE,IAAI,CAACC,OAAO,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;;EAGvCH,IAAI,CAACE,IAAI,CAACP,oBAAoB,CAACC,GAAG,CAACA,GAAG,CAAC,CAAC;EAExC,OAAOI,IAAI;AACf,CAAC;IAKYK,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;MAAMN,IAAI,GAAAM,IAAA,CAAJN,IAAI;IAAKO,KAAK,GAAAC,6BAAA,CAAAF,IAAA,EAAAG,SAAA;EACrC,IAAMC,SAAS,GAAGC,EAAE,CAAC,qBAAqB,EAAEJ,KAAK,CAACG,SAAS,CAAC;EAC5D,IAAME,KAAK,GAAGb,eAAe,CAACC,IAAI,CAAC;EAEnC,oBACIa,uDAAUN,KAAK;IAAEG,SAAS,EAAEA;MACvBE,KAAK,CAACE,GAAG,CAAC,UAAAlB,GAAG;IAAA,oBACViB;MACIjB,GAAG,EAAEA,GAAG;MACRc,SAAS,EAAC;OACTd,GAAG,CACF;GACT,CAAC,CACC;AAEf;;;;"}

package/dist/esm/packages/taco/src/components/Spinner/Spinner.js CHANGED Viewed

@@ -1,19 +1,24 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-const Spinner = /*#__PURE__*/React__default.forwardRef(function Spinner(props, ref) {
-  const {
-    delay = 350,
-    label,
-    ...otherProps
-  } = props;
-  const [visible, setVisibility] = React__default.useState(!delay);
-  React__default.useEffect(() => {
-    let timeout;
+var _excluded = ["delay", "label"];
+var Spinner = /*#__PURE__*/React__default.forwardRef(function Spinner(props, ref) {
+  var _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 350 : _props$delay,
+    label = props.label,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _React$useState = React__default.useState(!delay),
+    visible = _React$useState[0],
+    setVisibility = _React$useState[1];
+  React__default.useEffect(function () {
+    var timeout;
     if (delay) {
-      timeout = window.setTimeout(() => setVisibility(true), delay);
+      timeout = window.setTimeout(function () {
+        return setVisibility(true);
+      }, delay);
     }
-    return () => {
+    return function () {
       if (timeout) {
         clearTimeout(timeout);
       }
@@ -22,7 +27,7 @@ const Spinner = /*#__PURE__*/React__default.forwardRef(function Spinner(props, r
   if (!visible) {
     return null;
   }
-  const className = cn('inline-flex flex-col relative items-center', otherProps.className);
+  var className = cn('inline-flex flex-col relative items-center', otherProps.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "spinner",

package/dist/esm/packages/taco/src/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n /*\n Define a delay in milliseconds after which the spinner is shown.\n * Default value is `350`ms\n /\n delay?: number;\n /* Define a text that will be displayed below spinner */\n label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n const { delay = 350, label, ...otherProps } = props;\n const [visible, setVisibility] = React.useState(!delay);\n\n React.useEffect(() => {\n let timeout: number;\n\n if (delay) {\n timeout = window.setTimeout(() => setVisibility(true), delay);\n }\n\n return () => {\n if (timeout) {\n clearTimeout(timeout);\n }\n };\n }, [delay]);\n\n if (!visible) {\n return null;\n }\n\n const className = cn('inline-flex flex-col relative items-center', otherProps.className);\n\n return (\n <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n <svg\n className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n </svg>\n {label && <span className=\"mt-4\">{label}</span>}\n </div>\n );\n});\n"],"names":["Spinner","React","forwardRef","props","ref","delay","label","otherProps","~~visible~~","~~setVisibility~~","useState","useEffect","timeout","window","setTimeout","clearTimeout","className","cn","viewBox","xmlns","cx","cy","r"],"mappings":"~~;;;MAcaA~~,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,OAAOA,CAACG,KAAmB,EAAEC,GAA8B;EACxG,~~MAAM~~;~~IAAEC~~,KAAK,GAAG,~~GAAG~~;~~IAAEC~~,KAAK~~;IAAE~~,~~GAAGC;GAAY~~,~~GAAGJ~~,KAAK;~~EACnD~~,~~MAAM~~,~~CAACK~~,~~OAAO~~,~~EAAEC~~,~~aAAa~~,~~CAAC~~,~~GAAGR~~,cAAK,~~CAACS~~,QAAQ,CAAC,~~CAACL~~,KAAK,CAAC;~~EAEvDJ~~,cAAK,~~CAACU~~,SAAS,CAAC;IACZ,IAAIC,OAAe;IAEnB,~~IAAIP~~,KAAK,EAAE;~~MACPO~~,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAC,~~MAAML~~,aAAa,CAAC,IAAI,CAAC,~~EAAEJ,~~KAAK,CAAC;;IAGjE,OAAO;MACH,~~IAAIO~~,OAAO,EAAE;QACTG,YAAY,CAACH,OAAO,CAAC;;KAE5B;GACJ,EAAE,~~CAACP~~,KAAK,CAAC,CAAC;EAEX,IAAI,~~CAACG~~,OAAO,EAAE;IACV,OAAO,IAAI;;EAGf,~~MAAMQ~~,SAAS,GAAGC,EAAE,CAAC,4CAA4C,~~EAAEV~~,UAAU,~~CAACS~~,SAAS,CAAC;EAExF,~~oBACIf~~,~~sDAASM~~,UAAU;~~IAAES~~,SAAS,EAAEA,SAAS;iBAAY,SAAS;~~IAACZ~~,GAAG,EAAEA;mBAChEH;~~IACIe~~,SAAS,EAAC,wDAAwD;IAClEE,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC;~~kBACNlB~~;~~IAAQmB~~,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC;IAAc,CACtC,~~EACLhB~~,KAAK,~~iBAAIL~~;~~IAAMe~~,SAAS,EAAC;~~KAAQV~~,KAAK,CAAQ,CAC7C;AAEd,CAAC;;;;"}
1	+ {"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n /*\n Define a delay in milliseconds after which the spinner is shown.\n * Default value is `350`ms\n /\n delay?: number;\n /* Define a text that will be displayed below spinner */\n label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n const { delay = 350, label, ...otherProps } = props;\n const [visible, setVisibility] = React.useState(!delay);\n\n React.useEffect(() => {\n let timeout: number;\n\n if (delay) {\n timeout = window.setTimeout(() => setVisibility(true), delay);\n }\n\n return () => {\n if (timeout) {\n clearTimeout(timeout);\n }\n };\n }, [delay]);\n\n if (!visible) {\n return null;\n }\n\n const className = cn('inline-flex flex-col relative items-center', otherProps.className);\n\n return (\n <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n <svg\n className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n </svg>\n {label && <span className=\"mt-4\">{label}</span>}\n </div>\n );\n});\n"],"names":["Spinner","React","forwardRef","props","ref","_props$delay","delay","label","otherProps","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","visible","setVisibility","useEffect","timeout","window","setTimeout","clearTimeout","className","cn","viewBox","xmlns","cx","cy","r"],"mappings":";;;;;IAcaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,OAAOA,CAACG,KAAmB,EAAEC,GAA8B;EACxG,IAAAC,YAAA,GAA8CF,KAAK,CAA3CG,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IAAEE,KAAK,GAAoBJ,KAAK,CAA9BI,KAAK;IAAKC,UAAU,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EACnD,IAAAC,eAAA,GAAiCV,cAAK,CAACW,QAAQ,CAAC,CAACN,KAAK,CAAC;IAAhDO,OAAO,GAAAF,eAAA;IAAEG,aAAa,GAAAH,eAAA;EAE7BV,cAAK,CAACc,SAAS,CAAC;IACZ,IAAIC,OAAe;IAEnB,IAAIV,KAAK,EAAE;MACPU,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAC;QAAA,OAAMJ,aAAa,CAAC,IAAI,CAAC;SAAER,KAAK,CAAC;;IAGjE,OAAO;MACH,IAAIU,OAAO,EAAE;QACTG,YAAY,CAACH,OAAO,CAAC;;KAE5B;GACJ,EAAE,CAACV,KAAK,CAAC,CAAC;EAEX,IAAI,CAACO,OAAO,EAAE;IACV,OAAO,IAAI;;EAGf,IAAMO,SAAS,GAAGC,EAAE,CAAC,4CAA4C,EAAEb,UAAU,CAACY,SAAS,CAAC;EAExF,oBACInB,sDAASO,UAAU;IAAEY,SAAS,EAAEA,SAAS;iBAAY,SAAS;IAAChB,GAAG,EAAEA;mBAChEH;IACImB,SAAS,EAAC,wDAAwD;IAClEE,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC;kBACNtB;IAAQuB,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC;IAAc,CACtC,EACLnB,KAAK,iBAAIN;IAAMmB,SAAS,EAAC;KAAQb,KAAK,CAAQ,CAC7C;AAEd,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Switch/Switch.js CHANGED Viewed

@@ -1,28 +1,28 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useId } from '../../hooks/useId.js';
 import { Root, Thumb } from '@radix-ui/react-switch';
-const Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
-  const {
-    label,
-    onChange,
-    ...otherProps
-  } = props;
-  const id = useId(props.id);
-  const className = cn('group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus', {
+var _excluded = ["label", "onChange"];
+var Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
+  var label = props.label,
+    onChange = props.onChange,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var id = useId(props.id);
+  var className = cn('group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus', {
     'mr-2': !!label,
     'bg-grey-500 hover:bg-grey-700 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700': !props.disabled,
     'bg-grey-500/50 aria-checked:bg-blue-500/50 cursor-not-allowed': props.disabled
   }, props.className);
-  let labelledByProps = null;
+  var labelledByProps = null;
   if (label) {
     labelledByProps = {
-      'aria-labelledby': `${id}-label`,
-      id
+      'aria-labelledby': id + "-label",
+      id: id
     };
   }
-  const element = /*#__PURE__*/createElement(Root, Object.assign({}, otherProps, labelledByProps, {
+  var element = /*#__PURE__*/createElement(Root, Object.assign({}, otherProps, labelledByProps, {
     className: className,
     "data-taco": "switch",
     onCheckedChange: onChange,
@@ -31,7 +31,7 @@ const Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
     className: "pointer-events-none mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[1.1rem]"
   }));
   if (label) {
-    const labelContainerClassName = cn('flex self-start cursor-pointer', {
+    var labelContainerClassName = cn('flex self-start cursor-pointer', {
       'cursor-not-allowed text-grey-300': props.disabled
     });
     return /*#__PURE__*/createElement("span", {
@@ -39,7 +39,7 @@ const Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
       "data-taco": "switch-container"
     }, element, /*#__PURE__*/createElement("label", {
       htmlFor: id,
-      id: `${id}-label`
+      id: id + "-label"
     }, label));
   }
   return element;

package/dist/esm/packages/taco/src/components/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\nimport { useId } from '../../hooks/useId';\n\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' \| 'onChange'> & {\n /** Label for the switch /\n label?: React.ReactNode;\n / Whether user input is required /\n required?: boolean;\n};\n\nexport interface UncontrolledSwitchProps extends SwitchBaseProps {\n checked?: never;\n onChange?: never;\n / The default checked state (uncontrolled) /\n defaultChecked?: boolean;\n}\n\nexport interface ControlledSwitchProps extends SwitchBaseProps {\n defaultChecked?: never;\n / The current checked state (controlled) /\n checked: boolean;\n / Handler called when the checked state changes */\n onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps \| ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\n const { label, onChange, ...otherProps } = props;\n const id = useId(props.id);\n\n const className = cn(\n 'group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus',\n {\n 'mr-2': !!label,\n 'bg-grey-500 hover:bg-grey-700 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700': !props.disabled,\n 'bg-grey-500/50 aria-checked:bg-blue-500/50 cursor-not-allowed': props.disabled,\n },\n props.className\n );\n\n let labelledByProps: Record<string, string> \| null = null;\n\n if (label) {\n labelledByProps = {\n 'aria-labelledby': `${id}-label`,\n id,\n };\n }\n\n const element = (\n <PrimitiveSwitch.Root\n {...otherProps}\n {...labelledByProps}\n className={className}\n data-taco=\"switch\"\n onCheckedChange={onChange}\n ref={ref}>\n <PrimitiveSwitch.Thumb className=\"pointer-events-none mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[1.1rem]\" />\n </PrimitiveSwitch.Root>\n );\n\n if (label) {\n const labelContainerClassName = cn('flex self-start cursor-pointer', {\n 'cursor-not-allowed text-grey-300': props.disabled,\n });\n\n return (\n <span className={labelContainerClassName} data-taco=\"switch-container\">\n {element}\n <label htmlFor={id} id={`${id}-label`}>\n {label}\n </label>\n </span>\n );\n }\n\n return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","id","useId","className","cn","disabled","labelledByProps","element","PrimitiveSwitch","onCheckedChange","labelContainerClassName","htmlFor","displayName"],"mappings":"~~;;;;;MA6BaA~~,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAMA,CAACE,KAAkB,EAAEC,GAAiC;EACxG,~~MAAM;IAAEC~~,KAAK;IAAEC,QAAQ~~;IAAE~~,~~GAAGC~~;~~GAAY~~,~~GAAGJ~~,KAAK;EAChD,~~MAAMK~~,EAAE,GAAGC,KAAK,~~CAACN~~,KAAK,~~CAACK~~,EAAE,CAAC;EAE1B,~~MAAME~~,SAAS,GAAGC,EAAE,CAChB,kFAAkF,EAClF;IACI,MAAM,EAAE,CAAC,~~CAACN~~,KAAK;IACf,uFAAuF,EAAE,CAACF,KAAK,~~CAACS~~,QAAQ;IACxG,+DAA+D,~~EAAET~~,KAAK,~~CAACS~~;GAC1E,~~EACDT~~,KAAK,~~CAACO~~,SAAS,CAClB;EAED,IAAIG,eAAe,GAAkC,IAAI;EAEzD,~~IAAIR~~,KAAK,EAAE;~~IACPQ~~,eAAe,GAAG;MACd,iBAAiB,EAAE,~~GAAGL~~,EAAE,~~QAAQ~~;~~MAChCA;~~KACH;;EAGL,~~MAAMM~~,OAAO,~~gBACTZ~~,~~cAACa~~,IAAoB,~~oBACbR~~,UAAU,~~EACVM~~,eAAe;IACnBH,SAAS,EAAEA,SAAS;iBACV,QAAQ;IAClBM,eAAe,~~EAAEV~~,QAAQ;IACzBF,GAAG,EAAEA;mBACLF,~~cAACa~~,KAAqB;IAACL,SAAS,EAAC;IAAgM,CAExO;EAED,~~IAAIL~~,KAAK,EAAE;IACP,~~MAAMY~~,uBAAuB,GAAGN,EAAE,CAAC,gCAAgC,EAAE;MACjE,kCAAkC,~~EAAER~~,KAAK,~~CAACS~~;KAC7C,CAAC;IAEF,~~oBACIV~~;~~MAAMQ~~,SAAS,EAAEO,uBAAuB;mBAAY;OAC/CH,OAAO,~~eACRZ~~;~~MAAOgB~~,OAAO,EAAEV,EAAE;MAAEA,EAAE,~~EAAE~~,~~GAAGA,~~EAAE;~~OACxBH~~,KAAK,CACF,CACL;;EAIf,~~OAAOS~~,OAAO;AAClB,CAAC;~~AACDb~~,MAAM,~~CAACkB~~,WAAW,GAAG,QAAQ;;;;"}
1	+ {"version":3,"file":"Switch.js","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\nimport { useId } from '../../hooks/useId';\n\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' \| 'onChange'> & {\n /** Label for the switch /\n label?: React.ReactNode;\n / Whether user input is required /\n required?: boolean;\n};\n\nexport interface UncontrolledSwitchProps extends SwitchBaseProps {\n checked?: never;\n onChange?: never;\n / The default checked state (uncontrolled) /\n defaultChecked?: boolean;\n}\n\nexport interface ControlledSwitchProps extends SwitchBaseProps {\n defaultChecked?: never;\n / The current checked state (controlled) /\n checked: boolean;\n / Handler called when the checked state changes */\n onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps \| ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\n const { label, onChange, ...otherProps } = props;\n const id = useId(props.id);\n\n const className = cn(\n 'group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex focus-visible:yt-focus',\n {\n 'mr-2': !!label,\n 'bg-grey-500 hover:bg-grey-700 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700': !props.disabled,\n 'bg-grey-500/50 aria-checked:bg-blue-500/50 cursor-not-allowed': props.disabled,\n },\n props.className\n );\n\n let labelledByProps: Record<string, string> \| null = null;\n\n if (label) {\n labelledByProps = {\n 'aria-labelledby': `${id}-label`,\n id,\n };\n }\n\n const element = (\n <PrimitiveSwitch.Root\n {...otherProps}\n {...labelledByProps}\n className={className}\n data-taco=\"switch\"\n onCheckedChange={onChange}\n ref={ref}>\n <PrimitiveSwitch.Thumb className=\"pointer-events-none mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[1.1rem]\" />\n </PrimitiveSwitch.Root>\n );\n\n if (label) {\n const labelContainerClassName = cn('flex self-start cursor-pointer', {\n 'cursor-not-allowed text-grey-300': props.disabled,\n });\n\n return (\n <span className={labelContainerClassName} data-taco=\"switch-container\">\n {element}\n <label htmlFor={id} id={`${id}-label`}>\n {label}\n </label>\n </span>\n );\n }\n\n return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","_objectWithoutPropertiesLoose","_excluded","id","useId","className","cn","disabled","labelledByProps","element","PrimitiveSwitch","onCheckedChange","labelContainerClassName","htmlFor","displayName"],"mappings":";;;;;;;IA6BaA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAMA,CAACE,KAAkB,EAAEC,GAAiC;EACxG,IAAQC,KAAK,GAA8BF,KAAK,CAAxCE,KAAK;IAAEC,QAAQ,GAAoBH,KAAK,CAAjCG,QAAQ;IAAKC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAChD,IAAMC,EAAE,GAAGC,KAAK,CAACR,KAAK,CAACO,EAAE,CAAC;EAE1B,IAAME,SAAS,GAAGC,EAAE,CAChB,kFAAkF,EAClF;IACI,MAAM,EAAE,CAAC,CAACR,KAAK;IACf,uFAAuF,EAAE,CAACF,KAAK,CAACW,QAAQ;IACxG,+DAA+D,EAAEX,KAAK,CAACW;GAC1E,EACDX,KAAK,CAACS,SAAS,CAClB;EAED,IAAIG,eAAe,GAAkC,IAAI;EAEzD,IAAIV,KAAK,EAAE;IACPU,eAAe,GAAG;MACd,iBAAiB,EAAKL,EAAE,WAAQ;MAChCA,EAAE,EAAFA;KACH;;EAGL,IAAMM,OAAO,gBACTd,cAACe,IAAoB,oBACbV,UAAU,EACVQ,eAAe;IACnBH,SAAS,EAAEA,SAAS;iBACV,QAAQ;IAClBM,eAAe,EAAEZ,QAAQ;IACzBF,GAAG,EAAEA;mBACLF,cAACe,KAAqB;IAACL,SAAS,EAAC;IAAgM,CAExO;EAED,IAAIP,KAAK,EAAE;IACP,IAAMc,uBAAuB,GAAGN,EAAE,CAAC,gCAAgC,EAAE;MACjE,kCAAkC,EAAEV,KAAK,CAACW;KAC7C,CAAC;IAEF,oBACIZ;MAAMU,SAAS,EAAEO,uBAAuB;mBAAY;OAC/CH,OAAO,eACRd;MAAOkB,OAAO,EAAEV,EAAE;MAAEA,EAAE,EAAKA,EAAE;OACxBL,KAAK,CACF,CACL;;EAIf,OAAOW,OAAO;AAClB,CAAC;AACDf,MAAM,CAACoB,WAAW,GAAG,QAAQ;;;;"}