@economic/taco 1.14.3 → 1.15.1

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

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    children: React.ReactElement<Select2OptionProps>[];\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, onClick, tabIndex = 0, ...otherProps } = props;\n    const { disabled, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'cursor-pointer !px-1.5',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly }).replace('w-full ', ''),\n        { 'w-full': !props.className?.includes('w-') },\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    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            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled || readOnly ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"-mr-1 ml-auto\" />\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, value, ...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 (currentValue) {\n        if (tags) {\n            output = (\n                <Tag\n                    className=\"truncate\"\n                    color={currentValue.props.color}\n                    disabled={disabled}\n                    icon={currentValue.props.icon}\n                    readOnly={readOnly}>\n                    {currentValue.props.children}\n                </Tag>\n            );\n        } else {\n            output = (\n                <>\n                    {currentValue.props.icon ? (\n                        typeof currentValue.props.icon === 'string' ? (\n                            <Icon name={currentValue.props.icon} />\n                        ) : (\n                            currentValue.props.icon\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <span className={contentClassName}>{output}</span>\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, values = [], ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const contentRef = React.useRef<HTMLSpanElement>(null);\n\n    const createClickHandler = tagValue => event => {\n        event?.stopPropagation();\n        event?.preventDefault();\n\n        if (!disabled && !readOnly) {\n            setValue(tagValue);\n        }\n    };\n    const valuesAsChildren = values.map(value =>\n        children.find(c => c.props.value === value)\n    ) as React.ReactElement<Select2OptionProps>[];\n\n    if (open) {\n        return (\n            <span className=\"relative h-8\">\n                <Button {...buttonProps} className={cn('absolute z-20', buttonProps.className)} ref={ref}>\n                    <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\">\n                        <span className=\"flex flex-wrap gap-1\">\n                            {valuesAsChildren.map(child => (\n                                <Tag\n                                    key={child.props.value}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.icon}\n                                    onDelete={open ? createClickHandler(child.props.value) : undefined}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ))}\n                        </span>\n                    </ScrollArea>\n                </Button>\n            </span>\n        );\n    }\n\n    const boundaryIndex = contentRef.current ? getIndexOfFirstChildOverflowingParent(contentRef.current, 30) : undefined;\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <span className=\"relative flex items-center gap-1 overflow-hidden\">\n                <span className=\"flex gap-1 truncate\" ref={contentRef}>\n                    {valuesAsChildren.map((child, index) => {\n                        const tag = (\n                            <Tag\n                                key={child.props.value}\n                                className={cn('cursor-pointer', {\n                                    truncate: index === boundaryIndex,\n                                    hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                                })}\n                                color={tags ? child.props.color : undefined}\n                                disabled={disabled}\n                                icon={child.props.icon}\n                                onDelete={open ? createClickHandler(child.props.value) : undefined}\n                                readOnly={readOnly}>\n                                {child.props.children}\n                            </Tag>\n                        );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={child.props.value} title={String(child.props.children)}>\n                                    {tag}\n                                </Tooltip>\n                            );\n                        }\n\n                        return tag;\n                    })}\n                </span>\n                {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                    <Tooltip\n                        title={valuesAsChildren\n                            .slice(boundaryIndex + 1)\n                            .map(child => (child ? String(child.props.children) : ''))\n                            .join(', ')}>\n                        <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                    </Tooltip>\n                ) : null}\n            </span>\n        </Button>\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":["Trigger","React","forwardRef","Select2Trigger","props","ref","multiple","value","useSelect2Context","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onClick","tabIndex","otherProps","disabled","highlighted","invalid","open","readOnly","className","cn","getInputClasses","replace","includes","handleClick","event","preventDefault","role","type","Icon","name","Select2TriggerSingle","buttonProps","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","Select2TriggerMultiple","setValue","contentRef","useRef","createClickHandler","tagValue","stopPropagation","valuesAsChildren","map","c","ScrollArea","child","key","onDelete","boundaryIndex","current","getIndexOfFirstChildOverflowingParent","index","tag","truncate","hidden","Tooltip","title","String","length","slice","join","Badge"],"mappings":"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"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { Tag } from '../../Tag/Tag';\r\nimport { Tooltip } from '../../Tooltip/Tooltip';\r\nimport { Icon } from '../../Icon/Icon';\r\nimport { Badge } from '../../Badge/Badge';\r\nimport { getInputClasses } from '../../Input/util';\r\nimport { Select2OptionValue } from '../types';\r\nimport { useSelect2Context } from './Context';\r\nimport { Select2OptionProps } from './Option';\r\nimport { getIndexOfFirstChildOverflowingParent } from '../../../utils/dom';\r\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\r\n\r\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\r\n    children: React.ReactElement<Select2OptionProps>[];\r\n};\r\n\r\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\r\n    const { multiple, value } = useSelect2Context();\r\n\r\n    if (Array.isArray(value) || multiple) {\r\n        const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;\r\n        return <Multiple {...props} ref={ref} values={values} />;\r\n    }\r\n\r\n    return <Single {...props} ref={ref} value={value} />;\r\n});\r\n\r\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\r\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\r\n    const { children, onClick, tabIndex = 0, ...otherProps } = props;\r\n    const { disabled, highlighted, invalid, open, readOnly } = useSelect2Context();\r\n\r\n    const className = cn(\r\n        'cursor-pointer !px-1.5',\r\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly }).replace('w-full ', ''),\r\n        { 'w-full': !props.className?.includes('w-') },\r\n        props.className\r\n    );\r\n\r\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n        if (disabled || readOnly) {\r\n            event.preventDefault();\r\n            return;\r\n        }\r\n\r\n        if (typeof onClick === 'function') {\r\n            onClick(event);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <button\r\n            {...otherProps}\r\n            aria-invalid={invalid ? true : undefined}\r\n            aria-readonly={readOnly ? true : undefined}\r\n            className={className}\r\n            disabled={disabled}\r\n            onClick={handleClick}\r\n            ref={ref}\r\n            role=\"combobox\"\r\n            tabIndex={disabled || readOnly ? -1 : tabIndex}\r\n            type=\"button\">\r\n            {children}\r\n            <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"-mr-1 ml-auto\" />\r\n        </button>\r\n    );\r\n});\r\n\r\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue };\r\n\r\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\r\n    const { children, value, ...buttonProps } = props;\r\n    const { disabled, readOnly, tags } = useSelect2Context();\r\n    const contentClassName = cn('truncate flex items-center gap-1');\r\n\r\n    const currentValue = children.find(matchesValue(value));\r\n\r\n    let output;\r\n\r\n    if (currentValue) {\r\n        if (tags) {\r\n            output = (\r\n                <Tag\r\n                    className=\"truncate\"\r\n                    color={currentValue.props.color}\r\n                    disabled={disabled}\r\n                    icon={currentValue.props.icon}\r\n                    readOnly={readOnly}>\r\n                    {currentValue.props.children}\r\n                </Tag>\r\n            );\r\n        } else {\r\n            output = (\r\n                <>\r\n                    {currentValue.props.icon ? (\r\n                        typeof currentValue.props.icon === 'string' ? (\r\n                            <Icon name={currentValue.props.icon} />\r\n                        ) : (\r\n                            currentValue.props.icon\r\n                        )\r\n                    ) : null}\r\n                    {currentValue.props.children}\r\n                </>\r\n            );\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Button {...buttonProps} ref={ref}>\r\n            <span className={contentClassName}>{output}</span>\r\n        </Button>\r\n    );\r\n});\r\n\r\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\r\n    values?: Select2OptionValue[];\r\n};\r\n\r\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\r\n    const { children, values = [], ...buttonProps } = props;\r\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\r\n    const contentRef = React.useRef<HTMLSpanElement>(null);\r\n\r\n    const createClickHandler = tagValue => event => {\r\n        event?.stopPropagation();\r\n        event?.preventDefault();\r\n\r\n        if (!disabled && !readOnly) {\r\n            setValue(tagValue);\r\n        }\r\n    };\r\n    const valuesAsChildren = values.map(value =>\r\n        children.find(c => c.props.value === value)\r\n    ) as React.ReactElement<Select2OptionProps>[];\r\n\r\n    if (open) {\r\n        return (\r\n            <span className=\"relative h-8\">\r\n                <Button {...buttonProps} className={cn('absolute z-20', buttonProps.className)} ref={ref}>\r\n                    <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\">\r\n                        <span className=\"flex flex-wrap gap-1\">\r\n                            {valuesAsChildren.map(child => (\r\n                                <Tag\r\n                                    key={child.props.value}\r\n                                    className=\"truncate\"\r\n                                    color={tags ? child.props.color : undefined}\r\n                                    disabled={disabled}\r\n                                    icon={child.props.icon}\r\n                                    onDelete={open ? createClickHandler(child.props.value) : undefined}\r\n                                    readOnly={readOnly}>\r\n                                    {child.props.children}\r\n                                </Tag>\r\n                            ))}\r\n                        </span>\r\n                    </ScrollArea>\r\n                </Button>\r\n            </span>\r\n        );\r\n    }\r\n\r\n    const boundaryIndex = contentRef.current ? getIndexOfFirstChildOverflowingParent(contentRef.current, 30) : undefined;\r\n\r\n    return (\r\n        <Button {...buttonProps} ref={ref}>\r\n            <span className=\"relative flex items-center gap-1 overflow-hidden\">\r\n                <span className=\"flex gap-1 truncate\" ref={contentRef}>\r\n                    {valuesAsChildren.map((child, index) => {\r\n                        const tag = (\r\n                            <Tag\r\n                                key={child.props.value}\r\n                                className={cn('cursor-pointer', {\r\n                                    truncate: index === boundaryIndex,\r\n                                    hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\r\n                                })}\r\n                                color={tags ? child.props.color : undefined}\r\n                                disabled={disabled}\r\n                                icon={child.props.icon}\r\n                                onDelete={open ? createClickHandler(child.props.value) : undefined}\r\n                                readOnly={readOnly}>\r\n                                {child.props.children}\r\n                            </Tag>\r\n                        );\r\n\r\n                        if (index === boundaryIndex) {\r\n                            return (\r\n                                <Tooltip key={child.props.value} title={String(child.props.children)}>\r\n                                    {tag}\r\n                                </Tooltip>\r\n                            );\r\n                        }\r\n\r\n                        return tag;\r\n                    })}\r\n                </span>\r\n                {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\r\n                    <Tooltip\r\n                        title={valuesAsChildren\r\n                            .slice(boundaryIndex + 1)\r\n                            .map(child => (child ? String(child.props.children) : ''))\r\n                            .join(', ')}>\r\n                        <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\r\n                    </Tooltip>\r\n                ) : null}\r\n            </span>\r\n        </Button>\r\n    );\r\n});\r\n\r\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\r\n    if (Array.isArray(value)) {\r\n        return value.includes(child.props.value);\r\n    }\r\n\r\n    return child.props.value === value;\r\n};\r\n"],"names":["Trigger","React","forwardRef","Select2Trigger","props","ref","multiple","value","useSelect2Context","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onClick","tabIndex","otherProps","disabled","highlighted","invalid","open","readOnly","className","cn","getInputClasses","replace","includes","handleClick","event","preventDefault","role","type","Icon","name","Select2TriggerSingle","buttonProps","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","Select2TriggerMultiple","setValue","contentRef","useRef","createClickHandler","tagValue","stopPropagation","valuesAsChildren","map","c","ScrollArea","child","key","onDelete","boundaryIndex","current","getIndexOfFirstChildOverflowingParent","index","tag","truncate","hidden","Tooltip","title","String","length","slice","join","Badge"],"mappings":";;;;;;;;;;;MAiBaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,cAAc,CAACC,KAAK,EAAEC,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,oBAAOX,6BAACY,QAAQ,oBAAKT,KAAK;MAAEC,GAAG,EAAEA,GAAG;MAAEM,MAAM,EAAEA;OAAU;;EAG5D,oBAAOV,6BAACa,MAAM,oBAAKV,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEE,KAAK,EAAEA;KAAS;AACxD,CAAC;AAKD,MAAMQ,MAAM,gBAAGd,cAAK,CAACC,UAAU,CAAiC,SAASc,oBAAoB,CAACZ,KAAK,EAAEC,GAAG;;EACpG,MAAM;IAAEY,QAAQ;IAAEC,OAAO;IAAEC,QAAQ,GAAG,CAAC;IAAE,GAAGC;GAAY,GAAGhB,KAAK;EAChE,MAAM;IAAEiB,QAAQ;IAAEC,WAAW;IAAEC,OAAO;IAAEC,IAAI;IAAEC;GAAU,GAAGjB,iBAAiB,EAAE;EAE9E,MAAMkB,SAAS,GAAGC,EAAE,CAChB,wBAAwB,EACxBC,eAAe,CAAC;IAAE,GAAGxB,KAAK;IAAEiB,QAAQ;IAAEC,WAAW;IAAEC,OAAO;IAAEE;GAAU,CAAC,CAACI,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,EAC9F;IAAE,QAAQ,EAAE,sBAACzB,KAAK,CAACsB,SAAS,6CAAf,iBAAiBI,QAAQ,CAAC,IAAI,CAAC;GAAE,EAC9C1B,KAAK,CAACsB,SAAS,CAClB;EAED,MAAMK,WAAW,GAAIC,KAA0C;IAC3D,IAAIX,QAAQ,IAAII,QAAQ,EAAE;MACtBO,KAAK,CAACC,cAAc,EAAE;MACtB;;IAGJ,IAAI,OAAOf,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACc,KAAK,CAAC;;GAErB;EAED,oBACI/B,yDACQmB,UAAU;oBACAG,OAAO,GAAG,IAAI,GAAGX,SAAS;qBACzBa,QAAQ,GAAG,IAAI,GAAGb,SAAS;IAC1Cc,SAAS,EAAEA,SAAS;IACpBL,QAAQ,EAAEA,QAAQ;IAClBH,OAAO,EAAEa,WAAW;IACpB1B,GAAG,EAAEA,GAAG;IACR6B,IAAI,EAAC,UAAU;IACff,QAAQ,EAAEE,QAAQ,IAAII,QAAQ,GAAG,CAAC,CAAC,GAAGN,QAAQ;IAC9CgB,IAAI,EAAC;MACJlB,QAAQ,eACThB,6BAACmC,IAAI;IAACC,IAAI,EAAEb,IAAI,GAAG,YAAY,GAAG,cAAc;IAAEE,SAAS,EAAC;IAAkB,CACzE;AAEjB,CAAC,CAAC;AAIF,MAAMZ,MAAM,gBAAGb,cAAK,CAACC,UAAU,CAAiC,SAASoC,oBAAoB,CAAClC,KAAK,EAAEC,GAAG;EACpG,MAAM;IAAEY,QAAQ;IAAEV,KAAK;IAAE,GAAGgC;GAAa,GAAGnC,KAAK;EACjD,MAAM;IAAEiB,QAAQ;IAAEI,QAAQ;IAAEe;GAAM,GAAGhC,iBAAiB,EAAE;EACxD,MAAMiC,gBAAgB,GAAGd,EAAE,CAAC,kCAAkC,CAAC;EAE/D,MAAMe,YAAY,GAAGzB,QAAQ,CAAC0B,IAAI,CAACC,YAAY,CAACrC,KAAK,CAAC,CAAC;EAEvD,IAAIsC,MAAM;EAEV,IAAIH,YAAY,EAAE;IACd,IAAIF,IAAI,EAAE;MACNK,MAAM,gBACF5C,6BAAC6C,GAAG;QACApB,SAAS,EAAC,UAAU;QACpBqB,KAAK,EAAEL,YAAY,CAACtC,KAAK,CAAC2C,KAAK;QAC/B1B,QAAQ,EAAEA,QAAQ;QAClB2B,IAAI,EAAEN,YAAY,CAACtC,KAAK,CAAC4C,IAAI;QAC7BvB,QAAQ,EAAEA;SACTiB,YAAY,CAACtC,KAAK,CAACa,QAAQ,CAEnC;KACJ,MAAM;MACH4B,MAAM,gBACF5C,4DACKyC,YAAY,CAACtC,KAAK,CAAC4C,IAAI,GACpB,OAAON,YAAY,CAACtC,KAAK,CAAC4C,IAAI,KAAK,QAAQ,gBACvC/C,6BAACmC,IAAI;QAACC,IAAI,EAAEK,YAAY,CAACtC,KAAK,CAAC4C;QAAQ,GAEvCN,YAAY,CAACtC,KAAK,CAAC4C,IACtB,GACD,IAAI,EACPN,YAAY,CAACtC,KAAK,CAACa,QAAQ,CAEnC;;;EAIT,oBACIhB,6BAACc,MAAM,oBAAKwB,WAAW;IAAElC,GAAG,EAAEA;mBAC1BJ;IAAMyB,SAAS,EAAEe;KAAmBI,MAAM,CAAQ,CAC7C;AAEjB,CAAC,CAAC;AAMF,MAAMhC,QAAQ,gBAAGZ,cAAK,CAACC,UAAU,CAAmC,SAAS+C,sBAAsB,CAAC7C,KAAK,EAAEC,GAAG;EAC1G,MAAM;IAAEY,QAAQ;IAAEN,MAAM,GAAG,EAAE;IAAE,GAAG4B;GAAa,GAAGnC,KAAK;EACvD,MAAM;IAAEiB,QAAQ;IAAEG,IAAI;IAAEC,QAAQ;IAAEyB,QAAQ;IAAEV;GAAM,GAAGhC,iBAAiB,EAAE;EACxE,MAAM2C,UAAU,GAAGlD,cAAK,CAACmD,MAAM,CAAkB,IAAI,CAAC;EAEtD,MAAMC,kBAAkB,GAAGC,QAAQ,IAAItB,KAAK;IACxCA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEuB,eAAe,EAAE;IACxBvB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,cAAc,EAAE;IAEvB,IAAI,CAACZ,QAAQ,IAAI,CAACI,QAAQ,EAAE;MACxByB,QAAQ,CAACI,QAAQ,CAAC;;GAEzB;EACD,MAAME,gBAAgB,GAAG7C,MAAM,CAAC8C,GAAG,CAAClD,KAAK,IACrCU,QAAQ,CAAC0B,IAAI,CAACe,CAAC,IAAIA,CAAC,CAACtD,KAAK,CAACG,KAAK,KAAKA,KAAK,CAAC,CACF;EAE7C,IAAIiB,IAAI,EAAE;IACN,oBACIvB;MAAMyB,SAAS,EAAC;oBACZzB,6BAACc,MAAM,oBAAKwB,WAAW;MAAEb,SAAS,EAAEC,EAAE,CAAC,eAAe,EAAEY,WAAW,CAACb,SAAS,CAAC;MAAErB,GAAG,EAAEA;qBACjFJ,6BAAC0D,UAAU;MAACjC,SAAS,EAAC;oBAClBzB;MAAMyB,SAAS,EAAC;OACX8B,gBAAgB,CAACC,GAAG,CAACG,KAAK,iBACvB3D,6BAAC6C,GAAG;MACAe,GAAG,EAAED,KAAK,CAACxD,KAAK,CAACG,KAAK;MACtBmB,SAAS,EAAC,UAAU;MACpBqB,KAAK,EAAEP,IAAI,GAAGoB,KAAK,CAACxD,KAAK,CAAC2C,KAAK,GAAGnC,SAAS;MAC3CS,QAAQ,EAAEA,QAAQ;MAClB2B,IAAI,EAAEY,KAAK,CAACxD,KAAK,CAAC4C,IAAI;MACtBc,QAAQ,EAAEtC,IAAI,GAAG6B,kBAAkB,CAACO,KAAK,CAACxD,KAAK,CAACG,KAAK,CAAC,GAAGK,SAAS;MAClEa,QAAQ,EAAEA;OACTmC,KAAK,CAACxD,KAAK,CAACa,QAAQ,CAE5B,CAAC,CACC,CACE,CACR,CACN;;EAIf,MAAM8C,aAAa,GAAGZ,UAAU,CAACa,OAAO,GAAGC,qCAAqC,CAACd,UAAU,CAACa,OAAO,EAAE,EAAE,CAAC,GAAGpD,SAAS;EAEpH,oBACIX,6BAACc,MAAM,oBAAKwB,WAAW;IAAElC,GAAG,EAAEA;mBAC1BJ;IAAMyB,SAAS,EAAC;kBACZzB;IAAMyB,SAAS,EAAC,qBAAqB;IAACrB,GAAG,EAAE8C;KACtCK,gBAAgB,CAACC,GAAG,CAAC,CAACG,KAAK,EAAEM,KAAK;IAC/B,MAAMC,GAAG,gBACLlE,6BAAC6C,GAAG;MACAe,GAAG,EAAED,KAAK,CAACxD,KAAK,CAACG,KAAK;MACtBmB,SAAS,EAAEC,EAAE,CAAC,gBAAgB,EAAE;QAC5ByC,QAAQ,EAAEF,KAAK,KAAKH,aAAa;QACjCM,MAAM,EAAEN,aAAa,KAAKnD,SAAS,IAAImD,aAAa,KAAK,IAAI,GAAGG,KAAK,GAAGH,aAAa,GAAG;OAC3F,CAAC;MACFhB,KAAK,EAAEP,IAAI,GAAGoB,KAAK,CAACxD,KAAK,CAAC2C,KAAK,GAAGnC,SAAS;MAC3CS,QAAQ,EAAEA,QAAQ;MAClB2B,IAAI,EAAEY,KAAK,CAACxD,KAAK,CAAC4C,IAAI;MACtBc,QAAQ,EAAEtC,IAAI,GAAG6B,kBAAkB,CAACO,KAAK,CAACxD,KAAK,CAACG,KAAK,CAAC,GAAGK,SAAS;MAClEa,QAAQ,EAAEA;OACTmC,KAAK,CAACxD,KAAK,CAACa,QAAQ,CAE5B;IAED,IAAIiD,KAAK,KAAKH,aAAa,EAAE;MACzB,oBACI9D,6BAACqE,OAAO;QAACT,GAAG,EAAED,KAAK,CAACxD,KAAK,CAACG,KAAK;QAAEgE,KAAK,EAAEC,MAAM,CAACZ,KAAK,CAACxD,KAAK,CAACa,QAAQ;SAC9DkD,GAAG,CACE;;IAIlB,OAAOA,GAAG;GACb,CAAC,CACC,EACNJ,aAAa,KAAKnD,SAAS,IAAImD,aAAa,KAAK,IAAI,IAAIA,aAAa,GAAGP,gBAAgB,CAACiB,MAAM,GAAG,CAAC,gBACjGxE,6BAACqE,OAAO;IACJC,KAAK,EAAEf,gBAAgB,CAClBkB,KAAK,CAACX,aAAa,GAAG,CAAC,CAAC,CACxBN,GAAG,CAACG,KAAK,IAAKA,KAAK,GAAGY,MAAM,CAACZ,KAAK,CAACxD,KAAK,CAACa,QAAQ,CAAC,GAAG,EAAG,CAAC,CACzD0D,IAAI,CAAC,IAAI;kBACd1E,6BAAC2E,KAAK;IAAClD,SAAS,EAAC;UAAkB8B,gBAAgB,CAACiB,MAAM,IAAIV,aAAa,GAAG,CAAC,CAAC,CAAS,CACnF,GACV,IAAI,CACL,CACF;AAEjB,CAAC,CAAC;AAEF,MAAMnB,YAAY,GAAIrC,KAA8B,IAAMqD,KAA8B;EACpF,IAAInD,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACtB,OAAOA,KAAK,CAACuB,QAAQ,CAAC8B,KAAK,CAACxD,KAAK,CAACG,KAAK,CAAC;;EAG5C,OAAOqD,KAAK,CAACxD,KAAK,CAACG,KAAK,KAAKA,KAAK;AACtC,CAAC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Option, Select2OptionProps } from '../components/Option';\nimport { Select2OptionValue, Select2Value } from '../types';\n\nexport type useChildrenArgs = {\n    children: React.ReactElement<Select2OptionProps>[];\n    emptyValue?: Select2OptionValue;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // support empty value - probably a more elegant way to achieve this\n    const allChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        if (emptyValue !== undefined) {\n            return [<Option key=\"__empty\" children=\"\" value={emptyValue} />, ...initialChildren];\n        }\n\n        return initialChildren;\n    }, [initialChildren, emptyValue]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (emptyValue === undefined && value === undefined) {\n            setValue(allChildren?.[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.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        return allChildren.filter(child => {\n            if (child.props.textValue) {\n                return child.props.textValue.toLowerCase().includes(searchQuery.toLowerCase());\n            }\n\n            return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n        });\n    }, [allChildren, searchQuery]);\n\n    return {\n        allChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["useChildren","children","initialChildren","emptyValue","open","setValue","value","searchQuery","setSearchQuery","React","useState","allChildren","useMemo","undefined","Option","key","useEffect","props","filteredChildren","filter","child","textValue","toLowerCase","includes","String"],"mappings":";;;MAWaA,WAAW,GAAG,CAAC;EAAEC,QAAQ,EAAEC,eAAe;EAAEC,UAAU;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;CAAwB;EACzG,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAS,EAAE,CAAC;;EAGhE,MAAMC,WAAW,GAA6CF,cAAK,CAACG,OAAO,CAAC;IACxE,IAAIT,UAAU,KAAKU,SAAS,EAAE;MAC1B,OAAO,cAACJ,6BAACK,MAAM;QAACC,GAAG,EAAC,SAAS;QAACd,QAAQ,EAAC,EAAE;QAACK,KAAK,EAAEH;QAAc,EAAE,GAAGD,eAAe,CAAC;;IAGxF,OAAOA,eAAe;GACzB,EAAE,CAACA,eAAe,EAAEC,UAAU,CAAC,CAAC;;EAGjCM,cAAK,CAACO,SAAS,CAAC;IACZ,IAAIb,UAAU,KAAKU,SAAS,IAAIP,KAAK,KAAKO,SAAS,EAAE;MAAA;MACjDR,QAAQ,CAACM,WAAW,aAAXA,WAAW,wCAAXA,WAAW,CAAG,CAAC,CAAC,kDAAhB,cAAkBM,KAAK,CAACX,KAAK,CAAC;;GAE9C,EAAE,EAAE,CAAC;EAENG,cAAK,CAACO,SAAS,CAAC;IACZ,IAAI,CAACZ,IAAI,EAAE;MACPI,cAAc,CAAC,EAAE,CAAC;;GAEzB,EAAE,CAACJ,IAAI,CAAC,CAAC;;EAGV,MAAMc,gBAAgB,GAA6CT,cAAK,CAACG,OAAO,CAAC;IAC7E,OAAOD,WAAW,CAACQ,MAAM,CAACC,KAAK;MAC3B,IAAIA,KAAK,CAACH,KAAK,CAACI,SAAS,EAAE;QACvB,OAAOD,KAAK,CAACH,KAAK,CAACI,SAAS,CAACC,WAAW,EAAE,CAACC,QAAQ,CAAChB,WAAW,CAACe,WAAW,EAAE,CAAC;;MAGlF,OAAOE,MAAM,CAACJ,KAAK,CAACH,KAAK,CAAChB,QAAQ,CAAC,CAACqB,WAAW,EAAE,CAACC,QAAQ,CAAChB,WAAW,CAACe,WAAW,EAAE,CAAC;KACxF,CAAC;GACL,EAAE,CAACX,WAAW,EAAEJ,WAAW,CAAC,CAAC;EAE9B,OAAO;IACHI,WAAW;IACXO,gBAAgB;IAChBX,WAAW;IACXC;GACH;AACL;;;;"}
+{"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Option, Select2OptionProps } from '../components/Option';\r\nimport { Select2OptionValue, Select2Value } from '../types';\r\n\r\nexport type useChildrenArgs = {\r\n    children: React.ReactElement<Select2OptionProps>[];\r\n    emptyValue?: Select2OptionValue;\r\n    open?: boolean;\r\n    setValue: (nextValue: Select2OptionValue) => void;\r\n    value?: Select2Value;\r\n};\r\nexport const useChildren = ({ children: initialChildren, emptyValue, open, setValue, value }: useChildrenArgs) => {\r\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\r\n\r\n    // support empty value - probably a more elegant way to achieve this\r\n    const allChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\r\n        if (emptyValue !== undefined) {\r\n            return [<Option key=\"__empty\" children=\"\" value={emptyValue} />, ...initialChildren];\r\n        }\r\n\r\n        return initialChildren;\r\n    }, [initialChildren, emptyValue]);\r\n\r\n    // set an initial value if none is set, we have to trigger state updates for controlled components\r\n    React.useEffect(() => {\r\n        if (emptyValue === undefined && value === undefined) {\r\n            setValue(allChildren?.[0]?.props.value);\r\n        }\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        if (!open) {\r\n            setSearchQuery('');\r\n        }\r\n    }, [open]);\r\n\r\n    // apply filtering\r\n    const filteredChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\r\n        return allChildren.filter(child => {\r\n            if (child.props.textValue) {\r\n                return child.props.textValue.toLowerCase().includes(searchQuery.toLowerCase());\r\n            }\r\n\r\n            return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\r\n        });\r\n    }, [allChildren, searchQuery]);\r\n\r\n    return {\r\n        allChildren,\r\n        filteredChildren,\r\n        searchQuery,\r\n        setSearchQuery,\r\n    };\r\n};\r\n"],"names":["useChildren","children","initialChildren","emptyValue","open","setValue","value","searchQuery","setSearchQuery","React","useState","allChildren","useMemo","undefined","Option","key","useEffect","props","filteredChildren","filter","child","textValue","toLowerCase","includes","String"],"mappings":";;;MAWaA,WAAW,GAAG,CAAC;EAAEC,QAAQ,EAAEC,eAAe;EAAEC,UAAU;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;CAAwB;EACzG,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAS,EAAE,CAAC;;EAGhE,MAAMC,WAAW,GAA6CF,cAAK,CAACG,OAAO,CAAC;IACxE,IAAIT,UAAU,KAAKU,SAAS,EAAE;MAC1B,OAAO,cAACJ,6BAACK,MAAM;QAACC,GAAG,EAAC,SAAS;QAACd,QAAQ,EAAC,EAAE;QAACK,KAAK,EAAEH;QAAc,EAAE,GAAGD,eAAe,CAAC;;IAGxF,OAAOA,eAAe;GACzB,EAAE,CAACA,eAAe,EAAEC,UAAU,CAAC,CAAC;;EAGjCM,cAAK,CAACO,SAAS,CAAC;IACZ,IAAIb,UAAU,KAAKU,SAAS,IAAIP,KAAK,KAAKO,SAAS,EAAE;MAAA;MACjDR,QAAQ,CAACM,WAAW,aAAXA,WAAW,wCAAXA,WAAW,CAAG,CAAC,CAAC,kDAAhB,cAAkBM,KAAK,CAACX,KAAK,CAAC;;GAE9C,EAAE,EAAE,CAAC;EAENG,cAAK,CAACO,SAAS,CAAC;IACZ,IAAI,CAACZ,IAAI,EAAE;MACPI,cAAc,CAAC,EAAE,CAAC;;GAEzB,EAAE,CAACJ,IAAI,CAAC,CAAC;;EAGV,MAAMc,gBAAgB,GAA6CT,cAAK,CAACG,OAAO,CAAC;IAC7E,OAAOD,WAAW,CAACQ,MAAM,CAACC,KAAK;MAC3B,IAAIA,KAAK,CAACH,KAAK,CAACI,SAAS,EAAE;QACvB,OAAOD,KAAK,CAACH,KAAK,CAACI,SAAS,CAACC,WAAW,EAAE,CAACC,QAAQ,CAAChB,WAAW,CAACe,WAAW,EAAE,CAAC;;MAGlF,OAAOE,MAAM,CAACJ,KAAK,CAACH,KAAK,CAAChB,QAAQ,CAAC,CAACqB,WAAW,EAAE,CAACC,QAAQ,CAAChB,WAAW,CAACe,WAAW,EAAE,CAAC;KACxF,CAAC;GACL,EAAE,CAACX,WAAW,EAAEJ,WAAW,CAAC,CAAC;EAE9B,OAAO;IACHI,WAAW;IACXO,gBAAgB;IAChBX,WAAW;IACXC;GACH;AACL;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["export const createOptionClassName = () =>\n    'group mb-px flex h-8 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 hover:bg-grey-light aria-current:bg-grey-light aria-disabled:text-black/25 aria-disabled:pointer-events-none';\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n"],"names":["createOptionClassName","createCollectionClassName"],"mappings":"MAAaA,qBAAqB,GAAG,MACjC;MAESC,yBAAyB,GAAG,MAAM;;;;"}
+{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["export const createOptionClassName = () =>\r\n    'group mb-px flex h-8 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 hover:bg-grey-light aria-current:bg-grey-light aria-disabled:text-black/25 aria-disabled:pointer-events-none';\r\n\r\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\r\n"],"names":["createOptionClassName","createCollectionClassName"],"mappings":"MAAaA,qBAAqB,GAAG,MACjC;MAESC,yBAAyB,GAAG,MAAM;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\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\ninterface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\ninterface 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\n    const className = cn(\n        'group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex',\n        {\n            'mr-2': !!label,\n            'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light focus:yt-focus':\n                !props.disabled,\n            'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled,\n        },\n        props.className\n    );\n\n    const element = (\n        <PrimitiveSwitch.Root {...otherProps} className={className} onCheckedChange={onChange} ref={ref}>\n            <PrimitiveSwitch.Thumb className=\"'will-change-transform group-aria-checked:translate-x-[1.1rem] mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform group-disabled:opacity-50\" />\n        </PrimitiveSwitch.Root>\n    );\n\n    if (label) {\n        const labelClassName = cn('flex self-start cursor-pointer', {\n            'cursor-not-allowed text-grey-dark': props.disabled,\n        });\n\n        return (\n            <label className={labelClassName}>\n                {element}\n                {label}\n            </label>\n        );\n    }\n\n    return element;\n});\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","className","cn","disabled","element","PrimitiveSwitch","onCheckedChange","labelClassName"],"mappings":";;;;MA4BaA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAAiC;EACxG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAEhD,MAAMK,SAAS,GAAGC,EAAE,CAChB,2DAA2D,EAC3D;IACI,MAAM,EAAE,CAAC,CAACJ,KAAK;IACf,wGAAwG,EACpG,CAACF,KAAK,CAACO,QAAQ;IACnB,6DAA6D,EAAEP,KAAK,CAACO;GACxE,EACDP,KAAK,CAACK,SAAS,CAClB;EAED,MAAMG,OAAO,gBACTT,cAACU,IAAoB,oBAAKL,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEK,eAAe,EAAEP,QAAQ;IAAEF,GAAG,EAAEA;mBACxFF,cAACU,KAAqB;IAACJ,SAAS,EAAC;IAA6K,CAErN;EAED,IAAIH,KAAK,EAAE;IACP,MAAMS,cAAc,GAAGL,EAAE,CAAC,gCAAgC,EAAE;MACxD,mCAAmC,EAAEN,KAAK,CAACO;KAC9C,CAAC;IAEF,oBACIR;MAAOM,SAAS,EAAEM;OACbH,OAAO,EACPN,KAAK,CACF;;EAIhB,OAAOM,OAAO;AAClB,CAAC;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\r\n\r\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\r\n    /** Label for the switch */\r\n    label?: React.ReactNode;\r\n    /* Whether user input is required */\r\n    required?: boolean;\r\n};\r\n\r\ninterface UncontrolledSwitchProps extends SwitchBaseProps {\r\n    checked?: never;\r\n    onChange?: never;\r\n    /* The default checked state (uncontrolled) */\r\n    defaultChecked?: boolean;\r\n}\r\n\r\ninterface ControlledSwitchProps extends SwitchBaseProps {\r\n    defaultChecked?: never;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean) => void;\r\n}\r\n\r\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\r\n\r\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { label, onChange, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex',\r\n        {\r\n            'mr-2': !!label,\r\n            'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light focus:yt-focus':\r\n                !props.disabled,\r\n            'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const element = (\r\n        <PrimitiveSwitch.Root {...otherProps} className={className} onCheckedChange={onChange} ref={ref}>\r\n            <PrimitiveSwitch.Thumb className=\"'will-change-transform group-aria-checked:translate-x-[1.1rem] mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform group-disabled:opacity-50\" />\r\n        </PrimitiveSwitch.Root>\r\n    );\r\n\r\n    if (label) {\r\n        const labelClassName = cn('flex self-start cursor-pointer', {\r\n            'cursor-not-allowed text-grey-dark': props.disabled,\r\n        });\r\n\r\n        return (\r\n            <label className={labelClassName}>\r\n                {element}\r\n                {label}\r\n            </label>\r\n        );\r\n    }\r\n\r\n    return element;\r\n});\r\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","className","cn","disabled","element","PrimitiveSwitch","onCheckedChange","labelClassName"],"mappings":";;;;MA4BaA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAAiC;EACxG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAEhD,MAAMK,SAAS,GAAGC,EAAE,CAChB,2DAA2D,EAC3D;IACI,MAAM,EAAE,CAAC,CAACJ,KAAK;IACf,wGAAwG,EACpG,CAACF,KAAK,CAACO,QAAQ;IACnB,6DAA6D,EAAEP,KAAK,CAACO;GACxE,EACDP,KAAK,CAACK,SAAS,CAClB;EAED,MAAMG,OAAO,gBACTT,cAACU,IAAoB,oBAAKL,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEK,eAAe,EAAEP,QAAQ;IAAEF,GAAG,EAAEA;mBACxFF,cAACU,KAAqB;IAACJ,SAAS,EAAC;IAA6K,CAErN;EAED,IAAIH,KAAK,EAAE;IACP,MAAMS,cAAc,GAAGL,EAAE,CAAC,gCAAgC,EAAE;MACxD,mCAAmC,EAAEN,KAAK,CAACO;KAC9C,CAAC;IAEF,oBACIR;MAAOM,SAAS,EAAEM;OACbH,OAAO,EACPN,KAAK,CACF;;EAIhB,OAAOM,OAAO;AAClB,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table/components/BaseTable.js

@@ -1,11 +1,11 @@
 import React__default from 'react';
 import cn from 'classnames';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
+import { useMergedRef } from '../../../hooks/useMergedRef.js';
 import { Column } from '../util/renderColumn.js';
 
 const DefaultEmptyState = () => null;
 const BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props, ref) {
-  const tableRef = useProxiedRef(ref);
+  const tableRef = useMergedRef(ref);
   const {
     autoFocus,
     children,

package/dist/esm/packages/taco/src/components/Table/components/BaseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../../../../../src/components/Table/components/BaseTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { HeaderGroup } from 'react-table';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { InternalBaseTable } from '../types';\nimport './Table.css';\nimport { Column } from '../util/renderColumn';\n\nexport const DefaultEmptyState = (): React.ReactNode => null;\n\nexport const BaseTable = React.forwardRef(function BaseTable(props: InternalBaseTable, ref: React.Ref<HTMLDivElement>) {\n    const tableRef = useProxiedRef<HTMLDivElement>(ref);\n    const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;\n\n    React.useEffect(() => {\n        if (autoFocus && tableRef.current) {\n            tableRef.current.focus();\n        }\n    }, []);\n\n    const className = cn('yt-table flex flex-col focus:yt-focus focus:rounded-sm', props.className);\n\n    return (\n        <div {...otherProps} role=\"table\" className={className} ref={tableRef}>\n            <div role=\"rowgroup\" className=\"yt-table__head\" ref={headerRef}>\n                {headerGroups?.map((headerGroup: HeaderGroup<object>, index: number) => (\n                    <div\n                        key={index}\n                        role=\"row\"\n                        className=\"border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold\">\n                        {headerGroup.headers.map((cell: any, index: number) => (\n                            <Column key={index} index={index} cell={cell} />\n                        ))}\n                    </div>\n                ))}\n            </div>\n\n            <div role=\"rowgroup\" className=\"yt-table__body\" ref={bodyRef}>\n                {children}\n            </div>\n        </div>\n    );\n});\n"],"names":["DefaultEmptyState","BaseTable","React","forwardRef","props","ref","tableRef","useProxiedRef","autoFocus","children","disableSorting","_","headerGroups","headerRef","bodyRef","otherProps","useEffect","current","focus","className","cn","role","map","headerGroup","index","key","headers","cell","Column"],"mappings":";;;;;MAQaA,iBAAiB,GAAG,MAAuB;MAE3CC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,SAAS,CAACG,KAAwB,EAAEC,GAA8B;EACjH,MAAMC,QAAQ,GAAGC,aAAa,CAAiBF,GAAG,CAAC;EACnD,MAAM;IAAEG,SAAS;IAAEC,QAAQ;IAAEC,cAAc,EAAEC,CAAC;IAAEC,YAAY;IAAEC,SAAS;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAEzGF,cAAK,CAACc,SAAS,CAAC;IACZ,IAAIR,SAAS,IAAIF,QAAQ,CAACW,OAAO,EAAE;MAC/BX,QAAQ,CAACW,OAAO,CAACC,KAAK,EAAE;;GAE/B,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEhB,KAAK,CAACe,SAAS,CAAC;EAE/F,oBACIjB,sDAASa,UAAU;IAAEM,IAAI,EAAC,OAAO;IAACF,SAAS,EAAEA,SAAS;IAAEd,GAAG,EAAEC;mBACzDJ;IAAKmB,IAAI,EAAC,UAAU;IAACF,SAAS,EAAC,gBAAgB;IAACd,GAAG,EAAEQ;KAChDD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEU,GAAG,CAAC,CAACC,WAAgC,EAAEC,KAAa,kBAC/DtB;IACIuB,GAAG,EAAED,KAAK;IACVH,IAAI,EAAC,KAAK;IACVF,SAAS,EAAC;KACTI,WAAW,CAACG,OAAO,CAACJ,GAAG,CAAC,CAACK,IAAS,EAAEH,KAAa,kBAC9CtB,6BAAC0B,MAAM;IAACH,GAAG,EAAED,KAAK;IAAEA,KAAK,EAAEA,KAAK;IAAEG,IAAI,EAAEA;IAC3C,CAAC,CAET,CAAC,CACA,eAENzB;IAAKmB,IAAI,EAAC,UAAU;IAACF,SAAS,EAAC,gBAAgB;IAACd,GAAG,EAAES;KAChDL,QAAQ,CACP,CACJ;AAEd,CAAC;;;;"}
+{"version":3,"file":"BaseTable.js","sources":["../../../../../../../../src/components/Table/components/BaseTable.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { HeaderGroup } from 'react-table';\r\nimport { useMergedRef } from '../../../hooks/useMergedRef';\r\nimport { InternalBaseTable } from '../types';\r\nimport './Table.css';\r\nimport { Column } from '../util/renderColumn';\r\n\r\nexport const DefaultEmptyState = (): React.ReactNode => null;\r\n\r\nexport const BaseTable = React.forwardRef(function BaseTable(props: InternalBaseTable, ref: React.Ref<HTMLDivElement>) {\r\n    const tableRef = useMergedRef<HTMLDivElement>(ref);\r\n    const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;\r\n\r\n    React.useEffect(() => {\r\n        if (autoFocus && tableRef.current) {\r\n            tableRef.current.focus();\r\n        }\r\n    }, []);\r\n\r\n    const className = cn('yt-table flex flex-col focus:yt-focus focus:rounded-sm', props.className);\r\n\r\n    return (\r\n        <div {...otherProps} role=\"table\" className={className} ref={tableRef}>\r\n            <div role=\"rowgroup\" className=\"yt-table__head\" ref={headerRef}>\r\n                {headerGroups?.map((headerGroup: HeaderGroup<object>, index: number) => (\r\n                    <div\r\n                        key={index}\r\n                        role=\"row\"\r\n                        className=\"border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold\">\r\n                        {headerGroup.headers.map((cell: any, index: number) => (\r\n                            <Column key={index} index={index} cell={cell} />\r\n                        ))}\r\n                    </div>\r\n                ))}\r\n            </div>\r\n\r\n            <div role=\"rowgroup\" className=\"yt-table__body\" ref={bodyRef}>\r\n                {children}\r\n            </div>\r\n        </div>\r\n    );\r\n});\r\n"],"names":["DefaultEmptyState","BaseTable","React","forwardRef","props","ref","tableRef","useMergedRef","autoFocus","children","disableSorting","_","headerGroups","headerRef","bodyRef","otherProps","useEffect","current","focus","className","cn","role","map","headerGroup","index","key","headers","cell","Column"],"mappings":";;;;;MAQaA,iBAAiB,GAAG,MAAuB;MAE3CC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,SAAS,CAACG,KAAwB,EAAEC,GAA8B;EACjH,MAAMC,QAAQ,GAAGC,YAAY,CAAiBF,GAAG,CAAC;EAClD,MAAM;IAAEG,SAAS;IAAEC,QAAQ;IAAEC,cAAc,EAAEC,CAAC;IAAEC,YAAY;IAAEC,SAAS;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAEzGF,cAAK,CAACc,SAAS,CAAC;IACZ,IAAIR,SAAS,IAAIF,QAAQ,CAACW,OAAO,EAAE;MAC/BX,QAAQ,CAACW,OAAO,CAACC,KAAK,EAAE;;GAE/B,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEhB,KAAK,CAACe,SAAS,CAAC;EAE/F,oBACIjB,sDAASa,UAAU;IAAEM,IAAI,EAAC,OAAO;IAACF,SAAS,EAAEA,SAAS;IAAEd,GAAG,EAAEC;mBACzDJ;IAAKmB,IAAI,EAAC,UAAU;IAACF,SAAS,EAAC,gBAAgB;IAACd,GAAG,EAAEQ;KAChDD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEU,GAAG,CAAC,CAACC,WAAgC,EAAEC,KAAa,kBAC/DtB;IACIuB,GAAG,EAAED,KAAK;IACVH,IAAI,EAAC,KAAK;IACVF,SAAS,EAAC;KACTI,WAAW,CAACG,OAAO,CAACJ,GAAG,CAAC,CAACK,IAAS,EAAEH,KAAa,kBAC9CtB,6BAAC0B,MAAM;IAACH,GAAG,EAAED,KAAK;IAAEA,KAAK,EAAEA,KAAK;IAAEG,IAAI,EAAEA;IAC3C,CAAC,CAET,CAAC,CACA,eAENzB;IAAKmB,IAAI,EAAC,UAAU;IAACF,SAAS,EAAC,gBAAgB;IAACd,GAAG,EAAES;KAChDL,QAAQ,CACP,CACJ;AAEd,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
+import { useMergedRef } from '../../../hooks/useMergedRef.js';
 import { Pagination } from '../../Pagination/Pagination.js';
 import { useTable } from '../hooks/useTable.js';
 import { Row } from '../util/renderRow.js';
@@ -10,7 +10,7 @@ const Table = /*#__PURE__*/React__default.forwardRef(function Table(props, ref)
     emptyStateRenderer = DefaultEmptyState,
     ...otherProps
   } = props;
-  const tableRef = useProxiedRef(ref);
+  const tableRef = useMergedRef(ref);
   const {
     rowProps,
     tableProps,

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { TableProps, InternalTableRow, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T>(\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n    const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n    const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n    let paginationElement;\n\n    if (pagination) {\n        paginationElement = (\n            <Pagination\n                className=\"my-4 w-full\"\n                length={pagination.length}\n                pageIndex={pagination.pageIndex}\n                pageSize={pagination.pageSize}\n                setPageIndex={pagination.setPageIndex}\n                setPageSize={pagination.setPageSize}\n                showPageControls={pagination.length > pagination.pageSize}\n                dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n            />\n        );\n    }\n\n    return (\n        <>\n            {paginationElement}\n            <BaseTable {...tableProps} ref={tableRef}>\n                {rows.length\n                    ? rows.map((row: InternalTableRow, index: number) => {\n                          prepareRow(row, index);\n                          return (\n                              <Row\n                                  {...rowProps}\n                                  key={index}\n                                  index={index}\n                                  row={row}\n                                  instance={instance}\n                                  headerGroups={tableProps.headerGroups}\n                              />\n                          );\n                      })\n                    : emptyStateRenderer()}\n            </BaseTable>\n            {paginationElement}\n        </>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nTable.Column = () => null;\nTable.Group = () => null;\n"],"names":["Table","React","forwardRef","props","ref","emptyStateRenderer","DefaultEmptyState","otherProps","tableRef","useProxiedRef","rowProps","tableProps","rows","prepareRow","pagination","instance","useTable","paginationElement","Pagination","className","length","pageIndex","pageSize","setPageIndex","setPageSize","showPageControls","dangerouslyHijackGlobalKeyboardNavigation","BaseTable","map","row","index","Row","key","headerGroups","Column","Group"],"mappings":";;;;;;;MASaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,KAAK,CAChDG,KAAoD,EACpDC,GAAwB;EAExB,MAAM;IAAEC,kBAAkB,GAAGC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EACvE,MAAMK,QAAQ,GAAQC,aAAa,CAAiBL,GAAG,CAAC;EACxD,MAAM;IAAEM,QAAQ;IAAEC,UAAU;IAAEC,IAAI;IAAEC,UAAU;IAAEC,UAAU;IAAEC;GAAU,GAAGC,QAAQ,CAACT,UAAU,EAAEC,QAAQ,CAAC;EAEvG,IAAIS,iBAAiB;EAErB,IAAIH,UAAU,EAAE;IACZG,iBAAiB,gBACbhB,6BAACiB,UAAU;MACPC,SAAS,EAAC,aAAa;MACvBC,MAAM,EAAEN,UAAU,CAACM,MAAM;MACzBC,SAAS,EAAEP,UAAU,CAACO,SAAS;MAC/BC,QAAQ,EAAER,UAAU,CAACQ,QAAQ;MAC7BC,YAAY,EAAET,UAAU,CAACS,YAAY;MACrCC,WAAW,EAAEV,UAAU,CAACU,WAAW;MACnCC,gBAAgB,EAAEX,UAAU,CAACM,MAAM,GAAGN,UAAU,CAACQ,QAAQ;MACzDI,yCAAyC,EAAEvB,KAAK,CAACuB;MAExD;;EAGL,oBACIzB,4DACKgB,iBAAiB,eAClBhB,6BAAC0B,SAAS,oBAAKhB,UAAU;IAAEP,GAAG,EAAEI;MAC3BI,IAAI,CAACQ,MAAM,GACNR,IAAI,CAACgB,GAAG,CAAC,CAACC,GAAqB,EAAEC,KAAa;IAC1CjB,UAAU,CAACgB,GAAG,EAAEC,KAAK,CAAC;IACtB,oBACI7B,6BAAC8B,GAAG,oBACIrB,QAAQ;MACZsB,GAAG,EAAEF,KAAK;MACVA,KAAK,EAAEA,KAAK;MACZD,GAAG,EAAEA,GAAG;MACRd,QAAQ,EAAEA,QAAQ;MAClBkB,YAAY,EAAEtB,UAAU,CAACsB;OAC3B;GAET,CAAC,GACF5B,kBAAkB,EAAE,CAClB,EACXY,iBAAiB,CACnB;AAEX,CAAC;AAEDjB,KAAK,CAACkC,MAAM,GAAG,MAAM,IAAI;AACzBlC,KAAK,CAACmC,KAAK,GAAG,MAAM,IAAI;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../../../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\r\nimport { PluginHook } from 'react-table';\r\nimport { TableProps, InternalTableRow, ForwardedGenericTableWithStatics, TableRef } from '../types';\r\nimport { useTable } from '../hooks/useTable';\r\nimport { Pagination } from '../../Pagination/Pagination';\r\nimport { useMergedRef } from '../../../hooks/useMergedRef';\r\nimport { Row } from '../util/renderRow';\r\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\r\n\r\nexport const Table = React.forwardRef(function Table<T>(\r\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\r\n    ref: React.Ref<TableRef>\r\n) {\r\n    const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\r\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\r\n    const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\r\n\r\n    let paginationElement;\r\n\r\n    if (pagination) {\r\n        paginationElement = (\r\n            <Pagination\r\n                className=\"my-4 w-full\"\r\n                length={pagination.length}\r\n                pageIndex={pagination.pageIndex}\r\n                pageSize={pagination.pageSize}\r\n                setPageIndex={pagination.setPageIndex}\r\n                setPageSize={pagination.setPageSize}\r\n                showPageControls={pagination.length > pagination.pageSize}\r\n                dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\r\n            />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {paginationElement}\r\n            <BaseTable {...tableProps} ref={tableRef}>\r\n                {rows.length\r\n                    ? rows.map((row: InternalTableRow, index: number) => {\r\n                          prepareRow(row, index);\r\n                          return (\r\n                              <Row\r\n                                  {...rowProps}\r\n                                  key={index}\r\n                                  index={index}\r\n                                  row={row}\r\n                                  instance={instance}\r\n                                  headerGroups={tableProps.headerGroups}\r\n                              />\r\n                          );\r\n                      })\r\n                    : emptyStateRenderer()}\r\n            </BaseTable>\r\n            {paginationElement}\r\n        </>\r\n    );\r\n}) as ForwardedGenericTableWithStatics;\r\n\r\nTable.Column = () => null;\r\nTable.Group = () => null;\r\n"],"names":["Table","React","forwardRef","props","ref","emptyStateRenderer","DefaultEmptyState","otherProps","tableRef","useMergedRef","rowProps","tableProps","rows","prepareRow","pagination","instance","useTable","paginationElement","Pagination","className","length","pageIndex","pageSize","setPageIndex","setPageSize","showPageControls","dangerouslyHijackGlobalKeyboardNavigation","BaseTable","map","row","index","Row","key","headerGroups","Column","Group"],"mappings":";;;;;;;MASaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,KAAK,CAChDG,KAAoD,EACpDC,GAAwB;EAExB,MAAM;IAAEC,kBAAkB,GAAGC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EACvE,MAAMK,QAAQ,GAAQC,YAAY,CAAiBL,GAAG,CAAC;EACvD,MAAM;IAAEM,QAAQ;IAAEC,UAAU;IAAEC,IAAI;IAAEC,UAAU;IAAEC,UAAU;IAAEC;GAAU,GAAGC,QAAQ,CAACT,UAAU,EAAEC,QAAQ,CAAC;EAEvG,IAAIS,iBAAiB;EAErB,IAAIH,UAAU,EAAE;IACZG,iBAAiB,gBACbhB,6BAACiB,UAAU;MACPC,SAAS,EAAC,aAAa;MACvBC,MAAM,EAAEN,UAAU,CAACM,MAAM;MACzBC,SAAS,EAAEP,UAAU,CAACO,SAAS;MAC/BC,QAAQ,EAAER,UAAU,CAACQ,QAAQ;MAC7BC,YAAY,EAAET,UAAU,CAACS,YAAY;MACrCC,WAAW,EAAEV,UAAU,CAACU,WAAW;MACnCC,gBAAgB,EAAEX,UAAU,CAACM,MAAM,GAAGN,UAAU,CAACQ,QAAQ;MACzDI,yCAAyC,EAAEvB,KAAK,CAACuB;MAExD;;EAGL,oBACIzB,4DACKgB,iBAAiB,eAClBhB,6BAAC0B,SAAS,oBAAKhB,UAAU;IAAEP,GAAG,EAAEI;MAC3BI,IAAI,CAACQ,MAAM,GACNR,IAAI,CAACgB,GAAG,CAAC,CAACC,GAAqB,EAAEC,KAAa;IAC1CjB,UAAU,CAACgB,GAAG,EAAEC,KAAK,CAAC;IACtB,oBACI7B,6BAAC8B,GAAG,oBACIrB,QAAQ;MACZsB,GAAG,EAAEF,KAAK;MACVA,KAAK,EAAEA,KAAK;MACZD,GAAG,EAAEA,GAAG;MACRd,QAAQ,EAAEA,QAAQ;MAClBkB,YAAY,EAAEtB,UAAU,CAACsB;OAC3B;GAET,CAAC,GACF5B,kBAAkB,EAAE,CAClB,EACXY,iBAAiB,CACnB;AAEX,CAAC;AAEDjB,KAAK,CAACkC,MAAM,GAAG,MAAM,IAAI;AACzBlC,KAAK,CAACmC,KAAK,GAAG,MAAM,IAAI;;;;"}

package/dist/esm/packages/taco/src/components/Table/components/WindowedTable.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import cn from 'classnames';
 import { useLocalization } from '../../Provider/Provider.js';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
+import { useMergedRef } from '../../../hooks/useMergedRef.js';
 import { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener.js';
 import { useTable } from '../hooks/useTable.js';
 import { Row } from '../util/renderRow.js';
@@ -64,7 +64,7 @@ const getAverageRowHeight = (rowHeights = {}) => {
   return estimatedHeight / keys.length;
 };
 const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTable(props, ref) {
-  const tableRef = useProxiedRef(ref);
+  const tableRef = useMergedRef(ref);
   const {
     emptyStateRenderer = DefaultEmptyState,
     length,

package/dist/esm/packages/taco/src/components/Table/components/WindowedTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowedTable.js","sources":["../../../../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Provider';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n    const { texts } = useLocalization();\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n    const row = rows[index];\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\n        }\n    }, [rowHeights[index]]);\n\n    if (row) {\n        prepareRow(row, index);\n\n        return (\n            <Row\n                {...rowProps}\n                style={style}\n                key={index}\n                index={index}\n                row={row}\n                instance={instance}\n                headerGroups={tableProps.headerGroups}\n                setRowHeight={setRowHeight}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\n            <div className=\"yt-table__cell text-grey-dark\">{texts.table.loading}</div>\n        </div>\n    );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n    const keys = Object.keys(rowHeights);\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n    return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n    // determine heights for windowing calculations\n    const headerRef = React.useRef<HTMLDivElement>(null);\n    const [rowsRef, setRowsRef] = React.useState<any>(null);\n    const tableDimensions = useBoundingClientRectListener(tableRef);\n    const headerDimensions = useBoundingClientRectListener(headerRef);\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n    // variable row height calculations\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n    const rowHeights = React.useRef<Record<string, number>>({});\n    const setRowHeight = React.useCallback((index: number, size: number) => {\n        if (rowHeights.current[index] !== size) {\n            rowHeights.current = {\n                ...rowHeights.current,\n                [index]: size,\n            };\n\n            if (rowsRef) {\n                rowsRef.resetAfterIndex(0);\n            }\n        }\n    }, []);\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\n\n    React.useEffect(() => {\n        if (rowsRef && rowProps.activeIndex !== undefined) {\n            rowsRef.scrollToItem(rowProps.activeIndex, 'start');\n        }\n    }, [rowsRef, rowProps.activeIndex]);\n\n    // trigger recalculation of variable row heights if the data changes\n    React.useEffect(() => {\n        rowHeights.current = {};\n\n        if (rowsRef) {\n            rowsRef.resetAfterIndex(0);\n        }\n    }, [rows.length]);\n\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\n    const isScrollbarVisible = height !== null ? contentHeight > height : false;\n\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n    let list;\n\n    const itemData = {\n        rows,\n        setRowHeight,\n        rowProps,\n        tableProps,\n        instance,\n        prepareRow,\n        state,\n        rowHeights: rowHeights.current,\n    };\n\n    if (height && rows.length) {\n        const listProps = {\n            height,\n            itemData,\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\n            itemSize: getRowHeight,\n            width: '100%',\n        };\n\n        if (loadMore && length) {\n            const isLoaded = (index: number) => !!rows[index];\n\n            list = (\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n                    {({ onItemsRendered, ref }: any) => (\n                        <VariableSizeList\n                            {...listProps}\n                            itemCount={length}\n                            onItemsRendered={onItemsRendered}\n                            ref={list => {\n                                ref(list);\n                                setRowsRef(list);\n                            }}>\n                            {VariableRow}\n                        </VariableSizeList>\n                    )}\n                </InfiniteLoader>\n            );\n        } else {\n            list = (\n                <VariableSizeList\n                    {...listProps}\n                    itemCount={rows.length}\n                    ref={ref => {\n                        setRowsRef(ref);\n                    }}>\n                    {VariableRow}\n                </VariableSizeList>\n            );\n        }\n    }\n\n    return (\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\n            {list ? list : emptyStateRenderer()}\n        </BaseTable>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","height","_","texts","useLocalization","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useProxiedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","state","useTable","windowed","headerRef","rowsRef","setRowsRef","useState","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":";;;;;;;;;;;AAaA,MAAMA,UAAU,GAAG,EAAE;AAErB,MAAMC,WAAW,gBAAGC,cAAK,CAACC,IAAI,CAAC,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK,EAAE;IAAEC,MAAM,EAAEC,CAAC;IAAE,GAAGF;;CAAc;EAChF,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;GAAY,GAAGb,IAAI;EAC3F,MAAMc,GAAG,GAAGP,IAAI,CAACN,KAAK,CAAC;EACvB,MAAMc,GAAG,GAAGjB,cAAK,CAACkB,MAAM,CAAiB,IAAI,CAAC;EAE9ClB,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIF,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEG,OAAO,EAAE;MACdV,YAAY,CAACP,KAAK,EAAEc,GAAG,CAACG,OAAO,CAACC,qBAAqB,EAAE,CAAChB,MAAM,CAAC;;GAEtE,EAAE,CAACU,UAAU,CAACZ,KAAK,CAAC,CAAC,CAAC;EAEvB,IAAIa,GAAG,EAAE;IACLF,UAAU,CAACE,GAAG,EAAEb,KAAK,CAAC;IAEtB,oBACIH,6BAACsB,GAAG,oBACIX,QAAQ;MACZP,KAAK,EAAEA,KAAK;MACZmB,GAAG,EAAEpB,KAAK;MACVA,KAAK,EAAEA,KAAK;MACZa,GAAG,EAAEA,GAAG;MACRH,QAAQ,EAAEA,QAAQ;MAClBW,YAAY,EAAEZ,UAAU,CAACY,YAAY;MACrCd,YAAY,EAAEA,YAAY;MAC1BO,GAAG,EAAEA;OACP;;EAIV,oBACIjB;IAAKyB,SAAS,EAAC,eAAe;IAACC,IAAI,EAAC,KAAK;IAACtB,KAAK,EAAEA;kBAC7CJ;IAAKyB,SAAS,EAAC;KAAiClB,KAAK,CAACoB,KAAK,CAACC,OAAO,CAAO,CACxE;AAEd,CAAC,EAAEC,QAAQ,CAAC;AAEZ,MAAMC,mBAAmB,GAAG,CAACf,UAAU,GAAG,EAAE;EACxC,MAAMgB,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAChB,UAAU,CAAC;EACpC,MAAMkB,eAAe,GAAGF,IAAI,CAACG,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGpB,UAAU,CAACqB,CAAC,CAAC,EAAE,CAAC,CAAC;EACnE,OAAOH,eAAe,GAAGF,IAAI,CAACM,MAAM;AACxC,CAAC;MAEYC,aAAa,gBAAGtC,cAAK,CAACuC,UAAU,CAAC,SAASD,aAAa,CAChEE,KAAoD,EACpDvB,GAAwB;EAExB,MAAMwB,QAAQ,GAAQC,aAAa,CAAiBzB,GAAG,CAAC;EACxD,MAAM;IAAE0B,kBAAkB,GAAGC,iBAAiB;IAAEP,MAAM;IAAEQ,QAAQ;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACzF,MAAM;IAAE7B,QAAQ;IAAEC,UAAU;IAAEH,IAAI;IAAEK,UAAU;IAAED,QAAQ;IAAEkC;GAAO,GAAGC,QAAQ,CAAI;IAAE,GAAGF,UAAU;IAAEG,QAAQ,EAAE;GAAM,EAAER,QAAQ,CAAC;;EAG5H,MAAMS,SAAS,GAAGlD,cAAK,CAACkB,MAAM,CAAiB,IAAI,CAAC;EACpD,MAAM,CAACiC,OAAO,EAAEC,UAAU,CAAC,GAAGpD,cAAK,CAACqD,QAAQ,CAAM,IAAI,CAAC;EACvD,MAAMC,eAAe,GAAGC,6BAA6B,CAACd,QAAQ,CAAC;EAC/D,MAAMe,gBAAgB,GAAGD,6BAA6B,CAACL,SAAS,CAAC;EACjE,MAAM7C,MAAM,GAAGiD,eAAe,IAAIE,gBAAgB,GAAGF,eAAe,CAACjD,MAAM,GAAGmD,gBAAgB,CAACnD,MAAM,GAAG,IAAI;;EAG5G,MAAMoD,kBAAkB,GAAG9C,QAAQ,CAAC+C,SAAS,IAAI5D,UAAU;EAC3D,MAAMiB,UAAU,GAAGf,cAAK,CAACkB,MAAM,CAAyB,EAAE,CAAC;EAC3D,MAAMR,YAAY,GAAGV,cAAK,CAAC2D,WAAW,CAAC,CAACxD,KAAa,EAAEyD,IAAY;IAC/D,IAAI7C,UAAU,CAACK,OAAO,CAACjB,KAAK,CAAC,KAAKyD,IAAI,EAAE;MACpC7C,UAAU,CAACK,OAAO,GAAG;QACjB,GAAGL,UAAU,CAACK,OAAO;QACrB,CAACjB,KAAK,GAAGyD;OACZ;MAED,IAAIT,OAAO,EAAE;QACTA,OAAO,CAACU,eAAe,CAAC,CAAC,CAAC;;;GAGrC,EAAE,EAAE,CAAC;EACN,MAAMC,YAAY,GAAG9D,cAAK,CAAC2D,WAAW,CAACxD,KAAK,IAAIY,UAAU,CAACK,OAAO,CAACjB,KAAK,CAAC,IAAIsD,kBAAkB,EAAE,EAAE,CAAC;EAEpGzD,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIgC,OAAO,IAAIxC,QAAQ,CAACoD,WAAW,KAAKC,SAAS,EAAE;MAC/Cb,OAAO,CAACc,YAAY,CAACtD,QAAQ,CAACoD,WAAW,EAAE,OAAO,CAAC;;GAE1D,EAAE,CAACZ,OAAO,EAAExC,QAAQ,CAACoD,WAAW,CAAC,CAAC;;EAGnC/D,cAAK,CAACmB,SAAS,CAAC;IACZJ,UAAU,CAACK,OAAO,GAAG,EAAE;IAEvB,IAAI+B,OAAO,EAAE;MACTA,OAAO,CAACU,eAAe,CAAC,CAAC,CAAC;;GAEjC,EAAE,CAACpD,IAAI,CAAC4B,MAAM,CAAC,CAAC;EAEjB,MAAM6B,aAAa,GAAGT,kBAAkB,GAAGjB,KAAK,CAACtC,IAAI,CAACmC,MAAM,IAAI,CAAC;EACjE,MAAM8B,kBAAkB,GAAG9D,MAAM,KAAK,IAAI,GAAG6D,aAAa,GAAG7D,MAAM,GAAG,KAAK;EAE3E,MAAMoB,SAAS,GAAG2C,EAAE,CAACxD,UAAU,CAACa,SAAS,EAAE,oBAAoB,EAAE;IAAE,sBAAsB,EAAE0C;GAAoB,CAAC;EAEhH,IAAIE,IAAI;EAER,MAAMC,QAAQ,GAAG;IACb7D,IAAI;IACJC,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACViC,KAAK;IACLhC,UAAU,EAAEA,UAAU,CAACK;GAC1B;EAED,IAAIf,MAAM,IAAII,IAAI,CAAC4B,MAAM,EAAE;IACvB,MAAMkC,SAAS,GAAG;MACdlE,MAAM;MACNiE,QAAQ;MACRE,iBAAiB,EAAE1C,mBAAmB,CAACf,UAAU,CAACK,OAAO,CAAC;MAC1DqD,QAAQ,EAAEX,YAAY;MACtBY,KAAK,EAAE;KACV;IAED,IAAI7B,QAAQ,IAAIR,MAAM,EAAE;MACpB,MAAMsC,QAAQ,GAAIxE,KAAa,IAAK,CAAC,CAACM,IAAI,CAACN,KAAK,CAAC;MAEjDkE,IAAI,gBACArE,6BAAC4E,cAAc;QAACC,YAAY,EAAEF,QAAQ;QAAEG,SAAS,EAAEzC,MAAM;QAAE0C,aAAa,EAAElC;SACrE,CAAC;QAAEmC,eAAe;QAAE/D;OAAU,kBAC3BjB,6BAACiF,gBAAgB,oBACTV,SAAS;QACbO,SAAS,EAAEzC,MAAM;QACjB2C,eAAe,EAAEA,eAAe;QAChC/D,GAAG,EAAEoD,IAAI;UACLpD,GAAG,CAACoD,IAAI,CAAC;UACTjB,UAAU,CAACiB,IAAI,CAAC;;UAEnBtE,WAAW,CAEnB,CAER;KACJ,MAAM;MACHsE,IAAI,gBACArE,6BAACiF,gBAAgB,oBACTV,SAAS;QACbO,SAAS,EAAErE,IAAI,CAAC4B,MAAM;QACtBpB,GAAG,EAAEA,GAAG;UACJmC,UAAU,CAACnC,GAAG,CAAC;;UAElBlB,WAAW,CAEnB;;;EAIT,oBACIC,6BAACkF,SAAS,oBAAKtE,UAAU;IAAEa,SAAS,EAAEA,SAAS;IAAEyB,SAAS,EAAEA,SAAS;IAAEjC,GAAG,EAAEwB;MACvE4B,IAAI,GAAGA,IAAI,GAAG1B,kBAAkB,EAAE,CAC3B;AAEpB,CAAC;AAEDL,aAAa,CAAC6C,MAAM,GAAG,MAAM,IAAI;AACjC7C,aAAa,CAAC8C,KAAK,GAAG,MAAM,IAAI;;;;"}
+{"version":3,"file":"WindowedTable.js","sources":["../../../../../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { PluginHook } from 'react-table';\r\nimport { areEqual, VariableSizeList } from 'react-window';\r\nimport InfiniteLoader from 'react-window-infinite-loader';\r\nimport { TableProps, ForwardedGenericTableWithStatics, TableRef } from '../types';\r\nimport { useTable } from '../hooks/useTable';\r\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\r\nimport { useMergedRef } from '../../../hooks/useMergedRef';\r\nimport { Row } from '../util/renderRow';\r\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\r\nimport { useLocalization } from '../../Provider/Provider';\r\n\r\nconst ROW_HEIGHT = 40;\r\n\r\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\r\n    const { texts } = useLocalization();\r\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\r\n    const row = rows[index];\r\n    const ref = React.useRef<HTMLDivElement>(null);\r\n\r\n    React.useEffect(() => {\r\n        if (ref?.current) {\r\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\r\n        }\r\n    }, [rowHeights[index]]);\r\n\r\n    if (row) {\r\n        prepareRow(row, index);\r\n\r\n        return (\r\n            <Row\r\n                {...rowProps}\r\n                style={style}\r\n                key={index}\r\n                index={index}\r\n                row={row}\r\n                instance={instance}\r\n                headerGroups={tableProps.headerGroups}\r\n                setRowHeight={setRowHeight}\r\n                ref={ref}\r\n            />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\r\n            <div className=\"yt-table__cell text-grey-dark\">{texts.table.loading}</div>\r\n        </div>\r\n    );\r\n}, areEqual);\r\n\r\nconst getAverageRowHeight = (rowHeights = {}) => {\r\n    const keys = Object.keys(rowHeights);\r\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\r\n    return estimatedHeight / keys.length;\r\n};\r\n\r\nexport const WindowedTable = React.forwardRef(function WindowedTable<T>(\r\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\r\n    ref: React.Ref<TableRef>\r\n) {\r\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\r\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\r\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\r\n\r\n    // determine heights for windowing calculations\r\n    const headerRef = React.useRef<HTMLDivElement>(null);\r\n    const [rowsRef, setRowsRef] = React.useState<any>(null);\r\n    const tableDimensions = useBoundingClientRectListener(tableRef);\r\n    const headerDimensions = useBoundingClientRectListener(headerRef);\r\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\r\n\r\n    // variable row height calculations\r\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\r\n    const rowHeights = React.useRef<Record<string, number>>({});\r\n    const setRowHeight = React.useCallback((index: number, size: number) => {\r\n        if (rowHeights.current[index] !== size) {\r\n            rowHeights.current = {\r\n                ...rowHeights.current,\r\n                [index]: size,\r\n            };\r\n\r\n            if (rowsRef) {\r\n                rowsRef.resetAfterIndex(0);\r\n            }\r\n        }\r\n    }, []);\r\n    const getRowHeight = React.useCallback(index => rowHeights.current[index] || estimatedRowHeight, []);\r\n\r\n    React.useEffect(() => {\r\n        if (rowsRef && rowProps.activeIndex !== undefined) {\r\n            rowsRef.scrollToItem(rowProps.activeIndex, 'start');\r\n        }\r\n    }, [rowsRef, rowProps.activeIndex]);\r\n\r\n    // trigger recalculation of variable row heights if the data changes\r\n    React.useEffect(() => {\r\n        rowHeights.current = {};\r\n\r\n        if (rowsRef) {\r\n            rowsRef.resetAfterIndex(0);\r\n        }\r\n    }, [rows.length]);\r\n\r\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\r\n    const isScrollbarVisible = height !== null ? contentHeight > height : false;\r\n\r\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\r\n\r\n    let list;\r\n\r\n    const itemData = {\r\n        rows,\r\n        setRowHeight,\r\n        rowProps,\r\n        tableProps,\r\n        instance,\r\n        prepareRow,\r\n        state,\r\n        rowHeights: rowHeights.current,\r\n    };\r\n\r\n    if (height && rows.length) {\r\n        const listProps = {\r\n            height,\r\n            itemData,\r\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\r\n            itemSize: getRowHeight,\r\n            width: '100%',\r\n        };\r\n\r\n        if (loadMore && length) {\r\n            const isLoaded = (index: number) => !!rows[index];\r\n\r\n            list = (\r\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\r\n                    {({ onItemsRendered, ref }: any) => (\r\n                        <VariableSizeList\r\n                            {...listProps}\r\n                            itemCount={length}\r\n                            onItemsRendered={onItemsRendered}\r\n                            ref={list => {\r\n                                ref(list);\r\n                                setRowsRef(list);\r\n                            }}>\r\n                            {VariableRow}\r\n                        </VariableSizeList>\r\n                    )}\r\n                </InfiniteLoader>\r\n            );\r\n        } else {\r\n            list = (\r\n                <VariableSizeList\r\n                    {...listProps}\r\n                    itemCount={rows.length}\r\n                    ref={ref => {\r\n                        setRowsRef(ref);\r\n                    }}>\r\n                    {VariableRow}\r\n                </VariableSizeList>\r\n            );\r\n        }\r\n    }\r\n\r\n    return (\r\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\r\n            {list ? list : emptyStateRenderer()}\r\n        </BaseTable>\r\n    );\r\n}) as ForwardedGenericTableWithStatics;\r\n\r\nWindowedTable.Column = () => null;\r\nWindowedTable.Group = () => null;\r\n"],"names":["ROW_HEIGHT","VariableRow","React","memo","data","index","style","height","_","texts","useLocalization","rows","setRowHeight","rowProps","tableProps","instance","prepareRow","rowHeights","row","ref","useRef","useEffect","current","getBoundingClientRect","Row","key","headerGroups","className","role","table","loading","areEqual","getAverageRowHeight","keys","Object","estimatedHeight","reduce","p","i","length","WindowedTable","forwardRef","props","tableRef","useMergedRef","emptyStateRenderer","DefaultEmptyState","loadMore","otherProps","state","useTable","windowed","headerRef","rowsRef","setRowsRef","useState","tableDimensions","useBoundingClientRectListener","headerDimensions","estimatedRowHeight","rowHeight","useCallback","size","resetAfterIndex","getRowHeight","activeIndex","undefined","scrollToItem","contentHeight","isScrollbarVisible","cn","list","itemData","listProps","estimatedItemSize","itemSize","width","isLoaded","InfiniteLoader","isItemLoaded","itemCount","loadMoreItems","onItemsRendered","VariableSizeList","BaseTable","Column","Group"],"mappings":";;;;;;;;;;;AAaA,MAAMA,UAAU,GAAG,EAAE;AAErB,MAAMC,WAAW,gBAAGC,cAAK,CAACC,IAAI,CAAC,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK,EAAE;IAAEC,MAAM,EAAEC,CAAC;IAAE,GAAGF;;CAAc;EAChF,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC;GAAY,GAAGb,IAAI;EAC3F,MAAMc,GAAG,GAAGP,IAAI,CAACN,KAAK,CAAC;EACvB,MAAMc,GAAG,GAAGjB,cAAK,CAACkB,MAAM,CAAiB,IAAI,CAAC;EAE9ClB,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIF,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEG,OAAO,EAAE;MACdV,YAAY,CAACP,KAAK,EAAEc,GAAG,CAACG,OAAO,CAACC,qBAAqB,EAAE,CAAChB,MAAM,CAAC;;GAEtE,EAAE,CAACU,UAAU,CAACZ,KAAK,CAAC,CAAC,CAAC;EAEvB,IAAIa,GAAG,EAAE;IACLF,UAAU,CAACE,GAAG,EAAEb,KAAK,CAAC;IAEtB,oBACIH,6BAACsB,GAAG,oBACIX,QAAQ;MACZP,KAAK,EAAEA,KAAK;MACZmB,GAAG,EAAEpB,KAAK;MACVA,KAAK,EAAEA,KAAK;MACZa,GAAG,EAAEA,GAAG;MACRH,QAAQ,EAAEA,QAAQ;MAClBW,YAAY,EAAEZ,UAAU,CAACY,YAAY;MACrCd,YAAY,EAAEA,YAAY;MAC1BO,GAAG,EAAEA;OACP;;EAIV,oBACIjB;IAAKyB,SAAS,EAAC,eAAe;IAACC,IAAI,EAAC,KAAK;IAACtB,KAAK,EAAEA;kBAC7CJ;IAAKyB,SAAS,EAAC;KAAiClB,KAAK,CAACoB,KAAK,CAACC,OAAO,CAAO,CACxE;AAEd,CAAC,EAAEC,QAAQ,CAAC;AAEZ,MAAMC,mBAAmB,GAAG,CAACf,UAAU,GAAG,EAAE;EACxC,MAAMgB,IAAI,GAAGC,MAAM,CAACD,IAAI,CAAChB,UAAU,CAAC;EACpC,MAAMkB,eAAe,GAAGF,IAAI,CAACG,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,GAAGpB,UAAU,CAACqB,CAAC,CAAC,EAAE,CAAC,CAAC;EACnE,OAAOH,eAAe,GAAGF,IAAI,CAACM,MAAM;AACxC,CAAC;MAEYC,aAAa,gBAAGtC,cAAK,CAACuC,UAAU,CAAC,SAASD,aAAa,CAChEE,KAAoD,EACpDvB,GAAwB;EAExB,MAAMwB,QAAQ,GAAQC,YAAY,CAAiBzB,GAAG,CAAC;EACvD,MAAM;IAAE0B,kBAAkB,GAAGC,iBAAiB;IAAEP,MAAM;IAAEQ,QAAQ;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACzF,MAAM;IAAE7B,QAAQ;IAAEC,UAAU;IAAEH,IAAI;IAAEK,UAAU;IAAED,QAAQ;IAAEkC;GAAO,GAAGC,QAAQ,CAAI;IAAE,GAAGF,UAAU;IAAEG,QAAQ,EAAE;GAAM,EAAER,QAAQ,CAAC;;EAG5H,MAAMS,SAAS,GAAGlD,cAAK,CAACkB,MAAM,CAAiB,IAAI,CAAC;EACpD,MAAM,CAACiC,OAAO,EAAEC,UAAU,CAAC,GAAGpD,cAAK,CAACqD,QAAQ,CAAM,IAAI,CAAC;EACvD,MAAMC,eAAe,GAAGC,6BAA6B,CAACd,QAAQ,CAAC;EAC/D,MAAMe,gBAAgB,GAAGD,6BAA6B,CAACL,SAAS,CAAC;EACjE,MAAM7C,MAAM,GAAGiD,eAAe,IAAIE,gBAAgB,GAAGF,eAAe,CAACjD,MAAM,GAAGmD,gBAAgB,CAACnD,MAAM,GAAG,IAAI;;EAG5G,MAAMoD,kBAAkB,GAAG9C,QAAQ,CAAC+C,SAAS,IAAI5D,UAAU;EAC3D,MAAMiB,UAAU,GAAGf,cAAK,CAACkB,MAAM,CAAyB,EAAE,CAAC;EAC3D,MAAMR,YAAY,GAAGV,cAAK,CAAC2D,WAAW,CAAC,CAACxD,KAAa,EAAEyD,IAAY;IAC/D,IAAI7C,UAAU,CAACK,OAAO,CAACjB,KAAK,CAAC,KAAKyD,IAAI,EAAE;MACpC7C,UAAU,CAACK,OAAO,GAAG;QACjB,GAAGL,UAAU,CAACK,OAAO;QACrB,CAACjB,KAAK,GAAGyD;OACZ;MAED,IAAIT,OAAO,EAAE;QACTA,OAAO,CAACU,eAAe,CAAC,CAAC,CAAC;;;GAGrC,EAAE,EAAE,CAAC;EACN,MAAMC,YAAY,GAAG9D,cAAK,CAAC2D,WAAW,CAACxD,KAAK,IAAIY,UAAU,CAACK,OAAO,CAACjB,KAAK,CAAC,IAAIsD,kBAAkB,EAAE,EAAE,CAAC;EAEpGzD,cAAK,CAACmB,SAAS,CAAC;IACZ,IAAIgC,OAAO,IAAIxC,QAAQ,CAACoD,WAAW,KAAKC,SAAS,EAAE;MAC/Cb,OAAO,CAACc,YAAY,CAACtD,QAAQ,CAACoD,WAAW,EAAE,OAAO,CAAC;;GAE1D,EAAE,CAACZ,OAAO,EAAExC,QAAQ,CAACoD,WAAW,CAAC,CAAC;;EAGnC/D,cAAK,CAACmB,SAAS,CAAC;IACZJ,UAAU,CAACK,OAAO,GAAG,EAAE;IAEvB,IAAI+B,OAAO,EAAE;MACTA,OAAO,CAACU,eAAe,CAAC,CAAC,CAAC;;GAEjC,EAAE,CAACpD,IAAI,CAAC4B,MAAM,CAAC,CAAC;EAEjB,MAAM6B,aAAa,GAAGT,kBAAkB,GAAGjB,KAAK,CAACtC,IAAI,CAACmC,MAAM,IAAI,CAAC;EACjE,MAAM8B,kBAAkB,GAAG9D,MAAM,KAAK,IAAI,GAAG6D,aAAa,GAAG7D,MAAM,GAAG,KAAK;EAE3E,MAAMoB,SAAS,GAAG2C,EAAE,CAACxD,UAAU,CAACa,SAAS,EAAE,oBAAoB,EAAE;IAAE,sBAAsB,EAAE0C;GAAoB,CAAC;EAEhH,IAAIE,IAAI;EAER,MAAMC,QAAQ,GAAG;IACb7D,IAAI;IACJC,YAAY;IACZC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACViC,KAAK;IACLhC,UAAU,EAAEA,UAAU,CAACK;GAC1B;EAED,IAAIf,MAAM,IAAII,IAAI,CAAC4B,MAAM,EAAE;IACvB,MAAMkC,SAAS,GAAG;MACdlE,MAAM;MACNiE,QAAQ;MACRE,iBAAiB,EAAE1C,mBAAmB,CAACf,UAAU,CAACK,OAAO,CAAC;MAC1DqD,QAAQ,EAAEX,YAAY;MACtBY,KAAK,EAAE;KACV;IAED,IAAI7B,QAAQ,IAAIR,MAAM,EAAE;MACpB,MAAMsC,QAAQ,GAAIxE,KAAa,IAAK,CAAC,CAACM,IAAI,CAACN,KAAK,CAAC;MAEjDkE,IAAI,gBACArE,6BAAC4E,cAAc;QAACC,YAAY,EAAEF,QAAQ;QAAEG,SAAS,EAAEzC,MAAM;QAAE0C,aAAa,EAAElC;SACrE,CAAC;QAAEmC,eAAe;QAAE/D;OAAU,kBAC3BjB,6BAACiF,gBAAgB,oBACTV,SAAS;QACbO,SAAS,EAAEzC,MAAM;QACjB2C,eAAe,EAAEA,eAAe;QAChC/D,GAAG,EAAEoD,IAAI;UACLpD,GAAG,CAACoD,IAAI,CAAC;UACTjB,UAAU,CAACiB,IAAI,CAAC;;UAEnBtE,WAAW,CAEnB,CAER;KACJ,MAAM;MACHsE,IAAI,gBACArE,6BAACiF,gBAAgB,oBACTV,SAAS;QACbO,SAAS,EAAErE,IAAI,CAAC4B,MAAM;QACtBpB,GAAG,EAAEA,GAAG;UACJmC,UAAU,CAACnC,GAAG,CAAC;;UAElBlB,WAAW,CAEnB;;;EAIT,oBACIC,6BAACkF,SAAS,oBAAKtE,UAAU;IAAEa,SAAS,EAAEA,SAAS;IAAEyB,SAAS,EAAEA,SAAS;IAAEjC,GAAG,EAAEwB;MACvE4B,IAAI,GAAGA,IAAI,GAAG1B,kBAAkB,EAAE,CAC3B;AAEpB,CAAC;AAEDL,aAAa,CAAC6C,MAAM,GAAG,MAAM,IAAI;AACjC7C,aAAa,CAAC8C,KAAK,GAAG,MAAM,IAAI;;;;"}

package/dist/esm/packages/taco/src/components/Table/hooks/plugins/useRowActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { InView } from 'react-intersection-observer';\nimport { sanitizeRowProps } from '../../util';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { LocalizationTexts } from '../../../Provider/Provider';\nimport { Menu } from '../../../Menu/Menu';\nimport { RowAction, RowActionHandler, TableRow } from '../../types';\n\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\n\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    return (\n        !!actions ||\n        handlers.onRowCreate ||\n        handlers.onRowCopy ||\n        handlers.onRowDelete ||\n        !!inlineEditingUniqueId ||\n        handlers.onRowEdit\n    );\n};\n\nconst getActions = (\n    actions: RowActionHandler<any>[] | undefined,\n    row: TableRow<any> | undefined = undefined\n): [RowAction<any>[], RowAction<any>[]] => {\n    const primary: RowAction<any>[] = [];\n    const secondary: RowAction<any>[] = [];\n\n    if (actions) {\n        let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean') as RowAction<any>[];\n\n        if (row) {\n            visibleActions = visibleActions.filter(action => {\n                if (action.visible !== undefined) {\n                    if (typeof action.visible === 'function') {\n                        return action.visible(row);\n                    }\n\n                    return action.visible;\n                }\n\n                return true;\n            });\n        }\n\n        visibleActions.forEach(action => {\n            if (action.showOnRow) {\n                primary.push(action);\n            } else {\n                secondary.push(action);\n            }\n        });\n    }\n\n    return [primary, secondary];\n};\n\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\n    const [primaryActions, secondaryActions] = getActions(actions);\n\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\n\n    if (handlers.onRowCreate) {\n        length++;\n    }\n\n    if (handlers.onRowCopy) {\n        length++;\n    }\n\n    if (handlers.onRowDelete) {\n        length++;\n    }\n\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\n        length++;\n\n        if (length < 2) {\n            length++;\n        }\n    }\n\n    return length;\n};\n\nconst getActionProps = (action: RowAction<any>, row: TableRow<any>) => {\n    return {\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\n            action.onClick(row, event);\n        },\n    };\n};\n\nconst EditModeActions = () => {\n    React.useEffect(() => {\n        const listener = (event: any) => {\n            if (event.key === 'Escape' && event.target?.form?.reset) {\n                event.preventDefault();\n                event.target.form.reset();\n            }\n        };\n\n        document.addEventListener('keydown', listener);\n\n        return () => {\n            document.removeEventListener('keydown', listener);\n        };\n    }, []);\n\n    return (\n        <div className={actionGroupClassName}>\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\n        </div>\n    );\n};\n\nexport const useRowActions = <T extends {}>(\n    inlineEditingUniqueId: keyof T | undefined,\n    handlers: any,\n    actions: RowActionHandler<T>[] | undefined,\n    rowExpansionRenderer: any,\n    texts: LocalizationTexts,\n    windowed = false\n): PluginHook<{}> => {\n    const inlineEditing = !!inlineEditingUniqueId;\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\n\n    const plugin = (hooks: any): void => {\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\n            hooks.visibleColumns.push((columns: any) => [\n                ...columns,\n                {\n                    id: '_actions',\n                    className: 'flex justify-end px-1 overflow-visible',\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\n                    Cell: ({ row }: any) => {\n                        if (row.isEditing) {\n                            return <EditModeActions />;\n                        }\n\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\n\n                        const output = (\n                            <>\n                                {handlers.onRowCreate && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"circle-plus\"\n                                        aria-label={texts.table.newSubRow}\n                                        tooltip={texts.table.newSubRow}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n\n                                            if (!row.isExpanded) {\n                                                row.toggleRowExpanded();\n                                            }\n\n                                            handlers.onRowCreate(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {(inlineEditing || handlers.onRowEdit) && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"edit\"\n                                        aria-label={texts.table.edit}\n                                        tooltip={texts.table.edit}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            row.setActive();\n\n                                            if (inlineEditing) {\n                                                row.toggleRowEditing();\n                                            } else if (handlers.onRowEdit) {\n                                                event.persist();\n                                                handlers.onRowEdit(sanitizedRow, event);\n                                            }\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowCopy && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"copy\"\n                                        aria-label={texts.table.copy}\n                                        tooltip={texts.table.copy}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowCopy(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {handlers.onRowDelete && (\n                                    <IconButton\n                                        appearance=\"discrete\"\n                                        icon=\"delete\"\n                                        aria-label={texts.table.del}\n                                        tooltip={texts.table.del}\n                                        disabled={inlineEditing && !row.canEdit}\n                                        onClick={(event: React.MouseEvent) => {\n                                            event.stopPropagation();\n                                            event.persist();\n                                            row.setActive();\n                                            handlers.onRowDelete(sanitizedRow, event);\n                                        }}\n                                    />\n                                )}\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\n                                    <IconButton\n                                        {...getActionProps(action, sanitizedRow)}\n                                        key={index}\n                                        appearance=\"discrete\"\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\n                                        tooltip={\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\n                                        }\n                                    />\n                                ))}\n                                {secondaryActions.length ? (\n                                    <Menu>\n                                        <Menu.Trigger>\n                                            <IconButton\n                                                appearance=\"discrete\"\n                                                icon=\"ellipsis-vertical\"\n                                                aria-label={texts.table.actions}\n                                                tooltip={texts.table.actions}\n                                                disabled={inlineEditing && !row.canEdit}\n                                                onClick={(event: React.MouseEvent) => {\n                                                    event.stopPropagation();\n                                                    row.setActive();\n                                                }}\n                                            />\n                                        </Menu.Trigger>\n                                        <Menu.Content>\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\n                                                <Menu.Item\n                                                    key={index}\n                                                    icon={\n                                                        typeof action.icon === 'function'\n                                                            ? action.icon(sanitizedRow)\n                                                            : action.icon\n                                                    }\n                                                    {...getActionProps(action, sanitizedRow)}>\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\n                                                </Menu.Item>\n                                            ))}\n                                        </Menu.Content>\n                                    </Menu>\n                                ) : null}\n                            </>\n                        );\n\n                        if (windowed) {\n                            return <div className={actionGroupClassName}>{output}</div>;\n                        }\n\n                        return (\n                            <InView rootMargin=\"100px 0px\">\n                                {({ inView, ref }) => (\n                                    <div className={actionGroupClassName} ref={ref}>\n                                        {inView ? output : null}\n                                    </div>\n                                )}\n                            </InView>\n                        );\n                    },\n                },\n            ]);\n        }\n    };\n    plugin.pluginName = 'useRowActions';\n    return plugin;\n};\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","key","target","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","id","flex","Cell","isEditing","sanitizedRow","sanitizeRowProps","output","table","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","Menu","Trigger","Content","Item","text","InView","rootMargin","inView","ref","pluginName"],"mappings":"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"}
+{"version":3,"file":"useRowActions.js","sources":["../../../../../../../../../src/components/Table/hooks/plugins/useRowActions.tsx"],"sourcesContent":["import React from 'react';\r\nimport { PluginHook } from 'react-table';\r\nimport { InView } from 'react-intersection-observer';\r\nimport { sanitizeRowProps } from '../../util';\r\nimport { IconButton } from '../../../IconButton/IconButton';\r\nimport { LocalizationTexts } from '../../../Provider/Provider';\r\nimport { Menu } from '../../../Menu/Menu';\r\nimport { RowAction, RowActionHandler, TableRow } from '../../types';\r\n\r\nconst actionGroupClassName = '-mt-1 -mb-1 h-8 flex';\r\n\r\nconst hasActions = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\r\n    return (\r\n        !!actions ||\r\n        handlers.onRowCreate ||\r\n        handlers.onRowCopy ||\r\n        handlers.onRowDelete ||\r\n        !!inlineEditingUniqueId ||\r\n        handlers.onRowEdit\r\n    );\r\n};\r\n\r\nconst getActions = (\r\n    actions: RowActionHandler<any>[] | undefined,\r\n    row: TableRow<any> | undefined = undefined\r\n): [RowAction<any>[], RowAction<any>[]] => {\r\n    const primary: RowAction<any>[] = [];\r\n    const secondary: RowAction<any>[] = [];\r\n\r\n    if (actions) {\r\n        let visibleActions = actions.filter(x => !!x && typeof x !== 'boolean') as RowAction<any>[];\r\n\r\n        if (row) {\r\n            visibleActions = visibleActions.filter(action => {\r\n                if (action.visible !== undefined) {\r\n                    if (typeof action.visible === 'function') {\r\n                        return action.visible(row);\r\n                    }\r\n\r\n                    return action.visible;\r\n                }\r\n\r\n                return true;\r\n            });\r\n        }\r\n\r\n        visibleActions.forEach(action => {\r\n            if (action.showOnRow) {\r\n                primary.push(action);\r\n            } else {\r\n                secondary.push(action);\r\n            }\r\n        });\r\n    }\r\n\r\n    return [primary, secondary];\r\n};\r\n\r\nconst getLength = (inlineEditingUniqueId: any, handlers: any, actions: RowActionHandler<any>[] | undefined): number => {\r\n    const [primaryActions, secondaryActions] = getActions(actions);\r\n\r\n    let length = primaryActions.length + (secondaryActions.length ? 1 : 0);\r\n\r\n    if (handlers.onRowCreate) {\r\n        length++;\r\n    }\r\n\r\n    if (handlers.onRowCopy) {\r\n        length++;\r\n    }\r\n\r\n    if (handlers.onRowDelete) {\r\n        length++;\r\n    }\r\n\r\n    if (!!inlineEditingUniqueId || handlers.onRowEdit) {\r\n        length++;\r\n\r\n        if (length < 2) {\r\n            length++;\r\n        }\r\n    }\r\n\r\n    return length;\r\n};\r\n\r\nconst getActionProps = (action: RowAction<any>, row: TableRow<any>) => {\r\n    return {\r\n        'aria-label': typeof action.tooltip === 'function' ? action.tooltip(row) : action.tooltip,\r\n        disabled: typeof action.disabled === 'function' ? action.disabled(row) : action.disabled,\r\n        onClick: (event: React.MouseEvent<HTMLElement>) => {\r\n            action.onClick(row, event);\r\n        },\r\n    };\r\n};\r\n\r\nconst EditModeActions = () => {\r\n    React.useEffect(() => {\r\n        const listener = (event: any) => {\r\n            if (event.key === 'Escape' && event.target?.form?.reset) {\r\n                event.preventDefault();\r\n                event.target.form.reset();\r\n            }\r\n        };\r\n\r\n        document.addEventListener('keydown', listener);\r\n\r\n        return () => {\r\n            document.removeEventListener('keydown', listener);\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <div className={actionGroupClassName}>\r\n            <IconButton appearance=\"primary\" icon=\"tick\" type=\"submit\" className=\"mr-2\" />\r\n            <IconButton appearance=\"ghost\" icon=\"close\" type=\"reset\" />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport const useRowActions = <T extends {}>(\r\n    inlineEditingUniqueId: keyof T | undefined,\r\n    handlers: any,\r\n    actions: RowActionHandler<T>[] | undefined,\r\n    rowExpansionRenderer: any,\r\n    texts: LocalizationTexts,\r\n    windowed = false\r\n): PluginHook<{}> => {\r\n    const inlineEditing = !!inlineEditingUniqueId;\r\n    const actionsLength = getLength(inlineEditingUniqueId, handlers, actions);\r\n\r\n    const plugin = (hooks: any): void => {\r\n        if (hasActions(inlineEditingUniqueId, handlers, actions)) {\r\n            hooks.visibleColumns.push((columns: any) => [\r\n                ...columns,\r\n                {\r\n                    id: '_actions',\r\n                    className: 'flex justify-end px-1 overflow-visible',\r\n                    flex: `0 0 calc((${actionsLength} * 2rem) + .5rem)`,\r\n                    Cell: ({ row }: any) => {\r\n                        if (row.isEditing) {\r\n                            return <EditModeActions />;\r\n                        }\r\n\r\n                        const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);\r\n                        const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);\r\n\r\n                        const output = (\r\n                            <>\r\n                                {handlers.onRowCreate && (\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        icon=\"circle-plus\"\r\n                                        aria-label={texts.table.newSubRow}\r\n                                        tooltip={texts.table.newSubRow}\r\n                                        disabled={inlineEditing && !row.canEdit}\r\n                                        onClick={(event: React.MouseEvent) => {\r\n                                            event.stopPropagation();\r\n                                            event.persist();\r\n                                            row.setActive();\r\n\r\n                                            if (!row.isExpanded) {\r\n                                                row.toggleRowExpanded();\r\n                                            }\r\n\r\n                                            handlers.onRowCreate(sanitizedRow, event);\r\n                                        }}\r\n                                    />\r\n                                )}\r\n                                {(inlineEditing || handlers.onRowEdit) && (\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        icon=\"edit\"\r\n                                        aria-label={texts.table.edit}\r\n                                        tooltip={texts.table.edit}\r\n                                        disabled={inlineEditing && !row.canEdit}\r\n                                        onClick={(event: React.MouseEvent) => {\r\n                                            event.stopPropagation();\r\n                                            row.setActive();\r\n\r\n                                            if (inlineEditing) {\r\n                                                row.toggleRowEditing();\r\n                                            } else if (handlers.onRowEdit) {\r\n                                                event.persist();\r\n                                                handlers.onRowEdit(sanitizedRow, event);\r\n                                            }\r\n                                        }}\r\n                                    />\r\n                                )}\r\n                                {handlers.onRowCopy && (\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        icon=\"copy\"\r\n                                        aria-label={texts.table.copy}\r\n                                        tooltip={texts.table.copy}\r\n                                        disabled={inlineEditing && !row.canEdit}\r\n                                        onClick={(event: React.MouseEvent) => {\r\n                                            event.stopPropagation();\r\n                                            event.persist();\r\n                                            row.setActive();\r\n                                            handlers.onRowCopy(sanitizedRow, event);\r\n                                        }}\r\n                                    />\r\n                                )}\r\n                                {handlers.onRowDelete && (\r\n                                    <IconButton\r\n                                        appearance=\"discrete\"\r\n                                        icon=\"delete\"\r\n                                        aria-label={texts.table.del}\r\n                                        tooltip={texts.table.del}\r\n                                        disabled={inlineEditing && !row.canEdit}\r\n                                        onClick={(event: React.MouseEvent) => {\r\n                                            event.stopPropagation();\r\n                                            event.persist();\r\n                                            row.setActive();\r\n                                            handlers.onRowDelete(sanitizedRow, event);\r\n                                        }}\r\n                                    />\r\n                                )}\r\n                                {primaryActions.map((action: RowAction<T>, index: number) => (\r\n                                    <IconButton\r\n                                        {...getActionProps(action, sanitizedRow)}\r\n                                        key={index}\r\n                                        appearance=\"discrete\"\r\n                                        icon={typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon}\r\n                                        tooltip={\r\n                                            typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip\r\n                                        }\r\n                                    />\r\n                                ))}\r\n                                {secondaryActions.length ? (\r\n                                    <Menu>\r\n                                        <Menu.Trigger>\r\n                                            <IconButton\r\n                                                appearance=\"discrete\"\r\n                                                icon=\"ellipsis-vertical\"\r\n                                                aria-label={texts.table.actions}\r\n                                                tooltip={texts.table.actions}\r\n                                                disabled={inlineEditing && !row.canEdit}\r\n                                                onClick={(event: React.MouseEvent) => {\r\n                                                    event.stopPropagation();\r\n                                                    row.setActive();\r\n                                                }}\r\n                                            />\r\n                                        </Menu.Trigger>\r\n                                        <Menu.Content>\r\n                                            {secondaryActions.map((action: RowAction<T>, index: number) => (\r\n                                                <Menu.Item\r\n                                                    key={index}\r\n                                                    icon={\r\n                                                        typeof action.icon === 'function'\r\n                                                            ? action.icon(sanitizedRow)\r\n                                                            : action.icon\r\n                                                    }\r\n                                                    {...getActionProps(action, sanitizedRow)}>\r\n                                                    {typeof action.text === 'function' ? action.text(sanitizedRow) : action.text}\r\n                                                </Menu.Item>\r\n                                            ))}\r\n                                        </Menu.Content>\r\n                                    </Menu>\r\n                                ) : null}\r\n                            </>\r\n                        );\r\n\r\n                        if (windowed) {\r\n                            return <div className={actionGroupClassName}>{output}</div>;\r\n                        }\r\n\r\n                        return (\r\n                            <InView rootMargin=\"100px 0px\">\r\n                                {({ inView, ref }) => (\r\n                                    <div className={actionGroupClassName} ref={ref}>\r\n                                        {inView ? output : null}\r\n                                    </div>\r\n                                )}\r\n                            </InView>\r\n                        );\r\n                    },\r\n                },\r\n            ]);\r\n        }\r\n    };\r\n    plugin.pluginName = 'useRowActions';\r\n    return plugin;\r\n};\r\n"],"names":["actionGroupClassName","hasActions","inlineEditingUniqueId","handlers","actions","onRowCreate","onRowCopy","onRowDelete","onRowEdit","getActions","row","undefined","primary","secondary","visibleActions","filter","x","action","visible","forEach","showOnRow","push","getLength","primaryActions","secondaryActions","length","getActionProps","tooltip","disabled","onClick","event","EditModeActions","React","useEffect","listener","key","target","form","reset","preventDefault","document","addEventListener","removeEventListener","className","IconButton","appearance","icon","type","useRowActions","rowExpansionRenderer","texts","windowed","inlineEditing","actionsLength","plugin","hooks","visibleColumns","columns","id","flex","Cell","isEditing","sanitizedRow","sanitizeRowProps","output","table","newSubRow","canEdit","stopPropagation","persist","setActive","isExpanded","toggleRowExpanded","edit","toggleRowEditing","copy","del","map","index","Menu","Trigger","Content","Item","text","InView","rootMargin","inView","ref","pluginName"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/useTable.js

@@ -132,8 +132,7 @@ const useTable = (props, ref) => {
     columns,
     data,
     initialState: {
-      // eslint-disable-next-line
-      // @ts-ignore: not sure how to type this correctly right now
+      // @ts-expect-error: not sure how to type this correctly right now
       sortBy: getInternalSortRules(sortRules) || defaultSortRules,
       pageSize: !disablePagination ? pageSize : undefined,
       pageIndex: !disablePagination ? pageIndex : undefined

package/dist/esm/packages/taco/src/components/Table/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\nimport { sortTypes } from '../util/sortTypes';\nimport { useRowEditing } from './plugins/useRowEditing';\nimport { useRowActions } from './plugins/useRowActions';\nimport { useRowSelect } from './plugins/useRowSelect';\nimport {\n    InternalTable,\n    InternalTableRow,\n    PaginationHandler,\n    RowActiveHandler,\n    SortHandler,\n    TableProps,\n    TableRef,\n} from '../types';\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\nimport { useLocalization } from '../../Provider/Provider';\nimport { useRowDraggable } from './plugins/useRowDraggable';\nimport { sanitizeRowProps } from '../util';\n\nconst useTableRowActive = (\n    activeIndex: number | undefined,\n    rows: InternalTableRow[],\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\n    handleonRowActive: RowActiveHandler<any> | undefined\n) => {\n    React.useEffect(() => {\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\n            const focusedRow = rows[activeIndex];\n            if (focusedRow) {\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\n                handleonRowActive(sanitizedFocusedRow);\n            }\n        }\n    }, [activeIndex, rows]);\n};\n\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\n    const sanitizedInstance = React.useMemo(\n        () => ({\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\n            toggleHideAllColumns: instance.toggleHideAllColumns,\n            toggleHideColumn: instance.toggleHideColumn,\n            toggleEditing: instance.toggleEditing,\n            toggleRowEditing: instance.toggleRowEditing,\n            resetRowEditing: instance.resetRowEditing,\n            toggleRowExpanded: instance.toggleRowExpanded,\n            toggleSortBy: instance.toggleSortBy,\n        }),\n        []\n    );\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            ref.current.instance = sanitizedInstance;\n        }\n    }, [ref]);\n\n    return sanitizedInstance;\n};\n\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\n    React.useEffect(() => {\n        if (!disablePagination && onPaginate) {\n            onPaginate(state.pageIndex, state.pageSize);\n        }\n    }, [state.pageIndex, state.pageSize]);\n};\n\nconst useTableSortingListener = (\n    data: any[],\n    sortedRows: any[],\n    onSort: SortHandler<any> | undefined,\n    manualSorting: boolean,\n    state: any\n): void => {\n    React.useEffect(() => {\n        if (onSort) {\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\n\n            if (manualSorting) {\n                onSort(sortRules);\n            } else {\n                let sortedData;\n\n                if (sortRules.length && sortedRows?.length) {\n                    sortedData = sortedRows.map((row: any) => row.original);\n                }\n\n                onSort(sortRules, sortedData || data);\n            }\n        }\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\n};\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nexport const useTable = <T extends {}>(\n    props: TableProps<T> & { windowed?: boolean },\n    ref: React.RefObject<TableRef>\n): InternalTable => {\n    const {\n        children,\n        data,\n        dangerouslyHijackGlobalKeyboardNavigation: _,\n        onRowClick,\n        onRowDrag,\n        onSelectedRows,\n        rowClassName,\n        rowExpansionRenderer,\n        rowHeight,\n        selectedRows,\n\n        // sorting\n        disableSorting,\n        manualSorting,\n        onSort,\n        sortRules,\n\n        //index\n        activeIndex: _1,\n        defaultActiveIndex: _2,\n        onChangeActiveIndex: _3,\n\n        // pagination\n        disablePagination = true,\n        length,\n        onPaginate,\n        pageSize = DEFAULT_PAGE_SIZE,\n        pageIndex = 0,\n\n        // row editing\n        inlineEditingUniqueId = undefined,\n        onRowCreate,\n\n        // actions\n        actions,\n        onRowEdit,\n        onRowCopy,\n        onRowDelete,\n        onRowActive,\n\n        windowed = false,\n\n        ...otherProps\n    } = props;\n\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\n        throw new Error(\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\n        );\n    }\n\n    const { texts, locale } = useLocalization();\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\n        [children, rowExpansionRenderer]\n    );\n\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\n\n    const {\n        headerGroups,\n        rows,\n        sortedRows,\n        prepareRow: prepareBaseRow,\n        state,\n        // pagination\n        page,\n        gotoPage,\n        setPageSize,\n        ...instance\n    }: any = useReactTable(\n        {\n            columns,\n            data,\n            initialState: {\n                // eslint-disable-next-line\n                // @ts-ignore: not sure how to type this correctly right now\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\n                pageSize: !disablePagination ? pageSize : undefined,\n                pageIndex: !disablePagination ? pageIndex : undefined,\n            },\n            manualPagination,\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\n            manualSortBy: manualSorting,\n            disableSortBy: disableSorting,\n            // most of these resets preventions are needed for editing mode\n            autoResetExpanded: false,\n            autoResetSelectedRows: false,\n            autoResetSortBy: false,\n            autoResetPage: false,\n            sortTypes: React.useMemo(() => sortTypes(locale), []),\n            useControlledState: currentState => {\n                return React.useMemo(\n                    () => ({\n                        ...currentState,\n                        selectedRowIds: selectedRows || [],\n                    }),\n                    [currentState, selectedRows]\n                );\n            },\n        },\n        useRowState,\n        useSortBy,\n        useExpanded,\n        usePagination,\n        useRowSelect(onSelectedRows),\n        useRowDraggable(onRowDrag),\n        useRowEditing(inlineEditingUniqueId),\n        useRowActions(\n            inlineEditingUniqueId,\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\n            actions,\n            rowExpansionRenderer,\n            texts,\n            windowed\n        )\n    );\n\n    useTablePaginationListener(disablePagination, onPaginate, state);\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\n\n    const sanitizedInstance = useTableInstance(instance, ref);\n\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\n\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\n        props,\n        visibleRows,\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\n        ref\n    );\n\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\n\n    const prepareRow = React.useCallback(\n        (row: any, index: number) => {\n            prepareBaseRow(row);\n            row.setActive = () => setActiveIndex(index);\n        },\n        [prepareBaseRow, setActiveIndex]\n    );\n\n    return {\n        rowProps: {\n            activeIndex,\n            setActiveIndex,\n            onRowClick,\n            rowClassName,\n            rowExpansionRenderer,\n            rowHeight,\n            inlineEditingUniqueId,\n        },\n        tableProps: {\n            ...otherProps,\n            headerGroups,\n            onFocus: handleFocus,\n            onKeyDown: handleKeyDown,\n            tabIndex: otherProps.tabIndex ?? 0,\n        },\n        state,\n        pagination: !disablePagination\n            ? {\n                  length: manualPagination && length ? length : data.length,\n                  pageIndex: state.pageIndex,\n                  pageSize: state.pageSize,\n                  setPageIndex: gotoPage,\n                  setPageSize: setPageSize,\n              }\n            : null,\n        rows: visibleRows,\n        prepareRow,\n        instance: sanitizedInstance,\n    };\n};\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","dangerouslyHijackGlobalKeyboardNavigation","_","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","_1","defaultActiveIndex","_2","onChangeActiveIndex","_3","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","texts","locale","useLocalization","columns","defaultSortRules","getColumnsFromChildren","manualPagination","headerGroups","prepareRow","prepareBaseRow","page","gotoPage","setPageSize","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","visibleRows","setActiveIndex","handleKeyDown","handleFocus","useTableKeyboardNavigation","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table/hooks/useTable.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useTable as useReactTable, useExpanded, useSortBy, usePagination, useRowState } from 'react-table';\r\nimport { getColumnsFromChildren, getInternalSortRules } from '../util';\r\nimport { sortTypes } from '../util/sortTypes';\r\nimport { useRowEditing } from './plugins/useRowEditing';\r\nimport { useRowActions } from './plugins/useRowActions';\r\nimport { useRowSelect } from './plugins/useRowSelect';\r\nimport {\r\n    InternalTable,\r\n    InternalTableRow,\r\n    PaginationHandler,\r\n    RowActiveHandler,\r\n    SortHandler,\r\n    TableProps,\r\n    TableRef,\r\n} from '../types';\r\nimport { useTableKeyboardNavigation } from './useTableKeyboardNavigation';\r\nimport { useLocalization } from '../../Provider/Provider';\r\nimport { useRowDraggable } from './plugins/useRowDraggable';\r\nimport { sanitizeRowProps } from '../util';\r\n\r\nconst useTableRowActive = (\r\n    activeIndex: number | undefined,\r\n    rows: InternalTableRow[],\r\n    rowExpansionRenderer: TableProps<any>['rowExpansionRenderer'],\r\n    handleonRowActive: RowActiveHandler<any> | undefined\r\n) => {\r\n    React.useEffect(() => {\r\n        if (activeIndex !== undefined && rows.length && handleonRowActive) {\r\n            const focusedRow = rows[activeIndex];\r\n            if (focusedRow) {\r\n                const sanitizedFocusedRow = sanitizeRowProps(focusedRow, rowExpansionRenderer);\r\n                handleonRowActive(sanitizedFocusedRow);\r\n            }\r\n        }\r\n    }, [activeIndex, rows]);\r\n};\r\n\r\nconst useTableInstance = (instance: any, ref: React.RefObject<TableRef>): object => {\r\n    const sanitizedInstance = React.useMemo(\r\n        () => ({\r\n            toggleAllRowsExpanded: instance.toggleAllRowsExpanded,\r\n            toggleHideAllColumns: instance.toggleHideAllColumns,\r\n            toggleHideColumn: instance.toggleHideColumn,\r\n            toggleEditing: instance.toggleEditing,\r\n            toggleRowEditing: instance.toggleRowEditing,\r\n            resetRowEditing: instance.resetRowEditing,\r\n            toggleRowExpanded: instance.toggleRowExpanded,\r\n            toggleSortBy: instance.toggleSortBy,\r\n        }),\r\n        []\r\n    );\r\n\r\n    React.useEffect(() => {\r\n        if (ref?.current) {\r\n            ref.current.instance = sanitizedInstance;\r\n        }\r\n    }, [ref]);\r\n\r\n    return sanitizedInstance;\r\n};\r\n\r\nconst useTablePaginationListener = (disablePagination: boolean, onPaginate: PaginationHandler | undefined, state: any): void => {\r\n    React.useEffect(() => {\r\n        if (!disablePagination && onPaginate) {\r\n            onPaginate(state.pageIndex, state.pageSize);\r\n        }\r\n    }, [state.pageIndex, state.pageSize]);\r\n};\r\n\r\nconst useTableSortingListener = (\r\n    data: any[],\r\n    sortedRows: any[],\r\n    onSort: SortHandler<any> | undefined,\r\n    manualSorting: boolean,\r\n    state: any\r\n): void => {\r\n    React.useEffect(() => {\r\n        if (onSort) {\r\n            const sortRules = state.sortBy.map((rule: any) => ({ accessor: rule.id, desc: rule.desc }));\r\n\r\n            if (manualSorting) {\r\n                onSort(sortRules);\r\n            } else {\r\n                let sortedData;\r\n\r\n                if (sortRules.length && sortedRows?.length) {\r\n                    sortedData = sortedRows.map((row: any) => row.original);\r\n                }\r\n\r\n                onSort(sortRules, sortedData || data);\r\n            }\r\n        }\r\n    }, [onSort && JSON.stringify(state.sortBy), manualSorting]);\r\n};\r\n\r\nconst DEFAULT_PAGE_SIZE = 10;\r\n\r\nexport const useTable = <T extends {}>(\r\n    props: TableProps<T> & { windowed?: boolean },\r\n    ref: React.RefObject<TableRef>\r\n): InternalTable => {\r\n    const {\r\n        children,\r\n        data,\r\n        dangerouslyHijackGlobalKeyboardNavigation: _,\r\n        onRowClick,\r\n        onRowDrag,\r\n        onSelectedRows,\r\n        rowClassName,\r\n        rowExpansionRenderer,\r\n        rowHeight,\r\n        selectedRows,\r\n\r\n        // sorting\r\n        disableSorting,\r\n        manualSorting,\r\n        onSort,\r\n        sortRules,\r\n\r\n        //index\r\n        activeIndex: _1,\r\n        defaultActiveIndex: _2,\r\n        onChangeActiveIndex: _3,\r\n\r\n        // pagination\r\n        disablePagination = true,\r\n        length,\r\n        onPaginate,\r\n        pageSize = DEFAULT_PAGE_SIZE,\r\n        pageIndex = 0,\r\n\r\n        // row editing\r\n        inlineEditingUniqueId = undefined,\r\n        onRowCreate,\r\n\r\n        // actions\r\n        actions,\r\n        onRowEdit,\r\n        onRowCopy,\r\n        onRowDelete,\r\n        onRowActive,\r\n\r\n        windowed = false,\r\n\r\n        ...otherProps\r\n    } = props;\r\n\r\n    if ((onSelectedRows && !selectedRows) || (!onSelectedRows && selectedRows)) {\r\n        throw new Error(\r\n            'Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection'\r\n        );\r\n    }\r\n\r\n    const { texts, locale } = useLocalization();\r\n    const { columns, sortRules: defaultSortRules } = React.useMemo(\r\n        () => getColumnsFromChildren(children, rowExpansionRenderer),\r\n        [children, rowExpansionRenderer]\r\n    );\r\n\r\n    const manualPagination = !disablePagination && !!onPaginate && !!length;\r\n\r\n    const {\r\n        headerGroups,\r\n        rows,\r\n        sortedRows,\r\n        prepareRow: prepareBaseRow,\r\n        state,\r\n        // pagination\r\n        page,\r\n        gotoPage,\r\n        setPageSize,\r\n        ...instance\r\n    }: any = useReactTable(\r\n        {\r\n            columns,\r\n            data,\r\n            initialState: {\r\n                // @ts-expect-error: not sure how to type this correctly right now\r\n                sortBy: getInternalSortRules(sortRules) || defaultSortRules,\r\n                pageSize: !disablePagination ? pageSize : undefined,\r\n                pageIndex: !disablePagination ? pageIndex : undefined,\r\n            },\r\n            manualPagination,\r\n            pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,\r\n            manualSortBy: manualSorting,\r\n            disableSortBy: disableSorting,\r\n            // most of these resets preventions are needed for editing mode\r\n            autoResetExpanded: false,\r\n            autoResetSelectedRows: false,\r\n            autoResetSortBy: false,\r\n            autoResetPage: false,\r\n            sortTypes: React.useMemo(() => sortTypes(locale), []),\r\n            useControlledState: currentState => {\r\n                return React.useMemo(\r\n                    () => ({\r\n                        ...currentState,\r\n                        selectedRowIds: selectedRows || [],\r\n                    }),\r\n                    [currentState, selectedRows]\r\n                );\r\n            },\r\n        },\r\n        useRowState,\r\n        useSortBy,\r\n        useExpanded,\r\n        usePagination,\r\n        useRowSelect(onSelectedRows),\r\n        useRowDraggable(onRowDrag),\r\n        useRowEditing(inlineEditingUniqueId),\r\n        useRowActions(\r\n            inlineEditingUniqueId,\r\n            { onRowCreate, onRowEdit, onRowCopy, onRowDelete },\r\n            actions,\r\n            rowExpansionRenderer,\r\n            texts,\r\n            windowed\r\n        )\r\n    );\r\n\r\n    useTablePaginationListener(disablePagination, onPaginate, state);\r\n    useTableSortingListener(data, sortedRows, onSort, !!manualSorting, state);\r\n\r\n    const sanitizedInstance = useTableInstance(instance, ref);\r\n\r\n    const visibleRows = !disablePagination && !manualPagination ? page : rows;\r\n\r\n    const [activeIndex, setActiveIndex, handleKeyDown, handleFocus] = useTableKeyboardNavigation<T>(\r\n        props,\r\n        visibleRows,\r\n        { onRowClick, onRowCreate, onRowEdit, onRowCopy, onRowDelete, rowExpansionRenderer },\r\n        ref\r\n    );\r\n\r\n    useTableRowActive(activeIndex, rows, rowExpansionRenderer, onRowActive);\r\n\r\n    const prepareRow = React.useCallback(\r\n        (row: any, index: number) => {\r\n            prepareBaseRow(row);\r\n            row.setActive = () => setActiveIndex(index);\r\n        },\r\n        [prepareBaseRow, setActiveIndex]\r\n    );\r\n\r\n    return {\r\n        rowProps: {\r\n            activeIndex,\r\n            setActiveIndex,\r\n            onRowClick,\r\n            rowClassName,\r\n            rowExpansionRenderer,\r\n            rowHeight,\r\n            inlineEditingUniqueId,\r\n        },\r\n        tableProps: {\r\n            ...otherProps,\r\n            headerGroups,\r\n            onFocus: handleFocus,\r\n            onKeyDown: handleKeyDown,\r\n            tabIndex: otherProps.tabIndex ?? 0,\r\n        },\r\n        state,\r\n        pagination: !disablePagination\r\n            ? {\r\n                  length: manualPagination && length ? length : data.length,\r\n                  pageIndex: state.pageIndex,\r\n                  pageSize: state.pageSize,\r\n                  setPageIndex: gotoPage,\r\n                  setPageSize: setPageSize,\r\n              }\r\n            : null,\r\n        rows: visibleRows,\r\n        prepareRow,\r\n        instance: sanitizedInstance,\r\n    };\r\n};\r\n"],"names":["useTableRowActive","activeIndex","rows","rowExpansionRenderer","handleonRowActive","React","useEffect","undefined","length","focusedRow","sanitizedFocusedRow","sanitizeRowProps","useTableInstance","instance","ref","sanitizedInstance","useMemo","toggleAllRowsExpanded","toggleHideAllColumns","toggleHideColumn","toggleEditing","toggleRowEditing","resetRowEditing","toggleRowExpanded","toggleSortBy","current","useTablePaginationListener","disablePagination","onPaginate","state","pageIndex","pageSize","useTableSortingListener","data","sortedRows","onSort","manualSorting","sortRules","sortBy","map","rule","accessor","id","desc","sortedData","row","original","JSON","stringify","DEFAULT_PAGE_SIZE","useTable","props","children","dangerouslyHijackGlobalKeyboardNavigation","_","onRowClick","onRowDrag","onSelectedRows","rowClassName","rowHeight","selectedRows","disableSorting","_1","defaultActiveIndex","_2","onChangeActiveIndex","_3","inlineEditingUniqueId","onRowCreate","actions","onRowEdit","onRowCopy","onRowDelete","onRowActive","windowed","otherProps","Error","texts","locale","useLocalization","columns","defaultSortRules","getColumnsFromChildren","manualPagination","headerGroups","prepareRow","prepareBaseRow","page","gotoPage","setPageSize","useReactTable","initialState","getInternalSortRules","pageCount","Math","ceil","manualSortBy","disableSortBy","autoResetExpanded","autoResetSelectedRows","autoResetSortBy","autoResetPage","sortTypes","useControlledState","currentState","selectedRowIds","useRowState","useSortBy","useExpanded","usePagination","useRowSelect","useRowDraggable","useRowEditing","useRowActions","visibleRows","setActiveIndex","handleKeyDown","handleFocus","useTableKeyboardNavigation","useCallback","index","setActive","rowProps","tableProps","onFocus","onKeyDown","tabIndex","pagination","setPageIndex"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table/hooks/useTableKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation';\nimport { sanitizeRowProps } from '../util';\nimport { TableProps } from '../types';\n\nexport const useTableKeyboardNavigation = <T extends {}>(\n    props: TableProps<T>,\n    rows: any[],\n    rowProps: any,\n    ref: React.RefObject<HTMLDivElement>\n): [\n    number | undefined,\n    (index: number) => void,\n    (event: React.KeyboardEvent<HTMLElement>) => void,\n    (event: React.FocusEvent<HTMLElement>) => void\n] => {\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\n\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\n        prop: props.activeIndex,\n        defaultProp:\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\n        onChange: index => {\n            if (index !== undefined) {\n                props.onChangeActiveIndex?.(index);\n            }\n        },\n    });\n\n    const onKeyDown = (event: KeyboardEvent): void => {\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\n\n        if (\n            useGlobalKeyboardNavigation &&\n            document.activeElement !== ref.current &&\n            document.activeElement?.getAttribute('type') !== 'search' &&\n            document.activeElement !== document.body\n        ) {\n            return;\n        }\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\n            return;\n        }\n\n        if (activeIndex !== undefined) {\n            const currentRow = rows[activeIndex];\n\n            if (currentRow) {\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\n\n                if (rowProps.onRowClick && event.key === 'Enter') {\n                    event.preventDefault();\n                    rowProps.onRowClick(sanitizedRow);\n                    return;\n                }\n\n                if (currentRow.toggleRowSelected && event.key === ' ') {\n                    event.preventDefault();\n                    currentRow.toggleRowSelected();\n                    return;\n                }\n\n                if (currentRow.toggleRowExpanded) {\n                    if (currentRow.isExpanded && event.key === 'ArrowLeft') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    } else if (!currentRow.isExpanded && event.key === 'ArrowRight') {\n                        event.preventDefault();\n                        currentRow.toggleRowExpanded();\n                        return;\n                    }\n                }\n\n                // inline editing\n                if (currentRow.toggleRowEditing) {\n                    if (currentRow.canEdit && !currentRow.isEditing) {\n                        if (rowProps.onRowCreate && event.shiftKey && event.key === 'n') {\n                            event.preventDefault();\n\n                            if (!currentRow.isExpanded) {\n                                currentRow.toggleRowExpanded();\n                            }\n\n                            rowProps.onRowCreate(sanitizedRow, event);\n                            return;\n                        }\n\n                        if (event.key === 'e') {\n                            event.preventDefault();\n                            currentRow.toggleRowEditing();\n                            return;\n                        }\n                    }\n                }\n\n                if (rowProps.onRowEdit && event.key === 'e' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowEdit(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowCopy && event.key === 'c' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowCopy(sanitizedRow, event);\n                    return;\n                }\n\n                if (rowProps.onRowDelete && event.key === 'Delete' && !isModifierKeyPressed) {\n                    event.preventDefault();\n                    rowProps.onRowDelete(sanitizedRow, event);\n                    return;\n                }\n            }\n        }\n\n        const nextIndex = getNextIndexFromKey(event.key, rows.length, activeIndex);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n            setActiveIndex(nextIndex);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        if (!useGlobalKeyboardNavigation) {\n            onKeyDown(event.nativeEvent);\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown]);\n\n    const handleFocus = (): void => {\n        if (activeIndex === undefined && rows.length) {\n            setActiveIndex(0);\n        }\n    };\n\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\n};\n"],"names":["useTableKeyboardNavigation","props","rows","rowProps","ref","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","activeIndex","setActiveIndex","useControllableState","prop","defaultProp","defaultActiveIndex","undefined","onChange","index","onChangeActiveIndex","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","getAttribute","body","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","key","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKey","length","handleKeyDown","nativeEvent","React","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}
+{"version":3,"file":"useTableKeyboardNavigation.js","sources":["../../../../../../../../src/components/Table/hooks/useTableKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\r\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\r\nimport { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation';\r\nimport { sanitizeRowProps } from '../util';\r\nimport { TableProps } from '../types';\r\n\r\nexport const useTableKeyboardNavigation = <T extends {}>(\r\n    props: TableProps<T>,\r\n    rows: any[],\r\n    rowProps: any,\r\n    ref: React.RefObject<HTMLDivElement>\r\n): [\r\n    number | undefined,\r\n    (index: number) => void,\r\n    (event: React.KeyboardEvent<HTMLElement>) => void,\r\n    (event: React.FocusEvent<HTMLElement>) => void\r\n] => {\r\n    const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;\r\n\r\n    const [activeIndex, setActiveIndex] = useControllableState<number | undefined>({\r\n        prop: props.activeIndex,\r\n        defaultProp:\r\n            props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,\r\n        onChange: index => {\r\n            if (index !== undefined) {\r\n                props.onChangeActiveIndex?.(index);\r\n            }\r\n        },\r\n    });\r\n\r\n    const onKeyDown = (event: KeyboardEvent): void => {\r\n        const isModifierKeyPressed = event.metaKey || event.ctrlKey || event.altKey || event.shiftKey;\r\n\r\n        if (\r\n            useGlobalKeyboardNavigation &&\r\n            document.activeElement !== ref.current &&\r\n            document.activeElement?.getAttribute('type') !== 'search' &&\r\n            document.activeElement !== document.body\r\n        ) {\r\n            return;\r\n        }\r\n        // abort key handling if other elements inside table are focused and we don't use global keyboard navigation\r\n        if (!useGlobalKeyboardNavigation && document.activeElement !== ref.current) {\r\n            return;\r\n        }\r\n\r\n        if (activeIndex !== undefined) {\r\n            const currentRow = rows[activeIndex];\r\n\r\n            if (currentRow) {\r\n                const sanitizedRow = sanitizeRowProps(currentRow, rowProps.rowExpansionRenderer);\r\n\r\n                if (rowProps.onRowClick && event.key === 'Enter') {\r\n                    event.preventDefault();\r\n                    rowProps.onRowClick(sanitizedRow);\r\n                    return;\r\n                }\r\n\r\n                if (currentRow.toggleRowSelected && event.key === ' ') {\r\n                    event.preventDefault();\r\n                    currentRow.toggleRowSelected();\r\n                    return;\r\n                }\r\n\r\n                if (currentRow.toggleRowExpanded) {\r\n                    if (currentRow.isExpanded && event.key === 'ArrowLeft') {\r\n                        event.preventDefault();\r\n                        currentRow.toggleRowExpanded();\r\n                        return;\r\n                    } else if (!currentRow.isExpanded && event.key === 'ArrowRight') {\r\n                        event.preventDefault();\r\n                        currentRow.toggleRowExpanded();\r\n                        return;\r\n                    }\r\n                }\r\n\r\n                // inline editing\r\n                if (currentRow.toggleRowEditing) {\r\n                    if (currentRow.canEdit && !currentRow.isEditing) {\r\n                        if (rowProps.onRowCreate && event.shiftKey && event.key === 'n') {\r\n                            event.preventDefault();\r\n\r\n                            if (!currentRow.isExpanded) {\r\n                                currentRow.toggleRowExpanded();\r\n                            }\r\n\r\n                            rowProps.onRowCreate(sanitizedRow, event);\r\n                            return;\r\n                        }\r\n\r\n                        if (event.key === 'e') {\r\n                            event.preventDefault();\r\n                            currentRow.toggleRowEditing();\r\n                            return;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                if (rowProps.onRowEdit && event.key === 'e' && !isModifierKeyPressed) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowEdit(sanitizedRow, event);\r\n                    return;\r\n                }\r\n\r\n                if (rowProps.onRowCopy && event.key === 'c' && !isModifierKeyPressed) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowCopy(sanitizedRow, event);\r\n                    return;\r\n                }\r\n\r\n                if (rowProps.onRowDelete && event.key === 'Delete' && !isModifierKeyPressed) {\r\n                    event.preventDefault();\r\n                    rowProps.onRowDelete(sanitizedRow, event);\r\n                    return;\r\n                }\r\n            }\r\n        }\r\n\r\n        const nextIndex = getNextIndexFromKey(event.key, rows.length, activeIndex);\r\n\r\n        if (nextIndex !== undefined) {\r\n            event.preventDefault();\r\n            setActiveIndex(nextIndex);\r\n        }\r\n    };\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\r\n        if (!useGlobalKeyboardNavigation) {\r\n            onKeyDown(event.nativeEvent);\r\n        }\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        if (useGlobalKeyboardNavigation) {\r\n            window.addEventListener('keydown', onKeyDown);\r\n        }\r\n\r\n        return () => {\r\n            if (useGlobalKeyboardNavigation) {\r\n                window.removeEventListener('keydown', onKeyDown);\r\n            }\r\n        };\r\n    }, [onKeyDown]);\r\n\r\n    const handleFocus = (): void => {\r\n        if (activeIndex === undefined && rows.length) {\r\n            setActiveIndex(0);\r\n        }\r\n    };\r\n\r\n    return [activeIndex, setActiveIndex, handleKeyDown, handleFocus];\r\n};\r\n"],"names":["useTableKeyboardNavigation","props","rows","rowProps","ref","useGlobalKeyboardNavigation","dangerouslyHijackGlobalKeyboardNavigation","activeIndex","setActiveIndex","useControllableState","prop","defaultProp","defaultActiveIndex","undefined","onChange","index","onChangeActiveIndex","onKeyDown","event","isModifierKeyPressed","metaKey","ctrlKey","altKey","shiftKey","document","activeElement","current","getAttribute","body","currentRow","sanitizedRow","sanitizeRowProps","rowExpansionRenderer","onRowClick","key","preventDefault","toggleRowSelected","toggleRowExpanded","isExpanded","toggleRowEditing","canEdit","isEditing","onRowCreate","onRowEdit","onRowCopy","onRowDelete","nextIndex","getNextIndexFromKey","length","handleKeyDown","nativeEvent","React","useEffect","window","addEventListener","removeEventListener","handleFocus"],"mappings":"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"}