@vuu-ui/vuu-table-extras 2.1.17 → 2.1.19-beta.1

package/cjs/datasource-stats/useDatasourceStats.js

@@ -1,61 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const timeFormatter = vuuUtils.formatDate({ time: "hh:mm:ss" });
-const formatTime = (ts) => {
-  if (typeof ts === "number") {
-    return timeFormatter(new Date(ts));
-  } else {
-    return void 0;
-  }
-};
-const useDatasourceStats = ({
-  dataSource
-}) => {
-  const [selectedCount, setSelectedCount] = react.useState(0);
-  const [range, setRange] = react.useState(dataSource.range);
-  const [size, setSize] = react.useState(dataSource.size);
-  const [freezeTime, setFreezeTime] = react.useState(
-    formatTime(dataSource.freezeTimestamp)
-  );
-  const handleFreeze = react.useCallback(
-    (isFrozen, freezeTimestamp) => {
-      if (isFrozen) {
-        setFreezeTime(formatTime(freezeTimestamp));
-      } else {
-        setFreezeTime(void 0);
-      }
-    },
-    []
-  );
-  const handleRowSelection = react.useCallback((count) => {
-    setSelectedCount(count);
-  }, []);
-  const handleSize = react.useCallback((size2) => {
-    setSize(size2);
-  }, []);
-  react.useMemo(() => {
-    setSize(dataSource.size);
-    dataSource.on("resize", handleSize);
-    dataSource.on("range", setRange);
-    dataSource.on("freeze", handleFreeze);
-    dataSource.on("row-selection", handleRowSelection);
-    return () => {
-      dataSource.removeListener("resize", handleSize);
-      dataSource.removeListener("range", setRange);
-      dataSource.removeListener("freeze", handleFreeze);
-      dataSource.removeListener("row-selection", handleRowSelection);
-    };
-  }, [dataSource, handleFreeze, handleRowSelection, handleSize]);
-  return {
-    range,
-    selectedCount,
-    size,
-    freezeTime
-  };
-};
-
-exports.useDatasourceStats = useDatasourceStats;
-//# sourceMappingURL=useDatasourceStats.js.map

package/cjs/datasource-stats/useDatasourceStats.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDatasourceStats.js","sources":["../../../../packages/vuu-table-extras/src/datasource-stats/useDatasourceStats.ts"],"sourcesContent":["import { DataSource, RowSelectionEventHandler } from \"@vuu-ui/vuu-data-types\";\nimport { formatDate, Range } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useMemo, useState } from \"react\";\n\nexport interface DatasourceStatsHookProps {\n  dataSource: DataSource;\n  showFreezeStatus?: boolean;\n  showRowStats?: boolean;\n  showSelectionStats?: boolean;\n}\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\n\nconst formatTime = (ts: number | undefined) => {\n  if (typeof ts === \"number\") {\n    return timeFormatter(new Date(ts));\n  } else {\n    return undefined;\n  }\n};\n\nexport const useDatasourceStats = ({\n  dataSource,\n}: DatasourceStatsHookProps) => {\n  const [selectedCount, setSelectedCount] = useState(0);\n  const [range, setRange] = useState<Range>(dataSource.range);\n  const [size, setSize] = useState(dataSource.size);\n  const [freezeTime, setFreezeTime] = useState(\n    formatTime(dataSource.freezeTimestamp),\n  );\n\n  const handleFreeze = useCallback(\n    (isFrozen: boolean, freezeTimestamp: number) => {\n      if (isFrozen) {\n        setFreezeTime(formatTime(freezeTimestamp));\n      } else {\n        setFreezeTime(undefined);\n      }\n    },\n    [],\n  );\n\n  const handleRowSelection = useCallback<RowSelectionEventHandler>((count) => {\n    setSelectedCount(count);\n  }, []);\n\n  const handleSize = useCallback((size: number) => {\n    setSize(size);\n  }, []);\n\n  useMemo(() => {\n    setSize(dataSource.size);\n    dataSource.on(\"resize\", handleSize);\n    dataSource.on(\"range\", setRange);\n    dataSource.on(\"freeze\", handleFreeze);\n    dataSource.on(\"row-selection\", handleRowSelection);\n    return () => {\n      dataSource.removeListener(\"resize\", handleSize);\n      dataSource.removeListener(\"range\", setRange);\n      dataSource.removeListener(\"freeze\", handleFreeze);\n      dataSource.removeListener(\"row-selection\", handleRowSelection);\n    };\n  }, [dataSource, handleFreeze, handleRowSelection, handleSize]);\n\n  return {\n    range,\n    selectedCount,\n    size,\n    freezeTime,\n  };\n};\n"],"names":["formatDate","useState","useCallback","size","useMemo"],"mappings":";;;;;AAWA,MAAM,aAAgB,GAAAA,mBAAA,CAAW,EAAE,IAAA,EAAM,YAAY,CAAA;AAErD,MAAM,UAAA,GAAa,CAAC,EAA2B,KAAA;AAC7C,EAAI,IAAA,OAAO,OAAO,QAAU,EAAA;AAC1B,IAAA,OAAO,aAAc,CAAA,IAAI,IAAK,CAAA,EAAE,CAAC,CAAA;AAAA,GAC5B,MAAA;AACL,IAAO,OAAA,KAAA,CAAA;AAAA;AAEX,CAAA;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,eAAS,CAAC,CAAA;AACpD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAgB,WAAW,KAAK,CAAA;AAC1D,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAS,WAAW,IAAI,CAAA;AAChD,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAA,cAAA;AAAA,IAClC,UAAA,CAAW,WAAW,eAAe;AAAA,GACvC;AAEA,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,UAAmB,eAA4B,KAAA;AAC9C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAc,aAAA,CAAA,UAAA,CAAW,eAAe,CAAC,CAAA;AAAA,OACpC,MAAA;AACL,QAAA,aAAA,CAAc,KAAS,CAAA,CAAA;AAAA;AACzB,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAM,MAAA,kBAAA,GAAqBA,iBAAsC,CAAA,CAAC,KAAU,KAAA;AAC1E,IAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,GACxB,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,UAAA,GAAaA,iBAAY,CAAA,CAACC,KAAiB,KAAA;AAC/C,IAAA,OAAA,CAAQA,KAAI,CAAA;AAAA,GACd,EAAG,EAAE,CAAA;AAEL,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAA,OAAA,CAAQ,WAAW,IAAI,CAAA;AACvB,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,UAAU,CAAA;AAClC,IAAW,UAAA,CAAA,EAAA,CAAG,SAAS,QAAQ,CAAA;AAC/B,IAAW,UAAA,CAAA,EAAA,CAAG,UAAU,YAAY,CAAA;AACpC,IAAW,UAAA,CAAA,EAAA,CAAG,iBAAiB,kBAAkB,CAAA;AACjD,IAAA,OAAO,MAAM;AACX,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,UAAU,CAAA;AAC9C,MAAW,UAAA,CAAA,cAAA,CAAe,SAAS,QAAQ,CAAA;AAC3C,MAAW,UAAA,CAAA,cAAA,CAAe,UAAU,YAAY,CAAA;AAChD,MAAW,UAAA,CAAA,cAAA,CAAe,iBAAiB,kBAAkB,CAAA;AAAA,KAC/D;AAAA,KACC,CAAC,UAAA,EAAY,YAAc,EAAA,kBAAA,EAAoB,UAAU,CAAC,CAAA;AAE7D,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/freeze-control/FreezeControl.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var freezeControlCss = ".vuuFreezeControl {\n  display: inline-flex;\n  --freeze-control-flash-duration: 0.25s;\n  --freeze-control-active-button-color: var(--salt-palette-error-background);\n  --freeze-control-badge-color: var(--salt-palette-success-background);\n\n  height: fit-content;\n\n  .vuuFreezeControl-buttonRow {\n    background-color: var(--salt-container-secondary-background);\n    border: 1px solid var(--salt-container-secondary-borderColor);\n    border-radius: 50px;\n    display: flex;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .vuuFreezeControl-buttonWrapper {\n    border-radius: 50px;\n    padding: 0 var(--salt-spacing-150);\n    background-color: var(--salt-container-secondary-background);\n  }\n\n  .vuuFreezeControl-buttonWrapper-active {\n    background-color: var(--freeze-control-active-button-color);\n  }\n\n  .saltToggleButtonGroup {\n    padding: var(--vuuFreezeControl-padding, 0px);\n  }\n\n  .vuuFreezeControl-buttonWrapper-active .saltToggleButton {\n    background-color: var(--freeze-control-active-button-color);\n    color: var(--salt-actionable-secondary-foreground-active);\n  }\n\n  .saltToggleButtonGroup.vuuStateButtonGroup {\n    background-color: var(--salt-container-secondary-background);\n  }\n\n  .saltToggleButtonGroup.vuuStateButtonGroup .saltToggleButton {\n    background-color: transparent;\n  }\n\n  .vuuFreezeControl-customBadge {\n    background-color: transparent;\n    border-radius: 50%;\n    color: var(--salt-text-primary-foreground);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--salt-text-fontSize);\n    font-weight: bold;\n    height: var(--salt-size-base);\n    width: var(--salt-size-base);\n    min-width: var(--salt-size-base);\n    margin-left: var(--salt-spacing-100);\n    position: relative;\n    line-height: 1;\n    overflow: visible;\n  }\n\n  .vuuFreezeControl-newItems {\n    align-items: center;\n    background-color: var(--salt-container-secondary-background);\n    display: flex;\n    font-size: var(--salt-text-fontSize);\n    padding: 0 var(--salt-spacing-200);\n  }\n}\n\n.vuuFreezeControl-customBadge-flashing {\n  animation: flashGreenRed var(--freeze-control-flash-duration, 0.25s)\n    steps(1, end) infinite;\n}\n\n.vuuFreezeControl-customBadge[data-overflow=\"true\"] {\n  padding-right: 0.2em;\n}\n\n.vuuFreezeControl-plus {\n  font-size: 0.8em;\n  line-height: 1;\n  position: absolute;\n  top: 0.1em;\n  right: -0.05em;\n  font-weight: bold;\n  color: inherit;\n  pointer-events: none;\n}\n\n@keyframes flashGreenRed {\n  0% {\n    background-color: var(--freeze-control-badge-color);\n  }\n  50% {\n    background-color: transparent;\n  }\n  100% {\n    background-color: var(--freeze-control-badge-color);\n  }\n}\n";
-
-module.exports = freezeControlCss;
-//# sourceMappingURL=FreezeControl.css.js.map

package/cjs/freeze-control/FreezeControl.css.js.map

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

package/cjs/freeze-control/FreezeControl.js

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

package/cjs/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":["useWindow","useComponentCssInjection","freezeControlCss","useFreezeControl","useState","useRef","useEffect","calculateBadgeState","jsx","jsxs","ToggleButtonGroup","ToggleButton"],"mappings":"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"}

package/cjs/freeze-control/FrozenBanner.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = frozenBannerCss;
-//# sourceMappingURL=FrozenBanner.css.js.map

package/cjs/freeze-control/FrozenBanner.css.js.map

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

package/cjs/freeze-control/FrozenBanner.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var react = require('react');
-var cx = require('clsx');
-var FrozenBanner$1 = require('./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 = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-frozen-banner",
-    css: FrozenBanner$1,
-    window: targetWindow
-  });
-  const [isFrozen, setIsFrozen] = react.useState(dataSource.isFrozen ?? false);
-  const [freezeTime, setFreezeTime] = react.useState(
-    dataSource.freezeTimestamp
-  );
-  react.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__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
-    "Frozen at ",
-    freezeTime ? formatFreezeTime(freezeTime) : "--:--"
-  ] });
-};
-
-exports.FrozenBanner = FrozenBanner;
-//# sourceMappingURL=FrozenBanner.js.map

package/cjs/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":["useWindow","useComponentCssInjection","frozenBannerCss","useState","useEffect","jsxs"],"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,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAIC,cAAS,CAAA,UAAA,CAAW,YAAY,KAAK,CAAA;AACrE,EAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAAA,cAAA;AAAA,IAClC,UAAW,CAAA;AAAA,GACb;AAEA,EAAAC,eAAA,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,uBAAAC,eAAA,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/cjs/freeze-control/freezeControlBadge.js

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

package/cjs/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/cjs/freeze-control/useFreezeControl.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-
-const FreezeState = (dataSource, newRecordCount) => ({
-  isFrozen: dataSource.isFrozen ?? false,
-  newRecordCount
-});
-const useFreezeControl = ({ dataSource }) => {
-  const { VuuDataSource } = vuuUtils.useData();
-  const table = react.useMemo(() => {
-    if (dataSource.table === void 0) {
-      throw Error(`[useFreezeControls] dataSource must have VuuTable`);
-    }
-    return dataSource.table;
-  }, [dataSource]);
-  const [freezeState, setFreezeState] = react.useState(
-    FreezeState(dataSource, 0)
-  );
-  const [startTrackingNewRows, stopTrackingNewRows] = react.useMemo(() => {
-    let ds = void 0;
-    const dataCallback = (message) => {
-      if (vuuUtils.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 = react.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
-  };
-};
-
-exports.useFreezeControl = useFreezeControl;
-//# sourceMappingURL=useFreezeControl.js.map

package/cjs/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":["useData","useMemo","useState","messageHasSize","useCallback"],"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,GAAIA,gBAAQ,EAAA;AAClC,EAAM,MAAA,KAAA,GAAQC,cAAkB,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,GAAAC,cAAA;AAAA,IACpC,WAAA,CAAY,YAAY,CAAC;AAAA,GAC3B;AAEA,EAAA,MAAM,CAAC,oBAAA,EAAsB,mBAAmB,CAAA,GAAID,cAAQ,MAAM;AAChE,IAAA,IAAI,EAA6B,GAAA,KAAA,CAAA;AAEjC,IAAM,MAAA,YAAA,GAA4C,CAAC,OAAY,KAAA;AAC7D,MAAI,IAAAE,uBAAA,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,GAAAC,iBAAA;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/cjs/index.js

@@ -1,86 +0,0 @@
-'use strict';
-
-var CalculatedColumnPanel = require('./calculated-column/CalculatedColumnPanel.js');
-var CaseValidator = require('./cell-edit-validators/CaseValidator.js');
-var PatternValidator = require('./cell-edit-validators/PatternValidator.js');
-var BackgroundCell = require('./cell-renderers/background-cell/BackgroundCell.js');
-var BackgroundCellConfigurationEditor = require('./cell-renderers/background-cell/BackgroundCellConfigurationEditor.js');
-var DropdownCell = require('./cell-renderers/dropdown-cell/DropdownCell.js');
-var LookupCell = require('./cell-renderers/lookup-cell/LookupCell.js');
-var PctProgressCell = require('./cell-renderers/pct-progress-cell/PctProgressCell.js');
-require('./cell-renderers/progress-cell/ProgressCell.js');
-var IconButtonCell = require('./cell-renderers/button-cell/IconButtonCell.js');
-var ColumnExpressionInput = require('./column-expression-input/ColumnExpressionInput.js');
-var ColumnExpressionLanguage = require('./column-expression-input/column-language-parser/ColumnExpressionLanguage.js');
-var ColumnExpressionTreeWalker = require('./column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js');
-var columnExpressionParseUtils = require('./column-expression-input/column-language-parser/column-expression-parse-utils.js');
-var useColumnExpressionEditor = require('./column-expression-input/useColumnExpressionEditor.js');
-var useColumnExpressionSuggestionProvider = require('./column-expression-input/useColumnExpressionSuggestionProvider.js');
-var ColumnFormattingPanel = require('./column-formatting-settings/ColumnFormattingPanel.js');
-var BaseNumericFormattingSettings = require('./column-formatting-settings/BaseNumericFormattingSettings.js');
-var DateTimeFormattingSettings = require('./column-formatting-settings/DateTimeFormattingSettings.js');
-var ColumnMenu = require('./column-menu/ColumnMenu.js');
-var useColumnActions = require('./column-menu/useColumnActions.js');
-var ColumnModel = require('./column-picker/ColumnModel.js');
-var ColumnPicker = require('./column-picker/ColumnPicker.js');
-var ColumnPickerAction = require('./column-picker/ColumnPickerAction.js');
-var useTableColumnPicker = require('./column-picker/useTableColumnPicker.js');
-var ColumnSettingsPanel = require('./column-settings-panel/ColumnSettingsPanel.js');
-var useColumnSettings = require('./column-settings-panel/useColumnSettings.js');
-var DatasourceStats = require('./datasource-stats/DatasourceStats.js');
-var FreezeControl = require('./freeze-control/FreezeControl.js');
-var FrozenBanner = require('./freeze-control/FrozenBanner.js');
-var TabbedTableConfigPanel = require('./tabbed-table-config-panel/TabbedTableConfigPanel.js');
-var TabbedTableSettingsAction = require('./tabbed-table-config-panel/TabbedTableSettingsAction.js');
-var TableFooter = require('./table-footer/TableFooter.js');
-var TableProvider = require('./table-provider/TableProvider.js');
-var TableSettingsPanel = require('./table-settings-panel/TableSettingsPanel.js');
-
-
-
-exports.CalculatedColumnPanel = CalculatedColumnPanel.CalculatedColumnPanel;
-exports.CaseValidator = CaseValidator.CaseValidator;
-exports.PatternValidator = PatternValidator.PatternValidator;
-exports.BackgroundCell = BackgroundCell.BackgroundCell;
-exports.BackgroundCellConfigurationEditor = BackgroundCellConfigurationEditor.BackgroundCellConfigurationEditor;
-exports.DropdownCell = DropdownCell.DropdownCell;
-exports.LookupCell = LookupCell.LookupCell;
-exports.PctProgressCell = PctProgressCell.PctProgressCell;
-exports.IconButtonCell = IconButtonCell.IconButtonCell;
-exports.ColumnExpressionInput = ColumnExpressionInput.ColumnExpressionInput;
-exports.columnExpressionLanguageSupport = ColumnExpressionLanguage.columnExpressionLanguageSupport;
-exports.walkTree = ColumnExpressionTreeWalker.walkTree;
-exports.ColumnNamedTerms = columnExpressionParseUtils.ColumnNamedTerms;
-exports.isCompleteExpression = columnExpressionParseUtils.isCompleteExpression;
-exports.isCompleteRelationalExpression = columnExpressionParseUtils.isCompleteRelationalExpression;
-exports.lastNamedChild = columnExpressionParseUtils.lastNamedChild;
-exports.useColumnExpressionEditor = useColumnExpressionEditor.useColumnExpressionEditor;
-exports.useColumnExpressionSuggestionProvider = useColumnExpressionSuggestionProvider.useColumnExpressionSuggestionProvider;
-exports.ColumnFormattingPanel = ColumnFormattingPanel.ColumnFormattingPanel;
-exports.BaseNumericFormattingSettings = BaseNumericFormattingSettings.BaseNumericFormattingSettings;
-exports.DateTimeFormattingSettings = DateTimeFormattingSettings.DateTimeFormattingSettings;
-exports.ColumnMenu = ColumnMenu.ColumnMenu;
-exports.useColumnActions = useColumnActions.useColumnActions;
-exports.ColumnChangeSource = ColumnModel.ColumnChangeSource;
-exports.ColumnModel = ColumnModel.ColumnModel;
-exports.SelectedColumnChangeType = ColumnModel.SelectedColumnChangeType;
-exports.isColumnAdded = ColumnModel.isColumnAdded;
-exports.isColumnRemoved = ColumnModel.isColumnRemoved;
-exports.isColumnsReordered = ColumnModel.isColumnsReordered;
-exports.ColumnPicker = ColumnPicker.ColumnPicker;
-exports.ColumnPickerAction = ColumnPickerAction.ColumnPickerAction;
-exports.useTableColumnPicker = useTableColumnPicker.useTableColumnPicker;
-exports.ColumnSettingsPanel = ColumnSettingsPanel.ColumnSettingsPanel;
-exports.useColumnSettings = useColumnSettings.useColumnSettings;
-exports.DataSourceStats = DatasourceStats.DataSourceStats;
-exports.FreezeControl = FreezeControl.FreezeControl;
-exports.FrozenBanner = FrozenBanner.FrozenBanner;
-exports.TabbedTableConfigPanel = TabbedTableConfigPanel.TabbedTableConfigPanel;
-exports.TabbedTableSettingsAction = TabbedTableSettingsAction.TabbedTableSettingsAction;
-exports.TableFooter = TableFooter.TableFooter;
-exports.TableFooterTray = TableFooter.TableFooterTray;
-exports.TableProvider = TableProvider.TableProvider;
-exports.useTableContext = TableProvider.useTableContext;
-exports.TableSettingsPanel = TableSettingsPanel.TableSettingsPanel;
-exports.defaultTableSettingsPermissions = TableSettingsPanel.defaultTableSettingsPermissions;
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/tabbed-table-config-panel/TabbedTableConfigPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-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}";
-
-module.exports = css;
-//# sourceMappingURL=TabbedTableConfigPanel.css.js.map

package/cjs/tabbed-table-config-panel/TabbedTableConfigPanel.css.js.map

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

package/cjs/tabbed-table-config-panel/TabbedTableConfigPanel.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lab = require('@salt-ds/lab');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var react = require('react');
-var useEditCalculatedColumn = require('../calculated-column/useEditCalculatedColumn.js');
-var ColumnPicker = require('../column-picker/ColumnPicker.js');
-var ColumnSettingsPanel = require('../column-settings-panel/ColumnSettingsPanel.js');
-var TableSettingsPanel = require('../table-settings-panel/TableSettingsPanel.js');
-var TabbedTableConfigPanel$1 = require('./TabbedTableConfigPanel.css.js');
-
-const classBase = "vuuTabbedTableConfigPanel";
-const TabbedTableConfigPanel = ({
-  allowCreateCalculatedColumn = false,
-  className,
-  columnModel,
-  config,
-  onDisplayAttributeChange,
-  selectedTab = "table-settings",
-  vuuTable,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-tabbed-table-config-panel",
-    css: TabbedTableConfigPanel$1,
-    window: targetWindow
-  });
-  const [columns, setColumns] = react.useState([]);
-  const [value, setValue] = react.useState(selectedTab);
-  const handleChange = react.useCallback(
-    (_e, value2) => {
-      setValue(value2);
-    },
-    []
-  );
-  const handleSelectionChange = react.useCallback(
-    (_e, selectedItems) => {
-      setColumns(selectedItems);
-    },
-    []
-  );
-  const handleSaveCalculatedColumn = react.useCallback((column) => {
-    setColumns([column]);
-  }, []);
-  const { onCreateCalculatedColumn, onEditCalculatedColumn } = useEditCalculatedColumn.useEditCalculatedColumn({
-    columnModel,
-    calculatedColumn: columns[0],
-    onSaveColumn: handleSaveCalculatedColumn,
-    vuuTable
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxRuntime.jsxs(lab.TabsNext, { onChange: handleChange, value, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(lab.TabListNext, { appearance: "transparent", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lab.TabNext, { value: "table-settings", children: /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextTrigger, { children: "Table settings" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(lab.TabNext, { value: "table-columns", children: /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextTrigger, { children: "Table columns" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(lab.TabNext, { disabled: columns.length === 0, value: "column-settings", children: /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextTrigger, { children: "Column settings" }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextPanel, { value: "table-settings", children: /* @__PURE__ */ jsxRuntime.jsx(
-      TableSettingsPanel.TableSettingsPanel,
-      {
-        onDisplayAttributeChange,
-        tableDisplayAttributes: config
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextPanel, { value: "table-columns", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ColumnPicker.ColumnPicker,
-      {
-        allowCreateCalculatedColumn,
-        columnModel,
-        onClickCreateCalculatedColumn: onCreateCalculatedColumn,
-        onSelectionChange: handleSelectionChange,
-        selected: columns
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextPanel, { value: "column-settings", children: columns.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      ColumnSettingsPanel.ColumnSettingsPanel,
-      {
-        column: columns[0],
-        columnModel,
-        onClickEditCalculatedColumn: onEditCalculatedColumn
-      }
-    ) : null })
-  ] }) });
-};
-
-exports.TabbedTableConfigPanel = TabbedTableConfigPanel;
-//# sourceMappingURL=TabbedTableConfigPanel.js.map

package/cjs/tabbed-table-config-panel/TabbedTableConfigPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabbedTableConfigPanel.js","sources":["../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableConfigPanel.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport type { TableProps } from \"@vuu-ui/vuu-table\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, SyntheticEvent, useCallback, useState } from \"react\";\nimport { useEditCalculatedColumn } from \"../calculated-column/useEditCalculatedColumn\";\nimport { ColumnPicker, ColumnPickerProps } from \"../column-picker/ColumnPicker\";\nimport { ColumnSettingsPanel } from \"../column-settings-panel/ColumnSettingsPanel\";\nimport {\n  TableSettingsPanel,\n  TableSettingsPanelProps,\n} from \"../table-settings-panel/TableSettingsPanel\";\n\nimport css from \"./TabbedTableConfigPanel.css\";\n\nconst TabLabels = {\n  \"table-settings\": \"Table\",\n  \"table-columns\": \"Columns\",\n} as const;\n\ntype TabName = keyof typeof TabLabels;\n\nconst classBase = \"vuuTabbedTableConfigPanel\";\nexport interface TabbedTableConfigPanelProps\n  extends ColumnPickerProps,\n    Pick<TableSettingsPanelProps, \"onDisplayAttributeChange\">,\n    Pick<TableProps, \"config\">,\n    HTMLAttributes<HTMLDivElement> {\n  allowCreateCalculatedColumn?: boolean;\n  selectedTab?: TabName;\n  vuuTable?: VuuTable;\n}\n\nexport const TabbedTableConfigPanel = ({\n  allowCreateCalculatedColumn = false,\n  className,\n  columnModel,\n  config,\n  onDisplayAttributeChange,\n  selectedTab = \"table-settings\",\n  vuuTable,\n  ...htmlAttributes\n}: TabbedTableConfigPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-table-config-panel\",\n    css,\n    window: targetWindow,\n  });\n\n  const [columns, setColumns] = useState<ColumnDescriptor[]>([]);\n\n  const [value, setValue] = useState<string>(selectedTab);\n  const handleChange = useCallback(\n    (_e: SyntheticEvent | null, value: string) => {\n      setValue(value);\n    },\n    [],\n  );\n\n  const handleSelectionChange = useCallback(\n    (_e: SyntheticEvent, selectedItems: ColumnDescriptor[]) => {\n      setColumns(selectedItems);\n    },\n    [],\n  );\n\n  const handleSaveCalculatedColumn = useCallback((column: ColumnDescriptor) => {\n    setColumns([column]);\n  }, []);\n\n  const { onCreateCalculatedColumn, onEditCalculatedColumn } =\n    useEditCalculatedColumn({\n      columnModel,\n      calculatedColumn: columns[0],\n      onSaveColumn: handleSaveCalculatedColumn,\n      vuuTable,\n    });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext onChange={handleChange} value={value}>\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"table-settings\">\n            <TabNextTrigger>Table settings</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"table-columns\">\n            <TabNextTrigger>Table columns</TabNextTrigger>\n          </TabNext>\n          <TabNext disabled={columns.length === 0} value=\"column-settings\">\n            <TabNextTrigger>Column settings</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"table-settings\">\n          <TableSettingsPanel\n            onDisplayAttributeChange={onDisplayAttributeChange}\n            tableDisplayAttributes={config}\n          />\n        </TabNextPanel>\n        <TabNextPanel value=\"table-columns\">\n          <ColumnPicker\n            allowCreateCalculatedColumn={allowCreateCalculatedColumn}\n            columnModel={columnModel}\n            onClickCreateCalculatedColumn={onCreateCalculatedColumn}\n            onSelectionChange={handleSelectionChange}\n            selected={columns}\n          />\n        </TabNextPanel>\n        <TabNextPanel value=\"column-settings\">\n          {columns.length > 0 ? (\n            <ColumnSettingsPanel\n              column={columns[0]}\n              columnModel={columnModel}\n              onClickEditCalculatedColumn={onEditCalculatedColumn}\n            />\n          ) : null}\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","css","useState","useCallback","value","useEditCalculatedColumn","jsx","jsxs","TabsNext","TabListNext","TabNext","TabNextTrigger","TabNextPanel","TableSettingsPanel","ColumnPicker","ColumnSettingsPanel"],"mappings":"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"}

package/cjs/tabbed-table-config-panel/TabbedTableSettingsAction.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var react = require('react');
-var useTabbedTableConfigPanel = require('./useTabbedTableConfigPanel.js');
-
-const TabbedTableSettingsAction = ({
-  allowCreateCalculatedColumn,
-  appearance = "transparent",
-  columnModel,
-  config,
-  icon = "settings",
-  onDisplayAttributeChange,
-  sentiment = "neutral",
-  vuuTable,
-  ...IconButtonProps2
-}) => {
-  const { showTabbedTableConfigPanel } = useTabbedTableConfigPanel.useTabbedTableConfigPanel({
-    allowCreateCalculatedColumn,
-    columnModel,
-    config,
-    onDisplayAttributeChange,
-    vuuTable
-  });
-  const handleClick = react.useCallback(() => {
-    showTabbedTableConfigPanel();
-  }, [showTabbedTableConfigPanel]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vuuUiControls.IconButton,
-    {
-      ...IconButtonProps2,
-      appearance,
-      "data-action": "table-settings",
-      icon,
-      onClick: handleClick,
-      sentiment,
-      size: 20
-    }
-  );
-};
-
-exports.TabbedTableSettingsAction = TabbedTableSettingsAction;
-//# sourceMappingURL=TabbedTableSettingsAction.js.map