@vuu-ui/vuu-table-extras 3.0.0 → 3.1.0-beta.2

package/esm/packages/vuu-table-extras/src/freeze-control/FreezeControl.js

@@ -1,104 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { ToggleButtonGroup, ToggleButton } from '@salt-ds/core';
-import { useFreezeControl } from './useFreezeControl.js';
-import { useState, useRef, useEffect } from 'react';
-import cx from 'clsx';
-import { calculateBadgeState } from './freezeControlBadge.js';
-import freezeControlCss from './FreezeControl.css.js';
-
-const FLASH_DURATION_MS = 3e3;
-const classBase = "vuuFreezeControl";
-const FreezeControl = ({
-  dataSource,
-  className,
-  newItemsLabel = "New Orders",
-  flashDuration = 0.25,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-freeze-control",
-    css: freezeControlCss,
-    window: targetWindow
-  });
-  const { isFrozen, newRecordCount, onToggleChange } = useFreezeControl({
-    dataSource
-  });
-  const [isFlashing, setIsFlashing] = useState(false);
-  const flashTimeoutRef = useRef(null);
-  useEffect(() => {
-    if (isFrozen && newRecordCount > 0) {
-      setIsFlashing(true);
-      if (flashTimeoutRef.current) {
-        clearTimeout(flashTimeoutRef.current);
-      }
-      flashTimeoutRef.current = setTimeout(() => {
-        setIsFlashing(false);
-      }, FLASH_DURATION_MS);
-    }
-  }, [newRecordCount, isFrozen]);
-  const { badgeValue, isOverflow } = calculateBadgeState(newRecordCount);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      style: {
-        ...htmlAttributes.style,
-        "--freeze-control-flash-duration": `${flashDuration}s`
-      },
-      children: /* @__PURE__ */ jsxs("div", { className: `${classBase}-buttonRow`, children: [
-        /* @__PURE__ */ jsxs(
-          ToggleButtonGroup,
-          {
-            className: "vuuStateButtonGroup",
-            onChange: onToggleChange,
-            value: isFrozen ? "frozen" : "live",
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cx(`${classBase}-buttonWrapper`, {
-                    [`${classBase}-buttonWrapper-active`]: isFrozen
-                  }),
-                  children: /* @__PURE__ */ jsx(ToggleButton, { value: "frozen", children: isFrozen ? "Frozen" : "Freeze" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cx(`${classBase}-buttonWrapper`, {
-                    [`${classBase}-buttonWrapper-active`]: !isFrozen
-                  }),
-                  children: /* @__PURE__ */ jsx(ToggleButton, { value: "live", children: "Active" })
-                }
-              )
-            ]
-          }
-        ),
-        isFrozen && /* @__PURE__ */ jsxs("div", { className: `${classBase}-newItems`, children: [
-          newItemsLabel,
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cx(`${classBase}-customBadge`, {
-                [`${classBase}-customBadge-flashing`]: isFlashing,
-                [`${classBase}-customBadge-overflow`]: isOverflow
-              }),
-              "data-overflow": isOverflow ? "true" : void 0,
-              children: [
-                badgeValue,
-                isOverflow && /* @__PURE__ */ jsx("span", { className: `${classBase}-plus`, children: "+" })
-              ]
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-};
-
-export { FreezeControl };
-//# sourceMappingURL=FreezeControl.js.map

package/esm/packages/vuu-table-extras/src/freeze-control/FreezeControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FreezeControl.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/FreezeControl.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ToggleButton, ToggleButtonGroup } from \"@salt-ds/core\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes, useEffect, useRef, useState } from \"react\";\nimport cx from \"clsx\";\nimport { calculateBadgeState } from \"./freezeControlBadge\";\n\nimport freezeControlCss from \"./FreezeControl.css\";\n\n// Duration to keep flashing after last new record (in milliseconds)\nconst FLASH_DURATION_MS = 3000;\n\nconst classBase = \"vuuFreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {\n  /**\n   * Label shown when the table is frozen next to the new record badge.\n   * @default \"New Orders\"\n   */\n  newItemsLabel?: string;\n\n  /**\n   * Duration of the flash animation for the badge (in seconds).\n   * @default 0.25\n   */\n  flashDuration?: number;\n}\n\nexport const FreezeControl = ({\n  dataSource,\n  className,\n  newItemsLabel = \"New Orders\",\n  flashDuration = 0.25,\n  ...htmlAttributes\n}: FreezeControlProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-freeze-control\",\n    css: freezeControlCss,\n    window: targetWindow,\n  });\n\n  const { isFrozen, newRecordCount, onToggleChange } = useFreezeControl({\n    dataSource,\n  });\n\n  const [isFlashing, setIsFlashing] = useState(false);\n  const flashTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Check if we're frozen and have new records and set the flash with a 3 second timeout\n  useEffect(() => {\n    if (isFrozen && newRecordCount > 0) {\n      setIsFlashing(true);\n\n      if (flashTimeoutRef.current) {\n        clearTimeout(flashTimeoutRef.current);\n      }\n\n      flashTimeoutRef.current = setTimeout(() => {\n        setIsFlashing(false);\n      }, FLASH_DURATION_MS);\n    }\n  }, [newRecordCount, isFrozen]);\n\n  const { badgeValue, isOverflow } = calculateBadgeState(newRecordCount);\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      style={\n        {\n          ...htmlAttributes.style,\n          \"--freeze-control-flash-duration\": `${flashDuration}s`,\n        } as React.CSSProperties\n      }\n    >\n      <div className={`${classBase}-buttonRow`}>\n        <ToggleButtonGroup\n          className=\"vuuStateButtonGroup\"\n          onChange={onToggleChange}\n          value={isFrozen ? \"frozen\" : \"live\"}\n        >\n          <div\n            className={cx(`${classBase}-buttonWrapper`, {\n              [`${classBase}-buttonWrapper-active`]: isFrozen,\n            })}\n          >\n            <ToggleButton value=\"frozen\">\n              {isFrozen ? \"Frozen\" : \"Freeze\"}\n            </ToggleButton>\n          </div>\n          <div\n            className={cx(`${classBase}-buttonWrapper`, {\n              [`${classBase}-buttonWrapper-active`]: !isFrozen,\n            })}\n          >\n            <ToggleButton value=\"live\">Active</ToggleButton>\n          </div>\n        </ToggleButtonGroup>\n        {isFrozen && (\n          <div className={`${classBase}-newItems`}>\n            {newItemsLabel}\n            <div\n              className={cx(`${classBase}-customBadge`, {\n                [`${classBase}-customBadge-flashing`]: isFlashing,\n                [`${classBase}-customBadge-overflow`]: isOverflow,\n              })}\n              data-overflow={isOverflow ? \"true\" : undefined}\n            >\n              {badgeValue}\n              {isOverflow && <span className={`${classBase}-plus`}>+</span>}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/freeze-control/FrozenBanner.css.js

@@ -1,4 +0,0 @@
-var frozenBannerCss = ".FrozenBanner {\n  --freeze-control-active-button-color: var(--salt-palette-error-background);\n  align-items: center;\n  background-color: var(--freeze-control-active-button-color);\n  border-radius: 4px;\n  color: var(--salt-actionable-secondary-foreground-active);\n  display: flex;\n  font-size: var(--salt-text-fontSize);\n  height: var(--salt-size-base);\n  padding: 0 var(--salt-spacing-200);\n}\n";
-
-export { frozenBannerCss as default };
-//# sourceMappingURL=FrozenBanner.css.js.map

package/esm/packages/vuu-table-extras/src/freeze-control/FrozenBanner.css.js.map

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

package/esm/packages/vuu-table-extras/src/freeze-control/FrozenBanner.js

@@ -1,53 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useState, useEffect } from 'react';
-import cx from 'clsx';
-import frozenBannerCss from './FrozenBanner.css.js';
-
-const classBase = "FrozenBanner";
-const formatFreezeTime = (ts) => {
-  const date = new Date(ts);
-  return date.toLocaleTimeString(void 0, {
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-};
-const FrozenBanner = ({
-  dataSource,
-  className,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-frozen-banner",
-    css: frozenBannerCss,
-    window: targetWindow
-  });
-  const [isFrozen, setIsFrozen] = useState(dataSource.isFrozen ?? false);
-  const [freezeTime, setFreezeTime] = useState(
-    dataSource.freezeTimestamp
-  );
-  useEffect(() => {
-    const handleFreezeChange = (frozen, timestamp) => {
-      setIsFrozen(frozen);
-      setFreezeTime(timestamp);
-    };
-    setIsFrozen(dataSource.isFrozen ?? false);
-    setFreezeTime(dataSource.freezeTimestamp);
-    dataSource.on("freeze", handleFreezeChange);
-    return () => {
-      dataSource.removeListener("freeze", handleFreezeChange);
-    };
-  }, [dataSource]);
-  if (!isFrozen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
-    "Frozen at ",
-    freezeTime ? formatFreezeTime(freezeTime) : "--:--"
-  ] });
-};
-
-export { FrozenBanner };
-//# sourceMappingURL=FrozenBanner.js.map

package/esm/packages/vuu-table-extras/src/freeze-control/FrozenBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FrozenBanner.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/FrozenBanner.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, useEffect, useState } from \"react\";\nimport cx from \"clsx\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nimport frozenBannerCss from \"./FrozenBanner.css\";\n\nconst classBase = \"FrozenBanner\";\n\nconst formatFreezeTime = (ts: number) => {\n  const date = new Date(ts);\n  return date.toLocaleTimeString(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n};\n\nexport interface FrozenBannerProps extends HTMLAttributes<HTMLDivElement> {\n  dataSource: DataSource;\n}\n\nexport const FrozenBanner = ({\n  dataSource,\n  className,\n  ...htmlAttributes\n}: FrozenBannerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-frozen-banner\",\n    css: frozenBannerCss,\n    window: targetWindow,\n  });\n\n  const [isFrozen, setIsFrozen] = useState(dataSource.isFrozen ?? false);\n  const [freezeTime, setFreezeTime] = useState<number | undefined>(\n    dataSource.freezeTimestamp,\n  );\n\n  useEffect(() => {\n    const handleFreezeChange = (frozen: boolean, timestamp?: number) => {\n      setIsFrozen(frozen);\n      setFreezeTime(timestamp);\n    };\n\n    setIsFrozen(dataSource.isFrozen ?? false);\n    setFreezeTime(dataSource.freezeTimestamp);\n\n    dataSource.on(\"freeze\", handleFreezeChange);\n\n    return () => {\n      dataSource.removeListener(\"freeze\", handleFreezeChange);\n    };\n  }, [dataSource]);\n\n  if (!isFrozen) {\n    return null;\n  }\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      Frozen at {freezeTime ? formatFreezeTime(freezeTime) : \"--:--\"}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,SAAY,GAAA,cAAA;AAElB,MAAM,gBAAA,GAAmB,CAAC,EAAe,KAAA;AACvC,EAAM,MAAA,IAAA,GAAO,IAAI,IAAA,CAAK,EAAE,CAAA;AACxB,EAAO,OAAA,IAAA,CAAK,mBAAmB,KAAW,CAAA,EAAA;AAAA,IACxC,IAAM,EAAA,SAAA;AAAA,IACN,MAAQ,EAAA;AAAA,GACT,CAAA;AACH,CAAA;AAMO,MAAM,eAAe,CAAC;AAAA,EAC3B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAyB,KAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAS,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACrE,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,IAClC,UAAW,CAAA;AAAA,GACb;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,kBAAA,GAAqB,CAAC,MAAA,EAAiB,SAAuB,KAAA;AAClE,MAAA,WAAA,CAAY,MAAM,CAAA;AAClB,MAAA,aAAA,CAAc,SAAS,CAAA;AAAA,KACzB;AAEA,IAAY,WAAA,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACxC,IAAA,aAAA,CAAc,WAAW,eAAe,CAAA;AAExC,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,kBAAkB,CAAA;AAE1C,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,kBAAkB,CAAA;AAAA,KACxD;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAG,EAAA,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,IACjD,UAAA,GAAa,gBAAiB,CAAA,UAAU,CAAI,GAAA;AAAA,GACzD,EAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/freeze-control/freezeControlBadge.js

@@ -1,8 +0,0 @@
-const calculateBadgeState = (newRecordCount) => {
-  const badgeValue = Math.min(newRecordCount, 99);
-  const isOverflow = newRecordCount > 99;
-  return { badgeValue, isOverflow };
-};
-
-export { calculateBadgeState };
-//# sourceMappingURL=freezeControlBadge.js.map

package/esm/packages/vuu-table-extras/src/freeze-control/freezeControlBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"freezeControlBadge.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/freezeControlBadge.ts"],"sourcesContent":["/**\n * Calculates the badge value and overflow state for FreezeControl\n * It should max at 99, and when this is exceeded show 99+\n *\n * @param newRecordCount - int of new records\n * @returns An object with `badgeValue` (the displayed number, max 99) and `isOverflow` (whether count exceeds 99)\n */\nexport const calculateBadgeState = (newRecordCount: number) => {\n  const badgeValue = Math.min(newRecordCount, 99);\n  const isOverflow = newRecordCount > 99;\n  return { badgeValue, isOverflow };\n};\n"],"names":[],"mappings":"AAOa,MAAA,mBAAA,GAAsB,CAAC,cAA2B,KAAA;AAC7D,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,cAAA,EAAgB,EAAE,CAAA;AAC9C,EAAA,MAAM,aAAa,cAAiB,GAAA,EAAA;AACpC,EAAO,OAAA,EAAE,YAAY,UAAW,EAAA;AAClC;;;;"}

package/esm/packages/vuu-table-extras/src/freeze-control/useFreezeControl.js

@@ -1,66 +0,0 @@
-import { useData, messageHasSize } from '@vuu-ui/vuu-utils';
-import { useMemo, useState, useCallback } from 'react';
-
-const FreezeState = (dataSource, newRecordCount) => ({
-  isFrozen: dataSource.isFrozen ?? false,
-  newRecordCount
-});
-const useFreezeControl = ({ dataSource }) => {
-  const { VuuDataSource } = useData();
-  const table = useMemo(() => {
-    if (dataSource.table === void 0) {
-      throw Error(`[useFreezeControls] dataSource must have VuuTable`);
-    }
-    return dataSource.table;
-  }, [dataSource]);
-  const [freezeState, setFreezeState] = useState(
-    FreezeState(dataSource, 0)
-  );
-  const [startTrackingNewRows, stopTrackingNewRows] = useMemo(() => {
-    let ds = void 0;
-    const dataCallback = (message) => {
-      if (messageHasSize(message)) {
-        setFreezeState((prev) => ({
-          ...prev,
-          newRecordCount: message.size
-        }));
-      }
-    };
-    const start = (ts) => {
-      ds = new VuuDataSource({ columns: ["vuuCreatedTimestamp"], table });
-      ds.subscribe(
-        {
-          filterSpec: {
-            filter: `vuuCreatedTimestamp > ${ts}`
-          }
-        },
-        dataCallback
-      );
-    };
-    const stop = () => {
-      ds?.unsubscribe();
-    };
-    return [start, stop];
-  }, [VuuDataSource, table]);
-  const handleToggleChange = useCallback(
-    (evt) => {
-      const value = evt.target.value;
-      if (value === "frozen") {
-        dataSource.freeze?.();
-        startTrackingNewRows(dataSource.freezeTimestamp);
-      } else {
-        dataSource.unfreeze?.();
-        stopTrackingNewRows();
-      }
-      setFreezeState(FreezeState(dataSource, 0));
-    },
-    [dataSource, startTrackingNewRows, stopTrackingNewRows]
-  );
-  return {
-    ...freezeState,
-    onToggleChange: handleToggleChange
-  };
-};
-
-export { useFreezeControl };
-//# sourceMappingURL=useFreezeControl.js.map

package/esm/packages/vuu-table-extras/src/freeze-control/useFreezeControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFreezeControl.js","sources":["../../../../../../../packages/vuu-table-extras/src/freeze-control/useFreezeControl.ts"],"sourcesContent":["import {\n  DataSource,\n  DataSourceSubscribeCallback,\n} from \"@vuu-ui/vuu-data-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { messageHasSize, useData } from \"@vuu-ui/vuu-utils\";\nimport { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\ntype FreezeState = {\n  isFrozen: boolean;\n  newRecordCount: number;\n};\n\nconst FreezeState = (\n  dataSource: DataSource,\n  newRecordCount: number,\n): FreezeState => ({\n  isFrozen: dataSource.isFrozen ?? false,\n  newRecordCount,\n});\n\nexport const useFreezeControl = ({ dataSource }: FreezeProps) => {\n  const { VuuDataSource } = useData();\n  const table = useMemo<VuuTable>(() => {\n    if (dataSource.table === undefined) {\n      throw Error(`[useFreezeControls] dataSource must have VuuTable`);\n    }\n    return dataSource.table;\n  }, [dataSource]);\n  const [freezeState, setFreezeState] = useState<FreezeState>(\n    FreezeState(dataSource, 0),\n  );\n\n  const [startTrackingNewRows, stopTrackingNewRows] = useMemo(() => {\n    let ds: DataSource | undefined = undefined;\n\n    const dataCallback: DataSourceSubscribeCallback = (message) => {\n      if (messageHasSize(message)) {\n        setFreezeState((prev) => ({\n          ...prev,\n          newRecordCount: message.size,\n        }));\n      }\n    };\n\n    const start = (ts: number) => {\n      ds = new VuuDataSource({ columns: [\"vuuCreatedTimestamp\"], table });\n      ds.subscribe(\n        {\n          filterSpec: {\n            filter: `vuuCreatedTimestamp > ${ts}`,\n          },\n        },\n        dataCallback,\n      );\n    };\n\n    const stop = () => {\n      ds?.unsubscribe();\n    };\n\n    return [start, stop];\n  }, [VuuDataSource, table]);\n\n  const handleToggleChange = useCallback(\n    (evt: SyntheticEvent<HTMLButtonElement>) => {\n      const value = (evt.target as HTMLButtonElement).value;\n      if (value === \"frozen\") {\n        dataSource.freeze?.();\n        startTrackingNewRows(dataSource.freezeTimestamp as number);\n      } else {\n        dataSource.unfreeze?.();\n        stopTrackingNewRows();\n      }\n      setFreezeState(FreezeState(dataSource, 0));\n    },\n    [dataSource, startTrackingNewRows, stopTrackingNewRows],\n  );\n\n  return {\n    ...freezeState,\n    onToggleChange: handleToggleChange,\n  };\n};\n"],"names":[],"mappings":";;;AAiBA,MAAM,WAAA,GAAc,CAClB,UAAA,EACA,cACiB,MAAA;AAAA,EACjB,QAAA,EAAU,WAAW,QAAY,IAAA,KAAA;AAAA,EACjC;AACF,CAAA,CAAA;AAEO,MAAM,gBAAmB,GAAA,CAAC,EAAE,UAAA,EAA8B,KAAA;AAC/D,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA;AAClC,EAAM,MAAA,KAAA,GAAQ,QAAkB,MAAM;AACpC,IAAI,IAAA,UAAA,CAAW,UAAU,KAAW,CAAA,EAAA;AAClC,MAAA,MAAM,MAAM,CAAmD,iDAAA,CAAA,CAAA;AAAA;AAEjE,IAAA,OAAO,UAAW,CAAA,KAAA;AAAA,GACpB,EAAG,CAAC,UAAU,CAAC,CAAA;AACf,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,WAAA,CAAY,YAAY,CAAC;AAAA,GAC3B;AAEA,EAAA,MAAM,CAAC,oBAAA,EAAsB,mBAAmB,CAAA,GAAI,QAAQ,MAAM;AAChE,IAAA,IAAI,EAA6B,GAAA,KAAA,CAAA;AAEjC,IAAM,MAAA,YAAA,GAA4C,CAAC,OAAY,KAAA;AAC7D,MAAI,IAAA,cAAA,CAAe,OAAO,CAAG,EAAA;AAC3B,QAAA,cAAA,CAAe,CAAC,IAAU,MAAA;AAAA,UACxB,GAAG,IAAA;AAAA,UACH,gBAAgB,OAAQ,CAAA;AAAA,SACxB,CAAA,CAAA;AAAA;AACJ,KACF;AAEA,IAAM,MAAA,KAAA,GAAQ,CAAC,EAAe,KAAA;AAC5B,MAAK,EAAA,GAAA,IAAI,cAAc,EAAE,OAAA,EAAS,CAAC,qBAAqB,CAAA,EAAG,OAAO,CAAA;AAClE,MAAG,EAAA,CAAA,SAAA;AAAA,QACD;AAAA,UACE,UAAY,EAAA;AAAA,YACV,MAAA,EAAQ,yBAAyB,EAAE,CAAA;AAAA;AACrC,SACF;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,EAAA,EAAI,WAAY,EAAA;AAAA,KAClB;AAEA,IAAO,OAAA,CAAC,OAAO,IAAI,CAAA;AAAA,GAClB,EAAA,CAAC,aAAe,EAAA,KAAK,CAAC,CAAA;AAEzB,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAA2C,KAAA;AAC1C,MAAM,MAAA,KAAA,GAAS,IAAI,MAA6B,CAAA,KAAA;AAChD,MAAA,IAAI,UAAU,QAAU,EAAA;AACtB,QAAA,UAAA,CAAW,MAAS,IAAA;AACpB,QAAA,oBAAA,CAAqB,WAAW,eAAyB,CAAA;AAAA,OACpD,MAAA;AACL,QAAA,UAAA,CAAW,QAAW,IAAA;AACtB,QAAoB,mBAAA,EAAA;AAAA;AAEtB,MAAe,cAAA,CAAA,WAAA,CAAY,UAAY,EAAA,CAAC,CAAC,CAAA;AAAA,KAC3C;AAAA,IACA,CAAC,UAAY,EAAA,oBAAA,EAAsB,mBAAmB;AAAA,GACxD;AAEA,EAAO,OAAA;AAAA,IACL,GAAG,WAAA;AAAA,IACH,cAAgB,EAAA;AAAA,GAClB;AACF;;;;"}

package/esm/packages/vuu-table-extras/src/index.js

@@ -1,45 +0,0 @@
-export { CalculatedColumnPanel } from './calculated-column/CalculatedColumnPanel.js';
-export { CsvUpload } from './csv-upload/CsvUpload.js';
-export { useCsvUpload } from './csv-upload/useCsvUpload.js';
-export { DataUploadPreview } from './csv-upload/data-upload-preview/DataUploadPreview.js';
-export { validateCsvAgainstSchema } from './csv-upload/parse/csv-schema-validation.js';
-export { parseCsv } from './csv-upload/parse/csv-parse.js';
-export { CsvParseErrorEnum, CsvValidationErrorEnum } from './csv-upload/parse/csv-errors.js';
-export { CSV_FIRST_DATA_ROW_NUMBER, CSV_HEADER_ROW_NUMBER } from './csv-upload/parse/csv-constants.js';
-export { CaseValidator } from './cell-edit-validators/CaseValidator.js';
-export { PatternValidator } from './cell-edit-validators/PatternValidator.js';
-export { BackgroundCell } from './cell-renderers/background-cell/BackgroundCell.js';
-export { BackgroundCellConfigurationEditor } from './cell-renderers/background-cell/BackgroundCellConfigurationEditor.js';
-export { DropdownCell } from './cell-renderers/dropdown-cell/DropdownCell.js';
-export { LookupCell } from './cell-renderers/lookup-cell/LookupCell.js';
-export { PctProgressCell } from './cell-renderers/pct-progress-cell/PctProgressCell.js';
-import './cell-renderers/progress-cell/ProgressCell.js';
-export { IconButtonCell } from './cell-renderers/button-cell/IconButtonCell.js';
-export { ColumnExpressionInput } from './column-expression-input/ColumnExpressionInput.js';
-export { columnExpressionLanguageSupport } from './column-expression-input/column-language-parser/ColumnExpressionLanguage.js';
-export { walkTree } from './column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js';
-export { ColumnNamedTerms, isCompleteExpression, isCompleteRelationalExpression, lastNamedChild } from './column-expression-input/column-language-parser/column-expression-parse-utils.js';
-export { useColumnExpressionEditor } from './column-expression-input/useColumnExpressionEditor.js';
-export { useColumnExpressionSuggestionProvider } from './column-expression-input/useColumnExpressionSuggestionProvider.js';
-export { ColumnFormattingPanel } from './column-formatting-settings/ColumnFormattingPanel.js';
-export { BaseNumericFormattingSettings } from './column-formatting-settings/BaseNumericFormattingSettings.js';
-export { DateTimeFormattingSettings } from './column-formatting-settings/DateTimeFormattingSettings.js';
-export { ColumnMenu } from './column-menu/ColumnMenu.js';
-export { useColumnActions } from './column-menu/useColumnActions.js';
-export { ColumnChangeSource, ColumnModel, SelectedColumnChangeType, isColumnAdded, isColumnRemoved, isColumnsReordered } from './column-picker/ColumnModel.js';
-export { ColumnPicker } from './column-picker/ColumnPicker.js';
-export { ColumnPickerAction } from './column-picker/ColumnPickerAction.js';
-export { useTableColumnPicker } from './column-picker/useTableColumnPicker.js';
-export { ColumnSettingsPanel } from './column-settings-panel/ColumnSettingsPanel.js';
-export { useColumnSettings } from './column-settings-panel/useColumnSettings.js';
-export { DataSourceStats } from './datasource-stats/DatasourceStats.js';
-export { FreezeControl } from './freeze-control/FreezeControl.js';
-export { FrozenBanner } from './freeze-control/FrozenBanner.js';
-export { InlineAddRow } from './inline-add-row/InlineAddRow.js';
-export { useInlineAddRow } from './inline-add-row/useInlineAddRow.js';
-export { TabbedTableConfigPanel } from './tabbed-table-config-panel/TabbedTableConfigPanel.js';
-export { TabbedTableSettingsAction } from './tabbed-table-config-panel/TabbedTableSettingsAction.js';
-export { TableFooter, TableFooterTray } from './table-footer/TableFooter.js';
-export { TableProvider, useTableContext } from './table-provider/TableProvider.js';
-export { TableSettingsPanel, defaultTableSettingsPermissions } from './table-settings-panel/TableSettingsPanel.js';
-//# sourceMappingURL=index.js.map

package/esm/packages/vuu-table-extras/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js

@@ -1,4 +0,0 @@
-var inlineAddRowCss = ".vuuInlineAddRow {\n  --row-borderColor: transparent;\n\n  display: flex;\n  height: var(--row-height, var(--salt-size-base));\n  padding: 0 var(--table-selection-bookend-width, 4px);\n  position: relative;\n\n  .vuuTableCell {\n    height: 100%;\n  }\n}\n";
-
-export { inlineAddRowCss as default };
-//# sourceMappingURL=InlineAddRow.css.js.map

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.css.js.map

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

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js

@@ -1,42 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { Row } from '@vuu-ui/vuu-table';
-import cx from 'clsx';
-import { useInlineAddRow } from './useInlineAddRow.js';
-import inlineAddRowCss from './InlineAddRow.css.js';
-
-const classBase = "vuuInlineAddRow";
-const InlineAddRow = ({
-  ariaRowIndex,
-  className,
-  columns,
-  style
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-inline-add-row",
-    css: inlineAddRowCss,
-    window: targetWindow
-  });
-  const { containerRef, dataRow, draftRevision, inlineAddColumns } = useInlineAddRow({
-    columns
-  });
-  return /* @__PURE__ */ jsx("div", { className: cx(classBase, className), ref: containerRef, children: /* @__PURE__ */ jsx(
-    Row,
-    {
-      ariaRowIndex,
-      columns: inlineAddColumns,
-      dataRow,
-      offset: 0,
-      searchPattern: "",
-      showBookends: false,
-      style,
-      virtualColSpan: 0
-    },
-    draftRevision
-  ) });
-};
-
-export { InlineAddRow };
-//# sourceMappingURL=InlineAddRow.js.map

package/esm/packages/vuu-table-extras/src/inline-add-row/InlineAddRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineAddRow.js","sources":["../../../../../../../packages/vuu-table-extras/src/inline-add-row/InlineAddRow.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { Row } from \"@vuu-ui/vuu-table\";\nimport type { BaseRowProps } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { useInlineAddRow } from \"./useInlineAddRow\";\n\nimport inlineAddRowCss from \"./InlineAddRow.css\";\n\nconst classBase = \"vuuInlineAddRow\";\n\nexport type InlineAddRowProps = BaseRowProps;\n\nexport const InlineAddRow = ({\n  ariaRowIndex,\n  className,\n  columns,\n  style,\n}: InlineAddRowProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-inline-add-row\",\n    css: inlineAddRowCss,\n    window: targetWindow,\n  });\n\n  const { containerRef, dataRow, draftRevision, inlineAddColumns } =\n    useInlineAddRow({\n      columns,\n    });\n\n  return (\n    <div className={cx(classBase, className)} ref={containerRef}>\n      <Row\n        ariaRowIndex={ariaRowIndex}\n        columns={inlineAddColumns}\n        dataRow={dataRow}\n        key={draftRevision}\n        offset={0}\n        searchPattern=\"\"\n        showBookends={false}\n        style={style}\n        virtualColSpan={0}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,SAAY,GAAA,iBAAA;AAIX,MAAM,eAAe,CAAC;AAAA,EAC3B,YAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAc,EAAA,OAAA,EAAS,aAAe,EAAA,gBAAA,KAC5C,eAAgB,CAAA;AAAA,IACd;AAAA,GACD,CAAA;AAEH,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,WAAW,SAAS,CAAA,EAAG,KAAK,YAC7C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,OAAS,EAAA,gBAAA;AAAA,MACT,OAAA;AAAA,MAEA,MAAQ,EAAA,CAAA;AAAA,MACR,aAAc,EAAA,EAAA;AAAA,MACd,YAAc,EAAA,KAAA;AAAA,MACd,KAAA;AAAA,MACA,cAAgB,EAAA;AAAA,KAAA;AAAA,IALX;AAAA,GAOT,EAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js

@@ -1,135 +0,0 @@
-import { useEditSession, withDataRowEditErrors, EditSession } from '@vuu-ui/vuu-data-editing';
-import { isDataValueEditable, getCellRenderer, isNotHidden } from '@vuu-ui/vuu-utils';
-import { useRef, useMemo, useCallback, useSyncExternalStore, useEffect } from 'react';
-
-const createSyntheticDataRow = (newRowState, columns) => withDataRowEditErrors(
-  {
-    ...newRowState.values,
-    childCount: 0,
-    depth: 1,
-    hasColumn: (name) => columns.some((column) => column.name === name),
-    index: -1,
-    isExpanded: false,
-    isLeaf: true,
-    isSelected: false,
-    key: EditSession.newRowKey,
-    renderIndex: -1
-  },
-  newRowState.errors
-);
-const useInlineAddRow = ({ columns }) => {
-  const editSession = useEditSession(true);
-  const containerRef = useRef(null);
-  const inlineAddColumns = useMemo(
-    () => columns.map((column) => {
-      const editable = isDataValueEditable(column, "insert");
-      const inlineAddColumn = { ...column, editable };
-      return {
-        ...inlineAddColumn,
-        CellRenderer: editable ? getCellRenderer(inlineAddColumn) : void 0
-      };
-    }),
-    [columns]
-  );
-  const visibleColumns = useMemo(
-    () => inlineAddColumns.filter(isNotHidden),
-    [inlineAddColumns]
-  );
-  const visibleInsertColumns = useMemo(
-    () => visibleColumns.filter((column) => isDataValueEditable(column, "insert")),
-    [visibleColumns]
-  );
-  const subscribeToNewRow = useCallback(
-    (onStoreChange) => {
-      editSession.on("newRow", onStoreChange);
-      return () => editSession.removeListener("newRow", onStoreChange);
-    },
-    [editSession]
-  );
-  const newRowState = useSyncExternalStore(
-    subscribeToNewRow,
-    () => editSession.newRowState,
-    () => editSession.newRowState
-  );
-  const dataRow = useMemo(
-    () => createSyntheticDataRow(newRowState, inlineAddColumns),
-    [inlineAddColumns, newRowState]
-  );
-  const previousValuesRef = useRef(newRowState.values);
-  const focusEditor = useCallback((index) => {
-    const cell = containerRef.current?.querySelectorAll("[data-field]")[index];
-    cell?.querySelector("input, button, [tabindex]")?.focus();
-  }, []);
-  useEffect(() => {
-    editSession.configureNewRow(visibleInsertColumns.map(({ name }) => name));
-  }, [editSession, visibleInsertColumns]);
-  useEffect(() => {
-    visibleInsertColumns.filter(
-      (column) => column.serverDataType === "boolean" && newRowState.values[column.name] === void 0
-    ).forEach((column) => {
-      editSession.setNewRowValue(column.name, false);
-    });
-  }, [editSession, newRowState.values, visibleInsertColumns]);
-  useEffect(() => {
-    const firstInvalidIndex = visibleColumns.findIndex(
-      ({ name }) => newRowState.errors[name] !== void 0
-    );
-    if (firstInvalidIndex !== -1) {
-      focusEditor(firstInvalidIndex);
-    }
-  }, [focusEditor, newRowState.errors, visibleColumns]);
-  useEffect(() => {
-    const previousValues = previousValuesRef.current;
-    previousValuesRef.current = newRowState.values;
-    if (Object.keys(previousValues).length > 0 && Object.keys(newRowState.values).length === 0 && Object.keys(newRowState.errors).length === 0) {
-      const firstEditableIndex = visibleColumns.findIndex(
-        (column) => isDataValueEditable(column, "insert")
-      );
-      if (firstEditableIndex !== -1) {
-        requestAnimationFrame(() => focusEditor(firstEditableIndex));
-      }
-    }
-  }, [focusEditor, newRowState.errors, newRowState.values, visibleColumns]);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) {
-      return;
-    }
-    const handleCommit = (event) => {
-      const target = event.target;
-      if (!(target instanceof Element)) {
-        return;
-      }
-      const cell = target.closest("[data-field]");
-      const cells = container.querySelectorAll("[data-field]");
-      const currentIndex = Array.from(cells).indexOf(cell ?? container);
-      const firstInvalidIndex = visibleColumns.findIndex(
-        ({ name }) => editSession.newRowState.errors[name] !== void 0
-      );
-      const firstEditableIndex = visibleColumns.findIndex(
-        (column) => isDataValueEditable(column, "insert")
-      );
-      const nextEditableIndex = visibleColumns.findIndex(
-        (column, index) => index > currentIndex && isDataValueEditable(column, "insert")
-      );
-      if (firstInvalidIndex !== -1) {
-        requestAnimationFrame(() => focusEditor(firstInvalidIndex));
-      } else if (nextEditableIndex !== -1) {
-        focusEditor(nextEditableIndex);
-      } else if (firstEditableIndex !== -1) {
-        requestAnimationFrame(() => focusEditor(firstEditableIndex));
-      }
-    };
-    container.addEventListener("vuu-commit", handleCommit);
-    return () => container.removeEventListener("vuu-commit", handleCommit);
-  }, [editSession, focusEditor, visibleColumns]);
-  return {
-    containerRef,
-    dataRow,
-    draftRevision: newRowState.draftRevision,
-    inlineAddColumns
-  };
-};
-
-export { useInlineAddRow };
-//# sourceMappingURL=useInlineAddRow.js.map

package/esm/packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInlineAddRow.js","sources":["../../../../../../../packages/vuu-table-extras/src/inline-add-row/useInlineAddRow.ts"],"sourcesContent":["import {\n  EditSession,\n  useEditSession,\n  withDataRowEditErrors,\n  type NewRowState,\n} from \"@vuu-ui/vuu-data-editing\";\nimport type { DataRow, RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getCellRenderer,\n  isDataValueEditable,\n  isNotHidden,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\";\n\nconst createSyntheticDataRow = (\n  newRowState: NewRowState,\n  columns: RuntimeColumnDescriptor[],\n): DataRow =>\n  withDataRowEditErrors(\n    {\n      ...newRowState.values,\n      childCount: 0,\n      depth: 1,\n      hasColumn: (name: string) =>\n        columns.some((column) => column.name === name),\n      index: -1,\n      isExpanded: false,\n      isLeaf: true,\n      isSelected: false,\n      key: EditSession.newRowKey,\n      renderIndex: -1,\n    } as DataRow,\n    newRowState.errors,\n  );\n\nexport interface UseInlineAddRowProps {\n  columns: RuntimeColumnDescriptor[];\n}\n\nexport const useInlineAddRow = ({ columns }: UseInlineAddRowProps) => {\n  const editSession = useEditSession(true);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inlineAddColumns = useMemo(\n    () =>\n      columns.map((column) => {\n        const editable = isDataValueEditable(column, \"insert\");\n        const inlineAddColumn = { ...column, editable };\n        return {\n          ...inlineAddColumn,\n          CellRenderer: editable ? getCellRenderer(inlineAddColumn) : undefined,\n        };\n      }),\n    [columns],\n  );\n  const visibleColumns = useMemo(\n    () => inlineAddColumns.filter(isNotHidden),\n    [inlineAddColumns],\n  );\n  const visibleInsertColumns = useMemo(\n    () =>\n      visibleColumns.filter((column) => isDataValueEditable(column, \"insert\")),\n    [visibleColumns],\n  );\n  const subscribeToNewRow = useCallback(\n    (onStoreChange: () => void) => {\n      editSession.on(\"newRow\", onStoreChange);\n      return () => editSession.removeListener(\"newRow\", onStoreChange);\n    },\n    [editSession],\n  );\n  const newRowState = useSyncExternalStore(\n    subscribeToNewRow,\n    () => editSession.newRowState,\n    () => editSession.newRowState,\n  );\n  const dataRow = useMemo(\n    () => createSyntheticDataRow(newRowState, inlineAddColumns),\n    [inlineAddColumns, newRowState],\n  );\n  const previousValuesRef = useRef(newRowState.values);\n\n  const focusEditor = useCallback((index: number) => {\n    const cell =\n      containerRef.current?.querySelectorAll<HTMLElement>(\"[data-field]\")[\n        index\n      ];\n    cell?.querySelector<HTMLElement>(\"input, button, [tabindex]\")?.focus();\n  }, []);\n\n  useEffect(() => {\n    editSession.configureNewRow(visibleInsertColumns.map(({ name }) => name));\n  }, [editSession, visibleInsertColumns]);\n\n  useEffect(() => {\n    visibleInsertColumns\n      .filter(\n        (column) =>\n          column.serverDataType === \"boolean\" &&\n          newRowState.values[column.name] === undefined,\n      )\n      .forEach((column) => {\n        editSession.setNewRowValue(column.name, false);\n      });\n  }, [editSession, newRowState.values, visibleInsertColumns]);\n\n  useEffect(() => {\n    const firstInvalidIndex = visibleColumns.findIndex(\n      ({ name }) => newRowState.errors[name] !== undefined,\n    );\n    if (firstInvalidIndex !== -1) {\n      focusEditor(firstInvalidIndex);\n    }\n  }, [focusEditor, newRowState.errors, visibleColumns]);\n\n  useEffect(() => {\n    const previousValues = previousValuesRef.current;\n    previousValuesRef.current = newRowState.values;\n    if (\n      Object.keys(previousValues).length > 0 &&\n      Object.keys(newRowState.values).length === 0 &&\n      Object.keys(newRowState.errors).length === 0\n    ) {\n      const firstEditableIndex = visibleColumns.findIndex((column) =>\n        isDataValueEditable(column, \"insert\"),\n      );\n      if (firstEditableIndex !== -1) {\n        requestAnimationFrame(() => focusEditor(firstEditableIndex));\n      }\n    }\n  }, [focusEditor, newRowState.errors, newRowState.values, visibleColumns]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const handleCommit = (event: Event) => {\n      const target = event.target;\n      if (!(target instanceof Element)) {\n        return;\n      }\n      const cell = target.closest<HTMLElement>(\"[data-field]\");\n      const cells = container.querySelectorAll<HTMLElement>(\"[data-field]\");\n      const currentIndex = Array.from(cells).indexOf(cell ?? container);\n      const firstInvalidIndex = visibleColumns.findIndex(\n        ({ name }) => editSession.newRowState.errors[name] !== undefined,\n      );\n      const firstEditableIndex = visibleColumns.findIndex((column) =>\n        isDataValueEditable(column, \"insert\"),\n      );\n      const nextEditableIndex = visibleColumns.findIndex(\n        (column, index) =>\n          index > currentIndex && isDataValueEditable(column, \"insert\"),\n      );\n      if (firstInvalidIndex !== -1) {\n        requestAnimationFrame(() => focusEditor(firstInvalidIndex));\n      } else if (nextEditableIndex !== -1) {\n        focusEditor(nextEditableIndex);\n      } else if (firstEditableIndex !== -1) {\n        requestAnimationFrame(() => focusEditor(firstEditableIndex));\n      }\n    };\n\n    container.addEventListener(\"vuu-commit\", handleCommit);\n    return () => container.removeEventListener(\"vuu-commit\", handleCommit);\n  }, [editSession, focusEditor, visibleColumns]);\n\n  return {\n    containerRef,\n    dataRow,\n    draftRevision: newRowState.draftRevision,\n    inlineAddColumns,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableConfigPanel.css.js

@@ -1,4 +0,0 @@
-var css = ".vuuTabbedTableConfigPanel {\n\n    --tabs-height: 25px;\n\n    inset: 0;\n    position: absolute;\n    .saltTabsNext {\n        height: 100%;\n        .saltTabListNext {\n            border-bottom: solid var(--salt-separable-secondary-borderColor) 1px;\n            height: var(--tabs-height);\n        }\n\n        .saltTabNextPanel {\n            height: calc(100% - var(--tabs-height));\n        }\n    }\n}";
-
-export { css as default };
-//# sourceMappingURL=TabbedTableConfigPanel.css.js.map

package/esm/packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableConfigPanel.css.js.map

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