@crispy-seed/data-table 0.1.1 → 0.1.2

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

@@ -1,554 +0,0 @@
-'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-CNQC9z8t.cjs');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var DataTable12s = require('./DataTable-12s-Gpv6I4J8.cjs');
-var bodyCells12s = require('./body-cells-12s-2sTwdliH.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 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(DataTable12s.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(DataTable12s.Primitive.span), "prefixText");
-withContext(withStateProps(DataTable12s.InternalIcon), "suffixIcon");
-withContext(withStateProps(DataTable12s.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;