npm - @economic/taco - Versions diffs - 13.0.0 → 14.0.0-tanstack-virtual-update.0 - Mend

@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (645) hide show

package/dist/components/Select2/components/Trigger.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { Select2OptionValue } from '../types';
 import { Select2OptionProps } from './Option';
-export declare const Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement>, "children" | "onChange" | "defaultValue" | "value"> & {
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement>, "children" | "defaultValue" | "onChange" | "value"> & {
     emptyValue?: Select2OptionValue;
     placeholder?: string;
     children: React.ReactElement<Select2OptionProps>[];

package/dist/components/Select2/components/Trigger.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import cn from "clsx";
 import React__default from "react";
-import { useMergedRef } from "../../../hooks/useMergedRef.js";
-import { isElementInsideOrTriggeredFromContainer, getIndexOfFirstChildOverflowingParent } from "../../../utils/dom.js";
-import { Badge } from "../../Badge/Badge.js";
-import { Icon } from "../../Icon/Icon.js";
 import { getInputClasses } from "../../Input/util.js";
 import { ScrollArea } from "../../ScrollArea/ScrollArea.js";
-import { Tag } from "../../Tag/Tag.js";
-import { Tooltip } from "../../Tooltip/Tooltip.js";
+import { useMergedRef } from "../../../hooks/useMergedRef.js";
+import { isElementInsideOrTriggeredFromContainer, getIndexOfFirstChildOverflowingParent } from "../../../utils/dom.js";
 import { FONT_SIZE_CLASSNAME } from "../utilities.js";
 import { useSelect2Context } from "./Context.js";
+import { Tag } from "../../Tag/Tag.js";
+import { Icon } from "../../Icon/Icon.js";
+import { Tooltip } from "../../Tooltip/Tooltip.js";
+import { Badge } from "../../Badge/Badge.js";
 const Placeholder = ({ disabled, readOnly, ...props }) => {
   if (readOnly) {
     return null;

package/dist/components/Select2/components/Trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Trigger.js","sources":["../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '../../../utils/dom';\nimport type { BadgeProps } from '../../Badge/Badge';\nimport { Badge } from '../../Badge/Badge';\nimport { Icon } from '../../Icon/Icon';\nimport { getInputClasses } from '../../Input/util';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport type { Select2OptionValue } from '../types';\nimport { FONT_SIZE_CLASSNAME } from '../utilities';\n\nimport { useSelect2Context } from './Context';\nimport type { Select2OptionProps } from './Option';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' \| 'defaultValue' \| 'onChange' \| 'value'> & {\n emptyValue?: Select2OptionValue;\n placeholder?: string;\n children: React.ReactElement<Select2OptionProps>[];\n};\n\ntype PlaceholderProps = React.PropsWithChildren<{\n disabled: boolean;\n readOnly: boolean;\n}>;\n\nconst Placeholder = ({ disabled, readOnly, ...props }: PlaceholderProps) => {\n if (readOnly) {\n return null;\n }\n return (\n <div\n {...props}\n className={cn({ 'text-gray-500': disabled, 'text-gray-700': !disabled })}\n data-taco=\"select2-placeholder\"\n />\n );\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 ? undefined : [value];\n return <Multiple {...props} ref={ref} values={values} />;\n }\n\n return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n Omit<Select2TriggerProps, 'children' \| 'open' \| 'setValue' \| 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n const { disabled, fontSize = 'medium', highlighted, invalid, open, readOnly } = useSelect2Context();\n\n const className = cn(\n 'h-fit px-1.5',\n getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n .replace('w-full', '')\n .replace('px-2', ''),\n FONT_SIZE_CLASSNAME[fontSize],\n {\n 'select-text': readOnly,\n 'w-full': !props.className?.includes('w-'),\n },\n props.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled \|\| readOnly) {\n event.preventDefault();\n return;\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n };\n\n let handleBlur;\n\n if (typeof onBlur === 'function') {\n // we might be focusing on an input or something inside the dropdown that was triggered by the select\n // so see if the element gaining focus is inside a portal and look up its controller\n // if we don't do this, things like validate on blur occur while simply opening the select\n handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n return;\n }\n\n onBlur(event);\n };\n }\n\n // select the value text if the select is readonly\n const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (readOnly) {\n const value = event.currentTarget.querySelector(':first-child');\n\n if (value) {\n window.getSelection()?.selectAllChildren?.(value);\n }\n }\n\n if (typeof onFocus === 'function') {\n onFocus(event);\n }\n };\n\n return (\n <button\n {...otherProps}\n aria-invalid={invalid ? true : undefined}\n aria-readonly={readOnly ? true : undefined}\n className={className}\n disabled={disabled}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n ref={ref}\n role=\"combobox\"\n tabIndex={disabled ? -1 : tabIndex}\n type=\"button\">\n {children}\n {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n </button>\n );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n const { disabled, readOnly, tags } = useSelect2Context();\n const contentClassName = cn('flex items-center gap-1 truncate');\n\n const currentValue = children.find(matchesValue(value));\n\n let output;\n\n if (placeholder && currentValue === undefined) {\n output = (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n );\n } else if (currentValue) {\n if (tags && emptyValue !== value) {\n if (typeof currentValue.props.children === 'string')\n output = (\n <Tag\n className=\"truncate\"\n color={currentValue.props.color}\n disabled={disabled}\n icon={currentValue.props.prefix}\n readOnly={readOnly}>\n {currentValue.props.children}\n </Tag>\n );\n else output = currentValue.props.children;\n } else {\n output = (\n <>\n {currentValue.props.prefix ? (\n typeof currentValue.props.prefix === 'string' ? (\n <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n ) : (\n currentValue.props.prefix\n )\n ) : null}\n {currentValue.props.children}\n </>\n );\n }\n }\n\n return (\n <Button {...buttonProps} ref={ref}>\n <div className={contentClassName} data-taco={placeholder ? undefined : 'select2-value'}>\n {output}\n </div>\n </Button>\n );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n const valuesAsChildren = values\n .map(value => children.find(c => c.props.value === value))\n .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n const forwardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n event.preventDefault();\n buttonRef.current?.click();\n };\n\n let content;\n let { className } = buttonProps;\n\n if (open) {\n const hasValues = valuesAsChildren.length > 0;\n className = cn('!absolute z-20 !h-fit', buttonProps.className);\n content = (\n <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n <div className=\"flex flex-wrap gap-1\" data-taco=\"select2-value\">\n {hasValues ? (\n valuesAsChildren.map(child =>\n typeof child.props.children === 'string' ? (\n <Tag\n key={String(child.props.value)}\n className=\"truncate\"\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n onDelete={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n ) : (\n React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n children: BadgeProps['children'];\n className: BadgeProps['className'];\n }\n >,\n {\n key: String(child.props.value),\n className: '!pr-0 !pl-1.5',\n children: (\n <span className=\"flex items-center\" data-taco=\"select2-value\">\n {\n (child.props.children as React.ReactElement<{ children?: React.ReactNode }>)\n .props.children\n }\n <Icon\n name=\"close\"\n onClick={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n />\n </span>\n ),\n }\n )\n )\n )\n ) : (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n )}\n </div>\n </ScrollArea>\n );\n } else {\n content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n }\n\n return (\n <div\n className=\"relative inline-flex h-fit flex-grow\"\n data-taco=\"select2-container\"\n style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n <Button {...buttonProps} className={className} ref={buttonRef}>\n {content}\n </Button>\n </div>\n );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' \| 'children' \| 'onClick'> & {\n valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n placeholder?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n const { disabled, readOnly, tags } = useSelect2Context();\n const [contentRef, setContentRef] = React.useState<HTMLDivElement \| null>(null);\n const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n // Retrieves the relevant text content from any React.JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n const getTooltipTitle = (child: React.ReactElement<{ children?: React.ReactNode }>): string \| string[] => {\n const children = child.props.children;\n\n if (typeof children === 'string') return children;\n\n if (React.isValidElement<{ children?: React.ReactNode }>(children)) {\n const nested = children.props.children;\n\n if (typeof nested === 'string') return nested;\n\n if (Array.isArray(nested)) {\n return nested.filter((item: React.ReactNode) => typeof item === 'string');\n }\n }\n\n return '';\n };\n\n return (\n <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)} data-taco=\"select2-value\">\n {valuesAsChildren.length === 0 ? (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n ) : (\n valuesAsChildren.map((child, index) => {\n const classNames = {\n truncate: index === boundaryIndex,\n hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n };\n let output;\n if (typeof child.props.children === 'string') {\n output = (\n <Tag\n key={String(child.props.value)}\n className={cn('cursor-pointer', classNames)}\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n );\n } else\n output = React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n className: BadgeProps['className'];\n }\n >,\n {\n className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n key: String(child.props.value),\n }\n );\n\n if (index === boundaryIndex) {\n return (\n <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n {output}\n </Tooltip>\n );\n }\n\n return output;\n })\n )}\n </div>\n\n {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n <Tooltip\n title={valuesAsChildren\n .slice(boundaryIndex + 1)\n .map(child => (child ? String(getTooltipTitle(child)) : ''))\n .join(', ')}>\n <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n </Tooltip>\n ) : null}\n </div>\n );\n};\n\nconst matchesValue = (value: undefined \| any \| any[]) => (child: React.ReactElement<any>) => {\n if (Array.isArray(value)) {\n return value.includes(child.props.value);\n }\n\n return child.props.value === value;\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"Trigger.js","sources":["../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { BadgeProps } from '@/components';\nimport { Badge, Icon, Tag, Tooltip } from '@/components';\nimport { getInputClasses } from '@/components/Input/util';\nimport { ScrollArea } from '@/components/ScrollArea/ScrollArea';\nimport { useMergedRef } from '@/hooks/useMergedRef';\nimport { getIndexOfFirstChildOverflowingParent, isElementInsideOrTriggeredFromContainer } from '@/utils/dom';\n\nimport type { Select2OptionValue } from '../types';\nimport { FONT_SIZE_CLASSNAME } from '../utilities';\n\nimport { useSelect2Context } from './Context';\nimport type { Select2OptionProps } from './Option';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' \| 'defaultValue' \| 'onChange' \| 'value'> & {\n emptyValue?: Select2OptionValue;\n placeholder?: string;\n children: React.ReactElement<Select2OptionProps>[];\n};\n\ntype PlaceholderProps = React.PropsWithChildren<{\n disabled: boolean;\n readOnly: boolean;\n}>;\n\nconst Placeholder = ({ disabled, readOnly, ...props }: PlaceholderProps) => {\n if (readOnly) {\n return null;\n }\n return (\n <div\n {...props}\n className={cn({ 'text-gray-500': disabled, 'text-gray-700': !disabled })}\n data-taco=\"select2-placeholder\"\n />\n );\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 ? undefined : [value];\n return <Multiple {...props} ref={ref} values={values} />;\n }\n\n return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n Omit<Select2TriggerProps, 'children' \| 'open' \| 'setValue' \| 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n const { children, onBlur, onClick, onFocus, tabIndex = 0, ...otherProps } = props;\n const { disabled, fontSize = 'medium', highlighted, invalid, open, readOnly } = useSelect2Context();\n\n const className = cn(\n 'h-fit px-1.5',\n getInputClasses({ ...props, disabled, highlighted, invalid, readOnly })\n .replace('w-full', '')\n .replace('px-2', ''),\n FONT_SIZE_CLASSNAME[fontSize],\n {\n 'select-text': readOnly,\n 'w-full': !props.className?.includes('w-'),\n },\n props.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled \|\| readOnly) {\n event.preventDefault();\n return;\n }\n\n if (typeof onClick === 'function') {\n onClick(event);\n }\n };\n\n let handleBlur;\n\n if (typeof onBlur === 'function') {\n // we might be focusing on an input or something inside the dropdown that was triggered by the select\n // so see if the element gaining focus is inside a portal and look up its controller\n // if we don't do this, things like validate on blur occur while simply opening the select\n handleBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n return;\n }\n\n onBlur(event);\n };\n }\n\n // select the value text if the select is readonly\n const handleFocus = (event: React.FocusEvent<HTMLButtonElement>) => {\n if (readOnly) {\n const value = event.currentTarget.querySelector(':first-child');\n\n if (value) {\n window.getSelection()?.selectAllChildren?.(value);\n }\n }\n\n if (typeof onFocus === 'function') {\n onFocus(event);\n }\n };\n\n return (\n <button\n {...otherProps}\n aria-invalid={invalid ? true : undefined}\n aria-readonly={readOnly ? true : undefined}\n className={className}\n disabled={disabled}\n onClick={handleClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n ref={ref}\n role=\"combobox\"\n tabIndex={disabled ? -1 : tabIndex}\n type=\"button\">\n {children}\n {readOnly ? null : <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"pointer-events-none -mr-1 ml-auto\" />}\n </button>\n );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue; placeholder?: string };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n const { children, emptyValue, value, placeholder, ...buttonProps } = props;\n const { disabled, readOnly, tags } = useSelect2Context();\n const contentClassName = cn('flex items-center gap-1 truncate');\n\n const currentValue = children.find(matchesValue(value));\n\n let output;\n\n if (placeholder && currentValue === undefined) {\n output = (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n );\n } else if (currentValue) {\n if (tags && emptyValue !== value) {\n if (typeof currentValue.props.children === 'string')\n output = (\n <Tag\n className=\"truncate\"\n color={currentValue.props.color}\n disabled={disabled}\n icon={currentValue.props.prefix}\n readOnly={readOnly}>\n {currentValue.props.children}\n </Tag>\n );\n else output = currentValue.props.children;\n } else {\n output = (\n <>\n {currentValue.props.prefix ? (\n typeof currentValue.props.prefix === 'string' ? (\n <Icon name={currentValue.props.prefix} className=\"mr-1 !h-5 !w-5\" />\n ) : (\n currentValue.props.prefix\n )\n ) : null}\n {currentValue.props.children}\n </>\n );\n }\n }\n\n return (\n <Button {...buttonProps} ref={ref}>\n <div className={contentClassName} data-taco={placeholder ? undefined : 'select2-value'}>\n {output}\n </div>\n </Button>\n );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n const { children, emptyValue: _, values = [], placeholder, ...buttonProps } = props;\n const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n const buttonRef = useMergedRef<HTMLButtonElement>(ref);\n\n const valuesAsChildren = values\n .map(value => children.find(c => c.props.value === value))\n .filter(c => !!c) as React.ReactElement<Select2OptionProps>[];\n\n const forwardClick = (event: React.MouseEvent<HTMLDivElement>) => {\n event.preventDefault();\n buttonRef.current?.click();\n };\n\n let content;\n let { className } = buttonProps;\n\n if (open) {\n const hasValues = valuesAsChildren.length > 0;\n className = cn('!absolute z-20 !h-fit', buttonProps.className);\n content = (\n <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\" onClick={forwardClick}>\n <div className=\"flex flex-wrap gap-1\" data-taco=\"select2-value\">\n {hasValues ? (\n valuesAsChildren.map(child =>\n typeof child.props.children === 'string' ? (\n <Tag\n key={String(child.props.value)}\n className=\"truncate\"\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n onDelete={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n ) : (\n React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n children: BadgeProps['children'];\n className: BadgeProps['className'];\n }\n >,\n {\n key: String(child.props.value),\n className: '!pr-0 !pl-1.5',\n children: (\n <span className=\"flex items-center\" data-taco=\"select2-value\">\n {\n (child.props.children as React.ReactElement<{ children?: React.ReactNode }>)\n .props.children\n }\n <Icon\n name=\"close\"\n onClick={event => {\n event?.stopPropagation();\n event?.preventDefault();\n\n if (!disabled && !readOnly) {\n setValue(child.props.value);\n }\n }}\n className=\"ml-0.5 !h-5 !w-5 shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5\"\n />\n </span>\n ),\n }\n )\n )\n )\n ) : (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n )}\n </div>\n </ScrollArea>\n );\n } else {\n content = <MultipleValue onClick={forwardClick} valuesAsChildren={valuesAsChildren} placeholder={placeholder} />;\n }\n\n return (\n <div\n className=\"relative inline-flex h-fit flex-grow\"\n data-taco=\"select2-container\"\n style={{ width: open ? buttonRef.current?.offsetWidth : undefined }}>\n <Button {...buttonProps} className={className} ref={buttonRef}>\n {content}\n </Button>\n </div>\n );\n});\n\ntype MultipleValueProps = Omit<Select2TriggerProps, 'value' \| 'children' \| 'onClick'> & {\n valuesAsChildren: React.ReactElement<Select2OptionProps>[];\n placeholder?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst MultipleValue = ({ onClick, valuesAsChildren, placeholder }: MultipleValueProps) => {\n const { disabled, readOnly, tags } = useSelect2Context();\n const [contentRef, setContentRef] = React.useState<HTMLDivElement \| null>(null);\n const boundaryIndex = contentRef ? getIndexOfFirstChildOverflowingParent(contentRef, 30) : undefined;\n\n // Retrieves the relevant text content from any React.JSX.Element passed as a select option, handling nested elements, arrays, and direct text\n const getTooltipTitle = (child: React.ReactElement<{ children?: React.ReactNode }>): string \| string[] => {\n const children = child.props.children;\n\n if (typeof children === 'string') return children;\n\n if (React.isValidElement<{ children?: React.ReactNode }>(children)) {\n const nested = children.props.children;\n\n if (typeof nested === 'string') return nested;\n\n if (Array.isArray(nested)) {\n return nested.filter((item: React.ReactNode) => typeof item === 'string');\n }\n }\n\n return '';\n };\n\n return (\n <div className=\"relative flex w-full items-center gap-1 overflow-hidden\" onClick={onClick}>\n <div className=\"flex flex-1 gap-1 truncate\" ref={ref => setContentRef(ref)} data-taco=\"select2-value\">\n {valuesAsChildren.length === 0 ? (\n <Placeholder disabled={disabled} readOnly={readOnly}>\n {placeholder}\n </Placeholder>\n ) : (\n valuesAsChildren.map((child, index) => {\n const classNames = {\n truncate: index === boundaryIndex,\n hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n };\n let output;\n if (typeof child.props.children === 'string') {\n output = (\n <Tag\n key={String(child.props.value)}\n className={cn('cursor-pointer', classNames)}\n color={tags ? child.props.color : undefined}\n disabled={disabled}\n icon={child.props.prefix}\n readOnly={readOnly}>\n {child.props.children}\n </Tag>\n );\n } else\n output = React.cloneElement(\n child.props.children as React.ReactElement<\n typeof Badge & {\n className: BadgeProps['className'];\n }\n >,\n {\n className: cn('cursor-pointer', { 'shrink-0': index !== boundaryIndex }, classNames),\n key: String(child.props.value),\n }\n );\n\n if (index === boundaryIndex) {\n return (\n <Tooltip key={String(child.props.value)} title={String(getTooltipTitle(child))}>\n {output}\n </Tooltip>\n );\n }\n\n return output;\n })\n )}\n </div>\n\n {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n <Tooltip\n title={valuesAsChildren\n .slice(boundaryIndex + 1)\n .map(child => (child ? String(getTooltipTitle(child)) : ''))\n .join(', ')}>\n <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n </Tooltip>\n ) : null}\n </div>\n );\n};\n\nconst matchesValue = (value: undefined \| any \| any[]) => (child: React.ReactElement<any>) => {\n if (Array.isArray(value)) {\n return value.includes(child.props.value);\n }\n\n return child.props.value === value;\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/Select2/types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { DialogProps } from '..';
 import { Listbox2OptionValue } from '../../primitives/Listbox2/types';
 import { Color } from '../../types';
-import { DialogProps } from '../Dialog/Dialog';
 import { Select2GroupProps, Select2OptionProps } from './Select2';
 export type Select2OptionValue = Listbox2OptionValue;
 export type Select2Value = Select2OptionValue | Select2OptionValue[];

package/dist/components/Select2/utilities.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.cjs","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\n\nimport type { FontSize } from '~~../../~~types';\n\nimport type { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n cn(\n 'group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden',\n {\n 'hover:bg-gray-100': !shouldPauseHoverState,\n }\n );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const FONT_SIZE_CLASSNAME: Record<FontSize, string> = {\n small: 'text-xs',\n medium: 'text-sm',\n large: 'text-base',\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EACA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAExC,MAAM,sBAAgD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,eAAe,CAAC,OAA+C,gBAAwB;AAChG,MAAI,MAAM,MAAM,WAAW,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC1E,WAAO;AAAA,EACX;AAEA,MAAI,MAAM,MAAM,aAAa,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC5E,WAAO;AAAA,EACX;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;;;;;"}
1	+ {"version":3,"file":"utilities.cjs","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\n\nimport type { FontSize } from '@/types';\n\nimport type { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n cn(\n 'group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden',\n {\n 'hover:bg-gray-100': !shouldPauseHoverState,\n }\n );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const FONT_SIZE_CLASSNAME: Record<FontSize, string> = {\n small: 'text-xs',\n medium: 'text-sm',\n large: 'text-base',\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EACA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAExC,MAAM,sBAAgD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,eAAe,CAAC,OAA+C,gBAAwB;AAChG,MAAI,MAAM,MAAM,WAAW,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC1E,WAAO;AAAA,EACX;AAEA,MAAI,MAAM,MAAM,aAAa,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC5E,WAAO;AAAA,EACX;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;;;;;"}

package/dist/components/Select2/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.js","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\n\nimport type { FontSize } from '~~../../~~types';\n\nimport type { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n cn(\n 'group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden',\n {\n 'hover:bg-gray-100': !shouldPauseHoverState,\n }\n );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const FONT_SIZE_CLASSNAME: Record<FontSize, string> = {\n small: 'text-xs',\n medium: 'text-sm',\n large: 'text-base',\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";AAMO,MAAM,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EACA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAExC,MAAM,sBAAgD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,eAAe,CAAC,OAA+C,gBAAwB;AAChG,MAAI,MAAM,MAAM,WAAW,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC1E,WAAO;AAAA,EACX;AAEA,MAAI,MAAM,MAAM,aAAa,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC5E,WAAO;AAAA,EACX;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;"}
1	+ {"version":3,"file":"utilities.js","sources":["../../../src/components/Select2/utilities.ts"],"sourcesContent":["import cn from 'clsx';\n\nimport type { FontSize } from '@/types';\n\nimport type { Select2OptionProps } from './components/Option';\n\nexport const createOptionClassName = (shouldPauseHoverState = false) =>\n cn(\n 'group mb-px flex w-full flex-shrink-0 cursor-pointer items-center !justify-normal gap-1.5 rounded bg-white px-2 text-sm font-normal leading-8 text-black aria-current:bg-gray-100 aria-disabled:pointer-events-none aria-disabled:text-black/25 aria-hidden:hidden',\n {\n 'hover:bg-gray-100': !shouldPauseHoverState,\n }\n );\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n\nexport const FONT_SIZE_CLASSNAME: Record<FontSize, string> = {\n small: 'text-xs',\n medium: 'text-sm',\n large: 'text-base',\n};\n\nexport const filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n return true;\n }\n\n return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":[],"mappings":";AAMO,MAAM,wBAAwB,CAAC,wBAAwB,UAC1D;AAAA,EACI;AAAA,EACA;AAAA,IACI,qBAAqB,CAAC;AAAA,EAAA;AAE9B;AAEG,MAAM,4BAA4B,MAAM;AAExC,MAAM,sBAAgD;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;AAEO,MAAM,eAAe,CAAC,OAA+C,gBAAwB;AAChG,MAAI,MAAM,MAAM,WAAW,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC1E,WAAO;AAAA,EACX;AAEA,MAAI,MAAM,MAAM,aAAa,YAAA,EAAc,SAAS,YAAY,YAAA,CAAa,GAAG;AAC5E,WAAO;AAAA,EACX;AAEA,SAAO,OAAO,MAAM,MAAM,QAAQ,EAAE,cAAc,SAAS,YAAY,aAAa;AACxF;"}

package/dist/components/Shortcut/Shortcut.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcut.cjs","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { KeyDownHandlerOptions } from '~~../../~~utils/keyboard';\nimport { isMacOs } from '~~../../~~utils/keyboard';\n\nconst SHORTFORM_BY_KEY: Record<string, string> = {\n Escape: 'Esc',\n Delete: 'Del',\n Space: 'Space',\n ' ': 'Space',\n ArrowLeft: '◄',\n ArrowRight: '►',\n ArrowUp: '▲',\n ArrowDown: '▼',\n};\n\n// Object.hasOwn guards against keys inherited from Object.prototype (e.g. 'toString')\nconst replaceWithShortform = (key: string) => {\n const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : undefined;\n\n return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);\n};\n\nconst getShortcutText = (key: string \| KeyDownHandlerOptions) => {\n if (!key) {\n return [];\n }\n\n if (typeof key === 'string') {\n return [replaceWithShortform(key)];\n }\n\n const keys: string[] = [];\n\n if (key.shift) {\n keys.push(isMacOs() ? '⇧' : 'Shift');\n }\n\n if (key.meta) {\n keys.push(isMacOs() ? '⌘' : 'Ctrl');\n }\n\n keys.push(replaceWithShortform(key.key));\n\n return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n keys: string \| KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n const className = cn('inline-flex gap-0.5', props.className);\n const texts = getShortcutText(keys);\n\n return (\n <span {...props} className={className}>\n {texts.map(key => (\n <kbd\n key={key}\n className=\"rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n {key}\n </kbd>\n ))}\n </span>\n );\n};\n"],"names":["isMacOs"],"mappings":";;;;;AAMA,MAAM,mBAA2C;AAAA,EAC7C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACf;AAGA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,QAAM,YAAY,OAAO,OAAO,kBAAkB,GAAG,IAAI,iBAAiB,GAAG,IAAI;AAEjF,SAAO,cAAc,IAAI,WAAW,IAAI,IAAI,sBAAsB;AACtE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAA;AAAA,EACX;AAEA,MAAI,OAAO,QAAQ,UAAU;AACzB,WAAO,CAAC,qBAAqB,GAAG,CAAC;AAAA,EACrC;AAEA,QAAM,OAAiB,CAAA;AAEvB,MAAI,IAAI,OAAO;AACX,SAAK,KAAKA,SAAAA,YAAY,MAAM,OAAO;AAAA,EACvC;AAEA,MAAI,IAAI,MAAM;AACV,SAAK,KAAKA,SAAAA,YAAY,MAAM,MAAM;AAAA,EACtC;AAEA,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEvC,SAAO;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AAC3D,QAAM,QAAQ,gBAAgB,IAAI;AAElC,6CACK,QAAA,EAAM,GAAG,OAAO,UAAA,GACZ,MAAM,IAAI,CAAA,QACP,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;;"}
1	+ {"version":3,"file":"Shortcut.cjs","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { KeyDownHandlerOptions } from '@/utils/keyboard';\nimport { isMacOs } from '@/utils/keyboard';\n\nconst SHORTFORM_BY_KEY: Record<string, string> = {\n Escape: 'Esc',\n Delete: 'Del',\n Space: 'Space',\n ' ': 'Space',\n ArrowLeft: '◄',\n ArrowRight: '►',\n ArrowUp: '▲',\n ArrowDown: '▼',\n};\n\n// Object.hasOwn guards against keys inherited from Object.prototype (e.g. 'toString')\nconst replaceWithShortform = (key: string) => {\n const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : undefined;\n\n return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);\n};\n\nconst getShortcutText = (key: string \| KeyDownHandlerOptions) => {\n if (!key) {\n return [];\n }\n\n if (typeof key === 'string') {\n return [replaceWithShortform(key)];\n }\n\n const keys: string[] = [];\n\n if (key.shift) {\n keys.push(isMacOs() ? '⇧' : 'Shift');\n }\n\n if (key.meta) {\n keys.push(isMacOs() ? '⌘' : 'Ctrl');\n }\n\n keys.push(replaceWithShortform(key.key));\n\n return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n keys: string \| KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n const className = cn('inline-flex gap-0.5', props.className);\n const texts = getShortcutText(keys);\n\n return (\n <span {...props} className={className}>\n {texts.map(key => (\n <kbd\n key={key}\n className=\"rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n {key}\n </kbd>\n ))}\n </span>\n );\n};\n"],"names":["isMacOs"],"mappings":";;;;;AAMA,MAAM,mBAA2C;AAAA,EAC7C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACf;AAGA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,QAAM,YAAY,OAAO,OAAO,kBAAkB,GAAG,IAAI,iBAAiB,GAAG,IAAI;AAEjF,SAAO,cAAc,IAAI,WAAW,IAAI,IAAI,sBAAsB;AACtE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAA;AAAA,EACX;AAEA,MAAI,OAAO,QAAQ,UAAU;AACzB,WAAO,CAAC,qBAAqB,GAAG,CAAC;AAAA,EACrC;AAEA,QAAM,OAAiB,CAAA;AAEvB,MAAI,IAAI,OAAO;AACX,SAAK,KAAKA,SAAAA,YAAY,MAAM,OAAO;AAAA,EACvC;AAEA,MAAI,IAAI,MAAM;AACV,SAAK,KAAKA,SAAAA,YAAY,MAAM,MAAM;AAAA,EACtC;AAEA,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEvC,SAAO;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AAC3D,QAAM,QAAQ,gBAAgB,IAAI;AAElC,6CACK,QAAA,EAAM,GAAG,OAAO,UAAA,GACZ,MAAM,IAAI,CAAA,QACP,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;;"}

package/dist/components/Shortcut/Shortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Shortcut.js","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { KeyDownHandlerOptions } from '~~../../~~utils/keyboard';\nimport { isMacOs } from '~~../../~~utils/keyboard';\n\nconst SHORTFORM_BY_KEY: Record<string, string> = {\n Escape: 'Esc',\n Delete: 'Del',\n Space: 'Space',\n ' ': 'Space',\n ArrowLeft: '◄',\n ArrowRight: '►',\n ArrowUp: '▲',\n ArrowDown: '▼',\n};\n\n// Object.hasOwn guards against keys inherited from Object.prototype (e.g. 'toString')\nconst replaceWithShortform = (key: string) => {\n const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : undefined;\n\n return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);\n};\n\nconst getShortcutText = (key: string \| KeyDownHandlerOptions) => {\n if (!key) {\n return [];\n }\n\n if (typeof key === 'string') {\n return [replaceWithShortform(key)];\n }\n\n const keys: string[] = [];\n\n if (key.shift) {\n keys.push(isMacOs() ? '⇧' : 'Shift');\n }\n\n if (key.meta) {\n keys.push(isMacOs() ? '⌘' : 'Ctrl');\n }\n\n keys.push(replaceWithShortform(key.key));\n\n return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n keys: string \| KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n const className = cn('inline-flex gap-0.5', props.className);\n const texts = getShortcutText(keys);\n\n return (\n <span {...props} className={className}>\n {texts.map(key => (\n <kbd\n key={key}\n className=\"rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n {key}\n </kbd>\n ))}\n </span>\n );\n};\n"],"names":["React"],"mappings":";;;AAMA,MAAM,mBAA2C;AAAA,EAC7C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACf;AAGA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,QAAM,YAAY,OAAO,OAAO,kBAAkB,GAAG,IAAI,iBAAiB,GAAG,IAAI;AAEjF,SAAO,cAAc,IAAI,WAAW,IAAI,IAAI,sBAAsB;AACtE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAA;AAAA,EACX;AAEA,MAAI,OAAO,QAAQ,UAAU;AACzB,WAAO,CAAC,qBAAqB,GAAG,CAAC;AAAA,EACrC;AAEA,QAAM,OAAiB,CAAA;AAEvB,MAAI,IAAI,OAAO;AACX,SAAK,KAAK,YAAY,MAAM,OAAO;AAAA,EACvC;AAEA,MAAI,IAAI,MAAM;AACV,SAAK,KAAK,YAAY,MAAM,MAAM;AAAA,EACtC;AAEA,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEvC,SAAO;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AAC3D,QAAM,QAAQ,gBAAgB,IAAI;AAElC,sDACK,QAAA,EAAM,GAAG,OAAO,UAAA,GACZ,MAAM,IAAI,CAAA,QACPA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;"}
1	+ {"version":3,"file":"Shortcut.js","sources":["../../../src/components/Shortcut/Shortcut.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { KeyDownHandlerOptions } from '@/utils/keyboard';\nimport { isMacOs } from '@/utils/keyboard';\n\nconst SHORTFORM_BY_KEY: Record<string, string> = {\n Escape: 'Esc',\n Delete: 'Del',\n Space: 'Space',\n ' ': 'Space',\n ArrowLeft: '◄',\n ArrowRight: '►',\n ArrowUp: '▲',\n ArrowDown: '▼',\n};\n\n// Object.hasOwn guards against keys inherited from Object.prototype (e.g. 'toString')\nconst replaceWithShortform = (key: string) => {\n const shortform = Object.hasOwn(SHORTFORM_BY_KEY, key) ? SHORTFORM_BY_KEY[key] : undefined;\n\n return shortform ?? (key.length === 1 ? key.toLocaleUpperCase() : key);\n};\n\nconst getShortcutText = (key: string \| KeyDownHandlerOptions) => {\n if (!key) {\n return [];\n }\n\n if (typeof key === 'string') {\n return [replaceWithShortform(key)];\n }\n\n const keys: string[] = [];\n\n if (key.shift) {\n keys.push(isMacOs() ? '⇧' : 'Shift');\n }\n\n if (key.meta) {\n keys.push(isMacOs() ? '⌘' : 'Ctrl');\n }\n\n keys.push(replaceWithShortform(key.key));\n\n return keys;\n};\n\nexport type ShortcutProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {\n keys: string \| KeyDownHandlerOptions;\n};\nexport const Shortcut = ({ keys, ...props }: ShortcutProps) => {\n const className = cn('inline-flex gap-0.5', props.className);\n const texts = getShortcutText(keys);\n\n return (\n <span {...props} className={className}>\n {texts.map(key => (\n <kbd\n key={key}\n className=\"rounded-sm bg-black-subtle px-1 text-center font-display font-bold text-gray-700 [[data-appearance=danger]_&]:text-white [[data-appearance=primary]_&]:text-white [[data-taco=tooltip]_&]:bg-gray-300/[0.25] [[data-taco=tooltip]_&]:text-white\">\n {key}\n </kbd>\n ))}\n </span>\n );\n};\n"],"names":["React"],"mappings":";;;AAMA,MAAM,mBAA2C;AAAA,EAC7C,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACf;AAGA,MAAM,uBAAuB,CAAC,QAAgB;AAC1C,QAAM,YAAY,OAAO,OAAO,kBAAkB,GAAG,IAAI,iBAAiB,GAAG,IAAI;AAEjF,SAAO,cAAc,IAAI,WAAW,IAAI,IAAI,sBAAsB;AACtE;AAEA,MAAM,kBAAkB,CAAC,QAAwC;AAC7D,MAAI,CAAC,KAAK;AACN,WAAO,CAAA;AAAA,EACX;AAEA,MAAI,OAAO,QAAQ,UAAU;AACzB,WAAO,CAAC,qBAAqB,GAAG,CAAC;AAAA,EACrC;AAEA,QAAM,OAAiB,CAAA;AAEvB,MAAI,IAAI,OAAO;AACX,SAAK,KAAK,YAAY,MAAM,OAAO;AAAA,EACvC;AAEA,MAAI,IAAI,MAAM;AACV,SAAK,KAAK,YAAY,MAAM,MAAM;AAAA,EACtC;AAEA,OAAK,KAAK,qBAAqB,IAAI,GAAG,CAAC;AAEvC,SAAO;AACX;AAKO,MAAM,WAAW,CAAC,EAAE,MAAM,GAAG,YAA2B;AAC3D,QAAM,YAAY,GAAG,uBAAuB,MAAM,SAAS;AAC3D,QAAM,QAAQ,gBAAgB,IAAI;AAElC,sDACK,QAAA,EAAM,GAAG,OAAO,UAAA,GACZ,MAAM,IAAI,CAAA,QACPA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACT;AAAA,EAAA,CAER,CACL;AAER;"}

package/dist/components/Stack/Stack.cjs CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
+const flattenChildren = require("../../utils/flattenChildren.cjs");
 const layout = require("../../utils/layout.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -30,12 +31,7 @@ const Stack = React__namespace.forwardRef(function Stack2(props, ref) {
     ...restProps
   } = props;
   const stackClassName = cn("flex flex-col", layout.SPACING_MAP[spacing], layout.ALIGN_ITEMS_MAP[alignInline]);
-  const wrappedChildren = React__namespace.Children.map(children, (child, index) => {
-    if (child === null || child === void 0 || child === false) {
-      return null;
-    }
-    return /* @__PURE__ */ React__namespace.createElement("div", { key: index }, child);
-  });
+  const wrappedChildren = flattenChildren.flattenChildren(children).map(({ key, child }) => /* @__PURE__ */ React__namespace.createElement("div", { key }, child));
   return /* @__PURE__ */ React__namespace.createElement("div", { className: stackClassName, ...restProps, "data-taco": "stack", ref }, wrappedChildren);
 });
 exports.Stack = Stack;

package/dist/components/Stack/Stack.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '~~../../~~utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between stack items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: StackSpacing;\n /\n Align children on the inline axis.\n * @default stretch\n /\n alignInline?: StackAlignInline;\n /* Content to be stacked vertically */\n children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'stretch',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n ~~const~~ ~~wrappedChildren~~ = ~~React.Children.map(children,~~ ~~(child,~~ ~~index)~~ => ~~{\n if~~ ~~(child~~ ~~===~~ ~~null~~ \|\| ~~child~~ ~~===~~ ~~undefined~~ \|\| ~~child~~ ~~===~~ ~~false~~) {~~\n return~~ ~~null;\n~~ }~~\n return~~ <div key={~~index~~}>{child}</div~~>;\n }~~);\n\n return (\n <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["React","Stack","SPACING_MAP","ALIGN_ITEMS_MAP"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;AAsBO~~,MAAM,QAAQA,iBAAM,WAAuC,SAASC,OAAM,OAAO,KAAK;AAEzF,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,GAAG,iBAAiBC,OAAAA,YAAY,OAAO,GAAGC,OAAAA,gBAAgB,WAAW,CAAC;~~AAG7F~~,QAAM,~~kBAAkBH~~,~~iBAAM~~,~~SAAS~~,~~IAAI,UAAU,CAAC,OAAO,UAAU;AACnE,QAAI,UAAU,~~QAAQ,~~UAAU~~,~~UAAa~~,~~UAAU~~,~~OAAO;AAC1D~~,~~aAAO;AAAA~~,~~IACX;AACA~~,~~WAAOA~~,iCAAA,cAAC,OAAA,EAAI,~~KAAK~~,~~MAAA~~,~~GAAQ,~~KAAM~~;AAAA~~,~~EACnC,CAAC~~;~~AAED~~,SACIA,iCAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;;"}
1	+ {"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { flattenChildren } from '@/utils/flattenChildren';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '@/utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between stack items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: StackSpacing;\n /\n Align children on the inline axis.\n * @default stretch\n /\n alignInline?: StackAlignInline;\n /* Content to be stacked vertically */\n children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'stretch',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n // Wrap each child in a div to prevent it from inheriting flex properties.\n // Fragments are flattened so their children are wrapped at the same level as direct children.\n const wrappedChildren = flattenChildren(children).map(({ key, child }) => <div key={key}>{child}</div>);\n\n return (\n <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["React","Stack","SPACING_MAP","ALIGN_ITEMS_MAP","flattenChildren"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,QAAQA,iBAAM,WAAuC,SAASC,OAAM,OAAO,KAAK;AAEzF,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,GAAG,iBAAiBC,OAAAA,YAAY,OAAO,GAAGC,OAAAA,gBAAgB,WAAW,CAAC;AAI7F,QAAM,kBAAkBC,gBAAAA,gBAAgB,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,MAAA,MAAYJ,iCAAA,cAAC,OAAA,EAAI,IAAA,GAAW,KAAM,CAAM;AAEtG,SACIA,iCAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;;"}

package/dist/components/Stack/Stack.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' |
     /** Content to be stacked vertically */
     children: React.ReactNode;
 };
-export declare const Stack: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style" | "children"> & {
+export declare const Stack: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "style"> & {
     /**
      * Spacing between stack items in pixels.
      * Available values: 0, 4, 8, 12, 16, 24, 32, 48

package/dist/components/Stack/Stack.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import cn from "clsx";
 import * as React from "react";
+import { flattenChildren } from "../../utils/flattenChildren.js";
 import { SPACING_MAP, ALIGN_ITEMS_MAP } from "../../utils/layout.js";
 const Stack = React.forwardRef(function Stack2(props, ref) {
   const {
@@ -11,12 +12,7 @@ const Stack = React.forwardRef(function Stack2(props, ref) {
     ...restProps
   } = props;
   const stackClassName = cn("flex flex-col", SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);
-  const wrappedChildren = React.Children.map(children, (child, index) => {
-    if (child === null || child === void 0 || child === false) {
-      return null;
-    }
-    return /* @__PURE__ */ React.createElement("div", { key: index }, child);
-  });
+  const wrappedChildren = flattenChildren(children).map(({ key, child }) => /* @__PURE__ */ React.createElement("div", { key }, child));
   return /* @__PURE__ */ React.createElement("div", { className: stackClassName, ...restProps, "data-taco": "stack", ref }, wrappedChildren);
 });
 export {

package/dist/components/Stack/Stack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '~~../../~~utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between stack items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: StackSpacing;\n /\n Align children on the inline axis.\n * @default stretch\n /\n alignInline?: StackAlignInline;\n /* Content to be stacked vertically */\n children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'stretch',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n // Wrap each child in a div to prevent it from inheriting flex properties\n ~~const~~ ~~wrappedChildren~~ = ~~React.Children.map(children,~~ ~~(child,~~ ~~index)~~ => ~~{\n if~~ ~~(child~~ ~~===~~ ~~null~~ \|\| ~~child~~ ~~===~~ ~~undefined~~ \|\| ~~child~~ ~~===~~ ~~false~~) {~~\n return~~ ~~null;\n~~ }~~\n return~~ <div key={~~index~~}>{child}</div~~>;\n }~~);\n\n return (\n <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["Stack"],"mappings":"~~;;;AAsBO~~,MAAM,QAAQ,MAAM,WAAuC,SAASA,OAAM,OAAO,KAAK;AAEzF,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,GAAG,iBAAiB,YAAY,OAAO,GAAG,gBAAgB,WAAW,CAAC;~~AAG7F~~,QAAM,kBAAkB,~~MAAM~~,~~SAAS~~,IAAI,~~UAAU,~~CAAC,~~OAAO~~,~~UAAU;AACnE~~,~~QAAI~~,~~UAAU~~,~~QAAQ,UAAU,UAAa,UAAU,OAAO;AAC1D,aAAO;AAAA,IACX;AACA,WAAO,~~sBAAA,cAAC,OAAA,EAAI,~~KAAK~~,~~MAAA~~,~~GAAQ,~~KAAM~~;AAAA~~,~~EACnC,CAAC~~;~~AAED~~,SACI,sBAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;"}
1	+ {"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { flattenChildren } from '@/utils/flattenChildren';\nimport { SPACING_MAP, ALIGN_ITEMS_MAP } from '@/utils/layout';\n\nexport type StackSpacing = keyof typeof SPACING_MAP;\nexport type StackAlignInline = keyof typeof ALIGN_ITEMS_MAP;\nexport type StackProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' \| 'className' \| 'style'> & {\n /*\n Spacing between stack items in pixels.\n * Available values: 0, 4, 8, 12, 16, 24, 32, 48\n /\n spacing: StackSpacing;\n /\n Align children on the inline axis.\n * @default stretch\n /\n alignInline?: StackAlignInline;\n /* Content to be stacked vertically */\n children: React.ReactNode;\n};\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(props, ref) {\n // In cases where people ignoring the type errors and still passing in className and style, we destructure them to make sure they're not applied.\n const {\n spacing,\n alignInline = 'stretch',\n children,\n className: _className,\n style: _style,\n ...restProps\n } = props as StackProps & { className?: string; style?: React.CSSProperties };\n\n const stackClassName = cn('flex flex-col', SPACING_MAP[spacing], ALIGN_ITEMS_MAP[alignInline]);\n\n // Wrap each child in a div to prevent it from inheriting flex properties.\n // Fragments are flattened so their children are wrapped at the same level as direct children.\n const wrappedChildren = flattenChildren(children).map(({ key, child }) => <div key={key}>{child}</div>);\n\n return (\n <div className={stackClassName} {...restProps} data-taco=\"stack\" ref={ref}>\n {wrappedChildren}\n </div>\n );\n});\n"],"names":["Stack"],"mappings":";;;;AAuBO,MAAM,QAAQ,MAAM,WAAuC,SAASA,OAAM,OAAO,KAAK;AAEzF,QAAM;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,iBAAiB,GAAG,iBAAiB,YAAY,OAAO,GAAG,gBAAgB,WAAW,CAAC;AAI7F,QAAM,kBAAkB,gBAAgB,QAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,MAAA,MAAY,sBAAA,cAAC,OAAA,EAAI,IAAA,GAAW,KAAM,CAAM;AAEtG,SACI,sBAAA,cAAC,SAAI,WAAW,gBAAiB,GAAG,WAAW,aAAU,SAAQ,IAAA,GAC5D,eACL;AAER,CAAC;"}

package/dist/components/Switch/Switch.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.cjs","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useId } from '~~../../~~hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n /** Label for the switch /\n label?: React.ReactNode;\n /* Whether user input is required /\n required?: boolean;\n};\n\nexport type UncontrolledSwitchProps = {\n checked?: never;\n onChange?: never;\n /* The default checked state (uncontrolled) /\n defaultChecked?: boolean;\n} & SwitchBaseProps;\n\nexport type ControlledSwitchProps = {\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} & SwitchBaseProps;\n\nexport type SwitchProps = UncontrolledSwitchProps \| ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n const id = useId(props.id);\n\n const className = cn(\n 'peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer',\n {\n 'bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700': !props.disabled,\n 'cursor-not-allowed bg-gray-100 checked:bg-blue-300': props.disabled,\n }\n );\n\n let labelledByProps: Record<string, string> \| null = null;\n\n if (label) {\n labelledByProps = {\n 'aria-labelledby': `${id}-label`,\n id,\n };\n }\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event.target.checked);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.currentTarget.click();\n }\n };\n\n const element = (\n <div className={cn('relative w-fit', props.className)}>\n <input\n {...otherProps}\n {...labelledByProps}\n checked={checked}\n className={className}\n data-taco=\"switch\"\n defaultChecked={defaultChecked}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n role=\"switch\"\n type=\"checkbox\"\n />\n <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n </div>\n );\n\n if (label) {\n return (\n <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n {element}\n <label\n className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n htmlFor={id}\n id={`${id}-label`}>\n {label}\n </label>\n </span>\n );\n }\n\n return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["React","Switch","useId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AACpE,QAAM,KAAKC,MAAAA,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAChE;AAGJ,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACP,sBAAkB;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,eAAe,CAAC,UAA+C;AACjE,eAAW,MAAM,OAAO,OAAO;AAAA,EACnC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACpE,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAA;AACN,YAAM,cAAc,MAAA;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,yDACD,OAAA,EAAI,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAAA,GAChDF,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAETA,iCAAA,cAAC,QAAA,EAAK,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,0DACK,QAAA,EAAK,WAAU,yBAAwB,aAAU,sBAC7C,SACDA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAER;AAEA,SAAO;AACX,CAAC;AACD,OAAO,cAAc;;"}
1	+ {"version":3,"file":"Switch.cjs","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useId } from '@/hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n /** Label for the switch /\n label?: React.ReactNode;\n /* Whether user input is required /\n required?: boolean;\n};\n\nexport type UncontrolledSwitchProps = {\n checked?: never;\n onChange?: never;\n /* The default checked state (uncontrolled) /\n defaultChecked?: boolean;\n} & SwitchBaseProps;\n\nexport type ControlledSwitchProps = {\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} & SwitchBaseProps;\n\nexport type SwitchProps = UncontrolledSwitchProps \| ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n const id = useId(props.id);\n\n const className = cn(\n 'peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer',\n {\n 'bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700': !props.disabled,\n 'cursor-not-allowed bg-gray-100 checked:bg-blue-300': props.disabled,\n }\n );\n\n let labelledByProps: Record<string, string> \| null = null;\n\n if (label) {\n labelledByProps = {\n 'aria-labelledby': `${id}-label`,\n id,\n };\n }\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event.target.checked);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.currentTarget.click();\n }\n };\n\n const element = (\n <div className={cn('relative w-fit', props.className)}>\n <input\n {...otherProps}\n {...labelledByProps}\n checked={checked}\n className={className}\n data-taco=\"switch\"\n defaultChecked={defaultChecked}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n role=\"switch\"\n type=\"checkbox\"\n />\n <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n </div>\n );\n\n if (label) {\n return (\n <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n {element}\n <label\n className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n htmlFor={id}\n id={`${id}-label`}>\n {label}\n </label>\n </span>\n );\n }\n\n return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["React","Switch","useId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA6BO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AACpE,QAAM,KAAKC,MAAAA,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAChE;AAGJ,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACP,sBAAkB;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,eAAe,CAAC,UAA+C;AACjE,eAAW,MAAM,OAAO,OAAO;AAAA,EACnC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACpE,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAA;AACN,YAAM,cAAc,MAAA;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,yDACD,OAAA,EAAI,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAAA,GAChDF,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAETA,iCAAA,cAAC,QAAA,EAAK,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,0DACK,QAAA,EAAK,WAAU,yBAAwB,aAAU,sBAC7C,SACDA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAER;AAEA,SAAO;AACX,CAAC;AACD,OAAO,cAAc;;"}

package/dist/components/Switch/Switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useId } from '~~../../~~hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n /** Label for the switch /\n label?: React.ReactNode;\n /* Whether user input is required /\n required?: boolean;\n};\n\nexport type UncontrolledSwitchProps = {\n checked?: never;\n onChange?: never;\n /* The default checked state (uncontrolled) /\n defaultChecked?: boolean;\n} & SwitchBaseProps;\n\nexport type ControlledSwitchProps = {\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} & SwitchBaseProps;\n\nexport type SwitchProps = UncontrolledSwitchProps \| ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n const id = useId(props.id);\n\n const className = cn(\n 'peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer',\n {\n 'bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700': !props.disabled,\n 'cursor-not-allowed bg-gray-100 checked:bg-blue-300': props.disabled,\n }\n );\n\n let labelledByProps: Record<string, string> \| null = null;\n\n if (label) {\n labelledByProps = {\n 'aria-labelledby': `${id}-label`,\n id,\n };\n }\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event.target.checked);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.currentTarget.click();\n }\n };\n\n const element = (\n <div className={cn('relative w-fit', props.className)}>\n <input\n {...otherProps}\n {...labelledByProps}\n checked={checked}\n className={className}\n data-taco=\"switch\"\n defaultChecked={defaultChecked}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n role=\"switch\"\n type=\"checkbox\"\n />\n <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n </div>\n );\n\n if (label) {\n return (\n <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n {element}\n <label\n className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n htmlFor={id}\n id={`${id}-label`}>\n {label}\n </label>\n </span>\n );\n }\n\n return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch"],"mappings":";;;AA6BO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AACpE,QAAM,KAAK,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAChE;AAGJ,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACP,sBAAkB;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,eAAe,CAAC,UAA+C;AACjE,eAAW,MAAM,OAAO,OAAO;AAAA,EACnC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACpE,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAA;AACN,YAAM,cAAc,MAAA;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,8CACD,OAAA,EAAI,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAAA,GAChD,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAET,sBAAA,cAAC,QAAA,EAAK,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,+CACK,QAAA,EAAK,WAAU,yBAAwB,aAAU,sBAC7C,SACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAER;AAEA,SAAO;AACX,CAAC;AACD,OAAO,cAAc;"}
1	+ {"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useId } from '@/hooks/useId';\n\ntype SwitchBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {\n /** Label for the switch /\n label?: React.ReactNode;\n /* Whether user input is required /\n required?: boolean;\n};\n\nexport type UncontrolledSwitchProps = {\n checked?: never;\n onChange?: never;\n /* The default checked state (uncontrolled) /\n defaultChecked?: boolean;\n} & SwitchBaseProps;\n\nexport type ControlledSwitchProps = {\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} & SwitchBaseProps;\n\nexport type SwitchProps = UncontrolledSwitchProps \| ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLInputElement>) {\n const { checked, label, onChange, defaultChecked, ...otherProps } = props;\n const id = useId(props.id);\n\n const className = cn(\n 'peer flex inline-flex h-5 w-9 flex-shrink-0 appearance-none rounded-full focus-visible:yt-focus enabled:cursor-pointer',\n {\n 'bg-gray-300 checked:bg-blue-500 hover:bg-gray-500 checked:hover:bg-blue-700': !props.disabled,\n 'cursor-not-allowed bg-gray-100 checked:bg-blue-300': props.disabled,\n }\n );\n\n let labelledByProps: Record<string, string> \| null = null;\n\n if (label) {\n labelledByProps = {\n 'aria-labelledby': `${id}-label`,\n id,\n };\n }\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event.target.checked);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n event.currentTarget.click();\n }\n };\n\n const element = (\n <div className={cn('relative w-fit', props.className)}>\n <input\n {...otherProps}\n {...labelledByProps}\n checked={checked}\n className={className}\n data-taco=\"switch\"\n defaultChecked={defaultChecked}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n ref={ref}\n role=\"switch\"\n type=\"checkbox\"\n />\n <span className=\"pointer-events-none absolute right-0 mt-0.5 h-4 w-4 -translate-x-[1.1rem] rounded-full bg-white transition-transform will-change-transform peer-checked:-translate-x-[0.15rem] peer-disabled:opacity-50\" />\n </div>\n );\n\n if (label) {\n return (\n <span className=\"flex gap-2 self-start\" data-taco=\"switch-container\">\n {element}\n <label\n className={cn(props.disabled ? 'cursor-not-allowed text-gray-300' : 'cursor-pointer')}\n htmlFor={id}\n id={`${id}-label`}>\n {label}\n </label>\n </span>\n );\n }\n\n return element;\n});\nSwitch.displayName = 'Switch';\n"],"names":["Switch"],"mappings":";;;AA6BO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAkC;AACzG,QAAM,EAAE,SAAS,OAAO,UAAU,gBAAgB,GAAG,eAAe;AACpE,QAAM,KAAK,MAAM,MAAM,EAAE;AAEzB,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,+EAA+E,CAAC,MAAM;AAAA,MACtF,sDAAsD,MAAM;AAAA,IAAA;AAAA,EAChE;AAGJ,MAAI,kBAAiD;AAErD,MAAI,OAAO;AACP,sBAAkB;AAAA,MACd,mBAAmB,GAAG,EAAE;AAAA,MACxB;AAAA,IAAA;AAAA,EAER;AAEA,QAAM,eAAe,CAAC,UAA+C;AACjE,eAAW,MAAM,OAAO,OAAO;AAAA,EACnC;AAEA,QAAM,gBAAgB,CAAC,UAAiD;AACpE,QAAI,MAAM,QAAQ,SAAS;AACvB,YAAM,eAAA;AACN,YAAM,cAAc,MAAA;AAAA,IACxB;AAAA,EACJ;AAEA,QAAM,8CACD,OAAA,EAAI,WAAW,GAAG,kBAAkB,MAAM,SAAS,EAAA,GAChD,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,EAAA,GAET,sBAAA,cAAC,QAAA,EAAK,WAAU,2MAA0M,CAC9N;AAGJ,MAAI,OAAO;AACP,+CACK,QAAA,EAAK,WAAU,yBAAwB,aAAU,sBAC7C,SACD,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,MAAM,WAAW,qCAAqC,gBAAgB;AAAA,QACpF,SAAS;AAAA,QACT,IAAI,GAAG,EAAE;AAAA,MAAA;AAAA,MACR;AAAA,IAAA,CAET;AAAA,EAER;AAEA,SAAO;AACX,CAAC;AACD,OAAO,cAAc;"}

package/dist/components/Table3/Table3.cjs CHANGED Viewed

@@ -12,9 +12,7 @@ const editing = require("./util/editing.cjs");
 ;/* empty css            */
 const Column = () => null;
 Column.displayName = "Table3Column";
-function Group(_) {
-  return null;
-}
+const Group = () => null;
 Group.displayName = "Table3Group";
 const BaseTable3 = types.fixedForwardRef(function BaseTable32(props, ref) {
   const table3 = useTable3.useTable3(props, ref);

package/dist/components/Table3/Table3.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table3.cjs","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '~~../../~~primitives/Table/Core/Table';\nimport { fixedForwardRef } from '~~../../~~types';\n\nimport { Alert } from './components/Editing/Alert';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport type { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { useTable3 } from './useTable3';\nimport { isTableScrolled } from './util/editing';\n\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\n\nColumn.displayName = 'Table3Column';\n\~~nfunction~~ Group(_: Table3GroupProps) ~~{\n return~~ null;\~~n}\~~nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const table3 = useTable3<TType>(props, ref);\n\n const gridAttributes = {\n 'data-table-editing-mode': table3.meta.editing?.isEditing\n ? table3.meta.editing?.isDetailedMode\n ? 'detailed'\n : 'normal'\n : undefined,\n 'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n };\n\n const rowsById = table3.instance.getCoreRowModel().rowsById;\n const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some(row => {\n if (table3.meta.server._experimentalDataLoader2) {\n // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n return true;\n }\n\n if (rowsById[row.rowId]) {\n return true;\n }\n\n // Keep the alert when the row is hidden by filtering (or pagination) but still has unsaved edits.\n return table3.meta.editing.hasChanges(row.rowId);\n });\n\n const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n let createWorkflow;\n\n if (hasCreateWorkflow) {\n createWorkflow = (\n <CreateNewRow\n buttonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n );\n }\n\n return (\n <Table>\n <Table.Toolbar<TType> table={table3}>\n {table3.meta.editing.isEnabled ? (\n <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n ) : null}\n </Table.Toolbar>\n {hasAlertErrors ? (\n <Alert\n className=\"mb-4\"\n scrollToIndex={table3.renderer.scrollToIndex}\n table={table3.instance}\n tableRef={table3.ref}\n />\n ) : null}\n <Table.Grid<TType>\n {...gridAttributes}\n data-taco=\"table3\"\n footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n table={table3}>\n {hasCreateWorkflow ? (\n <>\n <TemporaryRows\n createRowButtonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n {isScrolled ? null : createWorkflow}\n </>\n ) : null}\n </Table.Grid>\n </Table>\n );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const stringifiedChildren = String(props.children);\n // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n // this is cheaper from a complexity perspective, and probably performance wise as well\n const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {\n Column: typeof Column;\n Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n Table3Ref,\n Table3Props,\n Table3ColumnProps,\n Table3GroupProps,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n Table3Texts,\n Table3FeatureProps,\n Table3CommonProps,\n Table3WithoutEditingWithClientProps,\n Table3WithoutEditingWithServerProps,\n Table3WithEditingProps,\n Table3WithEditingWithClientProps,\n Table3WithEditingWithServerProps,\n Table3EditingChangeHandler,\n Table3EditingCreateHandler,\n} from './types';\n"],"names":["fixedForwardRef","BaseTable3","useTable3","isTableScrolled","CreateNewRow","Table","Editing","Alert","TemporaryRows","Table3"],"mappings":";;;;;;;;;;;;AAeA,MAAM,SAEF,MAAM;~~AAEV~~,OAAO,cAAc;AAErB,~~SAAS,~~MAAM,~~GAAqB;AAChC~~,~~SAAO~~;~~AACX;AACA~~,MAAM,cAAc;AAEpB,MAAM,aAAaA,MAAAA,gBAAgB,SAASC,YAA4B,OAA2B,KAA2B;AAC1H,QAAM,SAASC,UAAAA,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,2BAA2B,OAAO,KAAK,SAAS,YAC1C,OAAO,KAAK,SAAS,iBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAAA;AAG5D,QAAM,WAAW,OAAO,SAAS,gBAAA,EAAkB;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,KAAK,CAAA,QAAO;AAC3E,QAAI,OAAO,KAAK,OAAO,0BAA0B;AAE7C,aAAO;AAAA,IACX;AAEA,QAAI,SAAS,IAAI,KAAK,GAAG;AACrB,aAAO;AAAA,IACX;AAGA,WAAO,OAAO,KAAK,QAAQ,WAAW,IAAI,KAAK;AAAA,EACnD,CAAC;AAED,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAIC,QAAAA,gBAAgB,OAAO,GAAG;AAE7D,MAAI;AAEJ,MAAI,mBAAmB;AACnB,qBACI,sBAAA;AAAA,MAACC,aAAAA;AAAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAEA,SACI,sBAAA,cAACC,MAAAA,OAAA,MACG,sBAAA,cAACA,MAAAA,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,gDAChBC,QAAAA,SAAA,EAAQ,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAA,CAAU,IAC/E,IACR,GACC,iBACG,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJ,sBAAA;AAAA,IAACF,MAAAA,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBACG,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA;AAAA,MAACG,aAAAA;AAAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAASR,MAAAA,gBAAgB,SAASS,QAAwB,OAA2B,KAA2B;AACzH,QAAM,sBAAsB,OAAO,MAAM,QAAQ;AAGjD,QAAM,MAAM,MAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAO,sBAAA,cAAC,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;;"}
1	+ {"version":3,"file":"Table3.cjs","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '@/primitives/Table/Core/Table';\nimport { fixedForwardRef } from '@/types';\n\nimport { Alert } from './components/Editing/Alert';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport type { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { useTable3 } from './useTable3';\nimport { isTableScrolled } from './util/editing';\n\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\nColumn.displayName = 'Table3Column';\n\nconst Group: React.FC<Table3GroupProps> = () => null;\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const table3 = useTable3<TType>(props, ref);\n\n const gridAttributes = {\n 'data-table-editing-mode': table3.meta.editing?.isEditing\n ? table3.meta.editing?.isDetailedMode\n ? 'detailed'\n : 'normal'\n : undefined,\n 'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n };\n\n const rowsById = table3.instance.getCoreRowModel().rowsById;\n const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some(row => {\n if (table3.meta.server._experimentalDataLoader2) {\n // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n return true;\n }\n\n if (rowsById[row.rowId]) {\n return true;\n }\n\n // Keep the alert when the row is hidden by filtering (or pagination) but still has unsaved edits.\n return table3.meta.editing.hasChanges(row.rowId);\n });\n\n const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n let createWorkflow;\n\n if (hasCreateWorkflow) {\n createWorkflow = (\n <CreateNewRow\n buttonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n );\n }\n\n return (\n <Table>\n <Table.Toolbar<TType> table={table3}>\n {table3.meta.editing.isEnabled ? (\n <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n ) : null}\n </Table.Toolbar>\n {hasAlertErrors ? (\n <Alert\n className=\"mb-4\"\n scrollToIndex={table3.renderer.scrollToIndex}\n table={table3.instance}\n tableRef={table3.ref}\n />\n ) : null}\n <Table.Grid<TType>\n {...gridAttributes}\n data-taco=\"table3\"\n footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n table={table3}>\n {hasCreateWorkflow ? (\n <>\n <TemporaryRows\n createRowButtonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n {isScrolled ? null : createWorkflow}\n </>\n ) : null}\n </Table.Grid>\n </Table>\n );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const stringifiedChildren = String(props.children);\n // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n // this is cheaper from a complexity perspective, and probably performance wise as well\n const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {\n Column: typeof Column;\n Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n Table3Ref,\n Table3Props,\n Table3ColumnProps,\n Table3GroupProps,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n Table3Texts,\n Table3FeatureProps,\n Table3CommonProps,\n Table3WithoutEditingWithClientProps,\n Table3WithoutEditingWithServerProps,\n Table3WithEditingProps,\n Table3WithEditingWithClientProps,\n Table3WithEditingWithServerProps,\n Table3EditingChangeHandler,\n Table3EditingCreateHandler,\n} from './types';\n"],"names":["fixedForwardRef","BaseTable3","useTable3","isTableScrolled","CreateNewRow","Table","Editing","Alert","TemporaryRows","Table3"],"mappings":";;;;;;;;;;;;AAeA,MAAM,SAEF,MAAM;AACV,OAAO,cAAc;AAErB,MAAM,QAAoC,MAAM;AAChD,MAAM,cAAc;AAEpB,MAAM,aAAaA,MAAAA,gBAAgB,SAASC,YAA4B,OAA2B,KAA2B;AAC1H,QAAM,SAASC,UAAAA,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,2BAA2B,OAAO,KAAK,SAAS,YAC1C,OAAO,KAAK,SAAS,iBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAAA;AAG5D,QAAM,WAAW,OAAO,SAAS,gBAAA,EAAkB;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,KAAK,CAAA,QAAO;AAC3E,QAAI,OAAO,KAAK,OAAO,0BAA0B;AAE7C,aAAO;AAAA,IACX;AAEA,QAAI,SAAS,IAAI,KAAK,GAAG;AACrB,aAAO;AAAA,IACX;AAGA,WAAO,OAAO,KAAK,QAAQ,WAAW,IAAI,KAAK;AAAA,EACnD,CAAC;AAED,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAIC,QAAAA,gBAAgB,OAAO,GAAG;AAE7D,MAAI;AAEJ,MAAI,mBAAmB;AACnB,qBACI,sBAAA;AAAA,MAACC,aAAAA;AAAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAEA,SACI,sBAAA,cAACC,MAAAA,OAAA,MACG,sBAAA,cAACA,MAAAA,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,gDAChBC,QAAAA,SAAA,EAAQ,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAA,CAAU,IAC/E,IACR,GACC,iBACG,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJ,sBAAA;AAAA,IAACF,MAAAA,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBACG,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA;AAAA,MAACG,aAAAA;AAAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAASR,MAAAA,gBAAgB,SAASS,QAAwB,OAA2B,KAA2B;AACzH,QAAM,sBAAsB,OAAO,MAAM,QAAQ;AAGjD,QAAM,MAAM,MAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAO,sBAAA,cAAC,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;;"}

package/dist/components/Table3/Table3.d.ts CHANGED Viewed

@@ -3,10 +3,7 @@ import { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './t
 declare const Column: React.FC<Table3ColumnProps<unknown>> & {
     <TType = unknown>(_: Table3ColumnProps<TType>): null;
 };
-declare function Group(_: Table3GroupProps): null;
-declare namespace Group {
-    var displayName: string;
-}
+declare const Group: React.FC<Table3GroupProps>;
 export declare const Table3: (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {
     Column: typeof Column;
     Group: typeof Group;

package/dist/components/Table3/Table3.js CHANGED Viewed

@@ -10,9 +10,7 @@ import { isTableScrolled } from "./util/editing.js";
 /* empty css          */
 const Column = () => null;
 Column.displayName = "Table3Column";
-function Group(_) {
-  return null;
-}
+const Group = () => null;
 Group.displayName = "Table3Group";
 const BaseTable3 = fixedForwardRef(function BaseTable32(props, ref) {
   const table3 = useTable3(props, ref);

package/dist/components/Table3/Table3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table3.js","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '~~../../~~primitives/Table/Core/Table';\nimport { fixedForwardRef } from '~~../../~~types';\n\nimport { Alert } from './components/Editing/Alert';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport type { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { useTable3 } from './useTable3';\nimport { isTableScrolled } from './util/editing';\n\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\n\nColumn.displayName = 'Table3Column';\n\~~nfunction~~ Group(_: Table3GroupProps) ~~{\n return~~ null;\~~n}\~~nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const table3 = useTable3<TType>(props, ref);\n\n const gridAttributes = {\n 'data-table-editing-mode': table3.meta.editing?.isEditing\n ? table3.meta.editing?.isDetailedMode\n ? 'detailed'\n : 'normal'\n : undefined,\n 'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n };\n\n const rowsById = table3.instance.getCoreRowModel().rowsById;\n const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some(row => {\n if (table3.meta.server._experimentalDataLoader2) {\n // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n return true;\n }\n\n if (rowsById[row.rowId]) {\n return true;\n }\n\n // Keep the alert when the row is hidden by filtering (or pagination) but still has unsaved edits.\n return table3.meta.editing.hasChanges(row.rowId);\n });\n\n const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n let createWorkflow;\n\n if (hasCreateWorkflow) {\n createWorkflow = (\n <CreateNewRow\n buttonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n );\n }\n\n return (\n <Table>\n <Table.Toolbar<TType> table={table3}>\n {table3.meta.editing.isEnabled ? (\n <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n ) : null}\n </Table.Toolbar>\n {hasAlertErrors ? (\n <Alert\n className=\"mb-4\"\n scrollToIndex={table3.renderer.scrollToIndex}\n table={table3.instance}\n tableRef={table3.ref}\n />\n ) : null}\n <Table.Grid<TType>\n {...gridAttributes}\n data-taco=\"table3\"\n footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n table={table3}>\n {hasCreateWorkflow ? (\n <>\n <TemporaryRows\n createRowButtonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n {isScrolled ? null : createWorkflow}\n </>\n ) : null}\n </Table.Grid>\n </Table>\n );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const stringifiedChildren = String(props.children);\n // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n // this is cheaper from a complexity perspective, and probably performance wise as well\n const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {\n Column: typeof Column;\n Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n Table3Ref,\n Table3Props,\n Table3ColumnProps,\n Table3GroupProps,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n Table3Texts,\n Table3FeatureProps,\n Table3CommonProps,\n Table3WithoutEditingWithClientProps,\n Table3WithoutEditingWithServerProps,\n Table3WithEditingProps,\n Table3WithEditingWithClientProps,\n Table3WithEditingWithServerProps,\n Table3EditingChangeHandler,\n Table3EditingCreateHandler,\n} from './types';\n"],"names":["BaseTable3","React","Table3"],"mappings":";;;;;;;;;;AAeA,MAAM,SAEF,MAAM;~~AAEV~~,OAAO,cAAc;AAErB,~~SAAS,~~MAAM,~~GAAqB;AAChC~~,~~SAAO~~;~~AACX;AACA~~,MAAM,cAAc;AAEpB,MAAM,aAAa,gBAAgB,SAASA,YAA4B,OAA2B,KAA2B;AAC1H,QAAM,SAAS,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,2BAA2B,OAAO,KAAK,SAAS,YAC1C,OAAO,KAAK,SAAS,iBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAAA;AAG5D,QAAM,WAAW,OAAO,SAAS,gBAAA,EAAkB;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,KAAK,CAAA,QAAO;AAC3E,QAAI,OAAO,KAAK,OAAO,0BAA0B;AAE7C,aAAO;AAAA,IACX;AAEA,QAAI,SAAS,IAAI,KAAK,GAAG;AACrB,aAAO;AAAA,IACX;AAGA,WAAO,OAAO,KAAK,QAAQ,WAAW,IAAI,KAAK;AAAA,EACnD,CAAC;AAED,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAI,gBAAgB,OAAO,GAAG;AAE7D,MAAI;AAEJ,MAAI,mBAAmB;AACnB,qBACIC,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAEA,SACIA,+BAAA,cAAC,OAAA,MACGA,+BAAA,cAAC,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,yDAChB,SAAA,EAAQ,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAA,CAAU,IAC/E,IACR,GACC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJA,+BAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBACGA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAAS,gBAAgB,SAASC,QAAwB,OAA2B,KAA2B;AACzH,QAAM,sBAAsB,OAAO,MAAM,QAAQ;AAGjD,QAAM,MAAMD,eAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAOA,+BAAA,cAAC,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;"}
1	+ {"version":3,"file":"Table3.js","sources":["../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '@/primitives/Table/Core/Table';\nimport { fixedForwardRef } from '@/types';\n\nimport { Alert } from './components/Editing/Alert';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRows } from './components/Row/Editing/TemporaryRow';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport type { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { useTable3 } from './useTable3';\nimport { isTableScrolled } from './util/editing';\n\nimport './style.css';\n\nconst Column: React.FC<Table3ColumnProps<unknown>> & {\n <TType = unknown>(_: Table3ColumnProps<TType>): null;\n} = () => null;\nColumn.displayName = 'Table3Column';\n\nconst Group: React.FC<Table3GroupProps> = () => null;\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const table3 = useTable3<TType>(props, ref);\n\n const gridAttributes = {\n 'data-table-editing-mode': table3.meta.editing?.isEditing\n ? table3.meta.editing?.isDetailedMode\n ? 'detailed'\n : 'normal'\n : undefined,\n 'data-has-changes': table3.meta.editing.isDirty ? 'true' : undefined,\n enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n };\n\n const rowsById = table3.instance.getCoreRowModel().rowsById;\n const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().some(row => {\n if (table3.meta.server._experimentalDataLoader2) {\n // consumers of dataloader2 need to run a cleanup function, as this would otherwise return false when pages are unloaded.\n return true;\n }\n\n if (rowsById[row.rowId]) {\n return true;\n }\n\n // Keep the alert when the row is hidden by filtering (or pagination) but still has unsaved edits.\n return table3.meta.editing.hasChanges(row.rowId);\n });\n\n const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n const [hasScrollbar, isScrolled] = isTableScrolled(table3.ref);\n\n let createWorkflow;\n\n if (hasCreateWorkflow) {\n createWorkflow = (\n <CreateNewRow\n buttonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n );\n }\n\n return (\n <Table>\n <Table.Toolbar<TType> table={table3}>\n {table3.meta.editing.isEnabled ? (\n <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n ) : null}\n </Table.Toolbar>\n {hasAlertErrors ? (\n <Alert\n className=\"mb-4\"\n scrollToIndex={table3.renderer.scrollToIndex}\n table={table3.instance}\n tableRef={table3.ref}\n />\n ) : null}\n <Table.Grid<TType>\n {...gridAttributes}\n data-taco=\"table3\"\n footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n table={table3}>\n {hasCreateWorkflow ? (\n <>\n <TemporaryRows\n createRowButtonRef={table3.meta.editing.createRowButtonRef}\n hasScrollbar={hasScrollbar}\n table={table3.instance}\n tableMeta={table3.meta}\n tableRef={table3.ref}\n />\n {isScrolled ? null : createWorkflow}\n </>\n ) : null}\n </Table.Grid>\n </Table>\n );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n const stringifiedChildren = String(props.children);\n // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n // this is cheaper from a complexity perspective, and probably performance wise as well\n const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => React.JSX.Element) & {\n Column: typeof Column;\n Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n Table3Ref,\n Table3Props,\n Table3ColumnProps,\n Table3GroupProps,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n Table3Texts,\n Table3FeatureProps,\n Table3CommonProps,\n Table3WithoutEditingWithClientProps,\n Table3WithoutEditingWithServerProps,\n Table3WithEditingProps,\n Table3WithEditingWithClientProps,\n Table3WithEditingWithServerProps,\n Table3EditingChangeHandler,\n Table3EditingCreateHandler,\n} from './types';\n"],"names":["BaseTable3","React","Table3"],"mappings":";;;;;;;;;;AAeA,MAAM,SAEF,MAAM;AACV,OAAO,cAAc;AAErB,MAAM,QAAoC,MAAM;AAChD,MAAM,cAAc;AAEpB,MAAM,aAAa,gBAAgB,SAASA,YAA4B,OAA2B,KAA2B;AAC1H,QAAM,SAAS,UAAiB,OAAO,GAAG;AAE1C,QAAM,iBAAiB;AAAA,IACnB,2BAA2B,OAAO,KAAK,SAAS,YAC1C,OAAO,KAAK,SAAS,iBACjB,aACA,WACJ;AAAA,IACN,oBAAoB,OAAO,KAAK,QAAQ,UAAU,SAAS;AAAA,IAC3D,oCAAoC,OAAO,KAAK,QAAQ;AAAA,EAAA;AAG5D,QAAM,WAAW,OAAO,SAAS,gBAAA,EAAkB;AACnD,QAAM,iBAAiB,OAAO,KAAK,QAAQ,wBAAwB,KAAK,CAAA,QAAO;AAC3E,QAAI,OAAO,KAAK,OAAO,0BAA0B;AAE7C,aAAO;AAAA,IACX;AAEA,QAAI,SAAS,IAAI,KAAK,GAAG;AACrB,aAAO;AAAA,IACX;AAGA,WAAO,OAAO,KAAK,QAAQ,WAAW,IAAI,KAAK;AAAA,EACnD,CAAC;AAED,QAAM,oBAAoB,OAAO,KAAK,QAAQ,aAAa,MAAM;AACjE,QAAM,CAAC,cAAc,UAAU,IAAI,gBAAgB,OAAO,GAAG;AAE7D,MAAI;AAEJ,MAAI,mBAAmB;AACnB,qBACIC,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,OAAO,KAAK,QAAQ;AAAA,QAC/B;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAEA,SACIA,+BAAA,cAAC,OAAA,MACGA,+BAAA,cAAC,MAAM,SAAN,EAAqB,OAAO,OAAA,GACxB,OAAO,KAAK,QAAQ,yDAChB,SAAA,EAAQ,eAAe,OAAO,SAAS,eAAe,OAAO,OAAO,SAAA,CAAU,IAC/E,IACR,GACC,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,eAAe,OAAO,SAAS;AAAA,MAC/B,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IAAA;AAAA,EAAA,IAErB,MACJA,+BAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACI,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,YAAY,qBAAqB,aAAa,iBAAiB;AAAA,MAC/D,OAAO;AAAA,IAAA;AAAA,IACN,oBACGA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAoB,OAAO,KAAK,QAAQ;AAAA,QACxC;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,OAAO;AAAA,QAClB,UAAU,OAAO;AAAA,MAAA;AAAA,IAAA,GAEpB,aAAa,OAAO,cACzB,IACA;AAAA,EAAA,CAEZ;AAER,CAAC;AAEM,MAAM,SAAS,gBAAgB,SAASC,QAAwB,OAA2B,KAA2B;AACzH,QAAM,sBAAsB,OAAO,MAAM,QAAQ;AAGjD,QAAM,MAAMD,eAAM,QAAQ,MAAM,OAAO,cAAc,mBAAmB,GAAG,CAAC,mBAAmB,CAAC;AAChG,SAAOA,+BAAA,cAAC,YAAA,EAAmB,GAAG,OAAO,KAAU,KAAU;AAC7D,CAAC;AAID,OAAO,SAAS;AAChB,OAAO,QAAQ;"}

package/dist/components/Table3/components/Columns/Cell/Cell.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { DisplayCell } from '~~../../../../../~~primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '~~../../../../../~~primitives/Table/Core/components/Row/RowContext';\nimport type { TableCellRendererProps } from '~~../../../../../~~primitives/Table/Core/types';\n\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell } = props;\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n if (tableMeta.editing.isEditing) {\n if (columnMeta.control && columnMeta.enableEditing) {\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const cellError = tableMeta.editing.getCellError(cell);\n const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n // saves may be pending when not currently editing, but we want to show the \"changed\" data\n // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n const changedValue = tableMeta.editing.getCellValue(cell);\n\n if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n // a little hacky, but it seems to work without side effects\n const getValue = () => changedValue as any;\n const context = cell.getContext();\n cell.getValue = getValue;\n cell.getContext = () => ({ ...context, getValue });\n }\n\n if (isActiveRow \|\| !!cellError \|\| (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n return <EditingControlCell<TType> {...props} />;\n }\n }\n\n return <EditingDisplayCell<TType> {...props} />;\n }\n\n return <DisplayCell<TType> {...props} />;\n}\n"],"names":["RowContext","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;;AAUO,SAAS,KAAsB,OAAsC;AACxE,QAAM,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWA,WAAAA,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAA,EAAa,MAAM,QAAQ;AAClD,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,MAAI,UAAU,QAAQ,WAAW;AAC7B,QAAI,WAAW,WAAW,WAAW,eAAe;AAChD,YAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,SAAA,KAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACvB,cAAM,UAAU,KAAK,WAAA;AACrB,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAA;AAAA,MAC3C;AAEA,UAAI,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AACtG,eAAO,sBAAA,cAACC,mBAAAA,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,MACjD;AAAA,IACJ;AAEA,WAAO,sBAAA,cAACC,mBAAAA,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,EACjD;AAEA,SAAO,sBAAA,cAACC,YAAAA,aAAA,EAAoB,GAAG,MAAA,CAAO;AAC1C;;"}
1	+ {"version":3,"file":"Cell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { DisplayCell } from '@/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '@/primitives/Table/Core/components/Row/RowContext';\nimport type { TableCellRendererProps } from '@/primitives/Table/Core/types';\n\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell } = props;\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n if (tableMeta.editing.isEditing) {\n if (columnMeta.control && columnMeta.enableEditing) {\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const cellError = tableMeta.editing.getCellError(cell);\n const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n // saves may be pending when not currently editing, but we want to show the \"changed\" data\n // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n const changedValue = tableMeta.editing.getCellValue(cell);\n\n if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n // a little hacky, but it seems to work without side effects\n const getValue = () => changedValue as any;\n const context = cell.getContext();\n cell.getValue = getValue;\n cell.getContext = () => ({ ...context, getValue });\n }\n\n if (isActiveRow \|\| !!cellError \|\| (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n return <EditingControlCell<TType> {...props} />;\n }\n }\n\n return <EditingDisplayCell<TType> {...props} />;\n }\n\n return <DisplayCell<TType> {...props} />;\n}\n"],"names":["RowContext","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;;AAUO,SAAS,KAAsB,OAAsC;AACxE,QAAM,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWA,WAAAA,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAA,EAAa,MAAM,QAAQ;AAClD,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,MAAI,UAAU,QAAQ,WAAW;AAC7B,QAAI,WAAW,WAAW,WAAW,eAAe;AAChD,YAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,SAAA,KAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACvB,cAAM,UAAU,KAAK,WAAA;AACrB,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAA;AAAA,MAC3C;AAEA,UAAI,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AACtG,eAAO,sBAAA,cAACC,mBAAAA,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,MACjD;AAAA,IACJ;AAEA,WAAO,sBAAA,cAACC,mBAAAA,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,EACjD;AAEA,SAAO,sBAAA,cAACC,YAAAA,aAAA,EAAoB,GAAG,MAAA,CAAO;AAC1C;;"}

package/dist/components/Table3/components/Columns/Cell/Cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { DisplayCell } from '~~../../../../../~~primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '~~../../../../../~~primitives/Table/Core/components/Row/RowContext';\nimport type { TableCellRendererProps } from '~~../../../../../~~primitives/Table/Core/types';\n\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell } = props;\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n if (tableMeta.editing.isEditing) {\n if (columnMeta.control && columnMeta.enableEditing) {\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const cellError = tableMeta.editing.getCellError(cell);\n const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n // saves may be pending when not currently editing, but we want to show the \"changed\" data\n // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n const changedValue = tableMeta.editing.getCellValue(cell);\n\n if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n // a little hacky, but it seems to work without side effects\n const getValue = () => changedValue as any;\n const context = cell.getContext();\n cell.getValue = getValue;\n cell.getContext = () => ({ ...context, getValue });\n }\n\n if (isActiveRow \|\| !!cellError \|\| (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n return <EditingControlCell<TType> {...props} />;\n }\n }\n\n return <EditingDisplayCell<TType> {...props} />;\n }\n\n return <DisplayCell<TType> {...props} />;\n}\n"],"names":["React"],"mappings":";;;;;AAUO,SAAS,KAAsB,OAAsC;AACxE,QAAM,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAA,EAAa,MAAM,QAAQ;AAClD,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,MAAI,UAAU,QAAQ,WAAW;AAC7B,QAAI,WAAW,WAAW,WAAW,eAAe;AAChD,YAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,SAAA,KAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACvB,cAAM,UAAU,KAAK,WAAA;AACrB,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAA;AAAA,MAC3C;AAEA,UAAI,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AACtG,eAAOA,+BAAA,cAAC,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,MACjD;AAAA,IACJ;AAEA,WAAOA,+BAAA,cAAC,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,EACjD;AAEA,SAAOA,+BAAA,cAAC,aAAA,EAAoB,GAAG,MAAA,CAAO;AAC1C;"}
1	+ {"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { DisplayCell } from '@/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '@/primitives/Table/Core/components/Row/RowContext';\nimport type { TableCellRendererProps } from '@/primitives/Table/Core/types';\n\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell } = props;\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n if (tableMeta.editing.isEditing) {\n if (columnMeta.control && columnMeta.enableEditing) {\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const cellError = tableMeta.editing.getCellError(cell);\n const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n // saves may be pending when not currently editing, but we want to show the \"changed\" data\n // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n const changedValue = tableMeta.editing.getCellValue(cell);\n\n if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n // a little hacky, but it seems to work without side effects\n const getValue = () => changedValue as any;\n const context = cell.getContext();\n cell.getValue = getValue;\n cell.getContext = () => ({ ...context, getValue });\n }\n\n if (isActiveRow \|\| !!cellError \|\| (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n return <EditingControlCell<TType> {...props} />;\n }\n }\n\n return <EditingDisplayCell<TType> {...props} />;\n }\n\n return <DisplayCell<TType> {...props} />;\n}\n"],"names":["React"],"mappings":";;;;;AAUO,SAAS,KAAsB,OAAsC;AACxE,QAAM,EAAE,SAAS;AACjB,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,YAAY,KAAK,WAAA,EAAa,MAAM,QAAQ;AAClD,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,MAAI,UAAU,QAAQ,WAAW;AAC7B,QAAI,WAAW,WAAW,WAAW,eAAe;AAChD,YAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,YAAM,YAAY,UAAU,QAAQ,aAAa,IAAI;AACrD,YAAM,uBAAuB,YAAY,UAAU,QAAQ,YAAY;AAIvE,YAAM,eAAe,UAAU,QAAQ,aAAa,IAAI;AAExD,UAAI,iBAAiB,UAAa,iBAAiB,KAAK,SAAA,KAAc,sBAAsB;AAExF,cAAM,WAAW,MAAM;AACvB,cAAM,UAAU,KAAK,WAAA;AACrB,aAAK,WAAW;AAChB,aAAK,aAAa,OAAO,EAAE,GAAG,SAAS,SAAA;AAAA,MAC3C;AAEA,UAAI,eAAe,CAAC,CAAC,aAAc,aAAa,CAAC,eAAe,CAAC,UAAU,UAAU,oBAAqB;AACtG,eAAOA,+BAAA,cAAC,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,MACjD;AAAA,IACJ;AAEA,WAAOA,+BAAA,cAAC,oBAAA,EAA2B,GAAG,MAAA,CAAO;AAAA,EACjD;AAEA,SAAOA,+BAAA,cAAC,aAAA,EAAoB,GAAG,MAAA,CAAO;AAC1C;"}

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../../../../../Icon/Icon.cjs");
 const Localization = require("../../../../../Provider/Localization.cjs");
 const Tooltip = require("../../../../../Tooltip/Tooltip.cjs");
+const Icon = require("../../../../../Icon/Icon.cjs");
 function RowMoveIndicator(props) {
   const { cell, cellRef, isActiveRow } = props;
   const { texts } = Localization.useLocalization();

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowMoveIndicator.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n TableMeta as ReactTableMeta,\n ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport ~~{ Icon } from '../../../../../Icon/Icon';\nimport~~ type { LocalizationTexts } from '~~../../../../../Provider/Localization~~';\nimport { ~~useLocalization~~ } ~~from~~ ~~'../../../../../Provider/Localization';\nimport { Tooltip~~ } from '~~../../../../../Tooltip/Tooltip~~';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n cell: ReactTableCell<TType, unknown>;\n cellRef: React.RefObject<HTMLTableCellElement \| null>;\n isActiveRow: boolean;\n};\n\ntype Reason = 'search' \| 'sorting' \| 'filter' \| undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n const { cell, cellRef, isActiveRow } = props;\n const { texts } = useLocalization();\n const [show, setShow] = React.useState(false);\n const table = cell.getContext().table;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n React.useEffect(() => {\n if (cellRef.current) {\n if (isActiveRow && !!moveReason) {\n const firstChild = cellRef.current.parentElement?.querySelector('td[data-taco=\"cell-control\"]');\n\n if (cellRef.current === firstChild) {\n setShow(true);\n cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n }\n } else {\n setShow(false);\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n }\n\n return () => {\n if (cellRef.current) {\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n };\n }, [cellRef, isActiveRow, moveReason]);\n\n if (!show) {\n return null;\n }\n\n const { title, description } = getMessageFromReason(texts, moveReason);\n\n let columnHeader = columnMeta.header;\n\n if (moveReason === 'sorting') {\n const sortedColumns = table.getState().sorting;\n const columnId = sortedColumns[0]?.id;\n\n if (columnId) {\n const sortedColumn = table.getColumn(columnId);\n if (sortedColumn) {\n columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n }\n }\n }\n\n return (\n <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n <span data-row-move-indicator>\n <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n {title}\n </span>\n </Tooltip>\n );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n let title;\n let description;\n\n switch (reason) {\n case 'filter':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n break;\n\n case 'search':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n break;\n\n case 'sorting':\n title = texts.table3.editing.rowIndicator.rowWillMove;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n break;\n\n default:\n title = '';\n description = '';\n break;\n }\n\n return { title, description };\n}\n"],"names":["useLocalization","Tooltip","Icon"],"mappings":";;;;;;~~AAoBO~~,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjE,QAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,sBAAA,cAACC,mBAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3E,sBAAA,cAAC,UAAK,2BAAuB,KAAA,uCACxBC,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;;"}
1	+ {"version":3,"file":"RowMoveIndicator.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n TableMeta as ReactTableMeta,\n ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { LocalizationTexts } from '@/components';\nimport { Icon, Tooltip, useLocalization } from '@/components';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n cell: ReactTableCell<TType, unknown>;\n cellRef: React.RefObject<HTMLTableCellElement \| null>;\n isActiveRow: boolean;\n};\n\ntype Reason = 'search' \| 'sorting' \| 'filter' \| undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n const { cell, cellRef, isActiveRow } = props;\n const { texts } = useLocalization();\n const [show, setShow] = React.useState(false);\n const table = cell.getContext().table;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n React.useEffect(() => {\n if (cellRef.current) {\n if (isActiveRow && !!moveReason) {\n const firstChild = cellRef.current.parentElement?.querySelector('td[data-taco=\"cell-control\"]');\n\n if (cellRef.current === firstChild) {\n setShow(true);\n cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n }\n } else {\n setShow(false);\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n }\n\n return () => {\n if (cellRef.current) {\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n };\n }, [cellRef, isActiveRow, moveReason]);\n\n if (!show) {\n return null;\n }\n\n const { title, description } = getMessageFromReason(texts, moveReason);\n\n let columnHeader = columnMeta.header;\n\n if (moveReason === 'sorting') {\n const sortedColumns = table.getState().sorting;\n const columnId = sortedColumns[0]?.id;\n\n if (columnId) {\n const sortedColumn = table.getColumn(columnId);\n if (sortedColumn) {\n columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n }\n }\n }\n\n return (\n <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n <span data-row-move-indicator>\n <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n {title}\n </span>\n </Tooltip>\n );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n let title;\n let description;\n\n switch (reason) {\n case 'filter':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n break;\n\n case 'search':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n break;\n\n case 'sorting':\n title = texts.table3.editing.rowIndicator.rowWillMove;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n break;\n\n default:\n title = '';\n description = '';\n break;\n }\n\n return { title, description };\n}\n"],"names":["useLocalization","Tooltip","Icon"],"mappings":";;;;;;AAkBO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjE,QAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,sBAAA,cAACC,mBAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3E,sBAAA,cAAC,UAAK,2BAAuB,KAAA,uCACxBC,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;;"}

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React__default from "react";
-import { Icon } from "../../../../../Icon/Icon.js";
 import { useLocalization } from "../../../../../Provider/Localization.js";
 import { Tooltip } from "../../../../../Tooltip/Tooltip.js";
+import { Icon } from "../../../../../Icon/Icon.js";
 function RowMoveIndicator(props) {
   const { cell, cellRef, isActiveRow } = props;
   const { texts } = useLocalization();