npm - @clickhouse/click-ui - Versions diffs - 0.11.0 → 0.13.0-rc1 - Mend

@clickhouse/click-ui 0.11.0 → 0.13.0-rc1

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 (1127) hide show

package/dist/esm/components/Flyout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Flyout/Flyout.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, useMemo } from 'react';\nimport { useTheme } from '@/theme/ThemeContext';\nimport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n} from '@radix-ui/react-dialog';\nimport { Button } from '@/components/Button';\nimport type { ButtonProps } from '@/components/Button';\nimport { CodeBlock } from '@/components/CodeBlock';\nimport { Container } from '@/components/Container';\nimport type { ContainerProps } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { Separator } from '@/components/Separator';\nimport { Spacer } from '@/components/Spacer';\nimport { CrossButton } from '@/components/CrossButton';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Flyout.module.css';\nimport type {\n FlyoutProps,\n FlyoutTriggerProps,\n FlyoutContentProps,\n FlyoutHeaderProps,\n FlyoutFooterProps,\n FlyoutType,\n} from './Flyout.types';\n\nexport const Flyout = ({ modal = false, ...props }: FlyoutProps) => {\n return (\n <Dialog\n modal={modal}\n {...props}\n />\n );\n};\n\nconst Trigger = ({ children, ...props }: FlyoutTriggerProps) => {\n return (\n <DialogTrigger asChild>\n <div {...props}>{children}</div>\n </DialogTrigger>\n );\n};\nTrigger.displayName = 'Flyout.Trigger';\nFlyout.Trigger = Trigger;\n\nconst contentVariants = cva(styles.content, {\n variants: {\n type: {\n default: styles.content_type_default,\n inline: styles.content_type_inline,\n },\n strategy: {\n relative: styles.content_strategy_relative,\n absolute: styles.content_strategy_absolute,\n fixed: styles.content_strategy_fixed,\n },\n align: {\n start: styles.content_align_start,\n end: styles.content_align_end,\n },\n hasShadow: {\n true: '',\n false: styles['content_no-shadow'],\n },\n },\n defaultVariants: {\n type: 'default',\n align: 'end',\n hasShadow: true,\n },\n});\n\nconst Content = ({\n showOverlay = false,\n children,\n container,\n strategy = 'relative',\n size = 'default',\n type = 'default',\n closeOnInteractOutside = false,\n width,\n align = 'end',\n hasShadow = true,\n onInteractOutside,\n className,\n style,\n ...props\n}: FlyoutContentProps) => {\n const portalContainer = useResolvedPortalContainer(container);\n const theme = useTheme();\n\n const mergedStyle = useMemo(() => {\n // Resolve the default width from the typed theme so an invalid `size`\n // fails at compile time, rather than silently emitting a non-existent\n // CSS variable. A non-empty `width` prop always wins; `\|\|` (matching the\n // pre-migration styled version) also falls back on an empty-string width.\n const resolvedWidth = width \|\| theme.click.flyout.size[size].width;\n\n return {\n '--flyout-width': resolvedWidth,\n ...style,\n } as CSSProperties;\n }, [width, size, style, theme]);\n\n return (\n <DialogPortal container={portalContainer}>\n {showOverlay && <DialogOverlay className=\"DialogOverlay\" />}\n <DialogContent\n onInteractOutside={e => {\n if (!closeOnInteractOutside) {\n e.preventDefault();\n }\n if (typeof onInteractOutside === 'function') {\n onInteractOutside(e);\n }\n }}\n {...props}\n style={mergedStyle}\n className={cn(contentVariants({ type, strategy, align, hasShadow }), className)}\n >\n {children}\n </DialogContent>\n </DialogPortal>\n );\n};\nContent.displayName = 'Flyout.Content';\nFlyout.Content = Content;\n\nconst elementVariants = cva(styles.element, {\n variants: {\n type: {\n default: styles.element_type_default,\n inline: styles.element_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ninterface ElementProps extends Omit<\n ContainerProps,\n 'component' \| 'padding' \| 'gap' \| 'orientation'\n> {\n type?: FlyoutType;\n className?: string;\n}\n\nconst Element = ({ type, className, ...props }: ElementProps) => (\n <Container\n orientation=\"vertical\"\n padding=\"none\"\n gap=\"none\"\n {...props}\n className={cn(elementVariants({ type }), className)}\n />\n);\n\nElement.displayName = 'Flyout.Element';\nFlyout.Element = Element;\n\nconst headerVariants = cva(styles.header, {\n variants: {\n type: {\n default: styles.header_type_default,\n inline: styles.header_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\nconst titleVariants = cva(styles.title, {\n variants: {\n type: {\n default: styles.title_type_default,\n inline: styles.title_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\nconst descriptionVariants = cva(styles.description, {\n variants: {\n type: {\n default: styles.description_type_default,\n inline: styles.description_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\nconst Header = ({\n title,\n description,\n type,\n children,\n showClose = true,\n showSeparator = true,\n className,\n ...props\n}: FlyoutHeaderProps) => {\n if (children) {\n return (\n <div className={styles.container}>\n <Container\n justifyContent=\"space-between\"\n alignItems=\"start\"\n padding=\"none\"\n gap=\"none\"\n fillWidth={false}\n isResponsive={false}\n {...props}\n className={cn(headerVariants({ type }), className)}\n >\n <Container\n padding=\"none\"\n gap=\"none\"\n orientation=\"vertical\"\n grow=\"1\"\n >\n {children}\n </Container>\n {showClose && (\n <DialogClose asChild>\n <CrossButton data-testid=\"flyout-header-close-btn\">\n <Icon\n name=\"cross\"\n size={type === 'inline' ? 'md' : 'lg'}\n />\n </CrossButton>\n </DialogClose>\n )}\n </Container>\n {showSeparator && (\n <Separator\n data-testid=\"flyout-header-separator\"\n size=\"lg\"\n />\n )}\n </div>\n );\n }\n\n return (\n <div className={styles.container}>\n <Container\n justifyContent=\"space-between\"\n alignItems=\"start\"\n fillWidth={false}\n isResponsive={false}\n {...props}\n className={cn(headerVariants({ type }), className)}\n >\n <Container\n padding=\"none\"\n gap=\"none\"\n orientation=\"vertical\"\n grow=\"1\"\n >\n <DialogTitle className={cn(titleVariants({ type }))}>{title}</DialogTitle>\n {description && (\n <DialogDescription className={cn(descriptionVariants({ type }))}>\n {description}\n </DialogDescription>\n )}\n </Container>\n {showClose && (\n <DialogClose asChild>\n <CrossButton data-testid=\"flyout-header-close-btn\">\n <Icon\n name=\"cross\"\n size={type === 'inline' ? 'md' : 'lg'}\n />\n </CrossButton>\n </DialogClose>\n )}\n </Container>\n {showSeparator && (\n <Separator\n data-testid=\"flyout-header-separator\"\n size=\"lg\"\n />\n )}\n </div>\n );\n};\nHeader.displayName = 'Flyout.Header';\nFlyout.Header = Header;\n\ntype FlyoutAlign = 'default' \| 'top';\n\nconst bodyVariants = cva(styles.body, {\n variants: {\n align: {\n default: styles.body_align_default,\n top: styles.body_align_top,\n },\n },\n defaultVariants: {\n align: 'default',\n },\n});\n\ninterface BodyProps extends ContainerProps {\n align?: FlyoutAlign;\n className?: string;\n}\n\nconst Body = ({ align, className, ...props }: BodyProps) => (\n <Container\n overflow=\"auto\"\n orientation=\"vertical\"\n grow=\"1\"\n {...props}\n className={cn(bodyVariants({ align }), className)}\n />\n);\n\nBody.displayName = 'Flyout.Body';\nFlyout.Body = Body;\n\nconst footerVariants = cva(styles.footer, {\n variants: {\n type: {\n default: styles.footer_type_default,\n inline: styles.footer_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ninterface FlyoutButtonProps extends Omit<ButtonProps, 'children'> {\n children?: never;\n}\n\nconst FlyoutClose = ({\n children,\n ...props\n}: FlyoutButtonProps \| { children?: ReactNode }) => {\n return (\n <DialogClose asChild>\n {children ?? (\n <Button\n type=\"secondary\"\n {...props}\n />\n )}\n </DialogClose>\n );\n};\nFlyoutClose.displayName = 'Flyout.Close';\nFlyout.Close = FlyoutClose;\n\nconst Footer = ({ type, className, ...props }: FlyoutFooterProps) => {\n return (\n <Container\n gap=\"none\"\n orientation=\"vertical\"\n alignItems=\"end\"\n className={styles['footer-container']}\n >\n <Separator size=\"xs\" />\n <Container\n justifyContent=\"end\"\n gap=\"none\"\n padding=\"none\"\n isResponsive={false}\n wrap=\"wrap\"\n {...props}\n className={cn(footerVariants({ type }), className)}\n />\n </Container>\n );\n};\nFooter.displayName = 'Flyout.Footer';\nFlyout.Footer = Footer;\n\ninterface FlyoutCodeBlockProps extends ContainerProps {\n language?: string;\n statement: string;\n showLineNumbers?: boolean;\n showWrapButton?: boolean;\n wrapLines?: boolean;\n onCopy?: (value: string) => void \| Promise<void>;\n onCopyError?: (error: string) => void \| Promise<void>;\n}\nconst FlyoutCodeBlock = ({\n statement,\n language,\n wrapLines,\n showLineNumbers,\n showWrapButton,\n onCopy,\n onCopyError,\n className,\n ...props\n}: FlyoutCodeBlockProps & ElementProps) => {\n return (\n <Element\n fillHeight\n {...props}\n >\n <CodeBlock\n className={cn(styles['code-block'], className)}\n wrapLines={wrapLines}\n language={language}\n showLineNumbers={showLineNumbers}\n showWrapButton={showWrapButton}\n onCopy={onCopy}\n onCopyError={onCopyError}\n >\n {statement}\n </CodeBlock>\n <Spacer size=\"xs\" />\n </Element>\n );\n};\n\nFlyout.CodeBlock = FlyoutCodeBlock;\n"],"names":["Icon"],"mappings":";;;;;;;;;;;;;;;;AAiCO,MAAM,SAAS,CAAC,EAAE,QAAQ,KAAA,EAAO,GAAG,OAAM,KAAmB;AAClE,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,UAAU,CAAC,EAAE,QAAA,EAAU,GAAG,OAAM,KAA0B;AAC9D,EAAA,uBACE,GAAA,CAAC,iBAAc,OAAA,EAAO,IAAA,EACpB,8BAAC,KAAA,EAAA,EAAK,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA,EAC5B,CAAA;AAEJ,CAAA;AACA,OAAA,CAAQ,WAAA,GAAc,gBAAA;AACtB,MAAA,CAAO,OAAA,GAAU,OAAA;AAEjB,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,OAAA,EAAS;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,MAAA,CAAO,oBAAA;AAAA,MAChB,QAAQ,MAAA,CAAO;AAAA,KACjB;AAAA,IACA,QAAA,EAAU;AAAA,MACR,UAAU,MAAA,CAAO,yBAAA;AAAA,MACjB,UAAU,MAAA,CAAO,yBAAA;AAAA,MACjB,OAAO,MAAA,CAAO;AAAA,KAChB;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAO,MAAA,CAAO,mBAAA;AAAA,MACd,KAAK,MAAA,CAAO;AAAA,KACd;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,OAAO,mBAAmB;AAAA;AACnC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,KAAA;AAAA,IACP,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAED,MAAM,UAAU,CAAC;AAAA,EACf,WAAA,GAAc,KAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,UAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP,IAAA,GAAO,SAAA;AAAA,EACP,sBAAA,GAAyB,KAAA;AAAA,EACzB,KAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,SAAA,GAAY,IAAA;AAAA,EACZ,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,eAAA,GAAkB,2BAA2B,SAAS,CAAA;AAC5D,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,MAAM,WAAA,GAAc,QAAQ,MAAM;AAKhC,IAAA,MAAM,gBAAgB,KAAA,IAAS,KAAA,CAAM,MAAM,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,KAAA;AAE7D,IAAA,OAAO;AAAA,MACL,gBAAA,EAAkB,aAAA;AAAA,MAClB,GAAG;AAAA,KACL;AAAA,EACF,GAAG,CAAC,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,KAAK,CAAC,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,eAAA,EACtB,QAAA,EAAA;AAAA,IAAA,WAAA,oBAAe,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,eAAA,EAAgB,CAAA;AAAA,oBACzD,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,mBAAmB,CAAA,CAAA,KAAK;AACtB,UAAA,IAAI,CAAC,sBAAA,EAAwB;AAC3B,YAAA,CAAA,CAAE,cAAA,EAAe;AAAA,UACnB;AACA,UAAA,IAAI,OAAO,sBAAsB,UAAA,EAAY;AAC3C,YAAA,iBAAA,CAAkB,CAAC,CAAA;AAAA,UACrB;AAAA,QACF,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,KAAA,EAAO,WAAA;AAAA,QACP,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,UAAU,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,SAAS,CAAA;AAAA,QAE7E;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ,CAAA;AACA,OAAA,CAAQ,WAAA,GAAc,gBAAA;AACtB,MAAA,CAAO,OAAA,GAAU,OAAA;AAEjB,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,OAAA,EAAS;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,MAAA,CAAO,oBAAA;AAAA,MAChB,QAAQ,MAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAUD,MAAM,UAAU,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,qBAC3C,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAY,UAAA;AAAA,IACZ,OAAA,EAAQ,MAAA;AAAA,IACR,GAAA,EAAI,MAAA;AAAA,IACH,GAAG,KAAA;AAAA,IACJ,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA;AACpD,CAAA;AAGF,OAAA,CAAQ,WAAA,GAAc,gBAAA;AACtB,MAAA,CAAO,OAAA,GAAU,OAAA;AAEjB,MAAM,cAAA,GAAiB,GAAA,CAAI,MAAA,CAAO,MAAA,EAAQ;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,MAAA,CAAO,mBAAA;AAAA,MAChB,QAAQ,MAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,aAAA,GAAgB,GAAA,CAAI,MAAA,CAAO,KAAA,EAAO;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,MAAA,CAAO,kBAAA;AAAA,MAChB,QAAQ,MAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,GAAA,CAAI,MAAA,CAAO,WAAA,EAAa;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,MAAA,CAAO,wBAAA;AAAA,MAChB,QAAQ,MAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,MAAM,SAAS,CAAC;AAAA,EACd,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,IAAA;AAAA,EACZ,aAAA,GAAgB,IAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAyB;AACvB,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAe,eAAA;AAAA,UACf,UAAA,EAAW,OAAA;AAAA,UACX,OAAA,EAAQ,MAAA;AAAA,UACR,GAAA,EAAI,MAAA;AAAA,UACJ,SAAA,EAAW,KAAA;AAAA,UACX,YAAA,EAAc,KAAA;AAAA,UACb,GAAG,KAAA;AAAA,UACJ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,UAEjD,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,MAAA;AAAA,gBACR,GAAA,EAAI,MAAA;AAAA,gBACJ,WAAA,EAAY,UAAA;AAAA,gBACZ,IAAA,EAAK,GAAA;AAAA,gBAEJ;AAAA;AAAA,aACH;AAAA,YACC,SAAA,wBACE,WAAA,EAAA,EAAY,OAAA,EAAO,MAClB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,eAAY,yBAAA,EACvB,QAAA,kBAAA,GAAA;AAAA,cAACA,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,IAAA,EAAM,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO;AAAA;AAAA,eAErC,CAAA,EACF;AAAA;AAAA;AAAA,OAEJ;AAAA,MACC,aAAA,oBACC,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,yBAAA;AAAA,UACZ,IAAA,EAAK;AAAA;AAAA;AACP,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,cAAA,EAAe,eAAA;AAAA,QACf,UAAA,EAAW,OAAA;AAAA,QACX,SAAA,EAAW,KAAA;AAAA,QACX,YAAA,EAAc,KAAA;AAAA,QACb,GAAG,KAAA;AAAA,QACJ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QAEjD,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,GAAA,EAAI,MAAA;AAAA,cACJ,WAAA,EAAY,UAAA;AAAA,cACZ,IAAA,EAAK,GAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,WAAA,EAAA,EAAY,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,CAAC,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,gBAC3D,WAAA,oBACC,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAC,CAAA,EAC3D,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,WAEJ;AAAA,UACC,SAAA,wBACE,WAAA,EAAA,EAAY,OAAA,EAAO,MAClB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,eAAY,yBAAA,EACvB,QAAA,kBAAA,GAAA;AAAA,YAACA,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,OAAA;AAAA,cACL,IAAA,EAAM,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO;AAAA;AAAA,aAErC,CAAA,EACF;AAAA;AAAA;AAAA,KAEJ;AAAA,IACC,aAAA,oBACC,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,yBAAA;AAAA,QACZ,IAAA,EAAK;AAAA;AAAA;AACP,GAAA,EAEJ,CAAA;AAEJ,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,eAAA;AACrB,MAAA,CAAO,MAAA,GAAS,MAAA;AAIhB,MAAM,YAAA,GAAe,GAAA,CAAI,MAAA,CAAO,IAAA,EAAM;AAAA,EACpC,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,SAAS,MAAA,CAAO,kBAAA;AAAA,MAChB,KAAK,MAAA,CAAO;AAAA;AACd,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOD,MAAM,OAAO,CAAC,EAAE,OAAO,SAAA,EAAW,GAAG,OAAM,qBACzC,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,QAAA,EAAS,MAAA;AAAA,IACT,WAAA,EAAY,UAAA;AAAA,IACZ,IAAA,EAAK,GAAA;AAAA,IACJ,GAAG,KAAA;AAAA,IACJ,WAAW,EAAA,CAAG,YAAA,CAAa,EAAE,KAAA,EAAO,GAAG,SAAS;AAAA;AAClD,CAAA;AAGF,IAAA,CAAK,WAAA,GAAc,aAAA;AACnB,MAAA,CAAO,IAAA,GAAO,IAAA;AAEd,MAAM,cAAA,GAAiB,GAAA,CAAI,MAAA,CAAO,MAAA,EAAQ;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,SAAS,MAAA,CAAO,mBAAA;AAAA,MAChB,QAAQ,MAAA,CAAO;AAAA;AACjB,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAMD,MAAM,cAAc,CAAC;AAAA,EACnB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAoD;AAClD,EAAA,uBACE,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAO,IAAA,EACjB,QAAA,EAAA,QAAA,oBACC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACJ,GAAG;AAAA;AAAA,GACN,EAEJ,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAA,GAAc,cAAA;AAC1B,MAAA,CAAO,KAAA,GAAQ,WAAA;AAEf,MAAM,SAAS,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,KAAyB;AACnE,EAAA,uBACE,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAI,MAAA;AAAA,MACJ,WAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAW,KAAA;AAAA,MACX,SAAA,EAAW,OAAO,kBAAkB,CAAA;AAAA,MAEpC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,MAAK,IAAA,EAAK,CAAA;AAAA,wBACrB,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,cAAA,EAAe,KAAA;AAAA,YACf,GAAA,EAAI,MAAA;AAAA,YACJ,OAAA,EAAQ,MAAA;AAAA,YACR,YAAA,EAAc,KAAA;AAAA,YACd,IAAA,EAAK,MAAA;AAAA,YACJ,GAAG,KAAA;AAAA,YACJ,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,GAAG,SAAS;AAAA;AAAA;AACnD;AAAA;AAAA,GACF;AAEJ,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,eAAA;AACrB,MAAA,CAAO,MAAA,GAAS,MAAA;AAWhB,MAAM,kBAAkB,CAAC;AAAA,EACvB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2C;AACzC,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAU,IAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,YAAY,GAAG,SAAS,CAAA;AAAA,YAC7C,SAAA;AAAA,YACA,QAAA;AAAA,YACA,eAAA;AAAA,YACA,cAAA;AAAA,YACA,MAAA;AAAA,YACA,WAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK;AAAA;AAAA;AAAA,GACpB;AAEJ,CAAA;AAEA,MAAA,CAAO,SAAA,GAAY,eAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Flyout/Flyout.tsx"],"sourcesContent":["import { CSSProperties, ReactNode, useMemo } from 'react';\nimport { useTheme } from '@/theme/ThemeContext';\nimport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n} from '@radix-ui/react-dialog';\nimport { Button } from '@/components/Button';\nimport type { ButtonProps } from '@/components/Button';\nimport { CodeBlock } from '@/components/CodeBlock';\nimport { Container } from '@/components/Container';\nimport type { ContainerProps } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { Separator } from '@/components/Separator';\nimport { Spacer } from '@/components/Spacer';\nimport { CrossButton } from '@/components/CrossButton';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './Flyout.module.css';\nimport type {\n FlyoutProps,\n FlyoutTriggerProps,\n FlyoutContentProps,\n FlyoutHeaderProps,\n FlyoutFooterProps,\n FlyoutType,\n} from './Flyout.types';\n\nexport const Flyout = ({ modal = false, ...props }: FlyoutProps) => {\n return (\n <Dialog\n modal={modal}\n {...props}\n />\n );\n};\n\nconst Trigger = ({ children, ...props }: FlyoutTriggerProps) => {\n return (\n <DialogTrigger asChild>\n <div {...props}>{children}</div>\n </DialogTrigger>\n );\n};\nTrigger.displayName = 'Flyout.Trigger';\nFlyout.Trigger = Trigger;\n\nconst contentVariants = cva(styles.content, {\n variants: {\n type: {\n default: styles.content_type_default,\n inline: styles.content_type_inline,\n },\n strategy: {\n relative: styles.content_strategy_relative,\n absolute: styles.content_strategy_absolute,\n fixed: styles.content_strategy_fixed,\n },\n align: {\n start: styles.content_align_start,\n end: styles.content_align_end,\n },\n hasShadow: {\n true: '',\n false: styles['content_no-shadow'],\n },\n },\n defaultVariants: {\n type: 'default',\n align: 'end',\n hasShadow: true,\n },\n});\n\nconst Content = ({\n showOverlay = false,\n children,\n container,\n strategy = 'relative',\n size = 'default',\n type = 'default',\n closeOnInteractOutside = false,\n width,\n align = 'end',\n hasShadow = true,\n onInteractOutside,\n className,\n style,\n ...props\n}: FlyoutContentProps) => {\n const portalContainer = useResolvedPortalContainer(container);\n const theme = useTheme();\n\n const mergedStyle = useMemo(() => {\n // Resolve the default width from the typed theme so an invalid `size`\n // fails at compile time, rather than silently emitting a non-existent\n // CSS variable. A non-empty `width` prop always wins; `\|\|` (matching the\n // pre-migration styled version) also falls back on an empty-string width.\n const resolvedWidth = width \|\| theme.click.flyout.size[size].width;\n\n return {\n '--flyout-width': resolvedWidth,\n ...style,\n } as CSSProperties;\n }, [width, size, style, theme]);\n\n return (\n <DialogPortal container={portalContainer}>\n {showOverlay && <DialogOverlay className=\"DialogOverlay\" />}\n <DialogContent\n onInteractOutside={e => {\n if (!closeOnInteractOutside) {\n e.preventDefault();\n }\n if (typeof onInteractOutside === 'function') {\n onInteractOutside(e);\n }\n }}\n {...props}\n style={mergedStyle}\n className={cn(contentVariants({ type, strategy, align, hasShadow }), className)}\n >\n {children}\n </DialogContent>\n </DialogPortal>\n );\n};\nContent.displayName = 'Flyout.Content';\nFlyout.Content = Content;\n\nconst elementVariants = cva(styles.element, {\n variants: {\n type: {\n default: styles.element_type_default,\n inline: styles.element_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ninterface ElementProps extends Omit<\n ContainerProps,\n 'component' \| 'padding' \| 'gap' \| 'orientation'\n> {\n type?: FlyoutType;\n className?: string;\n}\n\nconst Element = ({ type, className, ...props }: ElementProps) => (\n <Container\n orientation=\"vertical\"\n padding=\"none\"\n gap=\"none\"\n {...props}\n className={cn(elementVariants({ type }), className)}\n />\n);\n\nElement.displayName = 'Flyout.Element';\nFlyout.Element = Element;\n\nconst headerVariants = cva(styles.header, {\n variants: {\n type: {\n default: styles.header_type_default,\n inline: styles.header_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\nconst titleVariants = cva(styles.title, {\n variants: {\n type: {\n default: styles.title_type_default,\n inline: styles.title_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\nconst descriptionVariants = cva(styles.description, {\n variants: {\n type: {\n default: styles.description_type_default,\n inline: styles.description_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\nconst Header = ({\n title,\n description,\n type,\n children,\n showClose = true,\n showSeparator = true,\n className,\n ...props\n}: FlyoutHeaderProps) => {\n if (children) {\n return (\n <div className={styles.container}>\n <Container\n justifyContent=\"space-between\"\n alignItems=\"start\"\n padding=\"none\"\n gap=\"none\"\n fillWidth={false}\n isResponsive={false}\n {...props}\n className={cn(headerVariants({ type }), className)}\n >\n <Container\n padding=\"none\"\n gap=\"none\"\n orientation=\"vertical\"\n grow=\"1\"\n >\n {children}\n </Container>\n {showClose && (\n <DialogClose asChild>\n <CrossButton data-testid=\"flyout-header-close-btn\">\n <Icon\n name=\"cross\"\n size={type === 'inline' ? 'md' : 'lg'}\n />\n </CrossButton>\n </DialogClose>\n )}\n </Container>\n {showSeparator && (\n <Separator\n data-testid=\"flyout-header-separator\"\n size=\"lg\"\n />\n )}\n </div>\n );\n }\n\n return (\n <div className={styles.container}>\n <Container\n justifyContent=\"space-between\"\n alignItems=\"start\"\n fillWidth={false}\n isResponsive={false}\n {...props}\n className={cn(headerVariants({ type }), className)}\n >\n <Container\n padding=\"none\"\n gap=\"none\"\n orientation=\"vertical\"\n grow=\"1\"\n >\n <DialogTitle className={cn(titleVariants({ type }))}>{title}</DialogTitle>\n {description && (\n <DialogDescription className={cn(descriptionVariants({ type }))}>\n {description}\n </DialogDescription>\n )}\n </Container>\n {showClose && (\n <DialogClose asChild>\n <CrossButton data-testid=\"flyout-header-close-btn\">\n <Icon\n name=\"cross\"\n size={type === 'inline' ? 'md' : 'lg'}\n />\n </CrossButton>\n </DialogClose>\n )}\n </Container>\n {showSeparator && (\n <Separator\n data-testid=\"flyout-header-separator\"\n size=\"lg\"\n />\n )}\n </div>\n );\n};\nHeader.displayName = 'Flyout.Header';\nFlyout.Header = Header;\n\ntype FlyoutAlign = 'default' \| 'top';\n\nconst bodyVariants = cva(styles.body, {\n variants: {\n align: {\n default: styles.body_align_default,\n top: styles.body_align_top,\n },\n },\n defaultVariants: {\n align: 'default',\n },\n});\n\ninterface BodyProps extends ContainerProps {\n align?: FlyoutAlign;\n className?: string;\n}\n\nconst Body = ({ align, className, ...props }: BodyProps) => (\n <Container\n overflow=\"auto\"\n orientation=\"vertical\"\n grow=\"1\"\n {...props}\n className={cn(bodyVariants({ align }), className)}\n />\n);\n\nBody.displayName = 'Flyout.Body';\nFlyout.Body = Body;\n\nconst footerVariants = cva(styles.footer, {\n variants: {\n type: {\n default: styles.footer_type_default,\n inline: styles.footer_type_inline,\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ninterface FlyoutButtonProps extends Omit<ButtonProps, 'children'> {\n children?: never;\n}\n\nconst FlyoutClose = ({\n children,\n ...props\n}: FlyoutButtonProps \| { children?: ReactNode }) => {\n return (\n <DialogClose asChild>\n {children ?? (\n <Button\n type=\"secondary\"\n {...props}\n />\n )}\n </DialogClose>\n );\n};\nFlyoutClose.displayName = 'Flyout.Close';\nFlyout.Close = FlyoutClose;\n\nconst Footer = ({ type, className, ...props }: FlyoutFooterProps) => {\n return (\n <Container\n gap=\"none\"\n orientation=\"vertical\"\n alignItems=\"end\"\n className={styles['footer-container']}\n >\n <Separator size=\"xs\" />\n <Container\n justifyContent=\"end\"\n gap=\"none\"\n padding=\"none\"\n isResponsive={false}\n wrap=\"wrap\"\n {...props}\n className={cn(footerVariants({ type }), className)}\n />\n </Container>\n );\n};\nFooter.displayName = 'Flyout.Footer';\nFlyout.Footer = Footer;\n\ninterface FlyoutCodeBlockProps extends ContainerProps {\n language?: string;\n statement: string;\n showLineNumbers?: boolean;\n showWrapButton?: boolean;\n wrapLines?: boolean;\n onCopy?: (value: string) => void \| Promise<void>;\n onCopyError?: (error: string) => void \| Promise<void>;\n}\nconst FlyoutCodeBlock = ({\n statement,\n language,\n wrapLines,\n showLineNumbers,\n showWrapButton,\n onCopy,\n onCopyError,\n className,\n ...props\n}: FlyoutCodeBlockProps & ElementProps) => {\n return (\n <Element\n fillHeight\n {...props}\n >\n <CodeBlock\n className={cn(styles['code-block'], className)}\n wrapLines={wrapLines}\n language={language}\n showLineNumbers={showLineNumbers}\n showWrapButton={showWrapButton}\n onCopy={onCopy}\n onCopyError={onCopyError}\n >\n {statement}\n </CodeBlock>\n <Spacer size=\"xs\" />\n </Element>\n );\n};\n\nFlyout.CodeBlock = FlyoutCodeBlock;\n"],"names":["Icon"],"mappings":"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"}

package/dist/esm/components/FormContainer/Error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Error.js","sources":["../../../../src/components/FormContainer/Error.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Error.module.css';\n\nexport const Error = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles.error, className)}\n />\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,QAAQ,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC1C,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,KAAA,EAAO,SAAS;AAAA;AACvC~~;;;;~~"}
1	+ {"version":3,"file":"Error.js","sources":["../../../../src/components/FormContainer/Error.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Error.module.css';\n\nexport const Error = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles.error, className)}\n />\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,QAAQ,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC1C,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,KAAA,EAAO,SAAS;AAAA;AACvC;;"}

package/dist/esm/components/FormContainer/Error.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/FormContainer/FormElementContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormElementContainer.js","sources":["../../../../src/components/FormContainer/FormElementContainer.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './FormElementContainer.module.css';\n\nexport const FormElementContainer = ({\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles['form-element-container'], className)}\n />\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,uBAAuB,CAAC;AAAA,EACnC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,wBAAwB,GAAG,SAAS;AAAA;AAC3D~~;;;;~~"}
1	+ {"version":3,"file":"FormElementContainer.js","sources":["../../../../src/components/FormContainer/FormElementContainer.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './FormElementContainer.module.css';\n\nexport const FormElementContainer = ({\n className,\n ...props\n}: HTMLAttributes<HTMLDivElement>) => (\n <div\n {...props}\n className={cn(styles['form-element-container'], className)}\n />\n);\n"],"names":[],"mappings":";;;;AAIO,MAAM,uBAAuB,CAAC;AAAA,EACnC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,wBAAwB,GAAG,SAAS;AAAA;AAC3D;;"}

package/dist/esm/components/FormContainer/FormElementContainer.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/FormContainer/FormRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormRoot.js","sources":["../../../../src/components/FormContainer/FormRoot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './FormRoot.module.css';\n\nconst formRootVariants = cva(styles['form-root'], {\n variants: {\n direction: {\n 'column-reverse': styles['form-root_direction_column-reverse'],\n column: styles['form-root_direction_column'],\n 'row-reverse': styles['form-root_direction_row-reverse'],\n row: styles['form-root_direction_row'],\n },\n addLabelPadding: {\n true: styles['form-root_add-label-padding'],\n false: '',\n },\n },\n defaultVariants: {\n direction: 'column-reverse',\n addLabelPadding: false,\n },\n});\n\nexport interface FormRootProps extends HTMLAttributes<HTMLDivElement> {\n $orientation?: 'horizontal' \| 'vertical';\n $dir?: 'start' \| 'end';\n $addLabelPadding?: boolean;\n}\n\nconst getDirection = (\n orientation: 'horizontal' \| 'vertical',\n dir: 'start' \| 'end'\n): 'column-reverse' \| 'column' \| 'row-reverse' \| 'row' =>\n orientation === 'horizontal'\n ? dir === 'start'\n ? 'row-reverse'\n : 'row'\n : dir === 'start'\n ? 'column-reverse'\n : 'column';\n\nexport const FormRoot = ({\n $orientation = 'vertical',\n $dir = 'start',\n $addLabelPadding = false,\n className,\n ...props\n}: FormRootProps) => (\n <div\n {...props}\n className={cn(\n formRootVariants({\n direction: getDirection($orientation, $dir),\n addLabelPadding: $addLabelPadding && $orientation === 'horizontal',\n }),\n className\n )}\n />\n);\n"],"names":[],"mappings":";;;;;AAIA,MAAM,gBAAA,GAAmB,GAAA,CAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AAAA,EAChD,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,gBAAA,EAAkB,OAAO,oCAAoC,CAAA;AAAA,MAC7D,MAAA,EAAQ,OAAO,4BAA4B,CAAA;AAAA,MAC3C,aAAA,EAAe,OAAO,iCAAiC,CAAA;AAAA,MACvD,GAAA,EAAK,OAAO,yBAAyB;AAAA,KACvC;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,OAAO,6BAA6B,CAAA;AAAA,MAC1C,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,gBAAA;AAAA,IACX,eAAA,EAAiB;AAAA;AAErB,CAAC,CAAA;AAQD,MAAM,YAAA,GAAe,CACnB,WAAA,EACA,GAAA,KAEA,WAAA,KAAgB,YAAA,GACZ,GAAA,KAAQ,OAAA,GACN,aAAA,GACA,KAAA,GACF,GAAA,KAAQ,OAAA,GACN,gBAAA,GACA,QAAA;AAED,MAAM,WAAW,CAAC;AAAA,EACvB,YAAA,GAAe,UAAA;AAAA,EACf,IAAA,GAAO,OAAA;AAAA,EACP,gBAAA,GAAmB,KAAA;AAAA,EACnB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA;AAAA,MACT,gBAAA,CAAiB;AAAA,QACf,SAAA,EAAW,YAAA,CAAa,YAAA,EAAc,IAAI,CAAA;AAAA,QAC1C,eAAA,EAAiB,oBAAoB,YAAA,KAAiB;AAAA,OACvD,CAAA;AAAA,MACD;AAAA;AACF;AACF~~;;;;~~"}
1	+ {"version":3,"file":"FormRoot.js","sources":["../../../../src/components/FormContainer/FormRoot.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './FormRoot.module.css';\n\nconst formRootVariants = cva(styles['form-root'], {\n variants: {\n direction: {\n 'column-reverse': styles['form-root_direction_column-reverse'],\n column: styles['form-root_direction_column'],\n 'row-reverse': styles['form-root_direction_row-reverse'],\n row: styles['form-root_direction_row'],\n },\n addLabelPadding: {\n true: styles['form-root_add-label-padding'],\n false: '',\n },\n },\n defaultVariants: {\n direction: 'column-reverse',\n addLabelPadding: false,\n },\n});\n\nexport interface FormRootProps extends HTMLAttributes<HTMLDivElement> {\n $orientation?: 'horizontal' \| 'vertical';\n $dir?: 'start' \| 'end';\n $addLabelPadding?: boolean;\n}\n\nconst getDirection = (\n orientation: 'horizontal' \| 'vertical',\n dir: 'start' \| 'end'\n): 'column-reverse' \| 'column' \| 'row-reverse' \| 'row' =>\n orientation === 'horizontal'\n ? dir === 'start'\n ? 'row-reverse'\n : 'row'\n : dir === 'start'\n ? 'column-reverse'\n : 'column';\n\nexport const FormRoot = ({\n $orientation = 'vertical',\n $dir = 'start',\n $addLabelPadding = false,\n className,\n ...props\n}: FormRootProps) => (\n <div\n {...props}\n className={cn(\n formRootVariants({\n direction: getDirection($orientation, $dir),\n addLabelPadding: $addLabelPadding && $orientation === 'horizontal',\n }),\n className\n )}\n />\n);\n"],"names":[],"mappings":";;;;;AAIA,MAAM,gBAAA,GAAmB,GAAA,CAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AAAA,EAChD,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,gBAAA,EAAkB,OAAO,oCAAoC,CAAA;AAAA,MAC7D,MAAA,EAAQ,OAAO,4BAA4B,CAAA;AAAA,MAC3C,aAAA,EAAe,OAAO,iCAAiC,CAAA;AAAA,MACvD,GAAA,EAAK,OAAO,yBAAyB;AAAA,KACvC;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,OAAO,6BAA6B,CAAA;AAAA,MAC1C,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,gBAAA;AAAA,IACX,eAAA,EAAiB;AAAA;AAErB,CAAC,CAAA;AAQD,MAAM,YAAA,GAAe,CACnB,WAAA,EACA,GAAA,KAEA,WAAA,KAAgB,YAAA,GACZ,GAAA,KAAQ,OAAA,GACN,aAAA,GACA,KAAA,GACF,GAAA,KAAQ,OAAA,GACN,gBAAA,GACA,QAAA;AAED,MAAM,WAAW,CAAC;AAAA,EACvB,YAAA,GAAe,UAAA;AAAA,EACf,IAAA,GAAO,OAAA;AAAA,EACP,gBAAA,GAAmB,KAAA;AAAA,EACnB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA;AAAA,MACT,gBAAA,CAAiB;AAAA,QACf,SAAA,EAAW,YAAA,CAAa,YAAA,EAAc,IAAI,CAAA;AAAA,QAC1C,eAAA,EAAiB,oBAAoB,YAAA,KAAiB;AAAA,OACvD,CAAA;AAAA,MACD;AAAA;AACF;AACF;;"}

package/dist/esm/components/FormContainer/FormRoot.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/FormContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/FormContainer/FormContainer.tsx"],"sourcesContent":["import { Error } from './Error';\nimport { FormElementContainer } from './FormElementContainer';\nimport { FormRoot } from './FormRoot';\nimport { Label } from '@/components/Label';\nimport { FormContainerProps } from './FormContainer.types';\n\nexport const FormContainer = ({\n id,\n label,\n orientation,\n dir,\n error,\n children,\n addLabelPadding,\n ...props\n}: FormContainerProps) => (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n $addLabelPadding={addLabelPadding}\n {...props}\n >\n <FormElementContainer>\n {children}\n {!!error && error !== true && <Error>{error}</Error>}\n </FormElementContainer>\n {label && (\n <Label\n htmlFor={id}\n error={!!error}\n >\n {label}\n </Label>\n )}\n </FormRoot>\n);\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,YAAA,EAAc,WAAA;AAAA,IACd,IAAA,EAAM,GAAA;AAAA,IACN,gBAAA,EAAkB,eAAA;AAAA,IACjB,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,CAAC,CAAC,KAAA,IAAS,UAAU,IAAA,oBAAQ,GAAA,CAAC,SAAO,QAAA,EAAA,KAAA,EAAM;AAAA,OAAA,EAC9C,CAAA;AAAA,MACC,KAAA,oBACC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,EAAA;AAAA,UACT,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,UAER,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAEJ~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/FormContainer/FormContainer.tsx"],"sourcesContent":["import { Error } from './Error';\nimport { FormElementContainer } from './FormElementContainer';\nimport { FormRoot } from './FormRoot';\nimport { Label } from '@/components/Label';\nimport { FormContainerProps } from './FormContainer.types';\n\nexport const FormContainer = ({\n id,\n label,\n orientation,\n dir,\n error,\n children,\n addLabelPadding,\n ...props\n}: FormContainerProps) => (\n <FormRoot\n $orientation={orientation}\n $dir={dir}\n $addLabelPadding={addLabelPadding}\n {...props}\n >\n <FormElementContainer>\n {children}\n {!!error && error !== true && <Error>{error}</Error>}\n </FormElementContainer>\n {label && (\n <Label\n htmlFor={id}\n error={!!error}\n >\n {label}\n </Label>\n )}\n </FormRoot>\n);\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,YAAA,EAAc,WAAA;AAAA,IACd,IAAA,EAAM,GAAA;AAAA,IACN,gBAAA,EAAkB,eAAA;AAAA,IACjB,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,CAAC,CAAC,KAAA,IAAS,UAAU,IAAA,oBAAQ,GAAA,CAAC,SAAO,QAAA,EAAA,KAAA,EAAM;AAAA,OAAA,EAC9C,CAAA;AAAA,MACC,KAAA,oBACC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,EAAA;AAAA,UACT,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,UAER,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAEJ;;"}

package/dist/esm/components/GenericLabel/GenericLabel.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/GenericLabel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/GenericLabel/GenericLabel.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { GenericLabelProps } from './GenericLabel.types';\nimport styles from './GenericLabel.module.css';\n\nconst genericLabelVariants = cva(styles['generic-label'], {\n variants: {\n disabled: {\n true: styles['generic-label_disabled'],\n },\n },\n});\n\nexport const GenericLabel = ({\n disabled,\n children,\n className,\n ...props\n}: GenericLabelProps) => (\n <label\n {...props}\n className={cn(genericLabelVariants({ disabled }), className)}\n >\n {children}\n </label>\n);\n"],"names":[],"mappings":";;;;;AAIA,MAAM,oBAAA,GAAuB,GAAA,CAAI,MAAA,CAAO,eAAe,CAAA,EAAG;AAAA,EACxD,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,OAAO,wBAAwB;AAAA;AACvC;AAEJ,CAAC,CAAA;AAEM,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,IAE1D;AAAA;AACH~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/GenericLabel/GenericLabel.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { GenericLabelProps } from './GenericLabel.types';\nimport styles from './GenericLabel.module.css';\n\nconst genericLabelVariants = cva(styles['generic-label'], {\n variants: {\n disabled: {\n true: styles['generic-label_disabled'],\n },\n },\n});\n\nexport const GenericLabel = ({\n disabled,\n children,\n className,\n ...props\n}: GenericLabelProps) => (\n <label\n {...props}\n className={cn(genericLabelVariants({ disabled }), className)}\n >\n {children}\n </label>\n);\n"],"names":[],"mappings":";;;;;AAIA,MAAM,oBAAA,GAAuB,GAAA,CAAI,MAAA,CAAO,eAAe,CAAA,EAAG;AAAA,EACxD,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,OAAO,wBAAwB;AAAA;AACvC;AAEJ,CAAC,CAAA;AAEM,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,IAE1D;AAAA;AACH;;"}

package/dist/esm/components/GenericMenu/GenericMenu.css CHANGED Viewed

@@ -99,6 +99,7 @@
   background: var(--gmi-background-default);
   color: var(--gmi-text-default);
   font: var(--click-genericMenu-item-typography-label-default);
+  text-decoration: none;
   white-space: nowrap;
   cursor: default;
   text-overflow: ellipsis;
@@ -154,12 +155,6 @@
   font: var(--click-genericMenu-item-typography-label-active);
 }
-.generic-menu-item__ApV25[data-disabled] {
-  color: var(--gmi-text-disabled);
-  font: var(--click-genericMenu-item-typography-label-disabled);
-  pointer-events: none;
-}
 .generic-menu-item__ApV25:visited {
   color: var(--gmi-text-default);
 }
@@ -168,6 +163,12 @@
   color: var(--gmi-text-default);
 }
+.generic-menu-item__ApV25[data-disabled] {
+  color: var(--gmi-text-disabled);
+  font: var(--click-genericMenu-item-typography-label-disabled);
+  pointer-events: none;
+}
 .generic-menu-item__ApV25:hover .dropdown-arrow__e2s6p,
 .generic-menu-item__ApV25[data-state='open'] .dropdown-arrow__e2s6p {
   left: 0.5rem;

package/dist/esm/components/GenericMenu/GenericMenu.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/GenericMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/GenericMenu/GenericMenu.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ElementType, ReactNode, forwardRef } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './GenericMenu.module.css';\n\nconst panelVariants = cva(styles['generic-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-menu-panel_type_popover'],\n 'dropdown-menu': styles['generic-menu-panel_type_dropdown-menu'],\n 'context-menu': styles['generic-menu-panel_type_context-menu'],\n },\n showArrow: {\n true: styles['generic-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericMenuPanelOwnProps = {\n type: 'popover' \| 'dropdown-menu' \| 'context-menu';\n showArrow?: boolean;\n};\n\ntype GenericMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(panelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericMenuPanel: GenericMenuPanelComponent = forwardRef(_GenericMenuPanel);\n\nconst popoverPanelVariants = cva(styles['generic-popover-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-popover-menu-panel_type_popover'],\n 'hover-card': styles['generic-popover-menu-panel_type_hover-card'],\n },\n showArrow: {\n true: styles['generic-popover-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericPopoverMenuPanelOwnProps = {\n type: 'popover' \| 'hover-card';\n showArrow?: boolean;\n};\n\ntype GenericPopoverMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericPopoverMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(popoverPanelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericPopoverMenuPanel: GenericPopoverMenuPanelComponent = forwardRef(\n _GenericPopoverMenuPanel\n);\n\ntype ArrowComponent = <T extends ElementType = 'svg'>(\n props: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T }\n) => ReactNode;\n\nconst _Arrow = <T extends ElementType = 'svg'>(\n { as, className, ...props }: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'svg';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(styles.arrow, className)}\n />\n );\n};\n\nexport const Arrow: ArrowComponent = forwardRef(_Arrow);\n\nconst itemVariants = cva(styles['generic-menu-item'], {\n variants: {\n type: {\n default: styles['generic-menu-item_type_default'],\n danger: styles['generic-menu-item_type_danger'],\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ntype GenericMenuItemOwnProps = {\n type?: 'default' \| 'danger';\n};\n\ntype GenericMenuItemComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuItem = <T extends ElementType = 'div'>(\n {\n as,\n type = 'default',\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(itemVariants({ type }), className)}\n />\n );\n};\n\nexport const GenericMenuItem: GenericMenuItemComponent = forwardRef(_GenericMenuItem);\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/GenericMenu/GenericMenu.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ElementType, ReactNode, forwardRef } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './GenericMenu.module.css';\n\nconst panelVariants = cva(styles['generic-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-menu-panel_type_popover'],\n 'dropdown-menu': styles['generic-menu-panel_type_dropdown-menu'],\n 'context-menu': styles['generic-menu-panel_type_context-menu'],\n },\n showArrow: {\n true: styles['generic-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericMenuPanelOwnProps = {\n type: 'popover' \| 'dropdown-menu' \| 'context-menu';\n showArrow?: boolean;\n};\n\ntype GenericMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuPanelOwnProps \| 'as'> &\n GenericMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(panelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericMenuPanel: GenericMenuPanelComponent = forwardRef(_GenericMenuPanel);\n\nconst popoverPanelVariants = cva(styles['generic-popover-menu-panel'], {\n variants: {\n type: {\n popover: styles['generic-popover-menu-panel_type_popover'],\n 'hover-card': styles['generic-popover-menu-panel_type_hover-card'],\n },\n showArrow: {\n true: styles['generic-popover-menu-panel_show-arrow'],\n false: '',\n },\n },\n defaultVariants: {\n showArrow: false,\n },\n});\n\ntype GenericPopoverMenuPanelOwnProps = {\n type: 'popover' \| 'hover-card';\n showArrow?: boolean;\n};\n\ntype GenericPopoverMenuPanelComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericPopoverMenuPanel = <T extends ElementType = 'div'>(\n {\n as,\n type,\n showArrow,\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericPopoverMenuPanelOwnProps \| 'as'> &\n GenericPopoverMenuPanelOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(popoverPanelVariants({ type, showArrow }), className)}\n />\n );\n};\n\nexport const GenericPopoverMenuPanel: GenericPopoverMenuPanelComponent = forwardRef(\n _GenericPopoverMenuPanel\n);\n\ntype ArrowComponent = <T extends ElementType = 'svg'>(\n props: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T }\n) => ReactNode;\n\nconst _Arrow = <T extends ElementType = 'svg'>(\n { as, className, ...props }: Omit<ComponentPropsWithRef<T>, 'as'> & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'svg';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(styles.arrow, className)}\n />\n );\n};\n\nexport const Arrow: ArrowComponent = forwardRef(_Arrow);\n\nconst itemVariants = cva(styles['generic-menu-item'], {\n variants: {\n type: {\n default: styles['generic-menu-item_type_default'],\n danger: styles['generic-menu-item_type_danger'],\n },\n },\n defaultVariants: {\n type: 'default',\n },\n});\n\ntype GenericMenuItemOwnProps = {\n type?: 'default' \| 'danger';\n};\n\ntype GenericMenuItemComponent = <T extends ElementType = 'div'>(\n props: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T }\n) => ReactNode;\n\nconst _GenericMenuItem = <T extends ElementType = 'div'>(\n {\n as,\n type = 'default',\n className,\n ...props\n }: Omit<ComponentPropsWithRef<T>, keyof GenericMenuItemOwnProps \| 'as'> &\n GenericMenuItemOwnProps & { as?: T },\n ref: ComponentPropsWithRef<T>['ref']\n) => {\n const Component = as ?? 'div';\n return (\n <Component\n ref={ref}\n {...props}\n className={cn(itemVariants({ type }), className)}\n />\n );\n};\n\nexport const GenericMenuItem: GenericMenuItemComponent = forwardRef(_GenericMenuItem);\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/Cell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cell.js","sources":["../../../../src/components/Grid/Cell.tsx"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport { GridChildComponentProps, areEqual } from 'react-window';\nimport { ItemDataType } from './types';\nimport { StyledCell } from './StyledCell';\n\ntype CellProps = GridChildComponentProps<ItemDataType> & {\n width: number;\n};\n\nexport const Cell = memo(\n ({ data, rowIndex, columnIndex, style, ...props }: CellProps) => {\n const {\n cell: CellData,\n getSelectionType,\n focus,\n columnCount,\n rowCount,\n rowHeight,\n rowStart,\n rowAutoHeight,\n updateRowHeight,\n } = data;\n\n const currentRowIndex = rowIndex + rowStart;\n const { row: focusedRow, column: focusedColumn } = focus;\n const isFocused = columnIndex === focusedColumn && currentRowIndex === focusedRow;\n const rightOfFocus =\n columnIndex - 1 === focusedColumn && currentRowIndex === focusedRow;\n const belowFocus =\n columnIndex === focusedColumn && currentRowIndex - 1 === focusedRow;\n\n const selectionType = getSelectionType({\n row: currentRowIndex,\n column: columnIndex,\n type: 'cell',\n });\n const rightSelection = getSelectionType({\n row: currentRowIndex,\n column: columnIndex - 1,\n type: 'cell',\n });\n const belowSelection = getSelectionType({\n row: currentRowIndex - 1,\n column: columnIndex,\n type: 'cell',\n });\n const rightOfSelectionBorder =\n (selectionType === 'selectDirect' \|\| rightSelection === 'selectDirect') &&\n selectionType !== rightSelection;\n const belowSelectionBorder =\n (selectionType === 'selectDirect' \|\| belowSelection === 'selectDirect') &&\n selectionType !== belowSelection;\n\n const selectionBorderLeft = rightOfSelectionBorder \|\| rightOfFocus \|\| isFocused;\n const selectionBorderTop = belowSelectionBorder \|\| belowFocus \|\| isFocused;\n\n const cellRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!rowAutoHeight \|\| !cellRef.current) {\n return;\n }\n const height = cellRef.current.getBoundingClientRect().height;\n updateRowHeight(rowIndex, height);\n }, [updateRowHeight, rowIndex, rowAutoHeight]);\n\n const styleWithHeight = {\n ...style,\n height: 'auto',\n };\n\n return (\n <div\n style={styleWithHeight}\n data-row={currentRowIndex}\n data-column={columnIndex}\n ref={cellRef}\n >\n <StyledCell\n as={CellData}\n rowIndex={currentRowIndex}\n columnIndex={columnIndex}\n type=\"row-cell\"\n data-selected={isFocused \|\| selectionType === 'selectDirect'}\n data-focused={isFocused}\n $isSelectedTop={selectionBorderTop}\n $isSelectedLeft={selectionBorderLeft}\n $isFocused={isFocused}\n $isLastRow={rowCount - 1 === rowIndex}\n $isLastColumn={columnCount - 1 === columnIndex}\n $selectionType={selectionType}\n $height={rowHeight}\n data-grid-row={currentRowIndex}\n data-grid-column={columnIndex}\n $showBorder\n $rowAutoHeight={rowAutoHeight}\n {...props}\n />\n </div>\n );\n },\n areEqual\n);\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"Cell.js","sources":["../../../../src/components/Grid/Cell.tsx"],"sourcesContent":["import { memo, useEffect, useRef } from 'react';\nimport { GridChildComponentProps, areEqual } from 'react-window';\nimport { ItemDataType } from './types';\nimport { StyledCell } from './StyledCell';\n\ntype CellProps = GridChildComponentProps<ItemDataType> & {\n width: number;\n};\n\nexport const Cell = memo(\n ({ data, rowIndex, columnIndex, style, ...props }: CellProps) => {\n const {\n cell: CellData,\n getSelectionType,\n focus,\n columnCount,\n rowCount,\n rowHeight,\n rowStart,\n rowAutoHeight,\n updateRowHeight,\n } = data;\n\n const currentRowIndex = rowIndex + rowStart;\n const { row: focusedRow, column: focusedColumn } = focus;\n const isFocused = columnIndex === focusedColumn && currentRowIndex === focusedRow;\n const rightOfFocus =\n columnIndex - 1 === focusedColumn && currentRowIndex === focusedRow;\n const belowFocus =\n columnIndex === focusedColumn && currentRowIndex - 1 === focusedRow;\n\n const selectionType = getSelectionType({\n row: currentRowIndex,\n column: columnIndex,\n type: 'cell',\n });\n const rightSelection = getSelectionType({\n row: currentRowIndex,\n column: columnIndex - 1,\n type: 'cell',\n });\n const belowSelection = getSelectionType({\n row: currentRowIndex - 1,\n column: columnIndex,\n type: 'cell',\n });\n const rightOfSelectionBorder =\n (selectionType === 'selectDirect' \|\| rightSelection === 'selectDirect') &&\n selectionType !== rightSelection;\n const belowSelectionBorder =\n (selectionType === 'selectDirect' \|\| belowSelection === 'selectDirect') &&\n selectionType !== belowSelection;\n\n const selectionBorderLeft = rightOfSelectionBorder \|\| rightOfFocus \|\| isFocused;\n const selectionBorderTop = belowSelectionBorder \|\| belowFocus \|\| isFocused;\n\n const cellRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!rowAutoHeight \|\| !cellRef.current) {\n return;\n }\n const height = cellRef.current.getBoundingClientRect().height;\n updateRowHeight(rowIndex, height);\n }, [updateRowHeight, rowIndex, rowAutoHeight]);\n\n const styleWithHeight = {\n ...style,\n height: 'auto',\n };\n\n return (\n <div\n style={styleWithHeight}\n data-row={currentRowIndex}\n data-column={columnIndex}\n ref={cellRef}\n >\n <StyledCell\n as={CellData}\n rowIndex={currentRowIndex}\n columnIndex={columnIndex}\n type=\"row-cell\"\n data-selected={isFocused \|\| selectionType === 'selectDirect'}\n data-focused={isFocused}\n $isSelectedTop={selectionBorderTop}\n $isSelectedLeft={selectionBorderLeft}\n $isFocused={isFocused}\n $isLastRow={rowCount - 1 === rowIndex}\n $isLastColumn={columnCount - 1 === columnIndex}\n $selectionType={selectionType}\n $height={rowHeight}\n data-grid-row={currentRowIndex}\n data-grid-column={columnIndex}\n $showBorder\n $rowAutoHeight={rowAutoHeight}\n {...props}\n />\n </div>\n );\n },\n areEqual\n);\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/ColumnResizer.js CHANGED Viewed

@@ -93,41 +93,44 @@ const ColumnResizer = ({
     },
     [pointer, isPressed, columnWidth, getResizerPosition, columnIndex, setPosition]
   );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: resizeRef,
-      className: resizerVariants({ pressed: isPressed }),
-      onPointerDown,
-      onPointerUp: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (resizeRef.current && // 0 is a valid pointerId in Firefox
-        (pointer?.pointerId || pointer?.pointerId === 0)) {
-          const shouldCallResize = e.clientX !== pointer.initialClientX;
-          if (shouldCallResize) {
-            onColumnResize(columnIndex, pointer.width, "manual");
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- onClick only stops the click reaching the grid
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: resizeRef,
+        className: resizerVariants({ pressed: isPressed }),
+        onPointerDown,
+        onPointerUp: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          if (resizeRef.current && // 0 is a valid pointerId in Firefox
+          (pointer?.pointerId || pointer?.pointerId === 0)) {
+            const shouldCallResize = e.clientX !== pointer.initialClientX;
+            if (shouldCallResize) {
+              onColumnResize(columnIndex, pointer.width, "manual");
+            }
+            setPosition(initialPosition);
+            setPointer(null);
+            setIsPressed(columnIndex, false);
           }
+        },
+        onPointerMove,
+        onPointerCancel: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
           setPosition(initialPosition);
           setPointer(null);
           setIsPressed(columnIndex, false);
+        },
+        onClick: (e) => e.stopPropagation(),
+        "data-resize": true,
+        style: {
+          "--column-resizer-height": `${height}px`,
+          ...position
         }
-      },
-      onPointerMove,
-      onPointerCancel: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setPosition(initialPosition);
-        setPointer(null);
-        setIsPressed(columnIndex, false);
-      },
-      onClick: (e) => e.stopPropagation(),
-      "data-resize": true,
-      style: {
-        "--column-resizer-height": `${height}px`,
-        ...position
       }
-    }
+    )
   );
 };

package/dist/esm/components/Grid/ColumnResizer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnResizer.js","sources":["../../../../src/components/Grid/ColumnResizer.tsx"],"sourcesContent":["import {\n CSSProperties,\n PointerEventHandler,\n useCallback,\n useEffect,\n useRef,\n} from 'react';\nimport { cva } from '@/lib/cva';\nimport styles from './ColumnResizer.module.css';\nimport { ColumnResizeFn, GetResizerPositionFn } from './types';\nimport { throttle } from 'lodash-es';\nimport { initialPosition, ResizingState } from './useResizingState';\n\nconst DOUBLE_CLICK_THRESHOLD_MSEC = 300;\n\nconst resizerVariants = cva(styles['column-resizer'], {\n variants: {\n pressed: { true: styles['column-resizer_pressed'] },\n },\n});\n\ninterface Props {\n height: number;\n onColumnResize: ColumnResizeFn;\n columnIndex: number;\n getResizerPosition: GetResizerPositionFn;\n columnWidth: number;\n resizingState: ResizingState;\n}\n\nconst ColumnResizer = ({\n height,\n onColumnResize: onColumnResizeProp,\n columnIndex,\n getResizerPosition,\n columnWidth,\n resizingState,\n}: Props) => {\n const resizeRef = useRef<HTMLDivElement>(null);\n const {\n pointer,\n setPointer,\n getIsPressed,\n setIsPressed,\n getPosition,\n setPosition,\n lastPressedTimestamp,\n } = resizingState;\n const isPressed = getIsPressed(columnIndex);\n const position = getPosition(columnIndex);\n const onColumnResize = throttle(onColumnResizeProp, 1000);\n\n useEffect(() => {\n // Capture the pointer when pressed to ensure we receive move events outside the element.\n // Capturing must be properly handled when the component unmounts and mounts again,\n // based on its pressed state.\n const control = resizeRef.current;\n if (!isPressed \|\| !control \|\| !pointer) {\n return;\n }\n const pointerId = pointer.pointerId;\n try {\n control.setPointerCapture(pointerId);\n return () => {\n if (control.hasPointerCapture(pointerId)) {\n control.releasePointerCapture(pointerId);\n }\n };\n } catch (e) {\n console.error(e);\n }\n }, [pointer, isPressed, columnIndex]);\n\n /*\n Handler for pointer down events to initiate resizing or auto-sizing on double-click.\n * @type {PointerEventHandler<HTMLDivElement>}\n /\n const onPointerDown: PointerEventHandler<HTMLDivElement> = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n if (resizeRef.current) {\n // We cannot detect double-click with onDoubleClick event,\n // because this component might be unmounted before the second click and mounted again.\n // We keep track of the last click timestamp and check if it was a double-click.\n if (lastPressedTimestamp > Date.now() - DOUBLE_CLICK_THRESHOLD_MSEC) {\n // Auto-size the column on double click.\n onColumnResize(columnIndex, 0, 'auto');\n }\n setPointer({\n pointerId: e.pointerId,\n initialClientX: e.clientX,\n width: columnWidth,\n });\n setIsPressed(columnIndex, true);\n const pos = getResizerPosition(e.clientX, columnWidth, columnIndex);\n setPosition(pos);\n }\n },\n [\n lastPressedTimestamp,\n setPointer,\n columnWidth,\n setIsPressed,\n columnIndex,\n getResizerPosition,\n setPosition,\n onColumnResize,\n ]\n );\n\n /\n Handler for pointer move events to update the column width as the user drags.\n * @type {PointerEventHandler<HTMLDivElement>}\n */\n const onPointerMove: PointerEventHandler<HTMLDivElement> = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n if (isPressed && pointer) {\n const width = columnWidth + (e.clientX - pointer.initialClientX);\n const pos = getResizerPosition(e.clientX, width, columnIndex);\n setPosition(pos);\n // Ensure minimum width of 50px\n pointer.width = Math.max(width, 50);\n }\n },\n [pointer, isPressed, columnWidth, getResizerPosition, columnIndex, setPosition]\n );\n\n return (\n <div\n ref={resizeRef}\n className={resizerVariants({ pressed: isPressed })}\n onPointerDown={onPointerDown}\n onPointerUp={e => {\n e.preventDefault();\n e.stopPropagation();\n if (\n resizeRef.current &&\n // 0 is a valid pointerId in Firefox\n (pointer?.pointerId \|\| pointer?.pointerId === 0)\n ) {\n const shouldCallResize = e.clientX !== pointer.initialClientX;\n if (shouldCallResize) {\n onColumnResize(columnIndex, pointer.width, 'manual');\n }\n setPosition(initialPosition);\n setPointer(null);\n setIsPressed(columnIndex, false);\n }\n }}\n onPointerMove={onPointerMove}\n onPointerCancel={e => {\n e.preventDefault();\n e.stopPropagation();\n setPosition(initialPosition);\n setPointer(null);\n setIsPressed(columnIndex, false);\n }}\n onClick={e => e.stopPropagation()}\n data-resize\n style={\n {\n '--column-resizer-height': `${height}px`,\n ...position,\n } as CSSProperties\n }\n />\n );\n};\n\nexport default ColumnResizer;\n"],"names":[],"mappings":"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~~uBACE~~,GAAA;AAAA,~~IAAC~~,KAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,GAAA,EAAK,SAAA;AAAA,~~MACL~~,SAAA,EAAW,eAAA,CAAgB,EAAE,OAAA,EAAS,WAAW,CAAA;AAAA,~~MACjD~~,aAAA;AAAA,~~MACA~~,aAAa,CAAA,CAAA,KAAK;AAChB,~~QAAA~~,CAAA,CAAE,cAAA,EAAe;AACjB,~~QAAA~~,CAAA,CAAE,eAAA,EAAgB;AAClB,~~QAAA~~,IACE,SAAA,CAAU,OAAA;AAAA,~~SAET~~,OAAA,EAAS,SAAA,IAAa,OAAA,EAAS,SAAA,KAAc,CAAA,CAAA,EAC9C;AACA,~~UAAA~~,MAAM,gBAAA,GAAmB,CAAA,CAAE,OAAA,KAAY,OAAA,CAAQ,cAAA;AAC/C,~~UAAA~~,IAAI,gBAAA,EAAkB;AACpB,~~YAAA~~,cAAA,CAAe,WAAA,EAAa,OAAA,CAAQ,KAAA,EAAO,QAAQ,CAAA;AAAA,~~UACrD~~;AACA,~~UAAA~~,WAAA,CAAY,eAAe,CAAA;AAC3B,~~UAAA~~,UAAA,CAAW,IAAI,CAAA;AACf,~~UAAA~~,YAAA,CAAa,aAAa,KAAK,CAAA;AAAA,~~QACjC~~;AAAA,~~MACF~~,CAAA;AAAA,~~MACA~~,aAAA;AAAA,~~MACA~~,iBAAiB,CAAA,CAAA,KAAK;AACpB,~~QAAA~~,CAAA,CAAE,cAAA,EAAe;AACjB,~~QAAA~~,CAAA,CAAE,eAAA,EAAgB;AAClB,~~QAAA~~,WAAA,CAAY,eAAe,CAAA;AAC3B,~~QAAA~~,UAAA,CAAW,IAAI,CAAA;AACf,~~QAAA~~,YAAA,CAAa,aAAa,KAAK,CAAA;AAAA,~~MACjC~~,CAAA;AAAA,~~MACA~~,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA,EAAgB;AAAA,~~MAChC~~,aAAA,EAAW,IAAA;AAAA,~~MACX~~,KAAA,EACE;AAAA,~~QACE~~,yBAAA,EAA2B,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,~~QACpC~~,GAAG;AAAA;AACL;AAAA~~,GAEJ~~;AAEJ~~;;;;~~"}
1	+ {"version":3,"file":"ColumnResizer.js","sources":["../../../../src/components/Grid/ColumnResizer.tsx"],"sourcesContent":["import {\n CSSProperties,\n PointerEventHandler,\n useCallback,\n useEffect,\n useRef,\n} from 'react';\nimport { cva } from '@/lib/cva';\nimport styles from './ColumnResizer.module.css';\nimport { ColumnResizeFn, GetResizerPositionFn } from './types';\nimport { throttle } from 'lodash-es';\nimport { initialPosition, ResizingState } from './useResizingState';\n\nconst DOUBLE_CLICK_THRESHOLD_MSEC = 300;\n\nconst resizerVariants = cva(styles['column-resizer'], {\n variants: {\n pressed: { true: styles['column-resizer_pressed'] },\n },\n});\n\ninterface Props {\n height: number;\n onColumnResize: ColumnResizeFn;\n columnIndex: number;\n getResizerPosition: GetResizerPositionFn;\n columnWidth: number;\n resizingState: ResizingState;\n}\n\nconst ColumnResizer = ({\n height,\n onColumnResize: onColumnResizeProp,\n columnIndex,\n getResizerPosition,\n columnWidth,\n resizingState,\n}: Props) => {\n const resizeRef = useRef<HTMLDivElement>(null);\n const {\n pointer,\n setPointer,\n getIsPressed,\n setIsPressed,\n getPosition,\n setPosition,\n lastPressedTimestamp,\n } = resizingState;\n const isPressed = getIsPressed(columnIndex);\n const position = getPosition(columnIndex);\n const onColumnResize = throttle(onColumnResizeProp, 1000);\n\n useEffect(() => {\n // Capture the pointer when pressed to ensure we receive move events outside the element.\n // Capturing must be properly handled when the component unmounts and mounts again,\n // based on its pressed state.\n const control = resizeRef.current;\n if (!isPressed \|\| !control \|\| !pointer) {\n return;\n }\n const pointerId = pointer.pointerId;\n try {\n control.setPointerCapture(pointerId);\n return () => {\n if (control.hasPointerCapture(pointerId)) {\n control.releasePointerCapture(pointerId);\n }\n };\n } catch (e) {\n console.error(e);\n }\n }, [pointer, isPressed, columnIndex]);\n\n /*\n Handler for pointer down events to initiate resizing or auto-sizing on double-click.\n * @type {PointerEventHandler<HTMLDivElement>}\n /\n const onPointerDown: PointerEventHandler<HTMLDivElement> = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n if (resizeRef.current) {\n // We cannot detect double-click with onDoubleClick event,\n // because this component might be unmounted before the second click and mounted again.\n // We keep track of the last click timestamp and check if it was a double-click.\n if (lastPressedTimestamp > Date.now() - DOUBLE_CLICK_THRESHOLD_MSEC) {\n // Auto-size the column on double click.\n onColumnResize(columnIndex, 0, 'auto');\n }\n setPointer({\n pointerId: e.pointerId,\n initialClientX: e.clientX,\n width: columnWidth,\n });\n setIsPressed(columnIndex, true);\n const pos = getResizerPosition(e.clientX, columnWidth, columnIndex);\n setPosition(pos);\n }\n },\n [\n lastPressedTimestamp,\n setPointer,\n columnWidth,\n setIsPressed,\n columnIndex,\n getResizerPosition,\n setPosition,\n onColumnResize,\n ]\n );\n\n /\n Handler for pointer move events to update the column width as the user drags.\n * @type {PointerEventHandler<HTMLDivElement>}\n */\n const onPointerMove: PointerEventHandler<HTMLDivElement> = useCallback(\n e => {\n e.stopPropagation();\n e.preventDefault();\n if (isPressed && pointer) {\n const width = columnWidth + (e.clientX - pointer.initialClientX);\n const pos = getResizerPosition(e.clientX, width, columnIndex);\n setPosition(pos);\n // Ensure minimum width of 50px\n pointer.width = Math.max(width, 50);\n }\n },\n [pointer, isPressed, columnWidth, getResizerPosition, columnIndex, setPosition]\n );\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- onClick only stops the click reaching the grid\n <div\n ref={resizeRef}\n className={resizerVariants({ pressed: isPressed })}\n onPointerDown={onPointerDown}\n onPointerUp={e => {\n e.preventDefault();\n e.stopPropagation();\n if (\n resizeRef.current &&\n // 0 is a valid pointerId in Firefox\n (pointer?.pointerId \|\| pointer?.pointerId === 0)\n ) {\n const shouldCallResize = e.clientX !== pointer.initialClientX;\n if (shouldCallResize) {\n onColumnResize(columnIndex, pointer.width, 'manual');\n }\n setPosition(initialPosition);\n setPointer(null);\n setIsPressed(columnIndex, false);\n }\n }}\n onPointerMove={onPointerMove}\n onPointerCancel={e => {\n e.preventDefault();\n e.stopPropagation();\n setPosition(initialPosition);\n setPointer(null);\n setIsPressed(columnIndex, false);\n }}\n onClick={e => e.stopPropagation()}\n data-resize\n style={\n {\n '--column-resizer-height': `${height}px`,\n ...position,\n } as CSSProperties\n }\n />\n );\n};\n\nexport default ColumnResizer;\n"],"names":[],"mappings":";;;;;;;;AAaA,MAAM,2BAAA,GAA8B,GAAA;AAEpC,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,gBAAgB,CAAA,EAAG;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,CAAO,wBAAwB,CAAA;AAAE;AAEtD,CAAC,CAAA;AAWD,MAAM,gBAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,cAAA,EAAgB,kBAAA;AAAA,EAChB,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,MAAM,SAAA,GAAY,OAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF,GAAI,aAAA;AACJ,EAAA,MAAM,SAAA,GAAY,aAAa,WAAW,CAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,kBAAA,EAAoB,GAAI,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AAId,IAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,OAAA,IAAW,CAAC,OAAA,EAAS;AACtC,MAAA;AAAA,IACF;AACA,IAAA,MAAM,YAAY,OAAA,CAAQ,SAAA;AAC1B,IAAA,IAAI;AACF,MAAA,OAAA,CAAQ,kBAAkB,SAAS,CAAA;AACnC,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,OAAA,CAAQ,iBAAA,CAAkB,SAAS,CAAA,EAAG;AACxC,UAAA,OAAA,CAAQ,sBAAsB,SAAS,CAAA;AAAA,QACzC;AAAA,MACF,CAAA;AAAA,IACF,SAAS,CAAA,EAAG;AACV,MAAA,OAAA,CAAQ,MAAM,CAAC,CAAA;AAAA,IACjB;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,SAAA,EAAW,WAAW,CAAC,CAAA;AAMpC,EAAA,MAAM,aAAA,GAAqD,WAAA;AAAA,IACzD,CAAA,CAAA,KAAK;AACH,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,IAAI,UAAU,OAAA,EAAS;AAIrB,QAAA,IAAI,oBAAA,GAAuB,IAAA,CAAK,GAAA,EAAI,GAAI,2BAAA,EAA6B;AAEnE,UAAA,cAAA,CAAe,WAAA,EAAa,GAAG,MAAM,CAAA;AAAA,QACvC;AACA,QAAA,UAAA,CAAW;AAAA,UACT,WAAW,CAAA,CAAE,SAAA;AAAA,UACb,gBAAgB,CAAA,CAAE,OAAA;AAAA,UAClB,KAAA,EAAO;AAAA,SACR,CAAA;AACD,QAAA,YAAA,CAAa,aAAa,IAAI,CAAA;AAC9B,QAAA,MAAM,GAAA,GAAM,kBAAA,CAAmB,CAAA,CAAE,OAAA,EAAS,aAAa,WAAW,CAAA;AAClE,QAAA,WAAA,CAAY,GAAG,CAAA;AAAA,MACjB;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,oBAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA;AACF,GACF;AAMA,EAAA,MAAM,aAAA,GAAqD,WAAA;AAAA,IACzD,CAAA,CAAA,KAAK;AACH,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,IAAI,aAAa,OAAA,EAAS;AACxB,QAAA,MAAM,KAAA,GAAQ,WAAA,IAAe,CAAA,CAAE,OAAA,GAAU,OAAA,CAAQ,cAAA,CAAA;AACjD,QAAA,MAAM,GAAA,GAAM,kBAAA,CAAmB,CAAA,CAAE,OAAA,EAAS,OAAO,WAAW,CAAA;AAC5D,QAAA,WAAA,CAAY,GAAG,CAAA;AAEf,QAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,KAAA,EAAO,EAAE,CAAA;AAAA,MACpC;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,WAAA,EAAa,kBAAA,EAAoB,aAAa,WAAW;AAAA,GAChF;AAEA,EAAA;AAAA;AAAA,oBAEE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAW,eAAA,CAAgB,EAAE,OAAA,EAAS,WAAW,CAAA;AAAA,QACjD,aAAA;AAAA,QACA,aAAa,CAAA,CAAA,KAAK;AAChB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,IACE,SAAA,CAAU,OAAA;AAAA,WAET,OAAA,EAAS,SAAA,IAAa,OAAA,EAAS,SAAA,KAAc,CAAA,CAAA,EAC9C;AACA,YAAA,MAAM,gBAAA,GAAmB,CAAA,CAAE,OAAA,KAAY,OAAA,CAAQ,cAAA;AAC/C,YAAA,IAAI,gBAAA,EAAkB;AACpB,cAAA,cAAA,CAAe,WAAA,EAAa,OAAA,CAAQ,KAAA,EAAO,QAAQ,CAAA;AAAA,YACrD;AACA,YAAA,WAAA,CAAY,eAAe,CAAA;AAC3B,YAAA,UAAA,CAAW,IAAI,CAAA;AACf,YAAA,YAAA,CAAa,aAAa,KAAK,CAAA;AAAA,UACjC;AAAA,QACF,CAAA;AAAA,QACA,aAAA;AAAA,QACA,iBAAiB,CAAA,CAAA,KAAK;AACpB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,WAAA,CAAY,eAAe,CAAA;AAC3B,UAAA,UAAA,CAAW,IAAI,CAAA;AACf,UAAA,YAAA,CAAa,aAAa,KAAK,CAAA;AAAA,QACjC,CAAA;AAAA,QACA,OAAA,EAAS,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA,EAAgB;AAAA,QAChC,aAAA,EAAW,IAAA;AAAA,QACX,KAAA,EACE;AAAA,UACE,yBAAA,EAA2B,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,UACpC,GAAG;AAAA;AACL;AAAA;AAEJ;AAEJ;;"}

package/dist/esm/components/Grid/ColumnResizer.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/Grid/Grid.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/Grid/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../src/components/Grid/Header.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Header.module.css';\nimport {\n CellProps,\n ColumnResizeFn,\n GetResizerPositionFn,\n SelectionTypeFn,\n} from './types';\nimport { StyledCell } from './StyledCell';\nimport ColumnResizer from './ColumnResizer';\nimport { ResizingState } from './useResizingState';\n\ninterface HeaderProps {\n showRowNumber: boolean;\n rowNumberWidth: number;\n minColumn: number;\n maxColumn: number;\n height: number;\n getColumnWidth: (index: number) => number;\n cell: CellProps;\n getSelectionType: SelectionTypeFn;\n columnCount: number;\n onColumnResize: ColumnResizeFn;\n getColumnHorizontalPosition: (columnIndex: number) => number;\n scrolledVertical: boolean;\n getResizerPosition: GetResizerPositionFn;\n showBorder: boolean;\n scrolledHorizontal: boolean;\n resizingState: ResizingState;\n}\n\ninterface ColumnProps extends Pick<\n HeaderProps,\n \| 'cell'\n \| 'getSelectionType'\n \| 'onColumnResize'\n \| 'getColumnWidth'\n \| 'height'\n \| 'getResizerPosition'\n \| 'showBorder'\n \| 'getColumnHorizontalPosition'\n \| 'resizingState'\n> {\n columnIndex: number;\n isLastColumn: boolean;\n}\n\nconst toCssSize = ($width: string \| number): string =>\n typeof $width === 'string' ? $width : `${$width}px`;\n\nconst Column = ({\n columnIndex,\n cell,\n getColumnWidth,\n getColumnHorizontalPosition,\n getSelectionType,\n isLastColumn,\n onColumnResize,\n height,\n getResizerPosition,\n showBorder,\n resizingState,\n}: ColumnProps) => {\n const selectionType = getSelectionType({\n column: columnIndex,\n type: 'column',\n });\n const leftSelectionType = getSelectionType({\n column: columnIndex - 1,\n type: 'column',\n });\n const columnPosition = getColumnHorizontalPosition(columnIndex);\n\n const isSelected = selectionType === 'selectDirect';\n const isSelectedLeft =\n (leftSelectionType === 'selectDirect' \|\| isSelected) &&\n leftSelectionType !== selectionType;\n\n const columnWidth = getColumnWidth(columnIndex);\n return (\n <div\n className={styles['header__cell']}\n style={\n {\n '--header-cell-width': toCssSize(columnWidth),\n '--header-cell-height': `${height}px`,\n '--header-cell-left': `${columnPosition}px`,\n } as CSSProperties\n }\n data-header={columnIndex}\n >\n <StyledCell\n $type=\"header\"\n as={cell}\n columnIndex={columnIndex}\n type=\"header-cell\"\n $selectionType={selectionType}\n $isLastColumn={isLastColumn}\n $isFocused={false}\n $isSelectedLeft={isSelectedLeft}\n $isSelectedTop={isSelected}\n $isLastRow={false}\n $height={height}\n data-grid-row={-1}\n data-grid-column={columnIndex}\n data-selected={isSelected}\n $showBorder={showBorder}\n width={columnWidth}\n />\n <ColumnResizer\n height={height}\n onColumnResize={onColumnResize}\n columnIndex={columnIndex}\n getResizerPosition={getResizerPosition}\n columnWidth={columnWidth}\n resizingState={resizingState}\n />\n </div>\n );\n};\n\nconst Header = ({\n scrolledVertical,\n scrolledHorizontal,\n showRowNumber,\n rowNumberWidth,\n minColumn,\n maxColumn,\n height,\n getColumnWidth,\n cell,\n columnCount,\n getSelectionType,\n onColumnResize,\n getColumnHorizontalPosition,\n getResizerPosition,\n showBorder,\n resizingState,\n}: HeaderProps) => {\n const selectedAllType = getSelectionType({\n type: 'all',\n });\n return (\n <div\n className={cn(\n styles['header'],\n scrolledVertical && styles['header_scrolled-vertical']\n )}\n style={{ '--header-height': `${height}px` } as CSSProperties}\n >\n <div\n className={styles['header__scroll-area']}\n style={{ '--header-scroll-area-left': `${rowNumberWidth}px` } as CSSProperties}\n >\n {Array.from(\n { length: maxColumn - minColumn + 1 },\n (_, index) => minColumn + index\n ).map(columnIndex => (\n <Column\n key={`header-${columnIndex}`}\n getSelectionType={getSelectionType}\n columnIndex={columnIndex}\n getColumnWidth={getColumnWidth}\n getColumnHorizontalPosition={getColumnHorizontalPosition}\n cell={cell}\n isLastColumn={columnIndex + 1 === columnCount}\n onColumnResize={onColumnResize}\n height={height}\n getResizerPosition={getResizerPosition}\n showBorder={showBorder}\n resizingState={resizingState}\n />\n ))}\n </div>\n {showRowNumber && (\n <div\n className={cn(\n styles['header__cell'],\n styles['header__row-column'],\n scrolledHorizontal && styles['header__row-column_scrolled-horizontal']\n )}\n style={\n {\n '--header-cell-width': toCssSize(rowNumberWidth),\n '--header-cell-height': `${height}px`,\n '--header-cell-left': '0px',\n } as CSSProperties\n }\n >\n <StyledCell\n data-align=\"right\"\n data-selected={selectedAllType === 'selectDirect'}\n $type=\"header\"\n $selectionType={selectedAllType}\n $isLastRow={false}\n $isLastColumn={false}\n $height={height}\n $isFocused={false}\n $isSelectedLeft={false}\n $isSelectedTop={false}\n data-grid-row={-1}\n data-grid-column={-1}\n $showBorder={showBorder}\n >\n #\n </StyledCell>\n </div>\n )}\n </div>\n );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;;;AAgDA,MAAM,SAAA,GAAY,CAAC,MAAA,KACjB,OAAO,WAAW,QAAA,GAAW,MAAA,GAAS,GAAG,MAAM,CAAA,EAAA,CAAA;AAEjD,MAAM,SAAS,CAAC;AAAA,EACd,WAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EACA,2BAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,MAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,gBAAgB,gBAAA,CAAiB;AAAA,IACrC,MAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,oBAAoB,gBAAA,CAAiB;AAAA,IACzC,QAAQ,WAAA,GAAc,CAAA;AAAA,IACtB,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,4BAA4B,WAAW,CAAA;AAE9D,EAAA,MAAM,aAAa,aAAA,KAAkB,cAAA;AACrC,EAAA,MAAM,cAAA,GAAA,CACH,iBAAA,KAAsB,cAAA,IAAkB,UAAA,KACzC,iBAAA,KAAsB,aAAA;AAExB,EAAA,MAAM,WAAA,GAAc,eAAe,WAAW,CAAA;AAC9C,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,MAChC,KAAA,EACE;AAAA,QACE,qBAAA,EAAuB,UAAU,WAAW,CAAA;AAAA,QAC5C,sBAAA,EAAwB,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,QACjC,oBAAA,EAAsB,GAAG,cAAc,CAAA,EAAA;AAAA,OACzC;AAAA,MAEF,aAAA,EAAa,WAAA;AAAA,MAEb,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,QAAA;AAAA,YACN,EAAA,EAAI,IAAA;AAAA,YACJ,WAAA;AAAA,YACA,IAAA,EAAK,aAAA;AAAA,YACL,cAAA,EAAgB,aAAA;AAAA,YAChB,aAAA,EAAe,YAAA;AAAA,YACf,UAAA,EAAY,KAAA;AAAA,YACZ,eAAA,EAAiB,cAAA;AAAA,YACjB,cAAA,EAAgB,UAAA;AAAA,YAChB,UAAA,EAAY,KAAA;AAAA,YACZ,OAAA,EAAS,MAAA;AAAA,YACT,eAAA,EAAe,EAAA;AAAA,YACf,kBAAA,EAAkB,WAAA;AAAA,YAClB,eAAA,EAAe,UAAA;AAAA,YACf,WAAA,EAAa,UAAA;AAAA,YACb,KAAA,EAAO;AAAA;AAAA,SACT;AAAA,wBACA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,MAAA;AAAA,YACA,cAAA;AAAA,YACA,WAAA;AAAA,YACA,kBAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,MAAM,SAAS,CAAC;AAAA,EACd,gBAAA;AAAA,EACA,kBAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,2BAAA;AAAA,EACA,kBAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,kBAAkB,gBAAA,CAAiB;AAAA,IACvC,IAAA,EAAM;AAAA,GACP,CAAA;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,OAAO,QAAQ,CAAA;AAAA,QACf,gBAAA,IAAoB,OAAO,0BAA0B;AAAA,OACvD;AAAA,MACA,KAAA,EAAO,EAAE,iBAAA,EAAmB,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,EAAK;AAAA,MAE1C,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,OAAO,qBAAqB,CAAA;AAAA,YACvC,KAAA,EAAO,EAAE,2BAAA,EAA6B,CAAA,EAAG,cAAc,CAAA,EAAA,CAAA,EAAK;AAAA,YAE3D,QAAA,EAAA,KAAA,CAAM,IAAA;AAAA,cACL,EAAE,MAAA,EAAQ,SAAA,GAAY,SAAA,GAAY,CAAA,EAAE;AAAA,cACpC,CAAC,CAAA,EAAG,KAAA,KAAU,SAAA,GAAY;AAAA,aAC5B,CAAE,IAAI,CAAA,WAAA,qBACJ,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,gBAAA;AAAA,gBACA,WAAA;AAAA,gBACA,cAAA;AAAA,gBACA,2BAAA;AAAA,gBACA,IAAA;AAAA,gBACA,YAAA,EAAc,cAAc,CAAA,KAAM,WAAA;AAAA,gBAClC,cAAA;AAAA,gBACA,MAAA;AAAA,gBACA,kBAAA;AAAA,gBACA,UAAA;AAAA,gBACA;AAAA,eAAA;AAAA,cAXK,UAAU,WAAW,CAAA;AAAA,aAa7B;AAAA;AAAA,SACH;AAAA,QACC,aAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,OAAO,cAAc,CAAA;AAAA,cACrB,OAAO,oBAAoB,CAAA;AAAA,cAC3B,kBAAA,IAAsB,OAAO,wCAAwC;AAAA,aACvE;AAAA,YACA,KAAA,EACE;AAAA,cACE,qBAAA,EAAuB,UAAU,cAAc,CAAA;AAAA,cAC/C,sBAAA,EAAwB,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,cACjC,oBAAA,EAAsB;AAAA,aACxB;AAAA,YAGF,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,YAAA,EAAW,OAAA;AAAA,gBACX,iBAAe,eAAA,KAAoB,cAAA;AAAA,gBACnC,KAAA,EAAM,QAAA;AAAA,gBACN,cAAA,EAAgB,eAAA;AAAA,gBAChB,UAAA,EAAY,KAAA;AAAA,gBACZ,aAAA,EAAe,KAAA;AAAA,gBACf,OAAA,EAAS,MAAA;AAAA,gBACT,UAAA,EAAY,KAAA;AAAA,gBACZ,eAAA,EAAiB,KAAA;AAAA,gBACjB,cAAA,EAAgB,KAAA;AAAA,gBAChB,eAAA,EAAe,EAAA;AAAA,gBACf,kBAAA,EAAkB,EAAA;AAAA,gBAClB,WAAA,EAAa,UAAA;AAAA,gBACd,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AACF;AAAA;AAAA,GAEJ;AAEJ~~;;;;~~"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../src/components/Grid/Header.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './Header.module.css';\nimport {\n CellProps,\n ColumnResizeFn,\n GetResizerPositionFn,\n SelectionTypeFn,\n} from './types';\nimport { StyledCell } from './StyledCell';\nimport ColumnResizer from './ColumnResizer';\nimport { ResizingState } from './useResizingState';\n\ninterface HeaderProps {\n showRowNumber: boolean;\n rowNumberWidth: number;\n minColumn: number;\n maxColumn: number;\n height: number;\n getColumnWidth: (index: number) => number;\n cell: CellProps;\n getSelectionType: SelectionTypeFn;\n columnCount: number;\n onColumnResize: ColumnResizeFn;\n getColumnHorizontalPosition: (columnIndex: number) => number;\n scrolledVertical: boolean;\n getResizerPosition: GetResizerPositionFn;\n showBorder: boolean;\n scrolledHorizontal: boolean;\n resizingState: ResizingState;\n}\n\ninterface ColumnProps extends Pick<\n HeaderProps,\n \| 'cell'\n \| 'getSelectionType'\n \| 'onColumnResize'\n \| 'getColumnWidth'\n \| 'height'\n \| 'getResizerPosition'\n \| 'showBorder'\n \| 'getColumnHorizontalPosition'\n \| 'resizingState'\n> {\n columnIndex: number;\n isLastColumn: boolean;\n}\n\nconst toCssSize = ($width: string \| number): string =>\n typeof $width === 'string' ? $width : `${$width}px`;\n\nconst Column = ({\n columnIndex,\n cell,\n getColumnWidth,\n getColumnHorizontalPosition,\n getSelectionType,\n isLastColumn,\n onColumnResize,\n height,\n getResizerPosition,\n showBorder,\n resizingState,\n}: ColumnProps) => {\n const selectionType = getSelectionType({\n column: columnIndex,\n type: 'column',\n });\n const leftSelectionType = getSelectionType({\n column: columnIndex - 1,\n type: 'column',\n });\n const columnPosition = getColumnHorizontalPosition(columnIndex);\n\n const isSelected = selectionType === 'selectDirect';\n const isSelectedLeft =\n (leftSelectionType === 'selectDirect' \|\| isSelected) &&\n leftSelectionType !== selectionType;\n\n const columnWidth = getColumnWidth(columnIndex);\n return (\n <div\n className={styles['header__cell']}\n style={\n {\n '--header-cell-width': toCssSize(columnWidth),\n '--header-cell-height': `${height}px`,\n '--header-cell-left': `${columnPosition}px`,\n } as CSSProperties\n }\n data-header={columnIndex}\n >\n <StyledCell\n $type=\"header\"\n as={cell}\n columnIndex={columnIndex}\n type=\"header-cell\"\n $selectionType={selectionType}\n $isLastColumn={isLastColumn}\n $isFocused={false}\n $isSelectedLeft={isSelectedLeft}\n $isSelectedTop={isSelected}\n $isLastRow={false}\n $height={height}\n data-grid-row={-1}\n data-grid-column={columnIndex}\n data-selected={isSelected}\n $showBorder={showBorder}\n width={columnWidth}\n />\n <ColumnResizer\n height={height}\n onColumnResize={onColumnResize}\n columnIndex={columnIndex}\n getResizerPosition={getResizerPosition}\n columnWidth={columnWidth}\n resizingState={resizingState}\n />\n </div>\n );\n};\n\nconst Header = ({\n scrolledVertical,\n scrolledHorizontal,\n showRowNumber,\n rowNumberWidth,\n minColumn,\n maxColumn,\n height,\n getColumnWidth,\n cell,\n columnCount,\n getSelectionType,\n onColumnResize,\n getColumnHorizontalPosition,\n getResizerPosition,\n showBorder,\n resizingState,\n}: HeaderProps) => {\n const selectedAllType = getSelectionType({\n type: 'all',\n });\n return (\n <div\n className={cn(\n styles['header'],\n scrolledVertical && styles['header_scrolled-vertical']\n )}\n style={{ '--header-height': `${height}px` } as CSSProperties}\n >\n <div\n className={styles['header__scroll-area']}\n style={{ '--header-scroll-area-left': `${rowNumberWidth}px` } as CSSProperties}\n >\n {Array.from(\n { length: maxColumn - minColumn + 1 },\n (_, index) => minColumn + index\n ).map(columnIndex => (\n <Column\n key={`header-${columnIndex}`}\n getSelectionType={getSelectionType}\n columnIndex={columnIndex}\n getColumnWidth={getColumnWidth}\n getColumnHorizontalPosition={getColumnHorizontalPosition}\n cell={cell}\n isLastColumn={columnIndex + 1 === columnCount}\n onColumnResize={onColumnResize}\n height={height}\n getResizerPosition={getResizerPosition}\n showBorder={showBorder}\n resizingState={resizingState}\n />\n ))}\n </div>\n {showRowNumber && (\n <div\n className={cn(\n styles['header__cell'],\n styles['header__row-column'],\n scrolledHorizontal && styles['header__row-column_scrolled-horizontal']\n )}\n style={\n {\n '--header-cell-width': toCssSize(rowNumberWidth),\n '--header-cell-height': `${height}px`,\n '--header-cell-left': '0px',\n } as CSSProperties\n }\n >\n <StyledCell\n data-align=\"right\"\n data-selected={selectedAllType === 'selectDirect'}\n $type=\"header\"\n $selectionType={selectedAllType}\n $isLastRow={false}\n $isLastColumn={false}\n $height={height}\n $isFocused={false}\n $isSelectedLeft={false}\n $isSelectedTop={false}\n data-grid-row={-1}\n data-grid-column={-1}\n $showBorder={showBorder}\n >\n #\n </StyledCell>\n </div>\n )}\n </div>\n );\n};\n\nexport default Header;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/Header.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/Grid/RowNumberColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RowNumberColumn.js","sources":["../../../../src/components/Grid/RowNumberColumn.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './RowNumberColumn.module.css';\nimport { SelectionTypeFn } from './types';\nimport { StyledCell } from './StyledCell';\n\ninterface RowNumberColumnProps {\n minRow: number;\n maxRow: number;\n rowHeight: number;\n headerHeight: number;\n rowWidth: number;\n getSelectionType: SelectionTypeFn;\n rowCount: number;\n scrolledHorizontal: boolean;\n rowStart: number;\n showBorder: boolean;\n rowAutoHeight?: boolean;\n}\ninterface RowNumberProps extends Pick<\n RowNumberColumnProps,\n 'rowHeight' \| 'getSelectionType' \| 'showBorder' \| 'rowStart'\n> {\n rowIndex: number;\n isLastRow: boolean;\n rowAutoHeight?: boolean;\n}\nconst RowNumber = ({\n rowIndex,\n rowHeight,\n getSelectionType,\n isLastRow,\n showBorder,\n rowStart,\n rowAutoHeight,\n}: RowNumberProps) => {\n const currentRowIndex = rowIndex + rowStart;\n const selectionType = getSelectionType({\n row: currentRowIndex,\n type: 'row',\n });\n const isSelected = selectionType === 'selectDirect';\n const topSelectionType = getSelectionType({\n row: currentRowIndex - 1,\n type: 'row',\n });\n const isSelectedTop =\n (topSelectionType === 'selectDirect' \|\| isSelected) &&\n topSelectionType !== selectionType;\n\n return (\n <div\n className={styles['row-number-column__cell']}\n style={\n {\n '--row-number-cell-top': `${rowHeight * rowIndex}px`,\n '--row-number-cell-height': rowAutoHeight ? '100%' : `${rowHeight}px`,\n } as CSSProperties\n }\n >\n <StyledCell\n $height={rowHeight}\n $isLastColumn={false}\n $selectionType={selectionType}\n $type=\"header\"\n $isFocused={false}\n $isLastRow={isLastRow}\n $isSelectedLeft={isSelected}\n $isSelectedTop={isSelectedTop}\n $rowAutoHeight={rowAutoHeight}\n data-selected={isSelected}\n data-grid-row={currentRowIndex}\n data-grid-column={-1}\n data-testid={`header-cell-${currentRowIndex}-x`}\n $showBorder={showBorder}\n data-align=\"right\"\n >\n {currentRowIndex}\n </StyledCell>\n </div>\n );\n};\n\nconst RowNumberColumn = ({\n minRow,\n maxRow,\n rowHeight,\n headerHeight,\n rowWidth,\n getSelectionType,\n rowCount,\n scrolledHorizontal,\n rowStart = 0,\n showBorder,\n rowAutoHeight,\n}: RowNumberColumnProps) => {\n return (\n <div\n className={cn(\n styles['row-number-column'],\n scrolledHorizontal && styles['row-number-column_scrolled-horizontal']\n )}\n style={\n {\n '--row-number-column-top': `${headerHeight}px`,\n '--row-number-column-width': `${rowWidth}px`,\n } as CSSProperties\n }\n >\n {Array.from({ length: maxRow - minRow + 1 }, (_, index) => minRow + index).map(\n rowIndex => (\n <RowNumber\n key={`row-number-${rowIndex}`}\n getSelectionType={getSelectionType}\n rowHeight={rowHeight}\n rowIndex={rowIndex}\n isLastRow={rowIndex === rowCount}\n showBorder={showBorder}\n rowStart={rowStart}\n rowAutoHeight={rowAutoHeight}\n />\n )\n )}\n </div>\n );\n};\n\nexport default RowNumberColumn;\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"RowNumberColumn.js","sources":["../../../../src/components/Grid/RowNumberColumn.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './RowNumberColumn.module.css';\nimport { SelectionTypeFn } from './types';\nimport { StyledCell } from './StyledCell';\n\ninterface RowNumberColumnProps {\n minRow: number;\n maxRow: number;\n rowHeight: number;\n headerHeight: number;\n rowWidth: number;\n getSelectionType: SelectionTypeFn;\n rowCount: number;\n scrolledHorizontal: boolean;\n rowStart: number;\n showBorder: boolean;\n rowAutoHeight?: boolean;\n}\ninterface RowNumberProps extends Pick<\n RowNumberColumnProps,\n 'rowHeight' \| 'getSelectionType' \| 'showBorder' \| 'rowStart'\n> {\n rowIndex: number;\n isLastRow: boolean;\n rowAutoHeight?: boolean;\n}\nconst RowNumber = ({\n rowIndex,\n rowHeight,\n getSelectionType,\n isLastRow,\n showBorder,\n rowStart,\n rowAutoHeight,\n}: RowNumberProps) => {\n const currentRowIndex = rowIndex + rowStart;\n const selectionType = getSelectionType({\n row: currentRowIndex,\n type: 'row',\n });\n const isSelected = selectionType === 'selectDirect';\n const topSelectionType = getSelectionType({\n row: currentRowIndex - 1,\n type: 'row',\n });\n const isSelectedTop =\n (topSelectionType === 'selectDirect' \|\| isSelected) &&\n topSelectionType !== selectionType;\n\n return (\n <div\n className={styles['row-number-column__cell']}\n style={\n {\n '--row-number-cell-top': `${rowHeight * rowIndex}px`,\n '--row-number-cell-height': rowAutoHeight ? '100%' : `${rowHeight}px`,\n } as CSSProperties\n }\n >\n <StyledCell\n $height={rowHeight}\n $isLastColumn={false}\n $selectionType={selectionType}\n $type=\"header\"\n $isFocused={false}\n $isLastRow={isLastRow}\n $isSelectedLeft={isSelected}\n $isSelectedTop={isSelectedTop}\n $rowAutoHeight={rowAutoHeight}\n data-selected={isSelected}\n data-grid-row={currentRowIndex}\n data-grid-column={-1}\n data-testid={`header-cell-${currentRowIndex}-x`}\n $showBorder={showBorder}\n data-align=\"right\"\n >\n {currentRowIndex}\n </StyledCell>\n </div>\n );\n};\n\nconst RowNumberColumn = ({\n minRow,\n maxRow,\n rowHeight,\n headerHeight,\n rowWidth,\n getSelectionType,\n rowCount,\n scrolledHorizontal,\n rowStart = 0,\n showBorder,\n rowAutoHeight,\n}: RowNumberColumnProps) => {\n return (\n <div\n className={cn(\n styles['row-number-column'],\n scrolledHorizontal && styles['row-number-column_scrolled-horizontal']\n )}\n style={\n {\n '--row-number-column-top': `${headerHeight}px`,\n '--row-number-column-width': `${rowWidth}px`,\n } as CSSProperties\n }\n >\n {Array.from({ length: maxRow - minRow + 1 }, (_, index) => minRow + index).map(\n rowIndex => (\n <RowNumber\n key={`row-number-${rowIndex}`}\n getSelectionType={getSelectionType}\n rowHeight={rowHeight}\n rowIndex={rowIndex}\n isLastRow={rowIndex === rowCount}\n showBorder={showBorder}\n rowStart={rowStart}\n rowAutoHeight={rowAutoHeight}\n />\n )\n )}\n </div>\n );\n};\n\nexport default RowNumberColumn;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/RowNumberColumn.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/Grid/StyledCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyledCell.js","sources":["../../../../src/components/Grid/StyledCell.tsx"],"sourcesContent":["import { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './StyledCell.module.css';\nimport { SelectionType } from './types';\n\ninterface StyledCellOwnProps {\n $isFocused: boolean;\n $selectionType: SelectionType;\n $isSelectedTop: boolean;\n $isSelectedLeft: boolean;\n $isLastRow: boolean;\n $isLastColumn: boolean;\n $height: number;\n $type?: 'body' \| 'header';\n $showBorder: boolean;\n $rowAutoHeight?: boolean;\n}\n\nconst cellVariants = cva(styles.cell, {\n variants: {\n type: {\n body: styles.cell_type_body,\n header: styles.cell_type_header,\n },\n selection: {\n default: null,\n selectDirect: styles['cell_selection_direct'],\n selectIndirect: styles['cell_selection_indirect'],\n },\n noBorder: { true: styles['cell_no-border'] },\n focused: { true: styles.cell_focused },\n lastRow: { true: styles['cell_last-row'] },\n lastColumn: { true: styles['cell_last-column'] },\n rowAutoHeight: { true: styles['cell_row-auto-height'] },\n overlay: { true: styles.cell__overlay },\n overlayTop: { true: styles['cell__overlay_selected_top'] },\n overlayLeft: { true: styles['cell__overlay_selected_left'] },\n overlayBottom: { true: styles['cell__overlay_selected_bottom'] },\n overlayRight: { true: styles['cell__overlay_selected_right'] },\n overlayAutoHeight: { true: styles['cell__overlay_row-auto-height'] },\n },\n});\n\ntype StyledCellProps<T extends ElementType> = StyledCellOwnProps & {\n as?: T;\n children?: ReactNode;\n} & Omit<ComponentProps<T>, keyof StyledCellOwnProps \| 'as' \| 'children'>;\n\nexport const StyledCell = <T extends ElementType = 'div'>({\n as,\n $isFocused,\n $selectionType,\n $isSelectedTop,\n $isSelectedLeft,\n $isLastRow,\n $isLastColumn,\n $height,\n $type = 'body',\n $showBorder,\n $rowAutoHeight,\n className,\n style,\n children,\n ...props\n}: StyledCellProps<T>) => {\n const Component = (as ?? 'div') as ElementType;\n // A single overlay `::before` is drawn whenever any selection/focus edge or\n // auto-height needs to paint on top of the cell (see Grid.module.css).\n const hasOverlay =\n $isSelectedTop \|\|\n $isSelectedLeft \|\|\n ($selectionType === 'selectDirect' && ($isLastRow \|\| $isLastColumn)) \|\|\n !!$rowAutoHeight;\n const mergedStyle = {\n height: $rowAutoHeight ? '100%' : `${$height}px`,\n ...style,\n } as CSSProperties;\n return (\n <Component\n className={cn(\n cellVariants({\n type: $type,\n selection: $selectionType,\n noBorder: $type === 'header' && !$showBorder,\n focused: $isFocused,\n lastRow: $isLastRow,\n lastColumn: $isLastColumn,\n rowAutoHeight: !!$rowAutoHeight,\n overlay: hasOverlay,\n overlayTop: $isSelectedTop,\n overlayLeft: $isSelectedLeft,\n overlayBottom: $selectionType === 'selectDirect' && $isLastRow,\n overlayRight: $selectionType === 'selectDirect' && $isLastColumn,\n overlayAutoHeight: !!$rowAutoHeight,\n }),\n className\n )}\n style={mergedStyle}\n {...props}\n >\n {children}\n </Component>\n );\n};\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"StyledCell.js","sources":["../../../../src/components/Grid/StyledCell.tsx"],"sourcesContent":["import { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport styles from './StyledCell.module.css';\nimport { SelectionType } from './types';\n\ninterface StyledCellOwnProps {\n $isFocused: boolean;\n $selectionType: SelectionType;\n $isSelectedTop: boolean;\n $isSelectedLeft: boolean;\n $isLastRow: boolean;\n $isLastColumn: boolean;\n $height: number;\n $type?: 'body' \| 'header';\n $showBorder: boolean;\n $rowAutoHeight?: boolean;\n}\n\nconst cellVariants = cva(styles.cell, {\n variants: {\n type: {\n body: styles.cell_type_body,\n header: styles.cell_type_header,\n },\n selection: {\n default: null,\n selectDirect: styles['cell_selection_direct'],\n selectIndirect: styles['cell_selection_indirect'],\n },\n noBorder: { true: styles['cell_no-border'] },\n focused: { true: styles.cell_focused },\n lastRow: { true: styles['cell_last-row'] },\n lastColumn: { true: styles['cell_last-column'] },\n rowAutoHeight: { true: styles['cell_row-auto-height'] },\n overlay: { true: styles.cell__overlay },\n overlayTop: { true: styles['cell__overlay_selected_top'] },\n overlayLeft: { true: styles['cell__overlay_selected_left'] },\n overlayBottom: { true: styles['cell__overlay_selected_bottom'] },\n overlayRight: { true: styles['cell__overlay_selected_right'] },\n overlayAutoHeight: { true: styles['cell__overlay_row-auto-height'] },\n },\n});\n\ntype StyledCellProps<T extends ElementType> = StyledCellOwnProps & {\n as?: T;\n children?: ReactNode;\n} & Omit<ComponentProps<T>, keyof StyledCellOwnProps \| 'as' \| 'children'>;\n\nexport const StyledCell = <T extends ElementType = 'div'>({\n as,\n $isFocused,\n $selectionType,\n $isSelectedTop,\n $isSelectedLeft,\n $isLastRow,\n $isLastColumn,\n $height,\n $type = 'body',\n $showBorder,\n $rowAutoHeight,\n className,\n style,\n children,\n ...props\n}: StyledCellProps<T>) => {\n const Component = (as ?? 'div') as ElementType;\n // A single overlay `::before` is drawn whenever any selection/focus edge or\n // auto-height needs to paint on top of the cell (see Grid.module.css).\n const hasOverlay =\n $isSelectedTop \|\|\n $isSelectedLeft \|\|\n ($selectionType === 'selectDirect' && ($isLastRow \|\| $isLastColumn)) \|\|\n !!$rowAutoHeight;\n const mergedStyle = {\n height: $rowAutoHeight ? '100%' : `${$height}px`,\n ...style,\n } as CSSProperties;\n return (\n <Component\n className={cn(\n cellVariants({\n type: $type,\n selection: $selectionType,\n noBorder: $type === 'header' && !$showBorder,\n focused: $isFocused,\n lastRow: $isLastRow,\n lastColumn: $isLastColumn,\n rowAutoHeight: !!$rowAutoHeight,\n overlay: hasOverlay,\n overlayTop: $isSelectedTop,\n overlayLeft: $isSelectedLeft,\n overlayBottom: $selectionType === 'selectDirect' && $isLastRow,\n overlayRight: $selectionType === 'selectDirect' && $isLastColumn,\n overlayAutoHeight: !!$rowAutoHeight,\n }),\n className\n )}\n style={mergedStyle}\n {...props}\n >\n {children}\n </Component>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/StyledCell.module.css.js.map CHANGED Viewed

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

package/dist/esm/components/Grid/copyGridElements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"copyGridElements.js","sources":["../../../../src/components/Grid/copyGridElements.ts"],"sourcesContent":["import { CellProps, SelectedRegion, SelectionFocus } from './types';\nimport { RefObject, createElement } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { flushSync } from 'react-dom';\n\ninterface CopyGridElementsProps {\n cell: CellProps;\n selection: SelectedRegion;\n rowCount: number;\n columnCount: number;\n pageStart?: number;\n focus: SelectionFocus;\n outerRef: RefObject<HTMLDivElement>;\n}\n\nconst addCellToRow = (\n row: HTMLTableRowElement,\n cell: CellProps,\n rowIndex: number,\n columnIndex: number\n) => {\n const td = document.createElement('td');\n const container = document.createElement('div');\n const root = createRoot(container);\n\n flushSync(() => {\n root.render(\n createElement(cell, { rowIndex, columnIndex, width: 1000, type: 'row-cell' })\n );\n });\n\n td.innerHTML = container.innerHTML;\n root.unmount();\n\n row.appendChild(td);\n};\n\nconst columnListLoop = (\n tbody: HTMLTableSectionElement,\n columnList: number[],\n cell: CellProps,\n rowIndex: number\n) => {\n const row = document.createElement('tr');\n columnList.forEach(columnIndex => {\n addCellToRow(row, cell, rowIndex, columnIndex);\n });\n tbody.appendChild(row);\n};\n\nconst copyGridElements = async ({\n cell,\n selection,\n rowCount,\n columnCount,\n pageStart = 0,\n focus,\n outerRef,\n}: CopyGridElementsProps): Promise<void> => {\n if (!outerRef.current) {\n throw 'Could not fetch selection';\n }\n const table = document.createElement('table');\n table.style.position = 'absolute';\n table.style.top = '-200px';\n table.style.left = '-200px';\n table.style.width = '0px';\n table.style.height = '0px';\n table.style.overflow = 'hidden';\n const thead = document.createElement('thead');\n const tbody = document.createElement('tbody');\n\n switch (selection.type) {\n case 'rectangle':\n Array.from(\n { length: selection.bounds.bottom + 1 - selection.bounds.top },\n (_, index) => selection.bounds.top + index\n ).forEach(rowIndex => {\n const columnList = Array.from(\n { length: selection.bounds.right + 1 - selection.bounds.left },\n (_, index) => selection.bounds.left + index\n );\n columnListLoop(tbody, columnList, cell, rowIndex);\n });\n break;\n case 'columns':\n Array.from({ length: rowCount }, (_, index) => pageStart + index).forEach(\n rowIndex => {\n const columnList = [...selection.columns].sort();\n columnListLoop(tbody, columnList, cell, rowIndex);\n }\n );\n break;\n case 'rows':\n [...selection.rows].sort().forEach(rowIndex => {\n const columnList = Array.from(\n { length: columnCount },\n (_, index) => pageStart + index\n );\n columnListLoop(tbody, columnList, cell, rowIndex);\n });\n break;\n case 'empty':\n columnListLoop(tbody, [focus.column], cell, focus.row);\n break;\n default:\n throw new Error('incorrect selection provided');\n }\n\n table.appendChild(thead);\n table.appendChild(tbody);\n\n outerRef.current.appendChild(table);\n\n const windowSelection = window.getSelection();\n if (windowSelection) {\n const range = document.createRange();\n range.selectNodeContents(table);\n windowSelection.removeAllRanges();\n windowSelection.addRange(range);\n await navigator.clipboard.writeText(table.innerText);\n windowSelection.removeAllRanges();\n\n outerRef.current.removeChild(table);\n } else {\n throw 'Could not fetch selection';\n }\n};\n\nexport default copyGridElements;\n"],"names":[],"mappings":"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~~;;;;~~"}
1	+ {"version":3,"file":"copyGridElements.js","sources":["../../../../src/components/Grid/copyGridElements.ts"],"sourcesContent":["import { CellProps, SelectedRegion, SelectionFocus } from './types';\nimport { RefObject, createElement } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { flushSync } from 'react-dom';\n\ninterface CopyGridElementsProps {\n cell: CellProps;\n selection: SelectedRegion;\n rowCount: number;\n columnCount: number;\n pageStart?: number;\n focus: SelectionFocus;\n outerRef: RefObject<HTMLDivElement>;\n}\n\nconst addCellToRow = (\n row: HTMLTableRowElement,\n cell: CellProps,\n rowIndex: number,\n columnIndex: number\n) => {\n const td = document.createElement('td');\n const container = document.createElement('div');\n const root = createRoot(container);\n\n flushSync(() => {\n root.render(\n createElement(cell, { rowIndex, columnIndex, width: 1000, type: 'row-cell' })\n );\n });\n\n td.innerHTML = container.innerHTML;\n root.unmount();\n\n row.appendChild(td);\n};\n\nconst columnListLoop = (\n tbody: HTMLTableSectionElement,\n columnList: number[],\n cell: CellProps,\n rowIndex: number\n) => {\n const row = document.createElement('tr');\n columnList.forEach(columnIndex => {\n addCellToRow(row, cell, rowIndex, columnIndex);\n });\n tbody.appendChild(row);\n};\n\nconst copyGridElements = async ({\n cell,\n selection,\n rowCount,\n columnCount,\n pageStart = 0,\n focus,\n outerRef,\n}: CopyGridElementsProps): Promise<void> => {\n if (!outerRef.current) {\n throw 'Could not fetch selection';\n }\n const table = document.createElement('table');\n table.style.position = 'absolute';\n table.style.top = '-200px';\n table.style.left = '-200px';\n table.style.width = '0px';\n table.style.height = '0px';\n table.style.overflow = 'hidden';\n const thead = document.createElement('thead');\n const tbody = document.createElement('tbody');\n\n switch (selection.type) {\n case 'rectangle':\n Array.from(\n { length: selection.bounds.bottom + 1 - selection.bounds.top },\n (_, index) => selection.bounds.top + index\n ).forEach(rowIndex => {\n const columnList = Array.from(\n { length: selection.bounds.right + 1 - selection.bounds.left },\n (_, index) => selection.bounds.left + index\n );\n columnListLoop(tbody, columnList, cell, rowIndex);\n });\n break;\n case 'columns':\n Array.from({ length: rowCount }, (_, index) => pageStart + index).forEach(\n rowIndex => {\n const columnList = [...selection.columns].sort();\n columnListLoop(tbody, columnList, cell, rowIndex);\n }\n );\n break;\n case 'rows':\n [...selection.rows].sort().forEach(rowIndex => {\n const columnList = Array.from(\n { length: columnCount },\n (_, index) => pageStart + index\n );\n columnListLoop(tbody, columnList, cell, rowIndex);\n });\n break;\n case 'empty':\n columnListLoop(tbody, [focus.column], cell, focus.row);\n break;\n default:\n throw new Error('incorrect selection provided');\n }\n\n table.appendChild(thead);\n table.appendChild(tbody);\n\n outerRef.current.appendChild(table);\n\n const windowSelection = window.getSelection();\n if (windowSelection) {\n const range = document.createRange();\n range.selectNodeContents(table);\n windowSelection.removeAllRanges();\n windowSelection.addRange(range);\n await navigator.clipboard.writeText(table.innerText);\n windowSelection.removeAllRanges();\n\n outerRef.current.removeChild(table);\n } else {\n throw 'Could not fetch selection';\n }\n};\n\nexport default copyGridElements;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./Grid.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useCallback, useRef, useMemo, useEffect } from 'react';
+import { forwardRef, useState, useCallback, useMemo, useRef, useEffect } from 'react';
 import { VariableSizeGrid } from 'react-window';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import RowNumberColumn from './RowNumberColumn.js';