@crispy-seed/data-table 0.1.0

package/dist/editors-12s-DO8TZkYV.cjs

@@ -0,0 +1,555 @@
+'use client';
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+var Select12s = require('./Select-12s-D8DdKT-U.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
+var bodyCells12s = require('./body-cells-12s-BoOTcg-l.cjs');
+var reactSwitch = require('@seed-design/react-switch');
+var _switch = require('@seed-design/css/recipes/switch');
+var switchmark = require('@seed-design/css/recipes/switchmark');
+var reactPrimitive = require('@seed-design/react-primitive');
+var reactTextField = require('@seed-design/react-text-field');
+var reactField = require('@seed-design/react-field');
+var textInput = require('@seed-design/css/recipes/text-input');
+var domUtils = require('@seed-design/dom-utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const { withContext: withContext$1, ClassNamesProvider } = DataTable12s.createSlotRecipeContext(_switch.switchStyle);
+const { withContext: withControlContext, PropsProvider: ControlPropsProvider, withProvider: withControlProvider } = DataTable12s.createSlotRecipeContext(switchmark.switchmark);
+const withStateProps$1 = DataTable12s.createWithStateProps([
+    reactSwitch.useSwitchContext
+]);
+const SwitchRoot = /*#__PURE__*/ React__namespace.default.forwardRef(({ className, ...props }, ref)=>{
+    const [{ switch: switchVariantProps, switchmark: switchmarkVariantProps }, otherProps] = DataTable12s.splitMultipleVariantsProps(props, {
+        switchmark: switchmark.switchmark,
+        switch: _switch.switchStyle
+    });
+    const classNames = _switch.switchStyle(switchVariantProps);
+    return /*#__PURE__*/ jsxRuntime.jsx(ControlPropsProvider, {
+        value: switchmarkVariantProps,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ClassNamesProvider, {
+            value: classNames,
+            children: /*#__PURE__*/ jsxRuntime.jsx(reactSwitch.Switch.Root, {
+                ref: ref,
+                className: DataTable12s.clsx(classNames.root, className),
+                ...otherProps
+            })
+        })
+    });
+});
+SwitchRoot.displayName = "SwitchRoot";
+const SwitchControl = DataTable12s.withScaleFeedback(withControlProvider(reactSwitch.Switch.Control, "root"));
+const SwitchThumb = withControlContext(reactSwitch.Switch.Thumb, "thumb");
+withContext$1(withStateProps$1(reactPrimitive.Primitive.span), "label");
+const SwitchHiddenInput = reactSwitch.Switch.HiddenInput;
+
+// src/use-layout-effect.tsx
+var useLayoutEffect2 = globalThis?.document ? React__namespace.useLayoutEffect : ()=>{};
+
+const { withProvider, withContext, useClassNames } = DataTable12s.createSlotRecipeContext(textInput.textInput);
+const withFieldStateProps = DataTable12s.createWithStateProps([
+    {
+        useContext: reactField.useFieldContext,
+        strict: false
+    }
+]);
+const withStateProps = DataTable12s.createWithStateProps([
+    reactTextField.useTextFieldContext,
+    {
+        useContext: reactField.useFieldContext,
+        strict: false
+    }
+]);
+const TextFieldRoot = withProvider(withFieldStateProps(reactTextField.TextField.Root), "root");
+const TextFieldPrefixIcon = withContext(withStateProps(DataTable12s.InternalIcon), "prefixIcon");
+withContext(withStateProps(reactPrimitive.Primitive.span), "prefixText");
+withContext(withStateProps(DataTable12s.InternalIcon), "suffixIcon");
+withContext(withStateProps(reactPrimitive.Primitive.span), "suffixText");
+const TextFieldInput = /*#__PURE__*/ React.forwardRef(({ className, ...otherProps }, ref)=>{
+    const classNames = useClassNames();
+    const textFieldContext = reactTextField.useTextFieldContext();
+    const fieldContext = reactField.useFieldContext({
+        strict: false
+    });
+    const mergedProps = domUtils.mergeProps(fieldContext ? fieldContext.stateProps : {}, fieldContext ? fieldContext.inputAriaAttributes : {}, textFieldContext.inputProps, fieldContext ? fieldContext.inputProps : {}, otherProps);
+    if (// if not in field, then must have aria-label or aria-labelledby
+    !fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]) {
+        console.warn("TextFieldInput: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `TextFieldInput` inside a `Field` where a `FieldLabel` is provided.");
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(reactTextField.TextField.Input, {
+        ref: ref,
+        ...mergedProps,
+        className: DataTable12s.clsx(classNames.value, className)
+    });
+});
+TextFieldInput.displayName = "TextFieldInput";
+const TextFieldTextarea = /*#__PURE__*/ React.forwardRef(({ className, autoresize = true, ...otherProps }, ref)=>{
+    const classNames = useClassNames();
+    const textFieldContext = reactTextField.useTextFieldContext();
+    const fieldContext = reactField.useFieldContext({
+        strict: false
+    });
+    const mergedProps = domUtils.mergeProps(fieldContext ? fieldContext.stateProps : {}, fieldContext ? fieldContext.inputAriaAttributes : {}, textFieldContext.inputProps, fieldContext ? fieldContext.inputProps : {}, otherProps);
+    if (// if not in field, then must have aria-label or aria-labelledby
+    !fieldContext && !otherProps["aria-label"] && !otherProps["aria-labelledby"]) {
+        console.warn("TextFieldTextarea: Please provide `aria-label` or `aria-labelledby` for accessibility, or put `TextFieldTextarea` inside a `Field` where a `FieldLabel` is provided.");
+    }
+    // referenced from React Spectrum
+    const inputRef = React.useRef(null);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: intended
+    const onHeightChange = React.useCallback(()=>{
+        if (!inputRef.current) return;
+        if (otherProps.style?.height) return;
+        if (!autoresize) return;
+        // Quiet textareas always grow based on their text content.
+        // Standard textareas also grow by default, unless an explicit height is set.
+        const input = inputRef.current;
+        const prevAlignment = input.style.alignSelf;
+        const prevOverflow = input.style.overflow;
+        // Firefox scroll position is lost when overflow: 'hidden' is applied so we skip applying it.
+        // The measure/applied height is also incorrect/reset if we turn on and off
+        // overflow: hidden in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1787062
+        const isFirefox = "MozAppearance" in input.style;
+        if (!isFirefox) {
+            input.style.overflow = "hidden";
+        }
+        input.style.alignSelf = "start";
+        input.style.height = "auto";
+        // offsetHeight - clientHeight accounts for the border/padding.
+        input.style.height = `${input.scrollHeight + (input.offsetHeight - input.clientHeight)}px`;
+        input.style.overflow = prevOverflow;
+        input.style.alignSelf = prevAlignment;
+    }, [
+        inputRef,
+        otherProps.style?.height,
+        autoresize
+    ]);
+    useLayoutEffect2(()=>{
+        if (inputRef.current) {
+            onHeightChange();
+        }
+    }, [
+        onHeightChange,
+        textFieldContext.value,
+        inputRef
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(reactTextField.TextField.Textarea, {
+        ref: DataTable12s.composeRefs(inputRef, ref),
+        ...mergedProps,
+        className: DataTable12s.clsx(classNames.value, className)
+    });
+});
+TextFieldTextarea.displayName = "TextFieldTextarea";
+
+/** The raw value a live editor reads, distinct from `DataTableColumn.value` (the
+ *  accessor sort/search/filter/export share): `editValue` returns whatever TYPE the
+ *  editor itself expects -- a real `boolean` for `editor: "switch"`/`type:
+ *  "checkbox"`, a `number` for `type: "rating"`, the option's own string for `select`/
+ *  `reference`/`actor` -- where `value`/`render` may format that same field for
+ *  display. Falls back to the table's own accessor when the column supplies none. */ function resolveEditValue(column, row, fallback) {
+    return column.editValue ? column.editValue(row) : fallback;
+}
+function EditPendingIndicator() {
+    return /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+        className: "seed-data-table-edit-pending",
+        width: 14,
+        height: 14,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        role: "presentation",
+        "aria-hidden": "true",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("circle", {
+                cx: 8,
+                cy: 8,
+                r: 6.5,
+                stroke: "currentColor",
+                strokeOpacity: 0.25,
+                strokeWidth: 2
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                d: "M14.5 8a6.5 6.5 0 0 0-6.5-6.5",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                strokeLinecap: "round"
+            })
+        ]
+    });
+}
+function EditError({ message }) {
+    return /*#__PURE__*/ jsxRuntime.jsx("span", {
+        className: "seed-data-table-edit-error",
+        children: message
+    });
+}
+////////////////////////////////////////////////////////////////////////////////////
+// -- plain editable: text/number (seed TextField) and date/datetime (a native input,
+//    styled the same way, per `cellType`) -- both double-click gated, Enter/blur
+//    commits, Escape cancels. -------------------------------------------------------
+function TextEditor({ column, value, pending, onCommit, onCancel }) {
+    const [draft, setDraft] = React__namespace.useState(()=>value == null ? "" : String(value));
+    return(// `size="medium"` (seed's smallest fixed `TextField` size, 40px min-height,
+    // `text-input.ts`'s own token) -- the default `size="large"` overflowed a 36px
+    // table row (same class of fix as `toolbar.tsx`'s `SearchBox`, which made the
+    // same call for its own 32px-ish search box).
+    /*#__PURE__*/ jsxRuntime.jsx(TextFieldRoot, {
+        size: "medium",
+        style: {
+            width: "100%"
+        },
+        onClick: (event)=>event.stopPropagation(),
+        onKeyDown: (event)=>event.stopPropagation(),
+        children: /*#__PURE__*/ jsxRuntime.jsx(TextFieldInput, {
+            autoFocus: true,
+            type: column.cellType === "number" ? "number" : "text",
+            "aria-label": `Edit ${column.key}`,
+            value: draft,
+            disabled: pending,
+            onChange: (event)=>setDraft(event.target.value),
+            onBlur: ()=>onCommit(draft),
+            onKeyDown: (event)=>{
+                if (event.key === "Enter") onCommit(draft);
+                else if (event.key === "Escape") onCancel();
+            }
+        })
+    }));
+}
+function DateEditor({ column, value, pending, onCommit, onCancel }) {
+    const isDateTime = column.cellType === "datetime";
+    const [draft, setDraft] = React__namespace.useState(()=>isDateTime ? bodyCells12s.toDateTimeInputValue(value) : bodyCells12s.toDateInputValue(value));
+    return(// See `TextEditor`'s own comment above -- same `size="medium"` fix.
+    /*#__PURE__*/ jsxRuntime.jsx(TextFieldRoot, {
+        size: "medium",
+        style: {
+            width: "100%"
+        },
+        onClick: (event)=>event.stopPropagation(),
+        onKeyDown: (event)=>event.stopPropagation(),
+        children: /*#__PURE__*/ jsxRuntime.jsx(TextFieldInput, {
+            autoFocus: true,
+            type: isDateTime ? "datetime-local" : "date",
+            "aria-label": `Edit ${column.key}`,
+            value: draft,
+            disabled: pending,
+            onChange: (event)=>setDraft(event.target.value),
+            onBlur: ()=>onCommit(draft),
+            onKeyDown: (event)=>{
+                if (event.key === "Enter") onCommit(draft);
+                else if (event.key === "Escape") onCancel();
+            }
+        })
+    }));
+}
+////////////////////////////////////////////////////////////////////////////////////
+// -- editor: "select" -- double-click opens seed's own Select, auto-opened (seed's
+//    `SelectRoot` takes `defaultOpen` directly -- unlike crisp's closed-API `Select`,
+//    which needs a synthetic click on its own trigger to start open). -------------
+function SelectEditor({ column, value, pending, onCommit, onCancel }) {
+    const options = column.options ?? [];
+    const current = value == null ? "" : String(value);
+    return /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectRoot, {
+        // Controlled open, per docs/examples/react/select/controlled-open.tsx --
+        // this editor is only ever mounted while the cell IS editing, so it always
+        // wants to start (and stay) open; `onOpenChange(false)` is what tells us
+        // the popover wants to close for ANY reason (Escape, an outside click, OR
+        // the internal auto-close a single-select commit already triggers), so
+        // `onCancel` alone now covers the Escape gap the old raw `document`
+        // listener existed for, without a second, independent listener.
+        open: true,
+        onOpenChange: (next)=>{
+            if (!next) onCancel();
+        },
+        disabled: pending,
+        value: current ? [
+            current
+        ] : [],
+        onValueChange: (next)=>onCommit(next[0] ?? ""),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectTrigger, {
+                "aria-label": `Edit ${column.key}`,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectValue, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectPlaceholder, {
+                        children: "Select…"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectSuffixIcon, {
+                        svg: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.IconChevronDownSmallLine_default, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectPositioner, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectContent, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectScrollArea, {
+                        children: options.map((option)=>/*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectItem, {
+                                value: option.value,
+                                label: option.label,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectItemBody, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectItemLabel, {})
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectItemIndicator, {
+                                        selected: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.IconCheckmarkFatFill_default, {})
+                                    })
+                                ]
+                            }, option.value))
+                    })
+                })
+            })
+        ]
+    });
+}
+////////////////////////////////////////////////////////////////////////////////////
+// -- editor: "reference" / "actor" -- same picker, search-enabled, each option
+//    carrying a small avatar (a photo for a real one, a generic person glyph for
+//    none) -- `actor` is `reference` over people specifically (crisp's own #449/
+//    #432 `ReferenceCell` shape), so the two share one component; only the search
+//    placeholder differs. Seed's `Select` has no built-in search combobox (unlike
+//    crisp's own `Select`), so this filters `refOptions` itself against a small
+//    `TextField` rendered as the content's own first row. --------------------------
+function ReferenceEditor({ column, value, pending, onCommit, onCancel }) {
+    const [query, setQuery] = React__namespace.useState("");
+    const options = column.refOptions ?? [];
+    const filtered = query.trim() ? options.filter((option)=>option.label.toLowerCase().includes(query.trim().toLowerCase())) : options;
+    const current = value == null ? "" : String(value);
+    const isActor = column.editor === "actor";
+    return /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectRoot, {
+        // See `SelectEditor`'s own comment above -- same controlled-open wiring.
+        open: true,
+        onOpenChange: (next)=>{
+            if (!next) onCancel();
+        },
+        disabled: pending,
+        value: current ? [
+            current
+        ] : [],
+        onValueChange: (next)=>onCommit(next[0] ?? ""),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectTrigger, {
+                "aria-label": `Edit ${column.key}`,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectValue, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectPlaceholder, {
+                        children: isActor ? "Assign…" : "Select…"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectSuffixIcon, {
+                        svg: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.IconChevronDownSmallLine_default, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectPositioner, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectContent, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(TextFieldRoot, {
+                            size: "medium",
+                            style: {
+                                margin: 4
+                            },
+                            onKeyDown: (event)=>{
+                                // The listbox's own typeahead/arrow handling lives on THIS field's
+                                // sibling items, not on the field itself -- stop everything except
+                                // Escape from also driving the listbox's own keyboard nav. Escape
+                                // itself needs no special-casing to "reach" anything any more: it's
+                                // SelectContent's own `DismissibleLayer` (Select.tsx) that closes the
+                                // listbox, and that dismissal is a document-level listener outside
+                                // this React subtree entirely -- a synthetic `stopPropagation` here
+                                // was never able to block it either way, so the controlled `open`
+                                // above (via `onOpenChange`) is what actually ends this cell's edit.
+                                if (event.key !== "Escape") event.stopPropagation();
+                            },
+                            children: /*#__PURE__*/ jsxRuntime.jsx(TextFieldInput, {
+                                autoFocus: true,
+                                "aria-label": isActor ? "Search people" : `Search ${column.key}`,
+                                placeholder: isActor ? "Search people…" : "Search…",
+                                value: query,
+                                onChange: (event)=>setQuery(event.target.value)
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectScrollArea, {
+                            children: [
+                                filtered.length === 0 && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                    style: {
+                                        padding: "6px 12px",
+                                        opacity: 0.63,
+                                        fontSize: 13
+                                    },
+                                    children: isActor ? "No users" : "No results"
+                                }),
+                                filtered.map((option)=>/*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectItem, {
+                                        value: option.value,
+                                        label: option.label,
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsxs(Select12s.SelectItemBody, {
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(ReferenceAvatar, {
+                                                        avatar: option.avatar
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectItemLabel, {})
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(Select12s.SelectItemIndicator, {
+                                                selected: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.IconCheckmarkFatFill_default, {})
+                                            })
+                                        ]
+                                    }, option.value))
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+function ReferenceAvatar({ avatar }) {
+    return /*#__PURE__*/ jsxRuntime.jsxs(bodyCells12s.AvatarRoot, {
+        size: "20",
+        children: [
+            avatar && /*#__PURE__*/ jsxRuntime.jsx(bodyCells12s.AvatarImage, {
+                src: avatar,
+                alt: ""
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(bodyCells12s.AvatarFallback, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.IconPersonCircleLine_default, {})
+            })
+        ]
+    });
+}
+////////////////////////////////////////////////////////////////////////////////////
+// -- always-live editors: no double-click gate, no separate rest/edit state --
+//    interacting with the widget IS the commit gesture (crisp's own #453/#760/#761).
+function SwitchEditor({ column, value, pending, onCommit }) {
+    const checked = value === true || value === "true";
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        className: "seed-data-table-edit-picker",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(SwitchRoot, {
+                size: "16",
+                checked: checked,
+                disabled: pending,
+                onCheckedChange: (next)=>onCommit(String(next)),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(SwitchControl, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(SwitchThumb, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(SwitchHiddenInput, {
+                        "aria-label": `Edit ${column.key}`
+                    })
+                ]
+            }),
+            pending && /*#__PURE__*/ jsxRuntime.jsx(EditPendingIndicator, {})
+        ]
+    });
+}
+function CheckboxEditor({ column, value, pending, onCommit }) {
+    const checked = value === true || value === "true";
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        className: "seed-data-table-edit-picker",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(DataTable12s.CheckboxRoot, {
+                checked: checked,
+                disabled: pending,
+                onCheckedChange: (next)=>onCommit(String(next)),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.CheckboxControl, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.CheckboxIndicator, {
+                            checked: bodyCells12s.CHECKBOX_CELL_CHECKED_ICON
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(DataTable12s.CheckboxHiddenInput, {
+                        "aria-label": `Edit ${column.key}`
+                    })
+                ]
+            }),
+            pending && /*#__PURE__*/ jsxRuntime.jsx(EditPendingIndicator, {})
+        ]
+    });
+}
+function RatingEditor({ column, value, pending, onCommit }) {
+    const maxRating = column.maxRating ?? 5;
+    const rating = typeof value === "number" ? value : Number(value) || 0;
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        className: "seed-data-table-edit-picker",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                role: "group",
+                "aria-label": `Edit ${column.key}`,
+                style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: 2
+                },
+                children: Array.from({
+                    length: maxRating
+                }, (_, index)=>{
+                    const starValue = index + 1;
+                    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+                        type: "button",
+                        disabled: pending,
+                        "aria-label": `Set ${starValue} out of ${maxRating}`,
+                        "aria-pressed": starValue <= rating,
+                        onClick: ()=>onCommit(String(starValue)),
+                        style: {
+                            border: "none",
+                            background: "none",
+                            padding: 0,
+                            cursor: "pointer",
+                            lineHeight: 0
+                        },
+                        children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
+                            width: 16,
+                            height: 16,
+                            viewBox: "0 0 16 16",
+                            fill: "none",
+                            "aria-hidden": "true",
+                            children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                d: bodyCells12s.RATING_STAR_D,
+                                fill: starValue <= rating ? bodyCells12s.RATING_FILLED : bodyCells12s.RATING_EMPTY
+                            })
+                        })
+                    }, index);
+                })
+            }),
+            pending && /*#__PURE__*/ jsxRuntime.jsx(EditPendingIndicator, {})
+        ]
+    });
+}
+
+exports.CheckboxEditor = CheckboxEditor;
+exports.DateEditor = DateEditor;
+exports.EditError = EditError;
+exports.RatingEditor = RatingEditor;
+exports.ReferenceEditor = ReferenceEditor;
+exports.SelectEditor = SelectEditor;
+exports.SwitchEditor = SwitchEditor;
+exports.TextEditor = TextEditor;
+exports.TextFieldInput = TextFieldInput;
+exports.TextFieldPrefixIcon = TextFieldPrefixIcon;
+exports.TextFieldRoot = TextFieldRoot;
+exports.resolveEditValue = resolveEditValue;

package/dist/index.cjs

@@ -0,0 +1,14 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+var DataTable12s = require('./DataTable-12s-8LMBtS2u.cjs');
+
+
+
+exports.DataTable = DataTable12s.DataTable;