@economic/taco 1.1.11 → 1.1.12-alpha.0

package/dist/esm/components/Field/Field.js

@@ -1,18 +1,20 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
-  const {
-    disabled,
-    children,
-    invalid = false,
-    message,
-    ...otherProps
-  } = props;
-  const className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
+var _excluded = ["disabled", "children", "invalid", "message"];
+var Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
+  var disabled = props.disabled,
+      children = props.children,
+      _props$invalid = props.invalid,
+      invalid = _props$invalid === void 0 ? false : _props$invalid,
+      message = props.message,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
     'text-grey-dark': disabled
   }, props.className);
-  const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
+  var messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
     'text-grey-darkest': !invalid,
     'text-red': invalid,
     'opacity-50': disabled

package/dist/esm/components/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sources":["../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport './Field.css';\r\n\r\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\r\n    /** Content of the field */\r\n    children: React.ReactNode;\r\n    /**\tChanges the style to indicate the element is disabled */\r\n    disabled?: boolean;\r\n    /* Whether the input is in an invalid state */\r\n    invalid?: boolean;\r\n    /**\r\n     * Text displayed below the children of Field.\r\n     * Should be a short text that indicates feedback for user.\r\n     */\r\n    message?: string;\r\n};\r\n\r\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\r\n    const { disabled, children, invalid = false, message, ...otherProps } = props;\r\n    const className = cn(\r\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\r\n        {\r\n            'text-grey-dark': disabled,\r\n        },\r\n        props.className\r\n    );\r\n    const messageClassName = cn(\r\n        'h-4 text-xs text-left leading-normal font-normal truncate -mb-4',\r\n        {\r\n            'text-grey-darkest': !invalid,\r\n            'text-red': invalid,\r\n            'opacity-50': disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\r\n            {children}\r\n            {message && (\r\n                <span className={messageClassName} role={invalid ? 'alert' : undefined}>\r\n                    {message}\r\n                </span>\r\n            )}\r\n        </label>\r\n    );\r\n});\r\n"],"names":["Field","React","props","ref","disabled","children","invalid","message","otherProps","className","cn","messageClassName","role","undefined"],"mappings":";;;MAmBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,MAAM;IAAEC,QAAF;IAAYC,QAAZ;IAAsBC,OAAO,GAAG,KAAhC;IAAuCC,OAAvC;IAAgD,GAAGC;MAAeN,KAAxE;EACA,MAAMO,SAAS,GAAGC,EAAE,CAChB,8EADgB,EAEhB;IACI,kBAAkBN;GAHN,EAKhBF,KAAK,CAACO,SALU,CAApB;EAOA,MAAME,gBAAgB,GAAGD,EAAE,CACvB,iEADuB,EAEvB;IACI,qBAAqB,CAACJ,OAD1B;IAEI,YAAYA,OAFhB;IAGI,cAAcF;GALK,EAOvBF,KAAK,CAACO,SAPiB,CAA3B;EAUA,OACIR,aAAA,QAAA,oBAAWO;IAAYC,SAAS,EAAEA;iBAAqB;IAAQN,GAAG,EAAEA;IAApE,EACKE,QADL,EAEKE,OAAO,IACJN,aAAA,OAAA;IAAMQ,SAAS,EAAEE;IAAkBC,IAAI,EAAEN,OAAO,GAAG,OAAH,GAAaO;GAA7D,EACKN,OADL,CAHR,CADJ;AAUH,CA7BoB;;;;"}
+{"version":3,"file":"Field.js","sources":["../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport './Field.css';\r\n\r\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\r\n    /** Content of the field */\r\n    children: React.ReactNode;\r\n    /**\tChanges the style to indicate the element is disabled */\r\n    disabled?: boolean;\r\n    /* Whether the input is in an invalid state */\r\n    invalid?: boolean;\r\n    /**\r\n     * Text displayed below the children of Field.\r\n     * Should be a short text that indicates feedback for user.\r\n     */\r\n    message?: string;\r\n};\r\n\r\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\r\n    const { disabled, children, invalid = false, message, ...otherProps } = props;\r\n    const className = cn(\r\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\r\n        {\r\n            'text-grey-dark': disabled,\r\n        },\r\n        props.className\r\n    );\r\n    const messageClassName = cn(\r\n        'h-4 text-xs text-left leading-normal font-normal truncate -mb-4',\r\n        {\r\n            'text-grey-darkest': !invalid,\r\n            'text-red': invalid,\r\n            'opacity-50': disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\r\n            {children}\r\n            {message && (\r\n                <span className={messageClassName} role={invalid ? 'alert' : undefined}>\r\n                    {message}\r\n                </span>\r\n            )}\r\n        </label>\r\n    );\r\n});\r\n"],"names":["Field","React","props","ref","disabled","children","invalid","message","otherProps","className","cn","messageClassName","role","undefined"],"mappings":";;;;;IAmBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,IAAQC,QAAR,GAAwEF,KAAxE,CAAQE,QAAR;MAAkBC,QAAlB,GAAwEH,KAAxE,CAAkBG,QAAlB;uBAAwEH,KAAxE,CAA4BI,OAA5B;MAA4BA,OAA5B,+BAAsC,KAAtC;MAA6CC,OAA7C,GAAwEL,KAAxE,CAA6CK,OAA7C;MAAyDC,UAAzD,iCAAwEN,KAAxE;;EACA,IAAMO,SAAS,GAAGC,EAAE,CAChB,8EADgB,EAEhB;IACI,kBAAkBN;GAHN,EAKhBF,KAAK,CAACO,SALU,CAApB;EAOA,IAAME,gBAAgB,GAAGD,EAAE,CACvB,iEADuB,EAEvB;IACI,qBAAqB,CAACJ,OAD1B;IAEI,YAAYA,OAFhB;IAGI,cAAcF;GALK,EAOvBF,KAAK,CAACO,SAPiB,CAA3B;EAUA,OACIR,aAAA,QAAA,oBAAWO;IAAYC,SAAS,EAAEA;iBAAqB;IAAQN,GAAG,EAAEA;IAApE,EACKE,QADL,EAEKE,OAAO,IACJN,aAAA,OAAA;IAAMQ,SAAS,EAAEE;IAAkBC,IAAI,EAAEN,OAAO,GAAG,OAAH,GAAaO;GAA7D,EACKN,OADL,CAHR,CADJ;AAUH,CA7BoB;;;;"}

package/dist/esm/components/Form/Form.js

@@ -1,12 +1,14 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
-  const {
-    horizontal = false,
-    ...otherProps
-  } = props;
-  const className = cn('yt-form', {
+var _excluded = ["horizontal"];
+var Form = /*#__PURE__*/forwardRef(function Form(props, ref) {
+  var _props$horizontal = props.horizontal,
+      horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
   }, props.className);
   return createElement("form", Object.assign({}, otherProps, {

package/dist/esm/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport './Form.css';\r\n\r\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\r\n    /** Content should be composed of other Taco form elements */\r\n    children: React.ReactNode;\r\n    /** Display the form fields in a horizontal layout */\r\n    horizontal?: boolean;\r\n};\r\n\r\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\r\n    const { horizontal = false, ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-form',\r\n        {\r\n            'yt-form--horizontal flex flex-wrap': horizontal,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\r\n});\r\n"],"names":["Form","React","props","ref","horizontal","otherProps","className","cn"],"mappings":";;;MAWaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;EACjC,MAAM;IAAEC,UAAU,GAAG,KAAf;IAAsB,GAAGC;MAAeH,KAA9C;EACA,MAAMI,SAAS,GAAGC,EAAE,CAChB,SADgB,EAEhB;IACI,sCAAsCH;GAH1B,EAKhBF,KAAK,CAACI,SALU,CAApB;EAQA,OAAOL,aAAA,OAAA,oBAAUI;IAAYC,SAAS,EAAEA;iBAAqB;IAAOH,GAAG,EAAEA;IAAlE,CAAP;AACH,CAXmB;;;;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/Form/Form.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport './Form.css';\r\n\r\nexport type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {\r\n    /** Content should be composed of other Taco form elements */\r\n    children: React.ReactNode;\r\n    /** Display the form fields in a horizontal layout */\r\n    horizontal?: boolean;\r\n};\r\n\r\nexport const Form = React.forwardRef(function Form(props: FormProps, ref: React.Ref<HTMLFormElement>) {\r\n    const { horizontal = false, ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-form',\r\n        {\r\n            'yt-form--horizontal flex flex-wrap': horizontal,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return <form {...otherProps} className={className} data-taco=\"form\" ref={ref} />;\r\n});\r\n"],"names":["Form","React","props","ref","horizontal","otherProps","className","cn"],"mappings":";;;;;IAWaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;EACjC,wBAA8CD,KAA9C,CAAQE,UAAR;MAAQA,UAAR,kCAAqB,KAArB;MAA+BC,UAA/B,iCAA8CH,KAA9C;;EACA,IAAMI,SAAS,GAAGC,EAAE,CAChB,SADgB,EAEhB;IACI,sCAAsCH;GAH1B,EAKhBF,KAAK,CAACI,SALU,CAApB;EAQA,OAAOL,aAAA,OAAA,oBAAUI;IAAYC,SAAS,EAAEA;iBAAqB;IAAOH,GAAG,EAAEA;IAAlE,CAAP;AACH,CAXmB;;;;"}

package/dist/esm/components/Group/Group.js

@@ -1,12 +1,14 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
-const Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
-  const {
-    as: Tag = 'span',
-    ...otherProps
-  } = props;
-  const className = cn('flex ', props.className);
+var _excluded = ["as"];
+var Group = /*#__PURE__*/forwardRef(function Group(props, ref) {
+  var _props$as = props.as,
+      Tag = _props$as === void 0 ? 'span' : _props$as,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('flex ', props.className);
   return createElement(Tag, Object.assign({}, otherProps, {
     className: className,
     "data-taco": "group",

package/dist/esm/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport './Group.css';\r\n\r\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\r\n    /**\r\n     * Change what html tag element will render.\r\n     * Default value is `span`\r\n     */\r\n    as?: 'div' | 'span' | 'nav';\r\n    /** Content should be composed of other Taco elements */\r\n    children: React.ReactNode;\r\n};\r\n\r\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { as: Tag = 'span', ...otherProps } = props;\r\n    const className = cn('flex ', props.className);\r\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\r\n});\r\n"],"names":["Group","React","props","ref","as","Tag","otherProps","className","cn"],"mappings":";;;MAcaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,MAAZ;IAAoB,GAAGC;MAAeJ,KAA5C;EACA,MAAMK,SAAS,GAAGC,EAAE,CAAC,OAAD,EAAUN,KAAK,CAACK,SAAhB,CAApB;EACA,OAAON,aAAA,CAACI,GAAD,oBAASC;IAAYC,SAAS,EAAEA;iBAAqB;IAAQJ,GAAG,EAAEA;IAAlE,CAAP;AACH,CAJoB;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport './Group.css';\r\n\r\nexport type GroupProps = React.HTMLAttributes<HTMLElement> & {\r\n    /**\r\n     * Change what html tag element will render.\r\n     * Default value is `span`\r\n     */\r\n    as?: 'div' | 'span' | 'nav';\r\n    /** Content should be composed of other Taco elements */\r\n    children: React.ReactNode;\r\n};\r\n\r\nexport const Group = React.forwardRef(function Group(props: GroupProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { as: Tag = 'span', ...otherProps } = props;\r\n    const className = cn('flex ', props.className);\r\n    return <Tag {...otherProps} className={className} data-taco=\"group\" ref={ref} />;\r\n});\r\n"],"names":["Group","React","props","ref","as","Tag","otherProps","className","cn"],"mappings":";;;;;IAcaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;EAClC,gBAA4CD,KAA5C,CAAQE,EAAR;MAAYC,GAAZ,0BAAkB,MAAlB;MAA6BC,UAA7B,iCAA4CJ,KAA5C;;EACA,IAAMK,SAAS,GAAGC,EAAE,CAAC,OAAD,EAAUN,KAAK,CAACK,SAAhB,CAApB;EACA,OAAON,aAAA,CAACI,GAAD,oBAASC;IAAYC,SAAS,EAAEA;iBAAqB;IAAQJ,GAAG,EAAEA;IAAlE,CAAP;AACH,CAJoB;;;;"}

package/dist/esm/components/Hanger/Hanger.js

@@ -4,7 +4,7 @@ import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Provider.js';
 import { Root, Anchor as Anchor$1, Close } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from '../Popover/Primitives.js';
-import mergeRefs from '../../utils/mergeRefs.js';
+import { mergeRefs } from '../../utils/mergeRefs.js';
 
 const HangerContext = /*#__PURE__*/createContext({
   props: {},

package/dist/esm/components/Hanger/Hanger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hanger.js","sources":["../../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from '../Popover/Primitives';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport './Hanger.css';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype HangerContextValue = {\r\n    props: any;\r\n    ref: React.Ref<HTMLElement>;\r\n};\r\nconst HangerContext = React.createContext<HangerContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type HangerTexts = {\r\n    /** Aria-label for the close icon button of hanger */\r\n    close: string;\r\n};\r\n\r\nexport type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;\r\nconst Anchor = React.forwardRef(function HangerAnchor(props: HangerAnchorProps, ref: React.Ref<HTMLDivElement>) {\r\n    const context = React.useContext(HangerContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Anchor {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\r\n    const className = cn('mb-1 text-base font-bold flex w-full', props.className);\r\n    return <span {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\n\r\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const context = React.useContext(HangerContext);\r\n    const { texts } = useLocalization();\r\n    const className = cn(\r\n        'wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm',\r\n        props.className\r\n    );\r\n    const handleInteractOutside = (event: CustomEvent): void => {\r\n        event.preventDefault();\r\n    };\r\n\r\n    return (\r\n        <UnstyledContent\r\n            className={className}\r\n            data-taco=\"hanger\"\r\n            onInteractOutside={handleInteractOutside}\r\n            placement={props.placement}\r\n            ref={ref}\r\n        >\r\n            {props.children}\r\n            <UnstyledArrow className=\"text-blue\" />\r\n            <PopoverPrimitive.Close asChild>\r\n                <IconButton\r\n                    appearance=\"primary\"\r\n                    aria-label={texts.hanger.close}\r\n                    className=\"absolute top-0 right-0 ml-2 mr-2 mt-2 text-white\"\r\n                    icon=\"close\"\r\n                    onClick={context.props.onClose}\r\n                />\r\n            </PopoverPrimitive.Close>\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type HangerProps = React.PropsWithChildren<{\r\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\r\n    anchor?: JSX.Element;\r\n    /**\r\n     * Shows or hides hanger depending on the value\r\n     * @defaultValue true\r\n     */\r\n    defaultOpen?: boolean;\r\n    /** Handler called when user closes the hanger */\r\n    onClose?: () => void;\r\n}>;\r\n\r\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\r\n    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;\r\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\r\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\r\n};\r\n\r\nexport const Hanger = React.forwardRef(function Hanger(props: HangerProps, ref: React.Ref<HTMLElement>) {\r\n    const { anchor, children, defaultOpen = true, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\r\n    const [open, setOpen] = React.useState(false);\r\n    React.useEffect(() => {\r\n        if (defaultOpen) {\r\n            setOpen(defaultOpen);\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <HangerContext.Provider value={context}>\r\n            <PopoverPrimitive.Root key={String(open)} defaultOpen={open}>\r\n                {anchor && <Anchor>{anchor}</Anchor>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </HangerContext.Provider>\r\n    );\r\n}) as ForwardedHangerWithStatics;\r\nHanger.Anchor = Anchor;\r\nHanger.Content = Content;\r\nHanger.Title = Title;\r\n"],"names":["HangerContext","React","props","ref","Anchor","HangerAnchor","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","Title","DialogTitle","className","cn","Content","HangerContent","texts","useLocalization","handleInteractOutside","event","preventDefault","UnstyledContent","onInteractOutside","placement","UnstyledArrow","IconButton","appearance","hanger","close","icon","onClick","onClose","Hanger","anchor","defaultOpen","otherProps","open","setOpen","Provider","value","key","String"],"mappings":"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"}
+{"version":3,"file":"Hanger.js","sources":["../../../../src/components/Hanger/Hanger.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from '../Popover/Primitives';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport './Hanger.css';\r\nimport { mergeRefs } from '../../utils/mergeRefs';\r\n\r\ntype HangerContextValue = {\r\n    props: any;\r\n    ref: React.Ref<HTMLElement>;\r\n};\r\nconst HangerContext = React.createContext<HangerContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type HangerTexts = {\r\n    /** Aria-label for the close icon button of hanger */\r\n    close: string;\r\n};\r\n\r\nexport type HangerAnchorProps = React.HTMLAttributes<HTMLDivElement>;\r\nconst Anchor = React.forwardRef(function HangerAnchor(props: HangerAnchorProps, ref: React.Ref<HTMLDivElement>) {\r\n    const context = React.useContext(HangerContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Anchor {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nexport type HangerTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function DialogTitle(props: HangerTitleProps, ref: React.Ref<HTMLHeadingElement>) {\r\n    const className = cn('mb-1 text-base font-bold flex w-full', props.className);\r\n    return <span {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type HangerContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Set the position of the Hanger relative to its achor. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\n\r\nconst Content = React.forwardRef(function HangerContent(props: HangerContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const context = React.useContext(HangerContext);\r\n    const { texts } = useLocalization();\r\n    const className = cn(\r\n        'wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm',\r\n        props.className\r\n    );\r\n    const handleInteractOutside = (event: CustomEvent): void => {\r\n        event.preventDefault();\r\n    };\r\n\r\n    return (\r\n        <UnstyledContent\r\n            className={className}\r\n            data-taco=\"hanger\"\r\n            onInteractOutside={handleInteractOutside}\r\n            placement={props.placement}\r\n            ref={ref}\r\n        >\r\n            {props.children}\r\n            <UnstyledArrow className=\"text-blue\" />\r\n            <PopoverPrimitive.Close asChild>\r\n                <IconButton\r\n                    appearance=\"primary\"\r\n                    aria-label={texts.hanger.close}\r\n                    className=\"absolute top-0 right-0 ml-2 mr-2 mt-2 text-white\"\r\n                    icon=\"close\"\r\n                    onClick={context.props.onClose}\r\n                />\r\n            </PopoverPrimitive.Close>\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type HangerProps = React.PropsWithChildren<{\r\n    /** An anchor to be used for the hanger, should not be set if `children` already contains an anchor */\r\n    anchor?: JSX.Element;\r\n    /**\r\n     * Shows or hides hanger depending on the value\r\n     * @defaultValue true\r\n     */\r\n    defaultOpen?: boolean;\r\n    /** Handler called when user closes the hanger */\r\n    onClose?: () => void;\r\n}>;\r\n\r\nexport type ForwardedHangerWithStatics = React.ForwardRefExoticComponent<HangerProps & React.RefAttributes<HTMLElement>> & {\r\n    Anchor: React.ForwardRefExoticComponent<HangerAnchorProps>;\r\n    Content: React.ForwardRefExoticComponent<HangerContentProps>;\r\n    Title: React.ForwardRefExoticComponent<HangerTitleProps>;\r\n};\r\n\r\nexport const Hanger = React.forwardRef(function Hanger(props: HangerProps, ref: React.Ref<HTMLElement>) {\r\n    const { anchor, children, defaultOpen = true, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal\r\n    const [open, setOpen] = React.useState(false);\r\n    React.useEffect(() => {\r\n        if (defaultOpen) {\r\n            setOpen(defaultOpen);\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <HangerContext.Provider value={context}>\r\n            <PopoverPrimitive.Root key={String(open)} defaultOpen={open}>\r\n                {anchor && <Anchor>{anchor}</Anchor>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </HangerContext.Provider>\r\n    );\r\n}) as ForwardedHangerWithStatics;\r\nHanger.Anchor = Anchor;\r\nHanger.Content = Content;\r\nHanger.Title = Title;\r\n"],"names":["HangerContext","React","props","ref","Anchor","HangerAnchor","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","Title","DialogTitle","className","cn","Content","HangerContent","texts","useLocalization","handleInteractOutside","event","preventDefault","UnstyledContent","onInteractOutside","placement","UnstyledArrow","IconButton","appearance","hanger","close","icon","onClick","onClose","Hanger","anchor","defaultOpen","otherProps","open","setOpen","Provider","value","key","String"],"mappings":"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"}

package/dist/esm/components/Popover/Popover.js

@@ -2,7 +2,7 @@ import { forwardRef, useMemo, createElement, createContext, useContext, isValidE
 import cn from 'classnames';
 import { Root, Trigger as Trigger$1, Close as Close$1 } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from './Primitives.js';
-import mergeRefs from '../../utils/mergeRefs.js';
+import { mergeRefs } from '../../utils/mergeRefs.js';
 
 const PopoverContext = /*#__PURE__*/createContext({
   props: {},

package/dist/esm/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef(function Popover(props: PopoverProps, ref: React.Ref<HTMLElement>) {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverTrigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport { mergeRefs } from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef(function Popover(props: PopoverProps, ref: React.Ref<HTMLElement>) {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverTrigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}

package/dist/esm/components/SearchInput/SearchInput.js

@@ -14,6 +14,7 @@ import '../Toast/Toaster.js';
 import { useLocalization } from '../Provider/Provider.js';
 import '../Calendar/Calendar.js';
 import '../Checkbox/Checkbox.js';
+import '../../utils/hooks/useProxiedRef.js';
 import { Input } from '../Input/Input.js';
 import keycode from 'keycode';
 import '../../utils/hooks/useListKeyboardNavigation.js';
@@ -21,6 +22,7 @@ import '../../utils/hooks/useListScrollTo.js';
 import '../../utils/hooks/useBoundingClientRectListener.js';
 import '../Combobox/Combobox.js';
 import '../../utils/date.js';
+import '../../utils/mergeRefs.js';
 import '../Popover/Popover.js';
 import '../Datepicker/Datepicker.js';
 import '../Dialog/Dialog.js';
@@ -33,6 +35,7 @@ import '../Listbox/Listbox.js';
 import '../RadioGroup/RadioGroup.js';
 import '../Menu/Menu.js';
 import '../Treeview/Treeview.js';
+import '../../utils/hooks/useDropTarget.js';
 import '../Navigation/Navigation.js';
 import '../Select/Select.js';
 import '../Pagination/usePagination.js';

package/dist/esm/components/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport keycode from 'keycode';\r\nimport { Input, InputProps, useLocalization, IconButton } from '../..';\r\n\r\nexport type SearchInputTexts = {\r\n    /**\r\n     * aria-label text for input\r\n     */\r\n    inputLabel: string;\r\n};\r\n\r\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\r\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\r\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\r\n};\r\n\r\nexport const SearchInput = React.forwardRef(function SearchInput(\r\n    { onSearch, ...props }: SearchInputProps,\r\n    ref: React.Ref<HTMLInputElement>\r\n) {\r\n    const { texts } = useLocalization();\r\n\r\n    const handleClick = (): void => {\r\n        if (!props.disabled) {\r\n            onSearch?.(props.value);\r\n        }\r\n    };\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n        const isEnterKeyPressed = event.keyCode === keycode('enter');\r\n\r\n        if (isEnterKeyPressed) {\r\n            handleClick();\r\n        }\r\n\r\n        props.onKeyDown?.(event);\r\n    };\r\n\r\n    return (\r\n        <Input\r\n            aria-label={texts.searchInput.inputLabel}\r\n            {...props}\r\n            button={\r\n                <IconButton\r\n                    icon=\"search\"\r\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\r\n                    disabled={props.disabled}\r\n                    onClick={handleClick}\r\n                />\r\n            }\r\n            onKeyDown={handleKeyDown}\r\n            ref={ref}\r\n            type=\"search\"\r\n        />\r\n    );\r\n});\r\n"],"names":["SearchInput","React","onSearch","props","ref","texts","useLocalization","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","keyCode","keycode","onKeyDown","Input","searchInput","inputLabel","button","IconButton","icon","className","onClick","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,CACxC;EAAEE,QAAF;EAAY,GAAGC;AAAf,CADwC,EAExCC,GAFwC;EAIxC,MAAM;IAAEC;MAAUC,eAAe,EAAjC;;EAEA,MAAMC,WAAW,GAAG;IAChB,IAAI,CAACJ,KAAK,CAACK,QAAX,EAAqB;MACjBN,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGC,KAAK,CAACM,KAAT,CAAR;;GAFR;;EAMA,MAAMC,aAAa,GAAIC,KAAD;;;IAClB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAAnD;;IAEA,IAAIF,iBAAJ,EAAuB;MACnBL,WAAW;;;IAGf,oBAAAJ,KAAK,CAACY,SAAN,2EAAAZ,KAAK,EAAaQ,KAAb,CAAL;GAPJ;;EAUA,OACIV,aAAA,CAACe,KAAD;kBACgBX,KAAK,CAACY,WAAN,CAAkBC;KAC1Bf;IACJgB,MAAM,EACFlB,aAAA,CAACmB,UAAD;MACIC,IAAI,EAAC;MACLC,SAAS,EAAC;MACVd,QAAQ,EAAEL,KAAK,CAACK;MAChBe,OAAO,EAAEhB;KAJb;IAOJQ,SAAS,EAAEL;IACXN,GAAG,EAAEA;IACLoB,IAAI,EAAC;IAbT,CADJ;AAiBH,CAvC0B;;;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport keycode from 'keycode';\r\nimport { Input, InputProps, useLocalization, IconButton } from '../..';\r\n\r\nexport type SearchInputTexts = {\r\n    /**\r\n     * aria-label text for input\r\n     */\r\n    inputLabel: string;\r\n};\r\n\r\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\r\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\r\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\r\n};\r\n\r\nexport const SearchInput = React.forwardRef(function SearchInput(\r\n    { onSearch, ...props }: SearchInputProps,\r\n    ref: React.Ref<HTMLInputElement>\r\n) {\r\n    const { texts } = useLocalization();\r\n\r\n    const handleClick = (): void => {\r\n        if (!props.disabled) {\r\n            onSearch?.(props.value);\r\n        }\r\n    };\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n        const isEnterKeyPressed = event.keyCode === keycode('enter');\r\n\r\n        if (isEnterKeyPressed) {\r\n            handleClick();\r\n        }\r\n\r\n        props.onKeyDown?.(event);\r\n    };\r\n\r\n    return (\r\n        <Input\r\n            aria-label={texts.searchInput.inputLabel}\r\n            {...props}\r\n            button={\r\n                <IconButton\r\n                    icon=\"search\"\r\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\r\n                    disabled={props.disabled}\r\n                    onClick={handleClick}\r\n                />\r\n            }\r\n            onKeyDown={handleKeyDown}\r\n            ref={ref}\r\n            type=\"search\"\r\n        />\r\n    );\r\n});\r\n"],"names":["SearchInput","React","onSearch","props","ref","texts","useLocalization","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","keyCode","keycode","onKeyDown","Input","searchInput","inputLabel","button","IconButton","icon","className","onClick","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,CACxC;EAAEE,QAAF;EAAY,GAAGC;AAAf,CADwC,EAExCC,GAFwC;EAIxC,MAAM;IAAEC;MAAUC,eAAe,EAAjC;;EAEA,MAAMC,WAAW,GAAG;IAChB,IAAI,CAACJ,KAAK,CAACK,QAAX,EAAqB;MACjBN,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGC,KAAK,CAACM,KAAT,CAAR;;GAFR;;EAMA,MAAMC,aAAa,GAAIC,KAAD;;;IAClB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAAnD;;IAEA,IAAIF,iBAAJ,EAAuB;MACnBL,WAAW;;;IAGf,oBAAAJ,KAAK,CAACY,SAAN,2EAAAZ,KAAK,EAAaQ,KAAb,CAAL;GAPJ;;EAUA,OACIV,aAAA,CAACe,KAAD;kBACgBX,KAAK,CAACY,WAAN,CAAkBC;KAC1Bf;IACJgB,MAAM,EACFlB,aAAA,CAACmB,UAAD;MACIC,IAAI,EAAC;MACLC,SAAS,EAAC;MACVd,QAAQ,EAAEL,KAAK,CAACK;MAChBe,OAAO,EAAEhB;KAJb;IAOJQ,SAAS,EAAEL;IACXN,GAAG,EAAEA;IACLoB,IAAI,EAAC;IAbT,CADJ;AAiBH,CAvC0B;;;;"}

package/dist/esm/index.js

@@ -13,12 +13,14 @@ export { ToastProvider, useToast } from './components/Toast/Toaster.js';
 export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
 export { Calendar } from './components/Calendar/Calendar.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { useProxiedRef } from './utils/hooks/useProxiedRef.js';
 export { Input } from './components/Input/Input.js';
 export { getNextIndexFromKeycode, useListKeyboardNavigation } from './utils/hooks/useListKeyboardNavigation.js';
 export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
 export { useBoundingClientRectListener } from './utils/hooks/useBoundingClientRectListener.js';
 export { Combobox } from './components/Combobox/Combobox.js';
 export { format, parseFromCustomString, parseFromISOString } from './utils/date.js';
+export { mergeRefs } from './utils/mergeRefs.js';
 export { Popover } from './components/Popover/Popover.js';
 export { Datepicker } from './components/Datepicker/Datepicker.js';
 export { Dialog } from './components/Dialog/Dialog.js';
@@ -32,6 +34,7 @@ export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
 export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
 export { Menu } from './components/Menu/Menu.js';
 export { Treeview } from './components/Treeview/Treeview.js';
+export { useDropTarget } from './utils/hooks/useDropTarget.js';
 export { Navigation } from './components/Navigation/Navigation.js';
 export { Select } from './components/Select/Select.js';
 export { usePagination } from './components/Pagination/usePagination.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/utils/hooks/useDropTarget.js

@@ -1,22 +1,25 @@
 import React__default from 'react';
 
-const useDropTarget = onDrop => {
-  const [isDraggedOver, setDraggedOver] = React__default.useState(false);
-  const handleDragEnter = React__default.useCallback(event => {
+var useDropTarget = function useDropTarget(onDrop) {
+  var _React$useState = React__default.useState(false),
+      isDraggedOver = _React$useState[0],
+      setDraggedOver = _React$useState[1];
+
+  var handleDragEnter = React__default.useCallback(function (event) {
     event.preventDefault();
     setDraggedOver(true);
   }, []);
-  const handleDragLeave = React__default.useCallback(event => {
+  var handleDragLeave = React__default.useCallback(function (event) {
     event.preventDefault();
 
     if (event.target === event.currentTarget) {
       setDraggedOver(false);
     }
   }, []);
-  const handleDragOver = React__default.useCallback(event => {
+  var handleDragOver = React__default.useCallback(function (event) {
     event.preventDefault();
   }, []);
-  const handleDrop = React__default.useCallback(event => {
+  var handleDrop = React__default.useCallback(function (event) {
     event.preventDefault();
     event.persist();
     setDraggedOver(false);
@@ -25,7 +28,7 @@ const useDropTarget = onDrop => {
       onDrop(event);
     }
   }, [onDrop]);
-  const props = onDrop ? {
+  var props = onDrop ? {
     onDragEnter: handleDragEnter,
     onDragLeave: handleDragLeave,
     onDragOver: handleDragOver,

package/dist/esm/utils/hooks/useDropTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropTarget.js","sources":["../../../../src/utils/hooks/useDropTarget.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport type useDropTarget = [\r\n    boolean,\r\n    (\r\n        | undefined\r\n        | {\r\n              onDragEnter: React.DragEventHandler;\r\n              onDragLeave: React.DragEventHandler;\r\n              onDragOver: React.DragEventHandler;\r\n              onDrop: React.DragEventHandler;\r\n          }\r\n    )\r\n];\r\n\r\nexport const useDropTarget = (onDrop: React.DragEventHandler | undefined): useDropTarget => {\r\n    const [isDraggedOver, setDraggedOver] = React.useState(false);\r\n\r\n    const handleDragEnter = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n        setDraggedOver(true);\r\n    }, []);\r\n\r\n    const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n\r\n        if (event.target === event.currentTarget) {\r\n            setDraggedOver(false);\r\n        }\r\n    }, []);\r\n\r\n    const handleDragOver = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n    }, []);\r\n\r\n    const handleDrop = React.useCallback(\r\n        (event: React.DragEvent<HTMLElement>) => {\r\n            event.preventDefault();\r\n            event.persist();\r\n\r\n            setDraggedOver(false);\r\n\r\n            if (onDrop) {\r\n                onDrop(event);\r\n            }\r\n        },\r\n        [onDrop]\r\n    );\r\n\r\n    const props = onDrop\r\n        ? {\r\n              onDragEnter: handleDragEnter,\r\n              onDragLeave: handleDragLeave,\r\n              onDragOver: handleDragOver,\r\n              onDrop: handleDrop,\r\n          }\r\n        : undefined;\r\n\r\n    return [isDraggedOver, props];\r\n};\r\n"],"names":["useDropTarget","onDrop","isDraggedOver","setDraggedOver","React","useState","handleDragEnter","useCallback","event","preventDefault","handleDragLeave","target","currentTarget","handleDragOver","handleDrop","persist","props","onDragEnter","onDragLeave","onDragOver","undefined"],"mappings":";;MAeaA,aAAa,GAAIC,MAAD;EACzB,MAAM,CAACC,aAAD,EAAgBC,cAAhB,IAAkCC,cAAK,CAACC,QAAN,CAAe,KAAf,CAAxC;EAEA,MAAMC,eAAe,GAAGF,cAAK,CAACG,WAAN,CAAmBC,KAAD;IACtCA,KAAK,CAACC,cAAN;IACAN,cAAc,CAAC,IAAD,CAAd;GAFoB,EAGrB,EAHqB,CAAxB;EAKA,MAAMO,eAAe,GAAGN,cAAK,CAACG,WAAN,CAAmBC,KAAD;IACtCA,KAAK,CAACC,cAAN;;IAEA,IAAID,KAAK,CAACG,MAAN,KAAiBH,KAAK,CAACI,aAA3B,EAA0C;MACtCT,cAAc,CAAC,KAAD,CAAd;;GAJgB,EAMrB,EANqB,CAAxB;EAQA,MAAMU,cAAc,GAAGT,cAAK,CAACG,WAAN,CAAmBC,KAAD;IACrCA,KAAK,CAACC,cAAN;GADmB,EAEpB,EAFoB,CAAvB;EAIA,MAAMK,UAAU,GAAGV,cAAK,CAACG,WAAN,CACdC,KAAD;IACIA,KAAK,CAACC,cAAN;IACAD,KAAK,CAACO,OAAN;IAEAZ,cAAc,CAAC,KAAD,CAAd;;IAEA,IAAIF,MAAJ,EAAY;MACRA,MAAM,CAACO,KAAD,CAAN;;GARO,EAWf,CAACP,MAAD,CAXe,CAAnB;EAcA,MAAMe,KAAK,GAAGf,MAAM,GACd;IACIgB,WAAW,EAAEX,eADjB;IAEIY,WAAW,EAAER,eAFjB;IAGIS,UAAU,EAAEN,cAHhB;IAIIZ,MAAM,EAAEa;GALE,GAOdM,SAPN;EASA,OAAO,CAAClB,aAAD,EAAgBc,KAAhB,CAAP;AACH;;;;"}
+{"version":3,"file":"useDropTarget.js","sources":["../../../../src/utils/hooks/useDropTarget.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport type useDropTarget = [\r\n    boolean,\r\n    (\r\n        | undefined\r\n        | {\r\n              onDragEnter: React.DragEventHandler;\r\n              onDragLeave: React.DragEventHandler;\r\n              onDragOver: React.DragEventHandler;\r\n              onDrop: React.DragEventHandler;\r\n          }\r\n    )\r\n];\r\n\r\nexport const useDropTarget = (onDrop: React.DragEventHandler | undefined): useDropTarget => {\r\n    const [isDraggedOver, setDraggedOver] = React.useState(false);\r\n\r\n    const handleDragEnter = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n        setDraggedOver(true);\r\n    }, []);\r\n\r\n    const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n\r\n        if (event.target === event.currentTarget) {\r\n            setDraggedOver(false);\r\n        }\r\n    }, []);\r\n\r\n    const handleDragOver = React.useCallback((event: React.DragEvent<HTMLElement>) => {\r\n        event.preventDefault();\r\n    }, []);\r\n\r\n    const handleDrop = React.useCallback(\r\n        (event: React.DragEvent<HTMLElement>) => {\r\n            event.preventDefault();\r\n            event.persist();\r\n\r\n            setDraggedOver(false);\r\n\r\n            if (onDrop) {\r\n                onDrop(event);\r\n            }\r\n        },\r\n        [onDrop]\r\n    );\r\n\r\n    const props = onDrop\r\n        ? {\r\n              onDragEnter: handleDragEnter,\r\n              onDragLeave: handleDragLeave,\r\n              onDragOver: handleDragOver,\r\n              onDrop: handleDrop,\r\n          }\r\n        : undefined;\r\n\r\n    return [isDraggedOver, props];\r\n};\r\n"],"names":["useDropTarget","onDrop","React","useState","isDraggedOver","setDraggedOver","handleDragEnter","useCallback","event","preventDefault","handleDragLeave","target","currentTarget","handleDragOver","handleDrop","persist","props","onDragEnter","onDragLeave","onDragOver","undefined"],"mappings":";;IAeaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;EACzB,sBAAwCC,cAAK,CAACC,QAAN,CAAe,KAAf,CAAxC;MAAOC,aAAP;MAAsBC,cAAtB;;EAEA,IAAMC,eAAe,GAAGJ,cAAK,CAACK,WAAN,CAAkB,UAACC,KAAD;IACtCA,KAAK,CAACC,cAAN;IACAJ,cAAc,CAAC,IAAD,CAAd;GAFoB,EAGrB,EAHqB,CAAxB;EAKA,IAAMK,eAAe,GAAGR,cAAK,CAACK,WAAN,CAAkB,UAACC,KAAD;IACtCA,KAAK,CAACC,cAAN;;IAEA,IAAID,KAAK,CAACG,MAAN,KAAiBH,KAAK,CAACI,aAA3B,EAA0C;MACtCP,cAAc,CAAC,KAAD,CAAd;;GAJgB,EAMrB,EANqB,CAAxB;EAQA,IAAMQ,cAAc,GAAGX,cAAK,CAACK,WAAN,CAAkB,UAACC,KAAD;IACrCA,KAAK,CAACC,cAAN;GADmB,EAEpB,EAFoB,CAAvB;EAIA,IAAMK,UAAU,GAAGZ,cAAK,CAACK,WAAN,CACf,UAACC,KAAD;IACIA,KAAK,CAACC,cAAN;IACAD,KAAK,CAACO,OAAN;IAEAV,cAAc,CAAC,KAAD,CAAd;;IAEA,IAAIJ,MAAJ,EAAY;MACRA,MAAM,CAACO,KAAD,CAAN;;GARO,EAWf,CAACP,MAAD,CAXe,CAAnB;EAcA,IAAMe,KAAK,GAAGf,MAAM,GACd;IACIgB,WAAW,EAAEX,eADjB;IAEIY,WAAW,EAAER,eAFjB;IAGIS,UAAU,EAAEN,cAHhB;IAIIZ,MAAM,EAAEa;GALE,GAOdM,SAPN;EASA,OAAO,CAAChB,aAAD,EAAgBY,KAAhB,CAAP;AACH;;;;"}

package/dist/esm/utils/hooks/useProxiedRef.js

@@ -1,8 +1,8 @@
 import { useRef, useEffect } from 'react';
 
-const useProxiedRef = ref => {
-  const internalRef = useRef(null);
-  useEffect(() => {
+var useProxiedRef = function useProxiedRef(ref) {
+  var internalRef = useRef(null);
+  useEffect(function () {
     if (ref) {
       if (typeof ref === 'function') {
         ref(internalRef.current);

package/dist/esm/utils/hooks/useProxiedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProxiedRef.js","sources":["../../../../src/utils/hooks/useProxiedRef.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\r\n    const internalRef = React.useRef<T>(null);\r\n\r\n    React.useEffect(() => {\r\n        if (ref) {\r\n            if (typeof ref === 'function') {\r\n                ref(internalRef.current);\r\n            } else {\r\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\r\n            }\r\n        }\r\n    }, [ref]);\r\n\r\n    return internalRef;\r\n};\r\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;MAEaA,aAAa,GAA2BC,GAAxB;EACzB,MAAMC,WAAW,GAAGC,MAAA,CAAgB,IAAhB,CAApB;EAEAA,SAAA,CAAgB;IACZ,IAAIF,GAAJ,EAAS;MACL,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;QAC3BA,GAAG,CAACC,WAAW,CAACE,OAAb,CAAH;OADJ,MAEO;QACFH,GAAkD,CAACG,OAAnD,GAA6DF,WAAW,CAACE,OAAzE;;;GALb,EAQG,CAACH,GAAD,CARH;EAUA,OAAOC,WAAP;AACH;;;;"}
+{"version":3,"file":"useProxiedRef.js","sources":["../../../../src/utils/hooks/useProxiedRef.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport const useProxiedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\r\n    const internalRef = React.useRef<T>(null);\r\n\r\n    React.useEffect(() => {\r\n        if (ref) {\r\n            if (typeof ref === 'function') {\r\n                ref(internalRef.current);\r\n            } else {\r\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\r\n            }\r\n        }\r\n    }, [ref]);\r\n\r\n    return internalRef;\r\n};\r\n"],"names":["useProxiedRef","ref","internalRef","React","current"],"mappings":";;IAEaA,aAAa,GAAG,SAAhBA,aAAgB,CAAwBC,GAAxB;EACzB,IAAMC,WAAW,GAAGC,MAAA,CAAgB,IAAhB,CAApB;EAEAA,SAAA,CAAgB;IACZ,IAAIF,GAAJ,EAAS;MACL,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;QAC3BA,GAAG,CAACC,WAAW,CAACE,OAAb,CAAH;OADJ,MAEO;QACFH,GAAkD,CAACG,OAAnD,GAA6DF,WAAW,CAACE,OAAzE;;;GALb,EAQG,CAACH,GAAD,CARH;EAUA,OAAOC,WAAP;AACH;;;;"}

package/dist/esm/utils/mergeRefs.js

@@ -1,6 +1,6 @@
 function mergeRefs(refs) {
-  return value => {
-    refs.forEach(ref => {
+  return function (value) {
+    refs.forEach(function (ref) {
       if (typeof ref === 'function') {
         ref(value);
       } else if (ref != null) {
@@ -10,5 +10,5 @@ function mergeRefs(refs) {
   };
 }
 
-export default mergeRefs;
+export { mergeRefs };
 //# sourceMappingURL=mergeRefs.js.map

package/dist/esm/utils/mergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeRefs.js","sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\r\n    return value => {\r\n        refs.forEach(ref => {\r\n            if (typeof ref === 'function') {\r\n                ref(value);\r\n            } else if (ref != null) {\r\n                (ref as React.MutableRefObject<T | null>).current = value;\r\n            }\r\n        });\r\n    };\r\n}\r\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEwBA,UAAmBC;EACvC,OAAOC,KAAK;IACRD,IAAI,CAACE,OAAL,CAAaC,GAAG;MACZ,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;QAC3BA,GAAG,CAACF,KAAD,CAAH;OADJ,MAEO,IAAIE,GAAG,IAAI,IAAX,EAAiB;QACnBA,GAAwC,CAACC,OAAzC,GAAmDH,KAAnD;;KAJT;GADJ;AASH;;;;"}
+{"version":3,"file":"mergeRefs.js","sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\r\n    return value => {\r\n        refs.forEach(ref => {\r\n            if (typeof ref === 'function') {\r\n                ref(value);\r\n            } else if (ref != null) {\r\n                (ref as React.MutableRefObject<T | null>).current = value;\r\n            }\r\n        });\r\n    };\r\n}\r\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEgBA,UAAmBC;EAC/B,OAAO,UAAAC,KAAK;IACRD,IAAI,CAACE,OAAL,CAAa,UAAAC,GAAG;MACZ,IAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;QAC3BA,GAAG,CAACF,KAAD,CAAH;OADJ,MAEO,IAAIE,GAAG,IAAI,IAAX,EAAiB;QACnBA,GAAwC,CAACC,OAAzC,GAAmDH,KAAnD;;KAJT;GADJ;AASH;;;;"}

package/dist/index.d.ts

@@ -39,8 +39,11 @@ export * from './components/Tour/Tour';
 export * from './components/Treeview/Treeview';
 export * from './components/VisuallyHidden/VisuallyHidden';
 export * from './utils/date';
+export * from './utils/mergeRefs';
 export * from './utils/hooks/useBoundingClientRectListener';
 export * from './utils/hooks/useListKeyboardNavigation';
 export * from './utils/hooks/useOnClickOutside';
 export * from './utils/hooks/useListScrollTo';
+export * from './utils/hooks/useProxiedRef';
+export * from './utils/hooks/useDropTarget';
 export * from './types';