@join-x5/react-data-grid 1.1.1-nightly → 1.1.2-nightly

package/dist/TableInputCell/hook.es.js

@@ -0,0 +1,52 @@
+"use client";
+import { useContext as d, useRef as f } from "react";
+import { useRefMerge as C } from "@join-x5/react-theme";
+import { DataGridContext as m } from "../DataGridContext.es.js";
+import { useDataGridTableCell as D } from "../TableCell/hook.es.js";
+const w = (t, u) => {
+  const {
+    isDisabled: o,
+    isActive: c,
+    setIsActive: i
+  } = t, l = C(u), s = f(null), r = () => {
+    const e = s.current;
+    o || !e || (i == null || i(!0), setTimeout(() => {
+      e.selectionStart = e.value.length, e.focus();
+    }));
+  };
+  return {
+    cellProps: {
+      ...t,
+      ref: l,
+      onClick: (e) => {
+        var n;
+        c || e.currentTarget.focus(), (n = t.onClick) == null || n.call(t, e);
+      },
+      onDoubleClick: (e) => {
+        var n;
+        r(), (n = t.onDoubleClick) == null || n.call(t, e);
+      },
+      onKeyDown: (e) => {
+        var a;
+        (a = t.onKeyDown) == null || a.call(t, e);
+        const n = e.code === "Enter" || e.code === "NumpadEnter";
+        !c && n && r();
+      },
+      "data-editable": o ? void 0 : !0
+    },
+    ref: l,
+    inputRef: s
+  };
+}, y = (t) => {
+  const u = D(t), o = d(m), c = t.id === o.activeCell;
+  return {
+    ...u,
+    isActive: c,
+    setIsActive: (l) => o.setActiveCell(l ? t.id : null)
+  };
+};
+export {
+  y as useDataGridInputCell,
+  w as useTableCellTextInput
+};
+//# sourceMappingURL=hook.es.js.map

package/dist/TableInputCell/hook.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.es.js","sources":["../../src/TableInputCell/hook.ts"],"sourcesContent":["'use client';\n\nimport {useContext, useRef} from 'react';\nimport {useRefMerge} from '@join-x5/react-theme';\n\nimport {DataGridContext} from '../DataGridContext';\nimport {useDataGridTableCell} from '../TableCell/hook';\n\nimport type {KeyboardEventHandler, MouseEventHandler, Ref} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {TableCellProps} from 'TableCell';\n\nexport const useTableCellTextInput = <T extends HTMLInputElement | HTMLTextAreaElement>(\n  props: TableCellProps,\n  baseRef: Ref<HTMLTableCellElement>\n) => {\n  const {isDisabled, isActive, setIsActive} = props;\n\n  const ref = useRefMerge(baseRef);\n  const inputRef = useRef<T>(null);\n\n  const onEdit = () => {\n    const input = inputRef.current;\n    if (isDisabled || !input) {\n      return;\n    }\n\n    setIsActive?.(true);\n\n    setTimeout(() => {\n      input.selectionStart = input.value.length;\n      input.focus();\n    });\n  };\n\n  const onClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    if (!isActive) {\n      e.currentTarget.focus();\n    }\n\n    props.onClick?.(e);\n  };\n\n  const onDoubleClick: MouseEventHandler<HTMLTableCellElement> = e => {\n    onEdit();\n\n    props.onDoubleClick?.(e);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTableCellElement> = e => {\n    props.onKeyDown?.(e);\n\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (!isActive && isEnterCode) {\n      onEdit();\n    }\n  };\n\n  const cellProps = {\n    ...props,\n\n    ref,\n    onClick,\n    onDoubleClick,\n    onKeyDown,\n\n    'data-editable': !isDisabled ? true : undefined,\n  };\n\n  return {cellProps, ref, inputRef};\n};\n\nexport const useDataGridInputCell = (cell: ReactTableCell<unknown, unknown>) => {\n  const props = useDataGridTableCell(cell);\n  const context = useContext(DataGridContext);\n\n  const isActive = cell.id === context.activeCell;\n  const setIsActive = newIsActive => context.setActiveCell(newIsActive ? cell.id : null);\n\n  return {...props, isActive, setIsActive};\n};\n"],"names":["useTableCellTextInput","isDisabled","isActive","setIsActive","selectionStart","props","ref","e","inputRef"],"mappings":";;;;;AAYaA;AAIL;AAAA;AAACC;AAAYC;AAAUC;AAM3B;AACIF;AAOIG;AACM;AACb;AAsCI;AAAA;AAXW;AACbC;AAEHC;;AA1BA;AAIgBC;AAClB;;AAGS;AAEeA;AACxB;;AAGEF;AAEA;AAEI;AACK;AAEX;AAUiC;AACjC;AAEmBC;AAAKE;AAC1B;AAGQH;AAMC;AAAA;AAAIA;AAAOH;AAFmE;AAGvF;;;;;"}

package/dist/TableInputCell/icon.d.ts

@@ -0,0 +1,8 @@
+import { FRC, PropsWithChildren } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+type DefaultAny = any;
+type TIconCell = FRC<HTMLTableCellElement, TableCellProps>;
+export declare const IconCell: TIconCell;
+export type DataGridIconCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;
+export declare const DataGridIconCell: FRC<HTMLTableCellElement, DataGridIconCellProps>;
+export {};

package/dist/TableInputCell/icon.es.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { SizeTokenValue as e, forwardRef as a } from "@join-x5/react-theme";
+import { TableCell as m } from "../TableCell/index.es.js";
+import { useDataGridInputCell as c } from "./hook.es.js";
+const s = {
+  [e.XXSmall]: 8,
+  [e.XSmall]: 8,
+  [e.Small]: 8,
+  [e.Medium]: 12,
+  [e.Large]: 14,
+  [e.XLarge]: 14
+}, d = a((l, r) => {
+  const {
+    padding: o = s[l.size ?? e.Medium],
+    ...t
+  } = l;
+  return /* @__PURE__ */ n(m, { ref: r, padding: o, ...t });
+}), C = a((l, r) => {
+  const {
+    cell: o,
+    children: t
+  } = l, i = c(o);
+  return /* @__PURE__ */ n(d, { ref: r, ...i, children: t });
+});
+export {
+  C as DataGridIconCell,
+  d as IconCell
+};
+//# sourceMappingURL=icon.es.js.map

package/dist/TableInputCell/icon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.es.js","sources":["../../src/TableInputCell/icon.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef, SizeTokenValue} from '@join-x5/react-theme';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TIconCell = FRC<HTMLTableCellElement, TableCellProps>;\n\nconst sizePadding: Record<SizeTokenValue, number> = {\n  [SizeTokenValue.XXSmall]: 8,\n  [SizeTokenValue.XSmall]: 8,\n  [SizeTokenValue.Small]: 8,\n  [SizeTokenValue.Medium]: 12,\n  [SizeTokenValue.Large]: 14,\n  [SizeTokenValue.XLarge]: 14,\n};\n\nexport const IconCell: TIconCell = forwardRef((props, ref) => {\n  const {padding = sizePadding[props.size ?? SizeTokenValue.Medium], ...rest} = props;\n\n  return <TableCell ref={ref} padding={padding} {...rest} />;\n});\n\nexport type DataGridIconCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;\n\nexport const DataGridIconCell: FRC<HTMLTableCellElement, DataGridIconCellProps> = forwardRef((props, ref) => {\n  const {cell, children} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  return (\n    <IconCell ref={ref} {...cellProps}>\n      {children}\n    </IconCell>\n  );\n});\n"],"names":["rest","cell","children"],"mappings":";;;;;AAgBA;AAAoD;AACxB;AACD;AACD;AACC;AACD;AAE1B;AAGQ;AAAA;AAA0D;AAAMA;AAEtE;AACF;AAKQ;AAAA;AAACC;AAAMC;AAIb;AAKF;;;;;"}

package/dist/TableInputCell/index.d.ts

@@ -0,0 +1,10 @@
+export * from './button';
+export * from './checkbox';
+export * from './date';
+export * from './dropdown';
+export * from './expanding';
+export * from './icon';
+export * from './label';
+export * from './switch';
+export * from './text';
+export * from './textarea';

package/dist/TableInputCell/label.d.ts

@@ -0,0 +1,8 @@
+import { FRC, PropsWithChildren } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+type DefaultAny = any;
+type TLabelCell = FRC<HTMLTableCellElement, TableCellProps>;
+export declare const LabelCell: TLabelCell;
+export type DataGridLabelCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;
+export declare const DataGridLabelCell: FRC<HTMLTableCellElement, DataGridLabelCellProps>;
+export {};

package/dist/TableInputCell/label.es.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { SizeTokenValue as e, forwardRef as p } from "@join-x5/react-theme";
+import { TableCell as m } from "../TableCell/index.es.js";
+import { useDataGridInputCell as n } from "./hook.es.js";
+const x = {
+  [e.XXSmall]: "6px 8px",
+  [e.XSmall]: "6px 8px",
+  [e.Small]: "6px 8px",
+  [e.Medium]: "10px 12px",
+  [e.Large]: "12px",
+  [e.XLarge]: "12px"
+}, s = p((l, r) => {
+  const {
+    padding: o = x[l.size ?? e.Medium],
+    ...t
+  } = l;
+  return /* @__PURE__ */ a(m, { ref: r, padding: o, ...t });
+}), g = p((l, r) => {
+  const {
+    cell: o,
+    children: t
+  } = l, i = n(o);
+  return /* @__PURE__ */ a(s, { ref: r, ...i, children: t });
+});
+export {
+  g as DataGridLabelCell,
+  s as LabelCell
+};
+//# sourceMappingURL=label.es.js.map

package/dist/TableInputCell/label.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.es.js","sources":["../../src/TableInputCell/label.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef, SizeTokenValue} from '@join-x5/react-theme';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TLabelCell = FRC<HTMLTableCellElement, TableCellProps>;\n\nconst sizePadding: Record<SizeTokenValue, string> = {\n  [SizeTokenValue.XXSmall]: '6px 8px',\n  [SizeTokenValue.XSmall]: '6px 8px',\n  [SizeTokenValue.Small]: '6px 8px',\n  [SizeTokenValue.Medium]: '10px 12px',\n  [SizeTokenValue.Large]: '12px',\n  [SizeTokenValue.XLarge]: '12px',\n};\n\nexport const LabelCell: TLabelCell = forwardRef((props, ref) => {\n  const {padding = sizePadding[props.size ?? SizeTokenValue.Medium], ...rest} = props;\n\n  return <TableCell ref={ref} padding={padding} {...rest} />;\n});\n\nexport type DataGridLabelCellProps<T = DefaultAny, V = DefaultAny> = DataGridTableCellProps<T, V> & PropsWithChildren;\n\nexport const DataGridLabelCell: FRC<HTMLTableCellElement, DataGridLabelCellProps> = forwardRef((props, ref) => {\n  const {cell, children} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  return (\n    <LabelCell ref={ref} {...cellProps}>\n      {children}\n    </LabelCell>\n  );\n});\n"],"names":["rest","cell","children"],"mappings":";;;;;AAgBA;AAAoD;AACxB;AACD;AACD;AACC;AACD;AAE1B;AAGQ;AAAA;AAA0D;AAAMA;AAEtE;AACF;AAKQ;AAAA;AAACC;AAAMC;AAIb;AAKF;;;;;"}

package/dist/TableInputCell/switch.d.ts

@@ -0,0 +1,11 @@
+import { SwitchProps } from '@join-x5/react';
+import { FRC } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+type DefaultAny = any;
+type TSwitchCell = FRC<HTMLTableCellElement, {
+    inputProps: SwitchProps;
+} & Omit<TableCellProps, 'value' | 'onChange'>>;
+export declare const SwitchCell: TSwitchCell;
+export type DataGridSwitchCellProps<T = DefaultAny, V = DefaultAny> = SwitchProps & DataGridTableCellProps<T, V>;
+export declare const DataGridSwitchCell: FRC<HTMLTableCellElement, DataGridSwitchCellProps>;
+export {};

package/dist/TableInputCell/switch.es.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { SizeTokenValue as t, forwardRef as a } from "@join-x5/react-theme";
+import { Switch as n } from "@join-x5/react";
+import { TableCell as s } from "../TableCell/index.es.js";
+import { useDataGridInputCell as m } from "./hook.es.js";
+const d = {
+  [t.XXSmall]: "8px",
+  [t.XSmall]: "8px",
+  [t.Small]: "8px",
+  [t.Medium]: "12px",
+  [t.Large]: "14px 12px 14px 14px",
+  [t.XLarge]: "14px 12px 14px 14px"
+}, x = a((e, r) => {
+  const {
+    inputProps: i,
+    padding: l = d[e.size ?? t.Medium],
+    ...o
+  } = e;
+  return /* @__PURE__ */ p(s, { ref: r, padding: l, ...o, children: /* @__PURE__ */ p(n, { "data-action": !0, tabIndex: -1, disabled: e.isDisabled, size: t.Small, ...i }) });
+}), g = a((e, r) => {
+  const {
+    cell: i,
+    ...l
+  } = e, o = m(i);
+  return /* @__PURE__ */ p(x, { ref: r, ...o, inputProps: l });
+});
+export {
+  g as DataGridSwitchCell,
+  x as SwitchCell
+};
+//# sourceMappingURL=switch.es.js.map

package/dist/TableInputCell/switch.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.es.js","sources":["../../src/TableInputCell/switch.tsx"],"sourcesContent":["'use client';\n\nimport {forwardRef, SizeTokenValue} from '@join-x5/react-theme';\nimport {Switch} from '@join-x5/react';\n\nimport {TableCell} from '../TableCell';\n\nimport {useDataGridInputCell} from './hook';\n\nimport type {SwitchProps} from '@join-x5/react';\nimport type {FRC, CSSProperties} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\ntype TSwitchCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: SwitchProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nconst sizePadding: Record<SizeTokenValue, CSSProperties['padding']> = {\n  [SizeTokenValue.XXSmall]: '8px',\n  [SizeTokenValue.XSmall]: '8px',\n  [SizeTokenValue.Small]: '8px',\n  [SizeTokenValue.Medium]: '12px',\n  [SizeTokenValue.Large]: '14px 12px 14px 14px',\n  [SizeTokenValue.XLarge]: '14px 12px 14px 14px',\n};\n\nexport const SwitchCell: TSwitchCell = forwardRef((props, ref) => {\n  const {inputProps, padding = sizePadding[props.size ?? SizeTokenValue.Medium], ...rest} = props;\n\n  return (\n    <TableCell ref={ref} padding={padding} {...rest}>\n      <Switch data-action tabIndex={-1} disabled={props.isDisabled} size={SizeTokenValue.Small} {...inputProps} />\n    </TableCell>\n  );\n});\n\nexport type DataGridSwitchCellProps<T = DefaultAny, V = DefaultAny> = SwitchProps & DataGridTableCellProps<T, V>;\n\nexport const DataGridSwitchCell: FRC<HTMLTableCellElement, DataGridSwitchCellProps> = forwardRef((props, ref) => {\n  const {cell, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as SwitchProps;\n\n  return <SwitchCell ref={ref} {...cellProps} inputProps={inputProps} />;\n});\n"],"names":["inputProps","rest","cell"],"mappings":";;;;;;AAuBA;AAAsE;AAC1C;AACD;AACD;AACC;AACD;AAE1B;AAGQ;AAAA;AAACA;AAAqE;AAAMC;AAGhF;AAIJ;AAKQ;AAAA;AAACC;AAASD;AAMhB;AACF;;;;;"}

package/dist/TableInputCell/text.d.ts

@@ -0,0 +1,22 @@
+import { FocusEvent, InputHTMLAttributes } from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+import { FRC, PropsWithChildren } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+import { ColumnDefTemplate } from './types';
+type DefaultAny = any;
+export type TextInputProps = {
+    value: string;
+    onChange: (newValue: string, e: FocusEvent<HTMLInputElement>) => void;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;
+type TTextInputCell = FRC<HTMLTableCellElement, {
+    inputProps: TextInputProps;
+} & Omit<TableCellProps, 'value' | 'onChange'>>;
+export declare const TextInputCell: TTextInputCell;
+export type DataGridTextInputCellProps<T = DefaultAny, V = DefaultAny> = {
+    getValue: (cell: ReactTableCell<T, V>) => string;
+    onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLInputElement>) => void;
+} & Omit<TextInputProps, 'value' | 'onChange'> & DataGridTableCellProps<T, V> & PropsWithChildren;
+export declare const DataGridTextInputCell: FRC<HTMLTableCellElement, DataGridTextInputCellProps>;
+export type GetDataGridTextInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridTextInputCellProps<T, V>, 'cell' | 'children'>;
+export declare const getDataGridTextInputCell: <T, V>(args: GetDataGridTextInputCellArgs<T, V>) => ColumnDefTemplate<T, V>;
+export {};

package/dist/TableInputCell/text.es.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as g, jsxs as e } from "@emotion/react/jsx-runtime";
+import m from "@emotion/styled/base";
+import { useState as h, useEffect as A } from "react";
+import { forwardRef as t } from "@join-x5/react-theme";
+import { TableCell as a, TableCellContent as F } from "../TableCell/index.es.js";
+import { useTableCellTextInput as J, useDataGridInputCell as Y } from "./hook.es.js";
+function X() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const U = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
+  target: "ewl8o3j1"
+} : {
+  target: "ewl8o3j1",
+  label: "ChildContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1juk05q",
+  styles: "&[data-hidden]{visibility:hidden;pointer-events:none;}"
+} : {
+  name: "1juk05q",
+  styles: "&[data-hidden]{visibility:hidden;pointer-events:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IrQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSW5wdXRDZWxsL3RleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtmb3J3YXJkUmVmfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7VGFibGVDZWxsLCBUYWJsZUNlbGxDb250ZW50fSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuXG5pbXBvcnQge3VzZURhdGFHcmlkSW5wdXRDZWxsLCB1c2VUYWJsZUNlbGxUZXh0SW5wdXR9IGZyb20gJy4vaG9vayc7XG5cbmltcG9ydCB0eXBlIHtcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50LFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0NlbGwgYXMgUmVhY3RUYWJsZUNlbGx9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5pbXBvcnQgdHlwZSB7RlJDLCBQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge0RhdGFHcmlkVGFibGVDZWxsUHJvcHMsIFRhYmxlQ2VsbFByb3BzfSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuaW1wb3J0IHR5cGUge0NvbHVtbkRlZlRlbXBsYXRlfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQ2hpbGRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dElucHV0UHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAobmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICd2YWx1ZScgfCAnb25DaGFuZ2UnPjtcblxudHlwZSBUVGV4dElucHV0Q2VsbCA9IEZSQzxcbiAgSFRNTFRhYmxlQ2VsbEVsZW1lbnQsXG4gIHtcbiAgICBpbnB1dFByb3BzOiBUZXh0SW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRJbnB1dENlbGw6IFRUZXh0SW5wdXRDZWxsID0gZm9yd2FyZFJlZigoe2lucHV0UHJvcHMsIC4uLnByb3BzfSwgYmFzZVJlZikgPT4ge1xuICBjb25zdCB7Y2VsbFByb3BzLCByZWYsIGlucHV0UmVmfSA9IHVzZVRhYmxlQ2VsbFRleHRJbnB1dDxIVE1MSW5wdXRFbGVtZW50Pihwcm9wcywgYmFzZVJlZik7XG5cbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShpbnB1dFByb3BzLnZhbHVlID8/ICcnKTtcblxuICBjb25zdCBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5RG93bjogS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSBlID0+IHtcbiAgICBjb25zdCBpc0VudGVyQ29kZSA9IGUuY29kZSA9PT0gJ0VudGVyJyB8fCBlLmNvZGUgPT09ICdOdW1wYWRFbnRlcic7XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJyB8fCBpc0VudGVyQ29kZSkge1xuICAgICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG4gICAgICBlLmN1cnJlbnRUYXJnZXQuYmx1cigpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG5cbiAgICBpbnB1dFByb3BzLm9uQ2hhbmdlKHZhbHVlLCBlKTtcbiAgICBpbnB1dFByb3BzLm9uQmx1cj8uKGUpO1xuICAgIHJlZi5jdXJyZW50Py5ibHVyKCk7XG4gIH07XG5cbiAgY29uc3QgaXNDaGlsZEhpZGRlbiA9IHByb3BzLmlzQWN0aXZlID8gdHJ1ZSA6IHVuZGVmaW5lZDtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5pbnB1dFByb3BzLFxuXG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25LZXlEb3duLFxuICAgIG9uQmx1cixcblxuICAgIHNpemU6IDAsXG4gICAgJ2RhdGEtaGlkZGVuJzogcHJvcHMuaXNBY3RpdmUgPyB1bmRlZmluZWQgOiB0cnVlLFxuICB9O1xuXG4gIGNvbnN0IGNvbnRlbnRQcm9wcyA9IHtcbiAgICBpc011bHRpbGluZTogY2VsbFByb3BzLmlzTXVsdGlsaW5lLFxuICAgIHdoaXRlU3BhY2U6IGNlbGxQcm9wcy53aGl0ZVNwYWNlLFxuICAgIHdvcmRCcmVhazogY2VsbFByb3BzLndvcmRCcmVhayxcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFZhbHVlKGlucHV0UHJvcHMudmFsdWUpO1xuICB9LCBbaW5wdXRQcm9wcy52YWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFRhYmxlQ2VsbCB7Li4uY2VsbFByb3BzfT5cbiAgICAgIDxUYWJsZUNlbGxDb250ZW50IHsuLi5jb250ZW50UHJvcHN9PlxuICAgICAgICA8Q2hpbGRDb250ZW50IGRhdGEtaGlkZGVuPXtpc0NoaWxkSGlkZGVufT57cHJvcHMuY2hpbGRyZW59PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxJbnB1dCByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCA9IERlZmF1bHRBbnksIFYgPSBEZWZhdWx0QW55PiA9IHtcbiAgZ2V0VmFsdWU6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPikgPT4gc3RyaW5nO1xuICBvbkNoYW5nZTogKGNlbGw6IFJlYWN0VGFibGVDZWxsPFQsIFY+LCBuZXdWYWx1ZTogc3RyaW5nLCBlOiBGb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8VGV4dElucHV0UHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPiAmXG4gIERhdGFHcmlkVGFibGVDZWxsUHJvcHM8VCwgVj4gJlxuICBQcm9wc1dpdGhDaGlsZHJlbjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGV4dElucHV0Q2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRJbnB1dENlbGxQcm9wcz4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIGNoaWxkcmVuLCAuLi5yZXN0fSA9IHByb3BzO1xuXG4gIGNvbnN0IGNlbGxQcm9wcyA9IHVzZURhdGFHcmlkSW5wdXRDZWxsKGNlbGwpO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRJbnB1dFByb3BzO1xuICBpbnB1dFByb3BzLnZhbHVlID0gZ2V0VmFsdWUoY2VsbCk7XG4gIGlucHV0UHJvcHMub25DaGFuZ2UgPSAobmV3VmFsdWUsIGUpID0+IG9uQ2hhbmdlKGNlbGwsIG5ld1ZhbHVlLCBlKTtcblxuICByZXR1cm4gKFxuICAgIDxUZXh0SW5wdXRDZWxsIHJlZj17cmVmfSB7Li4uY2VsbFByb3BzfSBpbnB1dFByb3BzPXtpbnB1dFByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHRJbnB1dENlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCwgVj4sXG4gICdjZWxsJyB8ICdjaGlsZHJlbidcbj47XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRleHRJbnB1dENlbGwgPSA8VCwgVj4oYXJnczogR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxULCBWPik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dElucHV0Q2VsbCBrZXk9e2NlbGwuaWR9IGNlbGw9e2NlbGx9IHsuLi5hcmdzfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L0RhdGFHcmlkVGV4dElucHV0Q2VsbD5cbiAgICApO1xuICB9O1xufTtcbiJdfQ== */",
+  toString: X
+}), N = /* @__PURE__ */ m("input", process.env.NODE_ENV === "production" ? {
+  target: "ewl8o3j0"
+} : {
+  target: "ewl8o3j0",
+  label: "Input"
+})(process.env.NODE_ENV === "production" ? {
+  name: "kvz3z7",
+  styles: "position:absolute;top:0;left:0;width:100%;min-width:10px;padding:0;background-color:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;&[data-hidden]{visibility:hidden;pointer-events:none;}"
+} : {
+  name: "kvz3z7",
+  styles: "position:absolute;top:0;left:0;width:100%;min-width:10px;padding:0;background-color:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;&[data-hidden]{visibility:hidden;pointer-events:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlSW5wdXRDZWxsL3RleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7dXNlRWZmZWN0LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtmb3J3YXJkUmVmfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7VGFibGVDZWxsLCBUYWJsZUNlbGxDb250ZW50fSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuXG5pbXBvcnQge3VzZURhdGFHcmlkSW5wdXRDZWxsLCB1c2VUYWJsZUNlbGxUZXh0SW5wdXR9IGZyb20gJy4vaG9vayc7XG5cbmltcG9ydCB0eXBlIHtcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50LFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgSW5wdXRIVE1MQXR0cmlidXRlcyxcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIFJlYWN0Tm9kZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUge0NlbGwgYXMgUmVhY3RUYWJsZUNlbGx9IGZyb20gJ0B0YW5zdGFjay9yZWFjdC10YWJsZSc7XG5pbXBvcnQgdHlwZSB7RlJDLCBQcm9wc1dpdGhDaGlsZHJlbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge0RhdGFHcmlkVGFibGVDZWxsUHJvcHMsIFRhYmxlQ2VsbFByb3BzfSBmcm9tICcuLi9UYWJsZUNlbGwnO1xuaW1wb3J0IHR5cGUge0NvbHVtbkRlZlRlbXBsYXRlfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgQ2hpbGRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dElucHV0UHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAobmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICd2YWx1ZScgfCAnb25DaGFuZ2UnPjtcblxudHlwZSBUVGV4dElucHV0Q2VsbCA9IEZSQzxcbiAgSFRNTFRhYmxlQ2VsbEVsZW1lbnQsXG4gIHtcbiAgICBpbnB1dFByb3BzOiBUZXh0SW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRJbnB1dENlbGw6IFRUZXh0SW5wdXRDZWxsID0gZm9yd2FyZFJlZigoe2lucHV0UHJvcHMsIC4uLnByb3BzfSwgYmFzZVJlZikgPT4ge1xuICBjb25zdCB7Y2VsbFByb3BzLCByZWYsIGlucHV0UmVmfSA9IHVzZVRhYmxlQ2VsbFRleHRJbnB1dDxIVE1MSW5wdXRFbGVtZW50Pihwcm9wcywgYmFzZVJlZik7XG5cbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShpbnB1dFByb3BzLnZhbHVlID8/ICcnKTtcblxuICBjb25zdCBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5RG93bjogS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD4gPSBlID0+IHtcbiAgICBjb25zdCBpc0VudGVyQ29kZSA9IGUuY29kZSA9PT0gJ0VudGVyJyB8fCBlLmNvZGUgPT09ICdOdW1wYWRFbnRlcic7XG5cbiAgICBpZiAoZS5jb2RlID09PSAnRXNjYXBlJyB8fCBpc0VudGVyQ29kZSkge1xuICAgICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG4gICAgICBlLmN1cnJlbnRUYXJnZXQuYmx1cigpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkJsdXI6IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+ID0gZSA9PiB7XG4gICAgcHJvcHMuc2V0SXNBY3RpdmU/LihmYWxzZSk7XG5cbiAgICBpbnB1dFByb3BzLm9uQ2hhbmdlKHZhbHVlLCBlKTtcbiAgICBpbnB1dFByb3BzLm9uQmx1cj8uKGUpO1xuICAgIHJlZi5jdXJyZW50Py5ibHVyKCk7XG4gIH07XG5cbiAgY29uc3QgaXNDaGlsZEhpZGRlbiA9IHByb3BzLmlzQWN0aXZlID8gdHJ1ZSA6IHVuZGVmaW5lZDtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHtcbiAgICAuLi5pbnB1dFByb3BzLFxuXG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25LZXlEb3duLFxuICAgIG9uQmx1cixcblxuICAgIHNpemU6IDAsXG4gICAgJ2RhdGEtaGlkZGVuJzogcHJvcHMuaXNBY3RpdmUgPyB1bmRlZmluZWQgOiB0cnVlLFxuICB9O1xuXG4gIGNvbnN0IGNvbnRlbnRQcm9wcyA9IHtcbiAgICBpc011bHRpbGluZTogY2VsbFByb3BzLmlzTXVsdGlsaW5lLFxuICAgIHdoaXRlU3BhY2U6IGNlbGxQcm9wcy53aGl0ZVNwYWNlLFxuICAgIHdvcmRCcmVhazogY2VsbFByb3BzLndvcmRCcmVhayxcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldFZhbHVlKGlucHV0UHJvcHMudmFsdWUpO1xuICB9LCBbaW5wdXRQcm9wcy52YWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFRhYmxlQ2VsbCB7Li4uY2VsbFByb3BzfT5cbiAgICAgIDxUYWJsZUNlbGxDb250ZW50IHsuLi5jb250ZW50UHJvcHN9PlxuICAgICAgICA8Q2hpbGRDb250ZW50IGRhdGEtaGlkZGVuPXtpc0NoaWxkSGlkZGVufT57cHJvcHMuY2hpbGRyZW59PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxJbnB1dCByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCA9IERlZmF1bHRBbnksIFYgPSBEZWZhdWx0QW55PiA9IHtcbiAgZ2V0VmFsdWU6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPikgPT4gc3RyaW5nO1xuICBvbkNoYW5nZTogKGNlbGw6IFJlYWN0VGFibGVDZWxsPFQsIFY+LCBuZXdWYWx1ZTogc3RyaW5nLCBlOiBGb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xufSAmIE9taXQ8VGV4dElucHV0UHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPiAmXG4gIERhdGFHcmlkVGFibGVDZWxsUHJvcHM8VCwgVj4gJlxuICBQcm9wc1dpdGhDaGlsZHJlbjtcblxuZXhwb3J0IGNvbnN0IERhdGFHcmlkVGV4dElucHV0Q2VsbDogRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRJbnB1dENlbGxQcm9wcz4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIGNoaWxkcmVuLCAuLi5yZXN0fSA9IHByb3BzO1xuXG4gIGNvbnN0IGNlbGxQcm9wcyA9IHVzZURhdGFHcmlkSW5wdXRDZWxsKGNlbGwpO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRJbnB1dFByb3BzO1xuICBpbnB1dFByb3BzLnZhbHVlID0gZ2V0VmFsdWUoY2VsbCk7XG4gIGlucHV0UHJvcHMub25DaGFuZ2UgPSAobmV3VmFsdWUsIGUpID0+IG9uQ2hhbmdlKGNlbGwsIG5ld1ZhbHVlLCBlKTtcblxuICByZXR1cm4gKFxuICAgIDxUZXh0SW5wdXRDZWxsIHJlZj17cmVmfSB7Li4uY2VsbFByb3BzfSBpbnB1dFByb3BzPXtpbnB1dFByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RleHRJbnB1dENlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0SW5wdXRDZWxsUHJvcHM8VCwgVj4sXG4gICdjZWxsJyB8ICdjaGlsZHJlbidcbj47XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhR3JpZFRleHRJbnB1dENlbGwgPSA8VCwgVj4oYXJnczogR2V0RGF0YUdyaWRUZXh0SW5wdXRDZWxsQXJnczxULCBWPik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dElucHV0Q2VsbCBrZXk9e2NlbGwuaWR9IGNlbGw9e2NlbGx9IHsuLi5hcmdzfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L0RhdGFHcmlkVGV4dElucHV0Q2VsbD5cbiAgICApO1xuICB9O1xufTtcbiJdfQ== */",
+  toString: X
+}), y = t(({
+  inputProps: c,
+  ...b
+}, G) => {
+  const {
+    cellProps: I,
+    ref: n,
+    inputRef: i
+  } = J(b, G), [u, V] = h(c.value ?? ""), d = (l) => {
+    V(l.target.value);
+  }, W = (l) => {
+    var Z;
+    const B = l.code === "Enter" || l.code === "NumpadEnter";
+    (l.code === "Escape" || B) && ((Z = b.setIsActive) == null || Z.call(b, !1), l.currentTarget.blur());
+  }, C = (l) => {
+    var B, Z, R;
+    (B = b.setIsActive) == null || B.call(b, !1), c.onChange(u, l), (Z = c.onBlur) == null || Z.call(c, l), (R = n.current) == null || R.blur();
+  }, x = b.isActive ? !0 : void 0, s = {
+    ...c,
+    value: u,
+    onChange: d,
+    onKeyDown: W,
+    onBlur: C,
+    size: 0,
+    "data-hidden": b.isActive ? void 0 : !0
+  }, H = {
+    isMultiline: I.isMultiline,
+    whiteSpace: I.whiteSpace,
+    wordBreak: I.wordBreak
+  };
+  return A(() => {
+    V(c.value);
+  }, [c.value]), /* @__PURE__ */ g(a, { ...I, children: /* @__PURE__ */ e(F, { ...H, children: [
+    /* @__PURE__ */ g(U, { "data-hidden": x, children: b.children }),
+    /* @__PURE__ */ g(N, { ref: i, ...s })
+  ] }) });
+}), o = t((c, b) => {
+  const {
+    cell: G,
+    getValue: I,
+    onChange: n,
+    children: i,
+    ...u
+  } = c, V = Y(G), d = u;
+  return d.value = I(G), d.onChange = (W, C) => n(G, W, C), /* @__PURE__ */ g(y, { ref: b, ...V, inputProps: d, children: i });
+}), D = (c) => ({
+  cell: b
+}) => {
+  const G = b.getValue() ?? null;
+  return /* @__PURE__ */ g(o, { cell: b, ...c, children: G }, b.id);
+};
+export {
+  o as DataGridTextInputCell,
+  y as TextInputCell,
+  D as getDataGridTextInputCell
+};
+//# sourceMappingURL=text.es.js.map

package/dist/TableInputCell/text.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.es.js","sources":["../../src/TableInputCell/text.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {useEffect, useState} from 'react';\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {TableCell, TableCellContent} from '../TableCell';\n\nimport {useDataGridInputCell, useTableCellTextInput} from './hook';\n\nimport type {\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\nconst ChildContent = styled.div`\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\nconst Input = styled.input`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  min-width: 10px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\nexport type TextInputProps = {\n  value: string;\n  onChange: (newValue: string, e: FocusEvent<HTMLInputElement>) => void;\n} & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>;\n\ntype TTextInputCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: TextInputProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const TextInputCell: TTextInputCell = forwardRef(({inputProps, ...props}, baseRef) => {\n  const {cellProps, ref, inputRef} = useTableCellTextInput<HTMLInputElement>(props, baseRef);\n\n  const [value, setValue] = useState(inputProps.value ?? '');\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = e => {\n    setValue(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (e.code === 'Escape' || isEnterCode) {\n      props.setIsActive?.(false);\n      e.currentTarget.blur();\n    }\n  };\n\n  const onBlur: FocusEventHandler<HTMLInputElement> = e => {\n    props.setIsActive?.(false);\n\n    inputProps.onChange(value, e);\n    inputProps.onBlur?.(e);\n    ref.current?.blur();\n  };\n\n  const isChildHidden = props.isActive ? true : undefined;\n\n  const resultProps = {\n    ...inputProps,\n\n    value,\n    onChange,\n    onKeyDown,\n    onBlur,\n\n    size: 0,\n    'data-hidden': props.isActive ? undefined : true,\n  };\n\n  const contentProps = {\n    isMultiline: cellProps.isMultiline,\n    whiteSpace: cellProps.whiteSpace,\n    wordBreak: cellProps.wordBreak,\n  };\n\n  useEffect(() => {\n    setValue(inputProps.value);\n  }, [inputProps.value]);\n\n  return (\n    <TableCell {...cellProps}>\n      <TableCellContent {...contentProps}>\n        <ChildContent data-hidden={isChildHidden}>{props.children}</ChildContent>\n        <Input ref={inputRef} {...resultProps} />\n      </TableCellContent>\n    </TableCell>\n  );\n});\n\nexport type DataGridTextInputCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => string;\n  onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLInputElement>) => void;\n} & Omit<TextInputProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V> &\n  PropsWithChildren;\n\nexport const DataGridTextInputCell: FRC<HTMLTableCellElement, DataGridTextInputCellProps> = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, children, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const inputProps = rest as TextInputProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (newValue, e) => onChange(cell, newValue, e);\n\n  return (\n    <TextInputCell ref={ref} {...cellProps} inputProps={inputProps}>\n      {children}\n    </TextInputCell>\n  );\n});\n\nexport type GetDataGridTextInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<\n  DataGridTextInputCellProps<T, V>,\n  'cell' | 'children'\n>;\n\nexport const getDataGridTextInputCell = <T, V>(args: GetDataGridTextInputCellArgs<T, V>): ColumnDefTemplate<T, V> => {\n  return ({cell}) => {\n    const content = (cell.getValue() ?? null) as ReactNode;\n\n    return (\n      <DataGridTextInputCell key={cell.id} cell={cell} {...args}>\n        {content}\n      </DataGridTextInputCell>\n    );\n  };\n};\n"],"names":["inputProps","cellProps","ref","inputRef","e","props","blur","value","onChange","onKeyDown","onBlur","isMultiline","whiteSpace","wordBreak","useEffect","setValue","cell","getValue","children","rest","content"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAwBb;AAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoC8C;AAACA;AAAoB;AACtE;AAAA;AAACC;AAAWC;AAAKC;AAKZC;AAAc;;AAIvB;AAEIA;AAEmB;;AAKvBC;AAIaC;AAKK;AACfN;AAEHO;AACAC;AACAC;AACAC;AAEM;AACsC;AAGzB;AACIC;AACDC;AACDC;AAGvBC;AACEC;AAAyB;AAMrB;AAA0D;AACpB;AAI9C;AAUQ;AAAA;AAACC;AAAMC;AAAUT;AAAUU;AAAaC;AAKnCZ;AAQb;AAQU;AAACS;AACDI;AAEN;AAKF;;;;;;"}

package/dist/TableInputCell/textarea.d.ts

@@ -0,0 +1,23 @@
+import { FocusEvent, InputHTMLAttributes } from 'react';
+import { Cell as ReactTableCell } from '@tanstack/react-table';
+import { FRC, PropsWithChildren } from '@join-x5/react-theme';
+import { DataGridTableCellProps, TableCellProps } from '../TableCell';
+import { ColumnDefTemplate } from './types';
+type DefaultAny = any;
+export type TextAreaInputProps = {
+    value: string;
+    onChange: (newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;
+} & Omit<InputHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>;
+type TTextAreaInputCell = FRC<HTMLTableCellElement, {
+    inputProps: TextAreaInputProps;
+} & Omit<TableCellProps, 'value' | 'onChange'>>;
+export declare const TextAreaInputCell: TTextAreaInputCell;
+export type DataGridTextAreaInputCellProps<T = DefaultAny, V = DefaultAny> = {
+    getValue: (cell: ReactTableCell<T, V>) => string;
+    onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;
+} & Omit<TextAreaInputProps, 'value' | 'onChange'> & DataGridTableCellProps<T, V> & PropsWithChildren;
+type TDataGridTextAreaInputCell = FRC<HTMLTableCellElement, DataGridTextAreaInputCellProps>;
+export declare const DataGridTextAreaInputCell: TDataGridTextAreaInputCell;
+export type GetDataGridTextAreaInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<DataGridTextAreaInputCellProps<T, V>, 'cell' | 'children'>;
+export declare const getDataGridTextAreaInputCell: <T, V>(args: GetDataGridTextAreaInputCellArgs<T, V>) => ColumnDefTemplate<T, V>;
+export {};

package/dist/TableInputCell/textarea.es.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as V, jsxs as s } from "@emotion/react/jsx-runtime";
+import m from "@emotion/styled/base";
+import { useState as F, useEffect as h } from "react";
+import J, { forwardRef as i } from "@join-x5/react-theme";
+import { TableCell as A, TableCellContent as Y } from "../TableCell/index.es.js";
+import { useTableCellTextInput as U, useDataGridInputCell as a } from "./hook.es.js";
+function N() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const y = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
+  target: "e1dalyc21"
+} : {
+  target: "e1dalyc21",
+  label: "ChildContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1akleb8",
+  styles: "min-height:100%;&[data-hidden]{visibility:hidden;pointer-events:none;}"
+} : {
+  name: "1akleb8",
+  styles: "min-height:100%;&[data-hidden]{visibility:hidden;pointer-events:none;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dGFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCK0IiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUlucHV0Q2VsbC90ZXh0YXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge1RhYmxlQ2VsbCwgVGFibGVDZWxsQ29udGVudH0gZnJvbSAnLi4vVGFibGVDZWxsJztcblxuaW1wb3J0IHt1c2VEYXRhR3JpZElucHV0Q2VsbCwgdXNlVGFibGVDZWxsVGV4dElucHV0fSBmcm9tICcuL2hvb2snO1xuXG5pbXBvcnQgdHlwZSB7XG4gIENoYW5nZUV2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDZWxsIGFzIFJlYWN0VGFibGVDZWxsfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0ZSQywgUHJvcHNXaXRoQ2hpbGRyZW59IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtEYXRhR3JpZFRhYmxlQ2VsbFByb3BzLCBUYWJsZUNlbGxQcm9wc30gZnJvbSAnLi4vVGFibGVDZWxsJztcbmltcG9ydCB0eXBlIHtDb2x1bW5EZWZUZW1wbGF0ZX0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IENoaWxkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICZbZGF0YS1oaWRkZW5dIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gIHJlc2l6ZTogbm9uZTtcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dEFyZWFJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG5ld1ZhbHVlOiBzdHJpbmcsIGU6IEZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+LCAndmFsdWUnIHwgJ29uQ2hhbmdlJz47XG5cbnR5cGUgVFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPFxuICBIVE1MVGFibGVDZWxsRWxlbWVudCxcbiAge1xuICAgIGlucHV0UHJvcHM6IFRleHRBcmVhSW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRBcmVhSW5wdXRDZWxsOiBUVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKCh7aW5wdXRQcm9wcywgLi4ucHJvcHN9LCBiYXNlUmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsUHJvcHMsIHJlZiwgaW5wdXRSZWZ9ID0gdXNlVGFibGVDZWxsVGV4dElucHV0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KHByb3BzLCBiYXNlUmVmKTtcblxuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKGlucHV0UHJvcHMudmFsdWUgPz8gJycpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PiA9IGUgPT4ge1xuICAgIGNvbnN0IGlzRW50ZXJDb2RlID0gZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJztcblxuICAgIGlmIChlLmNvZGUgPT09ICdFc2NhcGUnIHx8IChpc0VudGVyQ29kZSAmJiBlLmN0cmxLZXkpKSB7XG4gICAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcbiAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1cjogRm9jdXNFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcblxuICAgIGlucHV0UHJvcHMub25DaGFuZ2UodmFsdWUsIGUpO1xuICAgIGlucHV0UHJvcHMub25CbHVyPy4oZSk7XG4gICAgcmVmLmN1cnJlbnQ/LmJsdXIoKTtcbiAgfTtcblxuICBjb25zdCBpc0NoaWxkSGlkZGVuID0gcHJvcHMuaXNBY3RpdmUgPyB0cnVlIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLmlucHV0UHJvcHMsXG5cbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgb25CbHVyLFxuXG4gICAgc2l6ZTogMCxcbiAgICAnZGF0YS1oaWRkZW4nOiBwcm9wcy5pc0FjdGl2ZSA/IHVuZGVmaW5lZCA6IHRydWUsXG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IHByb3BzLmlzQWN0aXZlID8gdmFsdWUgOiBwcm9wcy5jaGlsZHJlbjtcblxuICBjb25zdCBjb250ZW50UHJvcHMgPSB7XG4gICAgaXNNdWx0aWxpbmU6IGNlbGxQcm9wcy5pc011bHRpbGluZSxcbiAgICB3aGl0ZVNwYWNlOiBjZWxsUHJvcHMud2hpdGVTcGFjZSxcbiAgICB3b3JkQnJlYWs6IGNlbGxQcm9wcy53b3JkQnJlYWssXG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZShpbnB1dFByb3BzLnZhbHVlKTtcbiAgfSwgW2lucHV0UHJvcHMudmFsdWVdKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNlbGwgey4uLmNlbGxQcm9wc30+XG4gICAgICA8VGFibGVDZWxsQ29udGVudCB7Li4uY29udGVudFByb3BzfT5cbiAgICAgICAgPENoaWxkQ29udGVudCBkYXRhLWhpZGRlbj17aXNDaGlsZEhpZGRlbn0+e2NvbnRlbnR9PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxUZXh0QXJlYSByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQgPSBEZWZhdWx0QW55LCBWID0gRGVmYXVsdEFueT4gPSB7XG4gIGdldFZhbHVlOiAoY2VsbDogUmVhY3RUYWJsZUNlbGw8VCwgVj4pID0+IHN0cmluZztcbiAgb25DaGFuZ2U6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPiwgbmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PFRleHRBcmVhSW5wdXRQcm9wcywgJ3ZhbHVlJyB8ICdvbkNoYW5nZSc+ICZcbiAgRGF0YUdyaWRUYWJsZUNlbGxQcm9wczxULCBWPiAmXG4gIFByb3BzV2l0aENoaWxkcmVuO1xuXG50eXBlIFREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsUHJvcHM+O1xuXG5leHBvcnQgY29uc3QgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbDogVERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIC4uLnJlc3R9ID0gcHJvcHM7XG5cbiAgY29uc3QgY2VsbFByb3BzID0gdXNlRGF0YUdyaWRJbnB1dENlbGwoY2VsbCk7XG5cbiAgY29uc3QgY29udGVudCA9IChjZWxsLmdldFZhbHVlKCkgPz8gbnVsbCkgYXMgUmVhY3ROb2RlO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRBcmVhSW5wdXRQcm9wcztcbiAgaW5wdXRQcm9wcy52YWx1ZSA9IGdldFZhbHVlKGNlbGwpO1xuICBpbnB1dFByb3BzLm9uQ2hhbmdlID0gKG5ld1ZhbHVlLCBlKSA9PiBvbkNoYW5nZShjZWxsLCBuZXdWYWx1ZSwgZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dEFyZWFJbnB1dENlbGwgcmVmPXtyZWZ9IHsuLi5jZWxsUHJvcHN9IGlucHV0UHJvcHM9e2lucHV0UHJvcHN9PlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9UZXh0QXJlYUlucHV0Q2VsbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgdHlwZSBHZXREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQsIFY+LFxuICAnY2VsbCcgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgY29uc3QgZ2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbCA9IDxULCBWPihcbiAgYXJnczogR2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbEFyZ3M8VCwgVj5cbik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwga2V5PXtjZWxsLmlkfSBjZWxsPXtjZWxsfSB7Li4uYXJnc30+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9EYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsPlxuICAgICk7XG4gIH07XG59O1xuIl19 */",
+  toString: N
+}), o = /* @__PURE__ */ m("textarea", process.env.NODE_ENV === "production" ? {
+  target: "e1dalyc20"
+} : {
+  target: "e1dalyc20",
+  label: "TextArea"
+})("position:absolute;top:0;left:0;width:100%;height:100%;min-width:10px;padding:0;background-color:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;resize:none;", J.scroll, " &[data-hidden]{visibility:hidden;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVJbnB1dENlbGwvdGV4dGFyZWEudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0MiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvZGF0YS1ncmlkL3NyYy9UYWJsZUlucHV0Q2VsbC90ZXh0YXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgYmFzZVRoZW1lLCB7Zm9yd2FyZFJlZn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuXG5pbXBvcnQge1RhYmxlQ2VsbCwgVGFibGVDZWxsQ29udGVudH0gZnJvbSAnLi4vVGFibGVDZWxsJztcblxuaW1wb3J0IHt1c2VEYXRhR3JpZElucHV0Q2VsbCwgdXNlVGFibGVDZWxsVGV4dElucHV0fSBmcm9tICcuL2hvb2snO1xuXG5pbXBvcnQgdHlwZSB7XG4gIENoYW5nZUV2ZW50SGFuZGxlcixcbiAgRm9jdXNFdmVudCxcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIElucHV0SFRNTEF0dHJpYnV0ZXMsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBSZWFjdE5vZGUsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtDZWxsIGFzIFJlYWN0VGFibGVDZWxsfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtdGFibGUnO1xuaW1wb3J0IHR5cGUge0ZSQywgUHJvcHNXaXRoQ2hpbGRyZW59IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtEYXRhR3JpZFRhYmxlQ2VsbFByb3BzLCBUYWJsZUNlbGxQcm9wc30gZnJvbSAnLi4vVGFibGVDZWxsJztcbmltcG9ydCB0eXBlIHtDb2x1bW5EZWZUZW1wbGF0ZX0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IENoaWxkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICZbZGF0YS1oaWRkZW5dIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMHB4O1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyOiBub25lO1xuICBvdXRsaW5lOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogaW5oZXJpdDtcbiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gIHJlc2l6ZTogbm9uZTtcblxuICAke2Jhc2VUaGVtZS5zY3JvbGx9XG5cbiAgJltkYXRhLWhpZGRlbl0ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbnR5cGUgRGVmYXVsdEFueSA9IGFueTtcblxuZXhwb3J0IHR5cGUgVGV4dEFyZWFJbnB1dFByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogKG5ld1ZhbHVlOiBzdHJpbmcsIGU6IEZvY3VzRXZlbnQ8SFRNTFRleHRBcmVhRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgT21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+LCAndmFsdWUnIHwgJ29uQ2hhbmdlJz47XG5cbnR5cGUgVFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPFxuICBIVE1MVGFibGVDZWxsRWxlbWVudCxcbiAge1xuICAgIGlucHV0UHJvcHM6IFRleHRBcmVhSW5wdXRQcm9wcztcbiAgfSAmIE9taXQ8VGFibGVDZWxsUHJvcHMsICd2YWx1ZScgfCAnb25DaGFuZ2UnPlxuPjtcblxuZXhwb3J0IGNvbnN0IFRleHRBcmVhSW5wdXRDZWxsOiBUVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKCh7aW5wdXRQcm9wcywgLi4ucHJvcHN9LCBiYXNlUmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsUHJvcHMsIHJlZiwgaW5wdXRSZWZ9ID0gdXNlVGFibGVDZWxsVGV4dElucHV0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+KHByb3BzLCBiYXNlUmVmKTtcblxuICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKGlucHV0UHJvcHMudmFsdWUgPz8gJycpO1xuXG4gIGNvbnN0IG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBzZXRWYWx1ZShlLnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlEb3duOiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PiA9IGUgPT4ge1xuICAgIGNvbnN0IGlzRW50ZXJDb2RlID0gZS5jb2RlID09PSAnRW50ZXInIHx8IGUuY29kZSA9PT0gJ051bXBhZEVudGVyJztcblxuICAgIGlmIChlLmNvZGUgPT09ICdFc2NhcGUnIHx8IChpc0VudGVyQ29kZSAmJiBlLmN0cmxLZXkpKSB7XG4gICAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcbiAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1cjogRm9jdXNFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD4gPSBlID0+IHtcbiAgICBwcm9wcy5zZXRJc0FjdGl2ZT8uKGZhbHNlKTtcblxuICAgIGlucHV0UHJvcHMub25DaGFuZ2UodmFsdWUsIGUpO1xuICAgIGlucHV0UHJvcHMub25CbHVyPy4oZSk7XG4gICAgcmVmLmN1cnJlbnQ/LmJsdXIoKTtcbiAgfTtcblxuICBjb25zdCBpc0NoaWxkSGlkZGVuID0gcHJvcHMuaXNBY3RpdmUgPyB0cnVlIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0ge1xuICAgIC4uLmlucHV0UHJvcHMsXG5cbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbktleURvd24sXG4gICAgb25CbHVyLFxuXG4gICAgc2l6ZTogMCxcbiAgICAnZGF0YS1oaWRkZW4nOiBwcm9wcy5pc0FjdGl2ZSA/IHVuZGVmaW5lZCA6IHRydWUsXG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IHByb3BzLmlzQWN0aXZlID8gdmFsdWUgOiBwcm9wcy5jaGlsZHJlbjtcblxuICBjb25zdCBjb250ZW50UHJvcHMgPSB7XG4gICAgaXNNdWx0aWxpbmU6IGNlbGxQcm9wcy5pc011bHRpbGluZSxcbiAgICB3aGl0ZVNwYWNlOiBjZWxsUHJvcHMud2hpdGVTcGFjZSxcbiAgICB3b3JkQnJlYWs6IGNlbGxQcm9wcy53b3JkQnJlYWssXG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWYWx1ZShpbnB1dFByb3BzLnZhbHVlKTtcbiAgfSwgW2lucHV0UHJvcHMudmFsdWVdKTtcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNlbGwgey4uLmNlbGxQcm9wc30+XG4gICAgICA8VGFibGVDZWxsQ29udGVudCB7Li4uY29udGVudFByb3BzfT5cbiAgICAgICAgPENoaWxkQ29udGVudCBkYXRhLWhpZGRlbj17aXNDaGlsZEhpZGRlbn0+e2NvbnRlbnR9PC9DaGlsZENvbnRlbnQ+XG4gICAgICAgIDxUZXh0QXJlYSByZWY9e2lucHV0UmVmfSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L1RhYmxlQ2VsbENvbnRlbnQ+XG4gICAgPC9UYWJsZUNlbGw+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQgPSBEZWZhdWx0QW55LCBWID0gRGVmYXVsdEFueT4gPSB7XG4gIGdldFZhbHVlOiAoY2VsbDogUmVhY3RUYWJsZUNlbGw8VCwgVj4pID0+IHN0cmluZztcbiAgb25DaGFuZ2U6IChjZWxsOiBSZWFjdFRhYmxlQ2VsbDxULCBWPiwgbmV3VmFsdWU6IHN0cmluZywgZTogRm9jdXNFdmVudDxIVE1MVGV4dEFyZWFFbGVtZW50PikgPT4gdm9pZDtcbn0gJiBPbWl0PFRleHRBcmVhSW5wdXRQcm9wcywgJ3ZhbHVlJyB8ICdvbkNoYW5nZSc+ICZcbiAgRGF0YUdyaWRUYWJsZUNlbGxQcm9wczxULCBWPiAmXG4gIFByb3BzV2l0aENoaWxkcmVuO1xuXG50eXBlIFREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsID0gRlJDPEhUTUxUYWJsZUNlbGxFbGVtZW50LCBEYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsUHJvcHM+O1xuXG5leHBvcnQgY29uc3QgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbDogVERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtjZWxsLCBnZXRWYWx1ZSwgb25DaGFuZ2UsIC4uLnJlc3R9ID0gcHJvcHM7XG5cbiAgY29uc3QgY2VsbFByb3BzID0gdXNlRGF0YUdyaWRJbnB1dENlbGwoY2VsbCk7XG5cbiAgY29uc3QgY29udGVudCA9IChjZWxsLmdldFZhbHVlKCkgPz8gbnVsbCkgYXMgUmVhY3ROb2RlO1xuXG4gIGNvbnN0IGlucHV0UHJvcHMgPSByZXN0IGFzIFRleHRBcmVhSW5wdXRQcm9wcztcbiAgaW5wdXRQcm9wcy52YWx1ZSA9IGdldFZhbHVlKGNlbGwpO1xuICBpbnB1dFByb3BzLm9uQ2hhbmdlID0gKG5ld1ZhbHVlLCBlKSA9PiBvbkNoYW5nZShjZWxsLCBuZXdWYWx1ZSwgZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGV4dEFyZWFJbnB1dENlbGwgcmVmPXtyZWZ9IHsuLi5jZWxsUHJvcHN9IGlucHV0UHJvcHM9e2lucHV0UHJvcHN9PlxuICAgICAge2NvbnRlbnR9XG4gICAgPC9UZXh0QXJlYUlucHV0Q2VsbD5cbiAgKTtcbn0pO1xuXG5leHBvcnQgdHlwZSBHZXREYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsQXJnczxUID0gRGVmYXVsdEFueSwgViA9IERlZmF1bHRBbnk+ID0gT21pdDxcbiAgRGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbFByb3BzPFQsIFY+LFxuICAnY2VsbCcgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgY29uc3QgZ2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbCA9IDxULCBWPihcbiAgYXJnczogR2V0RGF0YUdyaWRUZXh0QXJlYUlucHV0Q2VsbEFyZ3M8VCwgVj5cbik6IENvbHVtbkRlZlRlbXBsYXRlPFQsIFY+ID0+IHtcbiAgcmV0dXJuICh7Y2VsbH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50ID0gKGNlbGwuZ2V0VmFsdWUoKSA/PyBudWxsKSBhcyBSZWFjdE5vZGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERhdGFHcmlkVGV4dEFyZWFJbnB1dENlbGwga2V5PXtjZWxsLmlkfSBjZWxsPXtjZWxsfSB7Li4uYXJnc30+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9EYXRhR3JpZFRleHRBcmVhSW5wdXRDZWxsPlxuICAgICk7XG4gIH07XG59O1xuIl19 */")), v = i(({
+  inputProps: c,
+  ...b
+}, G) => {
+  const {
+    cellProps: Z,
+    ref: X,
+    inputRef: n
+  } = U(b, G), [I, W] = F(c.value ?? ""), g = (l) => {
+    W(l.target.value);
+  }, R = (l) => {
+    var d;
+    const u = l.code === "Enter" || l.code === "NumpadEnter";
+    (l.code === "Escape" || u && l.ctrlKey) && ((d = b.setIsActive) == null || d.call(b, !1), l.currentTarget.blur());
+  }, C = (l) => {
+    var u, d, B;
+    (u = b.setIsActive) == null || u.call(b, !1), c.onChange(I, l), (d = c.onBlur) == null || d.call(c, l), (B = X.current) == null || B.blur();
+  }, H = b.isActive ? !0 : void 0, t = {
+    ...c,
+    value: I,
+    onChange: g,
+    onKeyDown: R,
+    onBlur: C,
+    size: 0,
+    "data-hidden": b.isActive ? void 0 : !0
+  }, e = b.isActive ? I : b.children, x = {
+    isMultiline: Z.isMultiline,
+    whiteSpace: Z.whiteSpace,
+    wordBreak: Z.wordBreak
+  };
+  return h(() => {
+    W(c.value);
+  }, [c.value]), /* @__PURE__ */ V(A, { ...Z, children: /* @__PURE__ */ s(Y, { ...x, children: [
+    /* @__PURE__ */ V(y, { "data-hidden": H, children: e }),
+    /* @__PURE__ */ V(o, { ref: n, ...t })
+  ] }) });
+}), D = i((c, b) => {
+  const {
+    cell: G,
+    getValue: Z,
+    onChange: X,
+    ...n
+  } = c, I = a(G), W = G.getValue() ?? null, g = n;
+  return g.value = Z(G), g.onChange = (R, C) => X(G, R, C), /* @__PURE__ */ V(v, { ref: b, ...I, inputProps: g, children: W });
+}), p = (c) => ({
+  cell: b
+}) => {
+  const G = b.getValue() ?? null;
+  return /* @__PURE__ */ V(D, { cell: b, ...c, children: G }, b.id);
+};
+export {
+  D as DataGridTextAreaInputCell,
+  v as TextAreaInputCell,
+  p as getDataGridTextAreaInputCell
+};
+//# sourceMappingURL=textarea.es.js.map

package/dist/TableInputCell/textarea.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.es.js","sources":["../../src/TableInputCell/textarea.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {useEffect, useState} from 'react';\nimport baseTheme, {forwardRef} from '@join-x5/react-theme';\n\nimport {TableCell, TableCellContent} from '../TableCell';\n\nimport {useDataGridInputCell, useTableCellTextInput} from './hook';\n\nimport type {\n  ChangeEventHandler,\n  FocusEvent,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport type {Cell as ReactTableCell} from '@tanstack/react-table';\nimport type {FRC, PropsWithChildren} from '@join-x5/react-theme';\nimport type {DataGridTableCellProps, TableCellProps} from '../TableCell';\nimport type {ColumnDefTemplate} from './types';\n\nconst ChildContent = styled.div`\n  min-height: 100%;\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\nconst TextArea = styled.textarea`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  min-width: 10px;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  resize: none;\n\n  ${baseTheme.scroll}\n\n  &[data-hidden] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DefaultAny = any;\n\nexport type TextAreaInputProps = {\n  value: string;\n  onChange: (newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;\n} & Omit<InputHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'>;\n\ntype TTextAreaInputCell = FRC<\n  HTMLTableCellElement,\n  {\n    inputProps: TextAreaInputProps;\n  } & Omit<TableCellProps, 'value' | 'onChange'>\n>;\n\nexport const TextAreaInputCell: TTextAreaInputCell = forwardRef(({inputProps, ...props}, baseRef) => {\n  const {cellProps, ref, inputRef} = useTableCellTextInput<HTMLTextAreaElement>(props, baseRef);\n\n  const [value, setValue] = useState(inputProps.value ?? '');\n\n  const onChange: ChangeEventHandler<HTMLTextAreaElement> = e => {\n    setValue(e.target.value);\n  };\n\n  const onKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = e => {\n    const isEnterCode = e.code === 'Enter' || e.code === 'NumpadEnter';\n\n    if (e.code === 'Escape' || (isEnterCode && e.ctrlKey)) {\n      props.setIsActive?.(false);\n      e.currentTarget.blur();\n    }\n  };\n\n  const onBlur: FocusEventHandler<HTMLTextAreaElement> = e => {\n    props.setIsActive?.(false);\n\n    inputProps.onChange(value, e);\n    inputProps.onBlur?.(e);\n    ref.current?.blur();\n  };\n\n  const isChildHidden = props.isActive ? true : undefined;\n\n  const resultProps = {\n    ...inputProps,\n\n    value,\n    onChange,\n    onKeyDown,\n    onBlur,\n\n    size: 0,\n    'data-hidden': props.isActive ? undefined : true,\n  };\n\n  const content = props.isActive ? value : props.children;\n\n  const contentProps = {\n    isMultiline: cellProps.isMultiline,\n    whiteSpace: cellProps.whiteSpace,\n    wordBreak: cellProps.wordBreak,\n  };\n\n  useEffect(() => {\n    setValue(inputProps.value);\n  }, [inputProps.value]);\n\n  return (\n    <TableCell {...cellProps}>\n      <TableCellContent {...contentProps}>\n        <ChildContent data-hidden={isChildHidden}>{content}</ChildContent>\n        <TextArea ref={inputRef} {...resultProps} />\n      </TableCellContent>\n    </TableCell>\n  );\n});\n\nexport type DataGridTextAreaInputCellProps<T = DefaultAny, V = DefaultAny> = {\n  getValue: (cell: ReactTableCell<T, V>) => string;\n  onChange: (cell: ReactTableCell<T, V>, newValue: string, e: FocusEvent<HTMLTextAreaElement>) => void;\n} & Omit<TextAreaInputProps, 'value' | 'onChange'> &\n  DataGridTableCellProps<T, V> &\n  PropsWithChildren;\n\ntype TDataGridTextAreaInputCell = FRC<HTMLTableCellElement, DataGridTextAreaInputCellProps>;\n\nexport const DataGridTextAreaInputCell: TDataGridTextAreaInputCell = forwardRef((props, ref) => {\n  const {cell, getValue, onChange, ...rest} = props;\n\n  const cellProps = useDataGridInputCell(cell);\n\n  const content = (cell.getValue() ?? null) as ReactNode;\n\n  const inputProps = rest as TextAreaInputProps;\n  inputProps.value = getValue(cell);\n  inputProps.onChange = (newValue, e) => onChange(cell, newValue, e);\n\n  return (\n    <TextAreaInputCell ref={ref} {...cellProps} inputProps={inputProps}>\n      {content}\n    </TextAreaInputCell>\n  );\n});\n\nexport type GetDataGridTextAreaInputCellArgs<T = DefaultAny, V = DefaultAny> = Omit<\n  DataGridTextAreaInputCellProps<T, V>,\n  'cell' | 'children'\n>;\n\nexport const getDataGridTextAreaInputCell = <T, V>(\n  args: GetDataGridTextAreaInputCellArgs<T, V>\n): ColumnDefTemplate<T, V> => {\n  return ({cell}) => {\n    const content = (cell.getValue() ?? null) as ReactNode;\n\n    return (\n      <DataGridTextAreaInputCell key={cell.id} cell={cell} {...args}>\n        {content}\n      </DataGridTextAreaInputCell>\n    );\n  };\n};\n"],"names":["inputProps","cellProps","ref","inputRef","e","props","blur","value","onChange","onKeyDown","onBlur","isMultiline","whiteSpace","wordBreak","useEffect","setValue","cell","getValue","rest","content"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAwBb;AAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQJ;AAAA;AAAA;AAAA;AAAA;AAwCmD;AAACA;AAAoB;AAC9E;AAAA;AAACC;AAAWC;AAAKC;AAKZC;AAAc;;AAIvB;AAEA;AAEuB;;AAKvBC;AAIaC;AAKK;AACfN;AAEHO;AACAC;AACAC;AACAC;AAEM;AACsC;AAKzB;AACIC;AACDC;AACDC;AAGvBC;AACEC;AAAyB;AAMrB;AAAmD;AACV;AAIjD;AAYQ;AAAA;AAACC;AAAMC;AAAUT;AAAaU;AAOzBX;AAQb;AAUU;AAACS;AACDG;AAEN;AAKF;;;;;;"}

package/dist/TableInputCell/types.d.ts

@@ -0,0 +1,4 @@
+import { CellContext, ColumnDefTemplate as ReactTableColumnDefTemplate } from '@tanstack/react-table';
+type DefaultAny = any;
+export type ColumnDefTemplate<T = DefaultAny, V = DefaultAny> = ReactTableColumnDefTemplate<CellContext<T, V>>;
+export {};

package/dist/TableRow/index.d.ts

@@ -0,0 +1,5 @@
+import { FRC } from '@join-x5/react-theme';
+import { GetDataGridTableRow } from '../types';
+import { TableRowProps } from './types';
+export declare const TableRow: FRC<HTMLTableRowElement, TableRowProps>;
+export declare const getDataGridTableRow: GetDataGridTableRow;

package/dist/TableRow/index.es.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import G from "@emotion/styled/base";
+import { forwardRef as d } from "@join-x5/react-theme";
+import { getDataGridTableCell as i } from "../TableCell/index.es.js";
+const I = /* @__PURE__ */ G("tr", process.env.NODE_ENV === "production" ? {
+  target: "ewtrhmz0"
+} : {
+  target: "ewtrhmz0",
+  label: "Container"
+})(":hover [data-cell]{:not([data-focused], [data-active], [data-disabled]) [data-edit-icon]{visibility:visible;}:not([data-focused], [data-active]):not(:focus){", (c) => ({
+  "--background-color": c.theme.colors.grey[10],
+  "--border-color": c.theme.colors.grey[20]
+}), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL2RhdGEtZ3JpZC9zcmMvVGFibGVSb3cvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyQiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9kYXRhLWdyaWQvc3JjL1RhYmxlUm93L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge2ZvcndhcmRSZWZ9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcblxuaW1wb3J0IHtnZXREYXRhR3JpZFRhYmxlQ2VsbH0gZnJvbSAnVGFibGVDZWxsJztcblxuaW1wb3J0IHR5cGUge0ZSQ30gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge1Jvd30gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LXRhYmxlJztcbmltcG9ydCB0eXBlIHtHZXREYXRhR3JpZFRhYmxlUm93fSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgdHlwZSB7VGFibGVSb3dQcm9wc30gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC50cmBcbiAgOmhvdmVyIFtkYXRhLWNlbGxdIHtcbiAgICA6bm90KFtkYXRhLWZvY3VzZWRdLCBbZGF0YS1hY3RpdmVdLCBbZGF0YS1kaXNhYmxlZF0pIFtkYXRhLWVkaXQtaWNvbl0ge1xuICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgICB9XG5cbiAgICA6bm90KFtkYXRhLWZvY3VzZWRdLCBbZGF0YS1hY3RpdmVdKTpub3QoOmZvY3VzKSB7XG4gICAgICAke3Byb3BzID0+ICh7XG4gICAgICAgICctLWJhY2tncm91bmQtY29sb3InOiBwcm9wcy50aGVtZS5jb2xvcnMuZ3JleVsxMF0sXG4gICAgICAgICctLWJvcmRlci1jb2xvcic6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzIwXSxcbiAgICAgIH0pfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93OiBGUkM8SFRNTFRhYmxlUm93RWxlbWVudCwgVGFibGVSb3dQcm9wcz4gPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIHJldHVybiA8Q29udGFpbmVyIHJlZj17cmVmfSB7Li4ucHJvcHN9IC8+O1xufSk7XG5cbnR5cGUgRGF0YUdyaWRUYWJsZVJvd1Byb3BzID0ge3JvdzogUm93PHVua25vd24+fSAmIFRhYmxlUm93UHJvcHM7XG5cbmNvbnN0IERhdGFHcmlkVGFibGVSb3c6IFJlYWN0LkZDPERhdGFHcmlkVGFibGVSb3dQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHtyb3csIC4uLnJlc3R9ID0gcHJvcHM7XG5cbiAgY29uc3QgY29udGVudCA9IHJvdy5nZXRWaXNpYmxlQ2VsbHMoKS5tYXAoZ2V0RGF0YUdyaWRUYWJsZUNlbGwpO1xuXG4gIHJldHVybiA8VGFibGVSb3cgey4uLnJlc3R9Pntjb250ZW50fTwvVGFibGVSb3c+O1xufTtcblxuZXhwb3J0IGNvbnN0IGdldERhdGFHcmlkVGFibGVSb3c6IEdldERhdGFHcmlkVGFibGVSb3cgPSByb3cgPT4ge1xuICByZXR1cm4gPERhdGFHcmlkVGFibGVSb3cga2V5PXtyb3cuaWR9IHJvdz17cm93fSAvPjtcbn07XG4iXX0= */")), e = d((c, b) => /* @__PURE__ */ t(I, { ref: b, ...c })), a = (c) => {
+  const {
+    row: b,
+    ...l
+  } = c, m = b.getVisibleCells().map(i);
+  return /* @__PURE__ */ t(e, { ...l, children: m });
+}, V = (c) => /* @__PURE__ */ t(a, { row: c }, c.id);
+export {
+  e as TableRow,
+  V as getDataGridTableRow
+};
+//# sourceMappingURL=index.es.js.map

package/dist/TableRow/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../src/TableRow/index.tsx"],"sourcesContent":["'use client';\n\nimport styled from '@emotion/styled';\n\nimport {forwardRef} from '@join-x5/react-theme';\n\nimport {getDataGridTableCell} from 'TableCell';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {Row} from '@tanstack/react-table';\nimport type {GetDataGridTableRow} from '../types';\nimport type {TableRowProps} from './types';\n\nconst Container = styled.tr`\n  :hover [data-cell] {\n    :not([data-focused], [data-active], [data-disabled]) [data-edit-icon] {\n      visibility: visible;\n    }\n\n    :not([data-focused], [data-active]):not(:focus) {\n      ${props => ({\n        '--background-color': props.theme.colors.grey[10],\n        '--border-color': props.theme.colors.grey[20],\n      })}\n    }\n  }\n`;\n\nexport const TableRow: FRC<HTMLTableRowElement, TableRowProps> = forwardRef((props, ref) => {\n  return <Container ref={ref} {...props} />;\n});\n\ntype DataGridTableRowProps = {row: Row<unknown>} & TableRowProps;\n\nconst DataGridTableRow: React.FC<DataGridTableRowProps> = props => {\n  const {row, ...rest} = props;\n\n  const content = row.getVisibleCells().map(getDataGridTableCell);\n\n  return <TableRow {...rest}>{content}</TableRow>;\n};\n\nexport const getDataGridTableRow: GetDataGridTableRow = row => {\n  return <DataGridTableRow key={row.id} row={row} />;\n};\n"],"names":["row","rest"],"mappings":";;;;;AAaA;AAAe;AAAA;AAAA;AAAA;AAAA;AAOG;AACsC;AAElD;AAYE;AAAA;AAACA;AAAQC;AAIf;AACF;;;;;"}

package/dist/TableRow/types.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;

package/dist/hook.d.ts

@@ -0,0 +1,3 @@
+import { TableState } from '@tanstack/react-table';
+import { DataGridProps } from 'types';
+export declare const useDataGridColumnSettings: (settings?: DataGridProps["columnSettings"], tableProps?: DataGridProps["tableProps"]) => Partial<TableState>;

package/dist/hook.es.js

@@ -0,0 +1,23 @@
+"use client";
+import { useState as u, useMemo as N } from "react";
+import { useUpdateEffect as V } from "@join-x5/react-theme";
+import { ColumnArea as h } from "@join-x5/react-data-grid-settings";
+const y = (r) => !r || !r.length ? {} : r.reduce((n, i) => (n[i.id] = i.isVisible, n), {}), O = (r) => !r || !r.length ? [] : r.sort((n, i) => n.sort - i.sort).map((n) => String(n.id)), s = (r) => !r || !r.length ? {} : r.reduce((n, i) => {
+  var t, o;
+  return i.area === h.FixedLeft ? (n.left ?? (n.left = []), (t = n.left) == null || t.push(String(i.id))) : i.area === h.FixedRight && (n.right ?? (n.right = []), (o = n.right) == null || o.push(String(i.id))), n;
+}, {}), w = (r, n) => {
+  const [i, t] = u(y(r)), [o, S] = u(O(r)), [f, C] = u(s(r)), l = n == null ? void 0 : n.state, J = N(() => ({
+    columnVisibility: i,
+    columnOrder: o,
+    columnPinning: f,
+    ...l
+  }), [l, i, o, f]);
+  return V(() => {
+    const m = y(r), d = O(r), g = s(r);
+    t((e) => JSON.stringify(e) === JSON.stringify(m) ? e : m), S((e) => JSON.stringify(e) === JSON.stringify(d) ? e : d), C((e) => JSON.stringify(e) === JSON.stringify(g) ? e : g);
+  }, [r]), J;
+};
+export {
+  w as useDataGridColumnSettings
+};
+//# sourceMappingURL=hook.es.js.map

package/dist/hook.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hook.es.js","sources":["../src/hook.ts"],"sourcesContent":["'use client';\n\nimport {useMemo, useState} from 'react';\n\nimport {useUpdateEffect} from '@join-x5/react-theme';\nimport {ColumnArea} from '@join-x5/react-data-grid-settings';\n\nimport type {ColumnOrderState, ColumnPinningState, TableState, VisibilityState} from '@tanstack/react-table';\nimport type {ColumnItem} from '@join-x5/react-data-grid-settings';\nimport type {DataGridProps} from 'types';\n\nconst convertVisibility = (settings?: ColumnItem[]): VisibilityState => {\n  if (!settings || !settings.length) {\n    return {};\n  }\n\n  return settings.reduce((acc, item) => {\n    acc[item.id] = item.isVisible;\n    return acc;\n  }, {} as VisibilityState);\n};\n\nconst convertOrder = (settings?: ColumnItem[]): ColumnOrderState => {\n  if (!settings || !settings.length) {\n    return [];\n  }\n\n  return settings.sort((a, b) => a.sort - b.sort).map(item => String(item.id));\n};\n\nconst convertPinning = (settings?: ColumnItem[]): ColumnPinningState => {\n  if (!settings || !settings.length) {\n    return {};\n  }\n\n  return settings.reduce((acc, item) => {\n    if (item.area === ColumnArea.FixedLeft) {\n      acc.left ??= [];\n      acc.left?.push(String(item.id));\n    } else if (item.area === ColumnArea.FixedRight) {\n      acc.right ??= [];\n      acc.right?.push(String(item.id));\n    }\n\n    return acc;\n  }, {} as ColumnPinningState);\n};\n\nexport const useDataGridColumnSettings = (\n  settings?: DataGridProps['columnSettings'],\n  tableProps?: DataGridProps['tableProps']\n) => {\n  const [columnVisibility, onColumnVisibilityChange] = useState<VisibilityState>(convertVisibility(settings));\n  const [columnOrder, onColumnOrderChange] = useState<ColumnOrderState>(convertOrder(settings));\n  const [columnPinning, onColumnPinningChange] = useState<ColumnPinningState>(convertPinning(settings));\n\n  const externalState = tableProps?.state;\n\n  const state = useMemo((): Partial<TableState> => {\n    return {columnVisibility, columnOrder, columnPinning, ...externalState};\n  }, [externalState, columnVisibility, columnOrder, columnPinning]);\n\n  useUpdateEffect(() => {\n    const newVisibility = convertVisibility(settings);\n    const newOrder = convertOrder(settings);\n    const newPinning = convertPinning(settings);\n\n    onColumnVisibilityChange(oldState =>\n      JSON.stringify(oldState) === JSON.stringify(newVisibility) ? oldState : newVisibility\n    );\n\n    onColumnOrderChange(oldState => (JSON.stringify(oldState) === JSON.stringify(newOrder) ? oldState : newOrder));\n\n    onColumnPinningChange(oldState =>\n      JSON.stringify(oldState) === JSON.stringify(newPinning) ? oldState : newPinning\n    );\n  }, [settings]);\n\n  return state;\n};\n"],"names":["item","columnVisibility","columnOrder","columnPinning","externalState","useUpdateEffect","newVisibility","oldState"],"mappings":";;;;AAWA;;AAyBQA;AASN;AAOA;AAOS;AAACC;AAAkBC;AAAaC;AAAkBC;AAG3DC;AACQC;AAImBC;AAQzB;AAIJ;;;;"}