@vuu-ui/vuu-table-extras 0.13.63 → 0.13.64

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var freezeControlCss = "\n\n.FreezeControl {\n    align-items: center;\n    background-color: var(--salt-container-secondary-background);\n    border-radius: 6px;\n    display: inline-grid;\n    grid-template-columns: auto auto auto 1fr;\n    grid-template-rows: var(--salt-size-base);\n    column-gap: var(--salt-spacing-200);\n    padding: 0 var(--salt-spacing-200);\n\n    .saltSwitch {\n        grid-area: 1/1/2/2;\n        .saltSwitch-track {\n            height: 24px;\n        }\n    }\n\n    .FreezeControl-label {\n        grid-area: 1/2/2/3;\n    }\n\n    .FreezeControl-lastUpdated {\n        grid-area: 1/3/2/4;\n    }\n\n    & + .saltBadge-badge {\n        cursor: default;\n        display: none;\n    }\n    &.FreezeControl-showBadge + .saltBadge-badge {\n        display: inline-block;\n    }\n\n\n}\n\n";
+var freezeControlCss = "\n\n.FreezeControl {\n    align-items: center;\n    background-color: var(--vuuFreezeControl-background, var(--salt-container-secondary-background));\n    border-radius: 6px;\n    display: inline-grid;\n    grid-template-columns: 1fr auto 1fr;\n    grid-template-rows: var(--salt-size-base);\n    column-gap: var(--salt-spacing-200);\n    padding: 0 var(--salt-spacing-200);\n\n    .FreezeControl-label-active {\n        grid-area: 1/1/2/2;\n    }\n\n    .saltSwitch {\n        grid-area: 1/2/2/3;\n        .saltSwitch-track {\n            height: 24px;\n        }\n    }\n\n    .FreezeControl-label-frozen {\n        grid-area: 1/3/2/4;\n    }\n\n}\n\n";
 
 module.exports = freezeControlCss;
 //# sourceMappingURL=FreezeControl.css.js.map

package/cjs/freeze-control/FreezeControl.js

@@ -10,8 +10,10 @@ var cx = require('clsx');
 
 const classBase = "FreezeControl";
 const FreezeControl = ({
+  activeLabel = "Active",
   dataSource,
   className,
+  lockedLabel = "Locked",
   ...htmlAttributes
 }) => {
   const targetWindow = window.useWindow();
@@ -20,28 +22,14 @@ const FreezeControl = ({
     css: FreezeControl$1,
     window: targetWindow
   });
-  const { label, isFrozen, lastUpdateMessage, newRecordCount, onSwitchChange } = useFreezeControl.useFreezeControl({ dataSource });
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Badge, { value: newRecordCount, max: 99, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className, {
-        [`${classBase}-showBadge`]: newRecordCount > 0
-      }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          core.Switch,
-          {
-            checked: isFrozen,
-            onChange: onSwitchChange,
-            className: "vuuLarge"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-lastUpdated`, children: lastUpdateMessage })
-      ]
-    }
-  ) });
+  const { frozen, onSwitchChange } = useFreezeControl.useFreezeControl({
+    dataSource
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label-active`, children: activeLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(core.Switch, { checked: frozen, onChange: onSwitchChange, className: "vuuLarge" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label-frozen`, children: lockedLabel })
+  ] });
 };
 
 exports.FreezeControl = FreezeControl;

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

@@ -1 +1 @@
-{"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 { Badge, Switch } from \"@salt-ds/core\";\nimport freezeControlCss from \"./FreezeControl.css\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\n\nconst classBase = \"FreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {}\n\nexport const FreezeControl = ({\n  dataSource,\n  className,\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 { label, isFrozen, lastUpdateMessage, newRecordCount, onSwitchChange } =\n    useFreezeControl({ dataSource });\n\n  return (\n    <Badge value={newRecordCount} max={99}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, {\n          [`${classBase}-showBadge`]: newRecordCount > 0,\n        })}\n      >\n        <span className={`${classBase}-label`}>{label}</span>\n        <Switch\n          checked={isFrozen}\n          onChange={onSwitchChange}\n          className=\"vuuLarge\"\n        />\n        <span className={`${classBase}-lastUpdated`}>{lastUpdateMessage}</span>\n      </div>\n    </Badge>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","freezeControlCss","useFreezeControl","jsx","Badge","jsxs","Switch"],"mappings":";;;;;;;;;;AAQA,MAAM,SAAY,GAAA,eAAA;AAMX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAU,iBAAmB,EAAA,cAAA,EAAgB,gBAC1D,GAAAC,iCAAA,CAAiB,EAAE,UAAA,EAAY,CAAA;AAEjC,EAAA,uBACGC,cAAA,CAAAC,UAAA,EAAA,EAAM,KAAO,EAAA,cAAA,EAAgB,KAAK,EACjC,EAAA,QAAA,kBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,GAAG,cAAiB,GAAA;AAAA,OAC9C,CAAA;AAAA,MAED,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBAC9CA,cAAA;AAAA,UAACG,WAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,QAAA;AAAA,YACT,QAAU,EAAA,cAAA;AAAA,YACV,SAAU,EAAA;AAAA;AAAA,SACZ;AAAA,uCACC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,gBAAiB,QAAkB,EAAA,iBAAA,EAAA;AAAA;AAAA;AAAA,GAEpE,EAAA,CAAA;AAEJ;;;;"}
+{"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 { Switch } from \"@salt-ds/core\";\nimport freezeControlCss from \"./FreezeControl.css\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\n\nconst classBase = \"FreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {\n  activeLabel?: string;\n  lockedLabel?: string;\n}\n\nexport const FreezeControl = ({\n  activeLabel = \"Active\",\n  dataSource,\n  className,\n  lockedLabel = \"Locked\",\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 { frozen, onSwitchChange } = useFreezeControl({\n    dataSource,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <span className={`${classBase}-label-active`}>{activeLabel}</span>\n      <Switch checked={frozen} onChange={onSwitchChange} className=\"vuuLarge\" />\n      <span className={`${classBase}-label-frozen`}>{lockedLabel}</span>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","freezeControlCss","useFreezeControl","jsxs","jsx","Switch"],"mappings":";;;;;;;;;;AAQA,MAAM,SAAY,GAAA,eAAA;AASX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,WAAc,GAAA,QAAA;AAAA,EACd,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAc,GAAA,QAAA;AAAA,EACd,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,MAAA,EAAQ,cAAe,EAAA,GAAIC,iCAAiB,CAAA;AAAA,IAClD;AAAA,GACD,CAAA;AAED,EACE,uBAAAC,eAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CACzD,EAAA,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,iBAAkB,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,mCAC1DC,WAAO,EAAA,EAAA,OAAA,EAAS,QAAQ,QAAU,EAAA,cAAA,EAAgB,WAAU,UAAW,EAAA,CAAA;AAAA,mCACvE,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,iBAAkB,QAAY,EAAA,WAAA,EAAA;AAAA,GAC7D,EAAA,CAAA;AAEJ;;;;"}

package/cjs/freeze-control/useFreezeControl.js

@@ -1,70 +1,23 @@
 'use strict';
 
-var vuuUtils = require('@vuu-ui/vuu-utils');
 var react = require('react');
 
-const timeFormatter = vuuUtils.formatDate({ time: "hh:mm:ss" });
-const formatFreezeTime = (ts) => {
-  if (ts === void 0) {
-    throw Error("[useFreezeControl] formatFreezeTime, freezeTime undefined");
-  }
-  return timeFormatter(new Date(ts));
-};
-const FreezeState = (dataSource, newRecordCount) => ({
-  isFrozen: dataSource.isFrozen ?? false,
-  label: dataSource.isFrozen ? "View Frozen" : "Freeze View",
-  lastUpdateMessage: dataSource.isFrozen ? `at ${formatFreezeTime(dataSource.freezeTimestamp)}` : "",
-  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(FreezeState(dataSource, message.size));
-      }
-    };
-    const start = (ts) => {
-      ds = new VuuDataSource({ table });
-      ds.subscribe(
-        {
-          filterSpec: {
-            filter: `created > ${ts}`
-          }
-        },
-        dataCallback
-      );
-    };
-    const stop = () => {
-      ds?.unsubscribe();
-    };
-    return [start, stop];
-  }, [VuuDataSource, dataSource, table]);
+  const [frozen, setFrozen] = react.useState(dataSource.isFrozen);
   const handleSwitchChange = react.useCallback(
     (evt) => {
-      if (evt.target.checked) {
+      const isFrozen = evt.target.checked;
+      if (isFrozen) {
         dataSource.freeze?.();
-        startTrackingNewRows(dataSource.freezeTimestamp);
       } else {
         dataSource.unfreeze?.();
-        stopTrackingNewRows();
       }
-      setFreezeState(FreezeState(dataSource, 0));
+      setFrozen(isFrozen);
     },
-    [dataSource, startTrackingNewRows, stopTrackingNewRows]
+    [dataSource]
   );
   return {
-    ...freezeState,
+    frozen,
     onSwitchChange: handleSwitchChange
   };
 };

package/cjs/freeze-control/useFreezeControl.js.map

@@ -1 +1 @@
-{"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 { formatDate, messageHasSize, useData } from \"@vuu-ui/vuu-utils\";\nimport { ChangeEventHandler, useCallback, useMemo, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\ntype FreezeState = {\n  isFrozen: boolean;\n  label: string;\n  lastUpdateMessage: string;\n  newRecordCount: number;\n};\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\n\nconst formatFreezeTime = (ts?: number) => {\n  if (ts === undefined) {\n    throw Error(\"[useFreezeControl] formatFreezeTime, freezeTime undefined\");\n  }\n  return timeFormatter(new Date(ts));\n};\n\nconst FreezeState = (\n  dataSource: DataSource,\n  newRecordCount: number,\n): FreezeState => ({\n  isFrozen: dataSource.isFrozen ?? false,\n  label: dataSource.isFrozen ? \"View Frozen\" : \"Freeze View\",\n  lastUpdateMessage: dataSource.isFrozen\n    ? `at ${formatFreezeTime(dataSource.freezeTimestamp)}`\n    : \"\",\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(FreezeState(dataSource, message.size));\n      }\n    };\n\n    const start = (ts: number) => {\n      ds = new VuuDataSource({ table });\n      ds.subscribe(\n        {\n          filterSpec: {\n            filter: `created > ${ts}`,\n          },\n        },\n        dataCallback,\n      );\n    };\n\n    const stop = () => {\n      ds?.unsubscribe();\n    };\n\n    return [start, stop];\n  }, [VuuDataSource, dataSource, table]);\n\n  const handleSwitchChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      if (evt.target.checked) {\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    onSwitchChange: handleSwitchChange,\n  };\n};\n"],"names":["formatDate","useData","useMemo","useState","messageHasSize","useCallback"],"mappings":"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"}
+{"version":3,"file":"useFreezeControl.js","sources":["../../../../packages/vuu-table-extras/src/freeze-control/useFreezeControl.ts"],"sourcesContent":["import { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { ChangeEventHandler, useCallback, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\nexport const useFreezeControl = ({ dataSource }: FreezeProps) => {\n  const [frozen, setFrozen] = useState(dataSource.isFrozen);\n\n  const handleSwitchChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const isFrozen = evt.target.checked;\n      if (isFrozen) {\n        dataSource.freeze?.();\n      } else {\n        dataSource.unfreeze?.();\n      }\n      setFrozen(isFrozen);\n    },\n    [dataSource],\n  );\n\n  return {\n    frozen,\n    onSwitchChange: handleSwitchChange,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;AAOO,MAAM,gBAAmB,GAAA,CAAC,EAAE,UAAA,EAA8B,KAAA;AAC/D,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAAA,cAAA,CAAS,WAAW,QAAQ,CAAA;AAExD,EAAA,MAAM,kBAAqB,GAAAC,iBAAA;AAAA,IACzB,CAAC,GAAQ,KAAA;AACP,MAAM,MAAA,QAAA,GAAW,IAAI,MAAO,CAAA,OAAA;AAC5B,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,UAAA,CAAW,MAAS,IAAA;AAAA,OACf,MAAA;AACL,QAAA,UAAA,CAAW,QAAW,IAAA;AAAA;AAExB,MAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,KACpB;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAgB,EAAA;AAAA,GAClB;AACF;;;;"}

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

@@ -1,4 +1,4 @@
-var freezeControlCss = "\n\n.FreezeControl {\n    align-items: center;\n    background-color: var(--salt-container-secondary-background);\n    border-radius: 6px;\n    display: inline-grid;\n    grid-template-columns: auto auto auto 1fr;\n    grid-template-rows: var(--salt-size-base);\n    column-gap: var(--salt-spacing-200);\n    padding: 0 var(--salt-spacing-200);\n\n    .saltSwitch {\n        grid-area: 1/1/2/2;\n        .saltSwitch-track {\n            height: 24px;\n        }\n    }\n\n    .FreezeControl-label {\n        grid-area: 1/2/2/3;\n    }\n\n    .FreezeControl-lastUpdated {\n        grid-area: 1/3/2/4;\n    }\n\n    & + .saltBadge-badge {\n        cursor: default;\n        display: none;\n    }\n    &.FreezeControl-showBadge + .saltBadge-badge {\n        display: inline-block;\n    }\n\n\n}\n\n";
+var freezeControlCss = "\n\n.FreezeControl {\n    align-items: center;\n    background-color: var(--vuuFreezeControl-background, var(--salt-container-secondary-background));\n    border-radius: 6px;\n    display: inline-grid;\n    grid-template-columns: 1fr auto 1fr;\n    grid-template-rows: var(--salt-size-base);\n    column-gap: var(--salt-spacing-200);\n    padding: 0 var(--salt-spacing-200);\n\n    .FreezeControl-label-active {\n        grid-area: 1/1/2/2;\n    }\n\n    .saltSwitch {\n        grid-area: 1/2/2/3;\n        .saltSwitch-track {\n            height: 24px;\n        }\n    }\n\n    .FreezeControl-label-frozen {\n        grid-area: 1/3/2/4;\n    }\n\n}\n\n";
 
 export { freezeControlCss as default };
 //# sourceMappingURL=FreezeControl.css.js.map

package/esm/freeze-control/FreezeControl.js

@@ -1,15 +1,17 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
-import { Badge, Switch } from '@salt-ds/core';
+import { Switch } from '@salt-ds/core';
 import freezeControlCss from './FreezeControl.css.js';
 import { useFreezeControl } from './useFreezeControl.js';
 import cx from 'clsx';
 
 const classBase = "FreezeControl";
 const FreezeControl = ({
+  activeLabel = "Active",
   dataSource,
   className,
+  lockedLabel = "Locked",
   ...htmlAttributes
 }) => {
   const targetWindow = useWindow();
@@ -18,28 +20,14 @@ const FreezeControl = ({
     css: freezeControlCss,
     window: targetWindow
   });
-  const { label, isFrozen, lastUpdateMessage, newRecordCount, onSwitchChange } = useFreezeControl({ dataSource });
-  return /* @__PURE__ */ jsx(Badge, { value: newRecordCount, max: 99, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className, {
-        [`${classBase}-showBadge`]: newRecordCount > 0
-      }),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: `${classBase}-label`, children: label }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: isFrozen,
-            onChange: onSwitchChange,
-            className: "vuuLarge"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: `${classBase}-lastUpdated`, children: lastUpdateMessage })
-      ]
-    }
-  ) });
+  const { frozen, onSwitchChange } = useFreezeControl({
+    dataSource
+  });
+  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
+    /* @__PURE__ */ jsx("span", { className: `${classBase}-label-active`, children: activeLabel }),
+    /* @__PURE__ */ jsx(Switch, { checked: frozen, onChange: onSwitchChange, className: "vuuLarge" }),
+    /* @__PURE__ */ jsx("span", { className: `${classBase}-label-frozen`, children: lockedLabel })
+  ] });
 };
 
 export { FreezeControl };

package/esm/freeze-control/FreezeControl.js.map

@@ -1 +1 @@
-{"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 { Badge, Switch } from \"@salt-ds/core\";\nimport freezeControlCss from \"./FreezeControl.css\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\n\nconst classBase = \"FreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {}\n\nexport const FreezeControl = ({\n  dataSource,\n  className,\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 { label, isFrozen, lastUpdateMessage, newRecordCount, onSwitchChange } =\n    useFreezeControl({ dataSource });\n\n  return (\n    <Badge value={newRecordCount} max={99}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, {\n          [`${classBase}-showBadge`]: newRecordCount > 0,\n        })}\n      >\n        <span className={`${classBase}-label`}>{label}</span>\n        <Switch\n          checked={isFrozen}\n          onChange={onSwitchChange}\n          className=\"vuuLarge\"\n        />\n        <span className={`${classBase}-lastUpdated`}>{lastUpdateMessage}</span>\n      </div>\n    </Badge>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAY,GAAA,eAAA;AAMX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAA,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAU,iBAAmB,EAAA,cAAA,EAAgB,gBAC1D,GAAA,gBAAA,CAAiB,EAAE,UAAA,EAAY,CAAA;AAEjC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAM,KAAO,EAAA,cAAA,EAAgB,KAAK,EACjC,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,GAAG,cAAiB,GAAA;AAAA,OAC9C,CAAA;AAAA,MAED,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBAC9C,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,QAAA;AAAA,YACT,QAAU,EAAA,cAAA;AAAA,YACV,SAAU,EAAA;AAAA;AAAA,SACZ;AAAA,4BACC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,gBAAiB,QAAkB,EAAA,iBAAA,EAAA;AAAA;AAAA;AAAA,GAEpE,EAAA,CAAA;AAEJ;;;;"}
+{"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 { Switch } from \"@salt-ds/core\";\nimport freezeControlCss from \"./FreezeControl.css\";\nimport { useFreezeControl, type FreezeProps } from \"./useFreezeControl\";\nimport { HTMLAttributes } from \"react\";\nimport cx from \"clsx\";\n\nconst classBase = \"FreezeControl\";\n\nexport interface FreezeControlProps\n  extends HTMLAttributes<HTMLDivElement>,\n    FreezeProps {\n  activeLabel?: string;\n  lockedLabel?: string;\n}\n\nexport const FreezeControl = ({\n  activeLabel = \"Active\",\n  dataSource,\n  className,\n  lockedLabel = \"Locked\",\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 { frozen, onSwitchChange } = useFreezeControl({\n    dataSource,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <span className={`${classBase}-label-active`}>{activeLabel}</span>\n      <Switch checked={frozen} onChange={onSwitchChange} className=\"vuuLarge\" />\n      <span className={`${classBase}-label-frozen`}>{lockedLabel}</span>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAY,GAAA,eAAA;AASX,MAAM,gBAAgB,CAAC;AAAA,EAC5B,WAAc,GAAA,QAAA;AAAA,EACd,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAc,GAAA,QAAA;AAAA,EACd,GAAG;AACL,CAA0B,KAAA;AACxB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAA,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,MAAA,EAAQ,cAAe,EAAA,GAAI,gBAAiB,CAAA;AAAA,IAClD;AAAA,GACD,CAAA;AAED,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CACzD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,iBAAkB,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,wBAC1D,MAAO,EAAA,EAAA,OAAA,EAAS,QAAQ,QAAU,EAAA,cAAA,EAAgB,WAAU,UAAW,EAAA,CAAA;AAAA,wBACvE,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,iBAAkB,QAAY,EAAA,WAAA,EAAA;AAAA,GAC7D,EAAA,CAAA;AAEJ;;;;"}

package/esm/freeze-control/useFreezeControl.js

@@ -1,68 +1,21 @@
-import { formatDate, useData, messageHasSize } from '@vuu-ui/vuu-utils';
-import { useMemo, useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 
-const timeFormatter = formatDate({ time: "hh:mm:ss" });
-const formatFreezeTime = (ts) => {
-  if (ts === void 0) {
-    throw Error("[useFreezeControl] formatFreezeTime, freezeTime undefined");
-  }
-  return timeFormatter(new Date(ts));
-};
-const FreezeState = (dataSource, newRecordCount) => ({
-  isFrozen: dataSource.isFrozen ?? false,
-  label: dataSource.isFrozen ? "View Frozen" : "Freeze View",
-  lastUpdateMessage: dataSource.isFrozen ? `at ${formatFreezeTime(dataSource.freezeTimestamp)}` : "",
-  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(FreezeState(dataSource, message.size));
-      }
-    };
-    const start = (ts) => {
-      ds = new VuuDataSource({ table });
-      ds.subscribe(
-        {
-          filterSpec: {
-            filter: `created > ${ts}`
-          }
-        },
-        dataCallback
-      );
-    };
-    const stop = () => {
-      ds?.unsubscribe();
-    };
-    return [start, stop];
-  }, [VuuDataSource, dataSource, table]);
+  const [frozen, setFrozen] = useState(dataSource.isFrozen);
   const handleSwitchChange = useCallback(
     (evt) => {
-      if (evt.target.checked) {
+      const isFrozen = evt.target.checked;
+      if (isFrozen) {
         dataSource.freeze?.();
-        startTrackingNewRows(dataSource.freezeTimestamp);
       } else {
         dataSource.unfreeze?.();
-        stopTrackingNewRows();
       }
-      setFreezeState(FreezeState(dataSource, 0));
+      setFrozen(isFrozen);
     },
-    [dataSource, startTrackingNewRows, stopTrackingNewRows]
+    [dataSource]
   );
   return {
-    ...freezeState,
+    frozen,
     onSwitchChange: handleSwitchChange
   };
 };

package/esm/freeze-control/useFreezeControl.js.map

@@ -1 +1 @@
-{"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 { formatDate, messageHasSize, useData } from \"@vuu-ui/vuu-utils\";\nimport { ChangeEventHandler, useCallback, useMemo, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\ntype FreezeState = {\n  isFrozen: boolean;\n  label: string;\n  lastUpdateMessage: string;\n  newRecordCount: number;\n};\n\nconst timeFormatter = formatDate({ time: \"hh:mm:ss\" });\n\nconst formatFreezeTime = (ts?: number) => {\n  if (ts === undefined) {\n    throw Error(\"[useFreezeControl] formatFreezeTime, freezeTime undefined\");\n  }\n  return timeFormatter(new Date(ts));\n};\n\nconst FreezeState = (\n  dataSource: DataSource,\n  newRecordCount: number,\n): FreezeState => ({\n  isFrozen: dataSource.isFrozen ?? false,\n  label: dataSource.isFrozen ? \"View Frozen\" : \"Freeze View\",\n  lastUpdateMessage: dataSource.isFrozen\n    ? `at ${formatFreezeTime(dataSource.freezeTimestamp)}`\n    : \"\",\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(FreezeState(dataSource, message.size));\n      }\n    };\n\n    const start = (ts: number) => {\n      ds = new VuuDataSource({ table });\n      ds.subscribe(\n        {\n          filterSpec: {\n            filter: `created > ${ts}`,\n          },\n        },\n        dataCallback,\n      );\n    };\n\n    const stop = () => {\n      ds?.unsubscribe();\n    };\n\n    return [start, stop];\n  }, [VuuDataSource, dataSource, table]);\n\n  const handleSwitchChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      if (evt.target.checked) {\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    onSwitchChange: handleSwitchChange,\n  };\n};\n"],"names":[],"mappings":";;;AAmBA,MAAM,aAAgB,GAAA,UAAA,CAAW,EAAE,IAAA,EAAM,YAAY,CAAA;AAErD,MAAM,gBAAA,GAAmB,CAAC,EAAgB,KAAA;AACxC,EAAA,IAAI,OAAO,KAAW,CAAA,EAAA;AACpB,IAAA,MAAM,MAAM,2DAA2D,CAAA;AAAA;AAEzE,EAAA,OAAO,aAAc,CAAA,IAAI,IAAK,CAAA,EAAE,CAAC,CAAA;AACnC,CAAA;AAEA,MAAM,WAAA,GAAc,CAClB,UAAA,EACA,cACiB,MAAA;AAAA,EACjB,QAAA,EAAU,WAAW,QAAY,IAAA,KAAA;AAAA,EACjC,KAAA,EAAO,UAAW,CAAA,QAAA,GAAW,aAAgB,GAAA,aAAA;AAAA,EAC7C,iBAAA,EAAmB,WAAW,QAC1B,GAAA,CAAA,GAAA,EAAM,iBAAiB,UAAW,CAAA,eAAe,CAAC,CAClD,CAAA,GAAA,EAAA;AAAA,EACJ;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,WAAY,CAAA,UAAA,EAAY,OAAQ,CAAA,IAAI,CAAC,CAAA;AAAA;AACtD,KACF;AAEA,IAAM,MAAA,KAAA,GAAQ,CAAC,EAAe,KAAA;AAC5B,MAAA,EAAA,GAAK,IAAI,aAAA,CAAc,EAAE,KAAA,EAAO,CAAA;AAChC,MAAG,EAAA,CAAA,SAAA;AAAA,QACD;AAAA,UACE,UAAY,EAAA;AAAA,YACV,MAAA,EAAQ,aAAa,EAAE,CAAA;AAAA;AACzB,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,UAAA,EAAY,KAAK,CAAC,CAAA;AAErC,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAAQ,KAAA;AACP,MAAI,IAAA,GAAA,CAAI,OAAO,OAAS,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;;;;"}
+{"version":3,"file":"useFreezeControl.js","sources":["../../../../packages/vuu-table-extras/src/freeze-control/useFreezeControl.ts"],"sourcesContent":["import { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { ChangeEventHandler, useCallback, useState } from \"react\";\n\nexport interface FreezeProps {\n  dataSource: DataSource;\n}\n\nexport const useFreezeControl = ({ dataSource }: FreezeProps) => {\n  const [frozen, setFrozen] = useState(dataSource.isFrozen);\n\n  const handleSwitchChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const isFrozen = evt.target.checked;\n      if (isFrozen) {\n        dataSource.freeze?.();\n      } else {\n        dataSource.unfreeze?.();\n      }\n      setFrozen(isFrozen);\n    },\n    [dataSource],\n  );\n\n  return {\n    frozen,\n    onSwitchChange: handleSwitchChange,\n  };\n};\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAmB,GAAA,CAAC,EAAE,UAAA,EAA8B,KAAA;AAC/D,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAS,WAAW,QAAQ,CAAA;AAExD,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAAQ,KAAA;AACP,MAAM,MAAA,QAAA,GAAW,IAAI,MAAO,CAAA,OAAA;AAC5B,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,UAAA,CAAW,MAAS,IAAA;AAAA,OACf,MAAA;AACL,QAAA,UAAA,CAAW,QAAW,IAAA;AAAA;AAExB,MAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,KACpB;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAgB,EAAA;AAAA,GAClB;AACF;;;;"}

package/package.json

@@ -1,20 +1,20 @@
 {
-  "version": "0.13.63",
+  "version": "0.13.64",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-filter-types": "0.13.63",
-    "@vuu-ui/vuu-protocol-types": "0.13.63"
+    "@vuu-ui/vuu-filter-types": "0.13.64",
+    "@vuu-ui/vuu-protocol-types": "0.13.64"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "0.13.63",
-    "@vuu-ui/vuu-data-react": "0.13.63",
-    "@vuu-ui/vuu-data-types": "0.13.63",
-    "@vuu-ui/vuu-table-types": "0.13.63",
-    "@vuu-ui/vuu-popups": "0.13.63",
-    "@vuu-ui/vuu-table": "0.13.63",
-    "@vuu-ui/vuu-utils": "0.13.63",
-    "@vuu-ui/vuu-ui-controls": "0.13.63",
+    "@vuu-ui/vuu-codemirror": "0.13.64",
+    "@vuu-ui/vuu-data-react": "0.13.64",
+    "@vuu-ui/vuu-data-types": "0.13.64",
+    "@vuu-ui/vuu-table-types": "0.13.64",
+    "@vuu-ui/vuu-popups": "0.13.64",
+    "@vuu-ui/vuu-table": "0.13.64",
+    "@vuu-ui/vuu-utils": "0.13.64",
+    "@vuu-ui/vuu-ui-controls": "0.13.64",
     "@lezer/lr": "1.4.2",
     "@salt-ds/core": "1.48.0",
     "@salt-ds/styles": "0.2.1",

package/types/freeze-control/FreezeControl.d.ts

@@ -1,5 +1,7 @@
 import { type FreezeProps } from "./useFreezeControl";
 import { HTMLAttributes } from "react";
 export interface FreezeControlProps extends HTMLAttributes<HTMLDivElement>, FreezeProps {
+    activeLabel?: string;
+    lockedLabel?: string;
 }
-export declare const FreezeControl: ({ dataSource, className, ...htmlAttributes }: FreezeControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FreezeControl: ({ activeLabel, dataSource, className, lockedLabel, ...htmlAttributes }: FreezeControlProps) => import("react/jsx-runtime").JSX.Element;

package/types/freeze-control/useFreezeControl.d.ts

@@ -4,9 +4,6 @@ export interface FreezeProps {
     dataSource: DataSource;
 }
 export declare const useFreezeControl: ({ dataSource }: FreezeProps) => {
+    frozen: boolean | undefined;
     onSwitchChange: ChangeEventHandler<HTMLInputElement>;
-    isFrozen: boolean;
-    label: string;
-    lastUpdateMessage: string;
-    newRecordCount: number;
 };