@vuu-ui/vuu-table 2.1.18 → 2.1.19-beta.1

package/cjs/header-cell/HeaderCell.js

@@ -1,139 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var vuuTableExtras = require('@vuu-ui/vuu-table-extras');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var cx = require('clsx');
-var react = require('react');
-require('@salt-ds/styles');
-require('@salt-ds/window');
-var SortIndicator = require('../column-header-pill/SortIndicator.js');
-var ColumnResizer = require('../column-resizing/ColumnResizer.js');
-var useTableColumnResize = require('../column-resizing/useTableColumnResize.js');
-var useCell = require('../useCell.js');
-
-const classBase = "vuuTableHeaderCell";
-const doNothing = () => {
-  return { ref: { current: null } };
-};
-const HeaderCell = ({
-  allowDragColumnHeader = true,
-  allowSelectAll,
-  allRowsSelected,
-  className: classNameProp,
-  column,
-  id,
-  index,
-  onCheckBoxColumnHeaderClick,
-  onClick,
-  onResize,
-  showColumnHeaderMenus = true,
-  ...htmlAttributes
-}) => {
-  const dragDropSortHook = allowDragColumnHeader ? vuuUtils.useSortable : doNothing;
-  const { ref: sortableRef } = dragDropSortHook({ id, index });
-  const {
-    allowColumnHeaderMenu = true,
-    HeaderCellContentRenderer,
-    HeaderCellLabelRenderer
-  } = column;
-  const rootRef = react.useRef(null);
-  const { isResizing, ...resizeProps } = useTableColumnResize.useTableColumnResize({
-    column,
-    onResize,
-    rootRef
-  });
-  const handleCheckBoxClick = react.useCallback(
-    (e) => {
-      e.stopPropagation();
-      onCheckBoxColumnHeaderClick?.();
-    },
-    [onCheckBoxColumnHeaderClick]
-  );
-  const headerItems = react.useMemo(() => {
-    const renderCheckbox = allowSelectAll && column.isSystemColumn && vuuUtils.isTypeDescriptor(column.type) && column.type.name === "checkbox";
-    if (renderCheckbox) {
-      return [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          core.Checkbox,
-          {
-            checked: allRowsSelected,
-            className: "vuuCheckboxRowSelector",
-            onClick: handleCheckBoxClick
-          },
-          "checkbox"
-        )
-      ];
-    } else {
-      const sortIndicator = /* @__PURE__ */ jsxRuntime.jsx(SortIndicator.SortIndicator, { column });
-      const columnLabel = HeaderCellLabelRenderer ? /* @__PURE__ */ jsxRuntime.jsx(
-        HeaderCellLabelRenderer,
-        {
-          className: `${classBase}-label`,
-          column
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-label`, children: column.label ?? column.name });
-      const columnContent = HeaderCellContentRenderer ? [/* @__PURE__ */ jsxRuntime.jsx(HeaderCellContentRenderer, { column }, "content")] : [];
-      if (showColumnHeaderMenus && allowColumnHeaderMenu) {
-        const menuPermissions = showColumnHeaderMenus === true ? void 0 : showColumnHeaderMenus;
-        const columnMenu = /* @__PURE__ */ jsxRuntime.jsx(vuuTableExtras.ColumnMenu, { column, menuPermissions });
-        return [columnLabel, columnContent, sortIndicator, columnMenu];
-      } else {
-        return [columnLabel, sortIndicator, columnContent];
-      }
-    }
-  }, [
-    HeaderCellContentRenderer,
-    HeaderCellLabelRenderer,
-    allRowsSelected,
-    allowColumnHeaderMenu,
-    allowSelectAll,
-    column,
-    handleCheckBoxClick,
-    showColumnHeaderMenus
-  ]);
-  const handleClick = react.useCallback(
-    (evt) => {
-      !isResizing && onClick?.(evt);
-    },
-    [isResizing, onClick]
-  );
-  const handleKeyDown = react.useCallback(
-    (evt) => {
-      if (evt.key === "Enter") {
-        onClick?.(evt);
-      }
-    },
-    [onClick]
-  );
-  const { className, style } = useCell.useCell(column, classBase, true);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      "aria-colindex": column.ariaColIndex,
-      "aria-label": `${column.label ?? column.name} column header`,
-      className: cx(className, classNameProp, column.status, {
-        [`${classBase}-resizing`]: isResizing,
-        [`${classBase}-selected`]: column.selected,
-        [`${classBase}-noMenu`]: showColumnHeaderMenus === false
-      }),
-      "data-column-name": column.name,
-      "data-index": index,
-      id,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      ref: core.useForkRef(rootRef, sortableRef),
-      role: "columnheader",
-      style,
-      children: [
-        ...headerItems,
-        column.resizeable !== false ? /* @__PURE__ */ jsxRuntime.jsx(ColumnResizer.ColumnResizer, { ...resizeProps }) : null
-      ]
-    }
-  );
-};
-
-exports.HeaderCell = HeaderCell;
-//# sourceMappingURL=HeaderCell.js.map

package/cjs/header-cell/HeaderCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderCell.js","sources":["../../../../packages/vuu-table/src/header-cell/HeaderCell.tsx"],"sourcesContent":["import { Checkbox, useForkRef } from \"@salt-ds/core\";\nimport { ColumnMenu } from \"@vuu-ui/vuu-table-extras\";\nimport { HeaderCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { isTypeDescriptor, useSortable } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { SortIndicator } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nconst classBase = \"vuuTableHeaderCell\";\n\nconst doNothing = () => {\n  // dummy hook\n  return { ref: { current: null } };\n};\n\nexport const HeaderCell = ({\n  allowDragColumnHeader = true,\n  allowSelectAll,\n  allRowsSelected,\n  className: classNameProp,\n  column,\n  id,\n  index,\n  onCheckBoxColumnHeaderClick,\n  onClick,\n  onResize,\n  showColumnHeaderMenus = true,\n  ...htmlAttributes\n}: HeaderCellProps) => {\n  const dragDropSortHook = allowDragColumnHeader ? useSortable : doNothing;\n  const { ref: sortableRef } = dragDropSortHook({ id, index });\n  const {\n    allowColumnHeaderMenu = true,\n    HeaderCellContentRenderer,\n    HeaderCellLabelRenderer,\n  } = column;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { isResizing, ...resizeProps } = useTableColumnResize({\n    column,\n    onResize,\n    rootRef,\n  });\n\n  const handleCheckBoxClick = useCallback(\n    (e: SyntheticEvent) => {\n      e.stopPropagation();\n      onCheckBoxColumnHeaderClick?.();\n    },\n    [onCheckBoxColumnHeaderClick],\n  );\n\n  const headerItems = useMemo(() => {\n    const renderCheckbox =\n      allowSelectAll &&\n      column.isSystemColumn &&\n      isTypeDescriptor(column.type) &&\n      column.type.name === \"checkbox\";\n\n    if (renderCheckbox) {\n      return [\n        <Checkbox\n          checked={allRowsSelected}\n          className=\"vuuCheckboxRowSelector\"\n          key=\"checkbox\"\n          onClick={handleCheckBoxClick}\n        />,\n      ];\n    } else {\n      const sortIndicator = <SortIndicator column={column} />;\n      const columnLabel = HeaderCellLabelRenderer ? (\n        <HeaderCellLabelRenderer\n          className={`${classBase}-label`}\n          column={column}\n        />\n      ) : (\n        <div className={`${classBase}-label`}>\n          {column.label ?? column.name}\n        </div>\n      );\n      const columnContent = HeaderCellContentRenderer\n        ? [<HeaderCellContentRenderer column={column} key=\"content\" />]\n        : [];\n\n      if (showColumnHeaderMenus && allowColumnHeaderMenu) {\n        const menuPermissions =\n          showColumnHeaderMenus === true ? undefined : showColumnHeaderMenus;\n        const columnMenu = (\n          <ColumnMenu column={column} menuPermissions={menuPermissions} />\n        );\n\n        return [columnLabel, columnContent, sortIndicator, columnMenu];\n      } else {\n        return [columnLabel, sortIndicator, columnContent];\n      }\n    }\n  }, [\n    HeaderCellContentRenderer,\n    HeaderCellLabelRenderer,\n    allRowsSelected,\n    allowColumnHeaderMenu,\n    allowSelectAll,\n    column,\n    handleCheckBoxClick,\n    showColumnHeaderMenus,\n  ]);\n\n  const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n    (evt) => {\n      !isResizing && onClick?.(evt);\n    },\n    [isResizing, onClick],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        onClick?.(evt);\n      }\n    },\n    [onClick],\n  );\n\n  const { className, style } = useCell(column, classBase, true);\n\n  return (\n    <div\n      {...htmlAttributes}\n      aria-colindex={column.ariaColIndex}\n      aria-label={`${column.label ?? column.name} column header`}\n      className={cx(className, classNameProp, column.status, {\n        [`${classBase}-resizing`]: isResizing,\n        [`${classBase}-selected`]: column.selected,\n        [`${classBase}-noMenu`]: showColumnHeaderMenus === false,\n      })}\n      data-column-name={column.name}\n      data-index={index}\n      id={id}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      ref={useForkRef<HTMLDivElement>(rootRef, sortableRef)}\n      role=\"columnheader\"\n      style={style}\n    >\n      {...headerItems}\n      {column.resizeable !== false ? <ColumnResizer {...resizeProps} /> : null}\n    </div>\n  );\n};\n"],"names":["useSortable","useRef","useTableColumnResize","useCallback","useMemo","isTypeDescriptor","jsx","Checkbox","SortIndicator","ColumnMenu","useCell","jsxs","useForkRef","ColumnResizer"],"mappings":"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"}

package/cjs/index.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var BulkEditPanel = require('./bulk-edit/BulkEditPanel.js');
-var CheckboxCell = require('./cell-renderers/checkbox-cell/CheckboxCell.js');
-var CheckboxRowSelectorCell = require('./cell-renderers/checkbox-row-selector/CheckboxRowSelectorCell.js');
-var InputCell = require('./cell-renderers/input-cell/InputCell.js');
-var ToggleCell = require('./cell-renderers/toggle-cell/ToggleCell.js');
-var GroupHeaderCell = require('./header-cell/GroupHeaderCell.js');
-var HeaderCell = require('./header-cell/HeaderCell.js');
-var DataRow = require('./data-row/DataRow.js');
-var PaginationControl = require('./pagination/PaginationControl.js');
-var Row = require('./Row.js');
-var Table = require('./Table.js');
-var TableCell = require('./table-cell/TableCell.js');
-var TableGroupCell = require('./table-cell/TableGroupCell.js');
-var tableConfig = require('./table-config.js');
-var useTableConfig = require('./table-config/useTableConfig.js');
-var HeaderProvider = require('./table-header/HeaderProvider.js');
-var TableHeader = require('./table-header/TableHeader.js');
-var useControlledTableNavigation = require('./useControlledTableNavigation.js');
-var useEditableCell = require('./useEditableCell.js');
-var applyHighlighting = require('./applyHighlighting.js');
-var useKeyboardNavigation = require('./useKeyboardNavigation.js');
-var useTableContextMenu = require('./useTableContextMenu.js');
-var useTableModel = require('./useTableModel.js');
-var useTableScroll = require('./useTableScroll.js');
-var useTableViewport = require('./useTableViewport.js');
-var VirtualColSpan = require('./VirtualColSpan.js');
-
-
-
-exports.BulkEditPanel = BulkEditPanel.BulkEditPanel;
-exports.CheckboxCell = CheckboxCell.CheckboxCell;
-exports.CheckboxRowSelectorCell = CheckboxRowSelectorCell.CheckboxRowSelectorCell;
-exports.InputCell = InputCell.InputCell;
-exports.ToggleCell = ToggleCell.ToggleCell;
-exports.GroupHeaderCell = GroupHeaderCell.GroupHeaderCell;
-exports.HeaderCell = HeaderCell.HeaderCell;
-exports.dataRowFactory = DataRow.dataRowFactory;
-exports.PaginationControl = PaginationControl.PaginationControl;
-exports.Row = Row.Row;
-exports.Table = Table.Table;
-exports.TableCell = TableCell.TableCell;
-exports.TableGroupCell = TableGroupCell.TableGroupCell;
-exports.updateTableConfig = tableConfig.updateTableConfig;
-exports.useTableConfig = useTableConfig.useTableConfig;
-exports.HeaderProvider = HeaderProvider.HeaderProvider;
-exports.useHeaderProps = HeaderProvider.useHeaderProps;
-exports.TableHeader = TableHeader.TableHeader;
-exports.isRowSelectionKey = useControlledTableNavigation.isRowSelectionKey;
-exports.useControlledTableNavigation = useControlledTableNavigation.useControlledTableNavigation;
-exports.useEditableCell = useEditableCell.useEditableCell;
-exports.applyHighlighting = applyHighlighting.applyHighlighting;
-exports.isNavigationKey = useKeyboardNavigation.isNavigationKey;
-exports.isPagingKey = useKeyboardNavigation.isPagingKey;
-exports.useKeyboardNavigation = useKeyboardNavigation.useKeyboardNavigation;
-exports.isTableLocation = useTableContextMenu.isTableLocation;
-exports.useTableContextMenu = useTableContextMenu.useTableContextMenu;
-exports.useTableModel = useTableModel.useTableModel;
-exports.noScrolling = useTableScroll.noScrolling;
-exports.useTableScroll = useTableScroll.useTableScroll;
-exports.useTableViewport = useTableViewport.useTableViewport;
-exports.VirtualColSpan = VirtualColSpan.VirtualColSpan;
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/pagination/PaginationControl.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var paginationControlCss = ".vuuPaginationControl {\n  align-items: center;\n  display: flex;\n  height: var(--vuuPaginationControl-height, auto);\n  justify-content: flex-end;\n  padding: 0 var(--salt-spacing-100);\n  .saltButton {\n    .saltIcon {\n      display: block !important;\n    }\n  }\n}\n";
-
-module.exports = paginationControlCss;
-//# sourceMappingURL=PaginationControl.css.js.map

package/cjs/pagination/PaginationControl.css.js.map

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

package/cjs/pagination/PaginationControl.js

@@ -1,38 +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 cx = require('clsx');
-var usePagination = require('./usePagination.js');
-var PaginationControl$1 = require('./PaginationControl.css.js');
-var react = require('react');
-
-const classBase = "vuuPaginationControl";
-const PaginationControl = react.forwardRef(function PaginationControl2({ className, dataSource, ...htmlAttributes }, forwardedRef) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-table",
-    css: PaginationControl$1,
-    window: targetWindow
-  });
-  const { onPageChange, pageCount } = usePagination.usePagination({
-    dataSource
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(core.Pagination, { count: pageCount, onPageChange, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.GoToInput, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(core.Paginator, {})
-      ] })
-    }
-  );
-});
-
-exports.PaginationControl = PaginationControl;
-//# sourceMappingURL=PaginationControl.js.map

package/cjs/pagination/PaginationControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationControl.js","sources":["../../../../packages/vuu-table/src/pagination/PaginationControl.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { GoToInput, Pagination, Paginator } from \"@salt-ds/core\";\nimport cx from \"clsx\";\nimport { usePagination } from \"./usePagination\";\n\nimport paginationControlCss from \"./PaginationControl.css\";\nimport { HtmlHTMLAttributes, forwardRef } from \"react\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nconst classBase = \"vuuPaginationControl\";\n\nexport interface PaginationControlProps\n  extends HtmlHTMLAttributes<HTMLDivElement> {\n  dataSource: DataSource;\n}\n\nexport const PaginationControl = forwardRef<\n  HTMLDivElement,\n  PaginationControlProps\n>(function PaginationControl(\n  { className, dataSource, ...htmlAttributes },\n  forwardedRef,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table\",\n    css: paginationControlCss,\n    window: targetWindow,\n  });\n\n  const { onPageChange, pageCount } = usePagination({\n    dataSource,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      ref={forwardedRef}\n    >\n      <Pagination count={pageCount} onPageChange={onPageChange}>\n        <GoToInput />\n        <Paginator />\n      </Pagination>\n    </div>\n  );\n});\n"],"names":["forwardRef","PaginationControl","useWindow","useComponentCssInjection","paginationControlCss","usePagination","jsx","jsxs","Pagination","GoToInput","Paginator"],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAY,GAAA,sBAAA;AAOL,MAAA,iBAAA,GAAoBA,gBAG/B,CAAA,SAASC,kBACT,CAAA,EAAE,WAAW,UAAY,EAAA,GAAG,cAAe,EAAA,EAC3C,YACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,WAAA;AAAA,IACR,GAAK,EAAAC,mBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAIC,2BAAc,CAAA;AAAA,IAChD;AAAA,GACD,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,GAAK,EAAA,YAAA;AAAA,MAEL,QAAC,kBAAAC,eAAA,CAAAC,eAAA,EAAA,EAAW,KAAO,EAAA,SAAA,EAAW,YAC5B,EAAA,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAACG,cAAU,EAAA,EAAA,CAAA;AAAA,uCACVC,cAAU,EAAA,EAAA;AAAA,OACb,EAAA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/cjs/pagination/usePagination.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var react = require('react');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const getPageCount = (dataSource) => {
-  const { range, size } = dataSource;
-  const pageSize = range.to - range.from;
-  if (pageSize > 0) {
-    return Math.ceil(size / pageSize);
-  } else {
-    return 0;
-  }
-};
-const usePagination = ({ dataSource }) => {
-  const [pageCount, setPageCount] = react.useState(getPageCount(dataSource));
-  react.useMemo(() => {
-    dataSource.on("page-count", (n) => setPageCount(n));
-  }, [dataSource]);
-  const handlePageChange = react.useCallback(
-    (_evt, page) => {
-      const { range } = dataSource;
-      const pageSize = range.to - range.from;
-      const firstRow = pageSize * (page - 1);
-      dataSource.range = vuuUtils.Range(firstRow, firstRow + pageSize);
-    },
-    [dataSource]
-  );
-  return {
-    onPageChange: handlePageChange,
-    pageCount
-  };
-};
-
-exports.usePagination = usePagination;
-//# sourceMappingURL=usePagination.js.map

package/cjs/pagination/usePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePagination.js","sources":["../../../../packages/vuu-table/src/pagination/usePagination.ts"],"sourcesContent":["import { SyntheticEvent, useCallback, useMemo, useState } from \"react\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport { Range } from \"@vuu-ui/vuu-utils\";\n\nexport interface PaginationHookProps {\n  dataSource: DataSource;\n}\n\nconst getPageCount = (dataSource: DataSource) => {\n  const { range, size } = dataSource;\n  const pageSize = range.to - range.from;\n  if (pageSize > 0) {\n    return Math.ceil(size / pageSize);\n  } else {\n    return 0;\n  }\n};\n\nexport const usePagination = ({ dataSource }: PaginationHookProps) => {\n  const [pageCount, setPageCount] = useState<number>(getPageCount(dataSource));\n\n  useMemo(() => {\n    dataSource.on(\"page-count\", (n: number) => setPageCount(n));\n  }, [dataSource]);\n\n  const handlePageChange = useCallback(\n    (_evt: SyntheticEvent, page: number) => {\n      const { range } = dataSource;\n      const pageSize = range.to - range.from;\n      const firstRow = pageSize * (page - 1);\n      dataSource.range = Range(firstRow, firstRow + pageSize);\n    },\n    [dataSource],\n  );\n\n  return {\n    onPageChange: handlePageChange,\n    pageCount,\n  };\n};\n"],"names":["useState","useMemo","useCallback","Range"],"mappings":";;;;;AAQA,MAAM,YAAA,GAAe,CAAC,UAA2B,KAAA;AAC/C,EAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,UAAA;AACxB,EAAM,MAAA,QAAA,GAAW,KAAM,CAAA,EAAA,GAAK,KAAM,CAAA,IAAA;AAClC,EAAA,IAAI,WAAW,CAAG,EAAA;AAChB,IAAO,OAAA,IAAA,CAAK,IAAK,CAAA,IAAA,GAAO,QAAQ,CAAA;AAAA,GAC3B,MAAA;AACL,IAAO,OAAA,CAAA;AAAA;AAEX,CAAA;AAEO,MAAM,aAAgB,GAAA,CAAC,EAAE,UAAA,EAAsC,KAAA;AACpE,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,IAAIA,cAAiB,CAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAE3E,EAAAC,aAAA,CAAQ,MAAM;AACZ,IAAA,UAAA,CAAW,GAAG,YAAc,EAAA,CAAC,CAAc,KAAA,YAAA,CAAa,CAAC,CAAC,CAAA;AAAA,GAC5D,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,MAAM,gBAAmB,GAAAC,iBAAA;AAAA,IACvB,CAAC,MAAsB,IAAiB,KAAA;AACtC,MAAM,MAAA,EAAE,OAAU,GAAA,UAAA;AAClB,MAAM,MAAA,QAAA,GAAW,KAAM,CAAA,EAAA,GAAK,KAAM,CAAA,IAAA;AAClC,MAAM,MAAA,QAAA,GAAW,YAAY,IAAO,GAAA,CAAA,CAAA;AACpC,MAAA,UAAA,CAAW,KAAQ,GAAAC,cAAA,CAAM,QAAU,EAAA,QAAA,GAAW,QAAQ,CAAA;AAAA,KACxD;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAO,OAAA;AAAA,IACL,YAAc,EAAA,gBAAA;AAAA,IACd;AAAA,GACF;AACF;;;;"}

package/cjs/table-cell/TableCell.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var tableCellCss = ".vuuTableCell {\n  border-right-color: var(--cell-borderColor);\n  border-right-style: solid;\n  border-right-width: 1px;\n  /* unfortunately inline-flex doesn't play nice with text-overflow ellipsis */\n  display: inline-block;\n  white-space: nowrap;\n  height: 100%;\n  outline-offset: -2px;\n  overflow: hidden;\n  padding: var(--vuuTableCell-padding, 0 11px 0 8px);\n  text-overflow: ellipsis;\n  vertical-align: top;\n\n\n    &:has(.vuuCheckboxRowSelector) {\n      text-overflow: unset;\n    }\n\n}\n\n.vuuTableCell-right {\n  text-align: right;\n}\n\n.vuuTableCell-editable {\n  align-items: center;\n  display: inline-flex;\n  padding: var(--vuuTableCell-padding-editable, 0px 1px 0 2px);\n}\n\n.vuuTableCell:focus-visible {\n  outline: none;\n}\n\n.vuuTableCell-editable:focus-within,\n.vuuTableCell:focus {\n  /** This is to achieve a white background to outline dashes */\n  /* box-shadow: inset 0 0 0 var(--cell-outline-width) white; */\n  border-bottom: none;\n  .saltInput-bordered {\n    border-color: transparent;\n    outline: solid var(--salt-editable-borderColor-active) 2px;\n    outline-offset: -1px;\n  }\n\n    .saltInput-bordered.vuuEditing{\n      outline: dashed var(--salt-editable-borderColor-active) 2px;\n      outline-offset: -1px;\n    }\n\n    .vuuTableInputCell-error.saltInput-bordered {\n        outline: dashed var(--salt-status-error-borderColor) 2px;\n    }\n\n}\n\n.vuuTableRow-selected .vuuTableCell:not(.vuuTableCell-editable):focus {\n  outline: var(\n    --vuuTableCell-outline,\n    solid var(--salt-focused-outlineColor) 2px\n  );\n\n  &:has(.vuuCheckboxRowSelector) {\n    outline: none;\n  }\n}\n/* .vuuTableCell-editable:focus {\n  outline: none;\n} */\n\n.vuuTableCell.ContextOpen {\n  outline: var(\n    --vuuTableCell-outline,\n    solid var(--vuuTableCell-contextOpen-outlineColor, var(--salt-focused-outlineColor)) 2px\n  );\n}\n";
-
-module.exports = tableCellCss;
-//# sourceMappingURL=TableCell.css.js.map

package/cjs/table-cell/TableCell.css.js.map

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

package/cjs/table-cell/TableCell.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var applyHighlighting = require('../applyHighlighting.js');
-var useCell = require('../useCell.js');
-var TableCell$1 = require('./TableCell.css.js');
-
-const classBase = "vuuTableCell";
-const TableCell = ({
-  column,
-  dataRow,
-  onClick,
-  searchPattern = ""
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-table-cell",
-    css: TableCell$1,
-    window: targetWindow
-  });
-  const editSession = vuuUtils.useEditSession();
-  const { className, style } = useCell.useCell(column, classBase, false);
-  const { ariaColIndex, CellRenderer, name, valueFormatter } = column;
-  const [editedDuringCurrentSession, setEditingDuringCurrentSession] = react.useState(void 0);
-  const handleDataItemEdited = react.useCallback(
-    async (editState, editPhase) => {
-      const { isValid = true, previousValue = "", value } = editState;
-      if (editPhase === "commit" && editSession) {
-        const { editedDuringCurrentSession: editedDuringCurrentSession2, ...response } = await editSession.commit(
-          dataRow.key,
-          name,
-          previousValue,
-          value,
-          isValid
-        );
-        setEditingDuringCurrentSession(editedDuringCurrentSession2);
-        return response;
-      }
-    },
-    [dataRow.key, editSession, name]
-  );
-  const handleClick = react.useCallback(
-    (evt) => {
-      onClick?.(evt, column);
-    },
-    [column, onClick]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "aria-colindex": ariaColIndex,
-      className,
-      onClick: onClick ? handleClick : void 0,
-      role: "cell",
-      style,
-      children: CellRenderer ? /* @__PURE__ */ jsxRuntime.jsx(
-        CellRenderer,
-        {
-          column,
-          dataRow,
-          editedDuringCurrentSession,
-          onEdit: handleDataItemEdited,
-          searchPattern
-        }
-      ) : applyHighlighting.applyHighlighting(valueFormatter(dataRow[column.name]), searchPattern)
-    }
-  );
-};
-
-exports.TableCell = TableCell;
-//# sourceMappingURL=TableCell.js.map

package/cjs/table-cell/TableCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../packages/vuu-table/src/table-cell/TableCell.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type {\n  TableCellEditHandler,\n  TableCellProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport { useEditSession } from \"@vuu-ui/vuu-utils\";\nimport { MouseEventHandler, useCallback, useState } from \"react\";\nimport { applyHighlighting } from \"../applyHighlighting\";\nimport { useCell } from \"../useCell\";\n\nimport tableCellCss from \"./TableCell.css\";\n\nconst classBase = \"vuuTableCell\";\n\nexport const TableCell = ({\n  column,\n  dataRow,\n  onClick,\n  searchPattern = \"\",\n}: TableCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-cell\",\n    css: tableCellCss,\n    window: targetWindow,\n  });\n\n  const editSession = useEditSession();\n\n  const { className, style } = useCell(column, classBase, false);\n  const { ariaColIndex, CellRenderer, name, valueFormatter } = column;\n  const [editedDuringCurrentSession, setEditingDuringCurrentSession] = useState<\n    boolean | undefined\n  >(undefined);\n\n  const handleDataItemEdited = useCallback<TableCellEditHandler>(\n    async (editState, editPhase) => {\n      const { isValid = true, previousValue = \"\", value } = editState;\n      if (editPhase === \"commit\" && editSession) {\n        const { editedDuringCurrentSession, ...response } =\n          await editSession.commit(\n            dataRow.key,\n            name,\n            previousValue,\n            value,\n            isValid,\n          );\n        setEditingDuringCurrentSession(editedDuringCurrentSession);\n        return response;\n      }\n    },\n    [dataRow.key, editSession, name],\n  );\n\n  const handleClick = useCallback<MouseEventHandler>(\n    (evt) => {\n      onClick?.(evt, column);\n    },\n    [column, onClick],\n  );\n\n  return (\n    <div\n      aria-colindex={ariaColIndex}\n      className={className}\n      onClick={onClick ? handleClick : undefined}\n      role=\"cell\"\n      style={style}\n    >\n      {CellRenderer ? (\n        <CellRenderer\n          column={column}\n          dataRow={dataRow}\n          editedDuringCurrentSession={editedDuringCurrentSession}\n          onEdit={handleDataItemEdited}\n          searchPattern={searchPattern}\n        />\n      ) : (\n        applyHighlighting(valueFormatter(dataRow[column.name]), searchPattern)\n      )}\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","tableCellCss","useEditSession","useCell","useState","useCallback","editedDuringCurrentSession","jsx","applyHighlighting"],"mappings":";;;;;;;;;;;AAaA,MAAM,SAAY,GAAA,cAAA;AAEX,MAAM,YAAY,CAAC;AAAA,EACxB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAAsB,KAAA;AACpB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,cAAcC,uBAAe,EAAA;AAEnC,EAAA,MAAM,EAAE,SAAW,EAAA,KAAA,KAAUC,eAAQ,CAAA,MAAA,EAAQ,WAAW,KAAK,CAAA;AAC7D,EAAA,MAAM,EAAE,YAAA,EAAc,YAAc,EAAA,IAAA,EAAM,gBAAmB,GAAA,MAAA;AAC7D,EAAA,MAAM,CAAC,0BAAA,EAA4B,8BAA8B,CAAA,GAAIC,eAEnE,KAAS,CAAA,CAAA;AAEX,EAAA,MAAM,oBAAuB,GAAAC,iBAAA;AAAA,IAC3B,OAAO,WAAW,SAAc,KAAA;AAC9B,MAAA,MAAM,EAAE,OAAU,GAAA,IAAA,EAAM,aAAgB,GAAA,EAAA,EAAI,OAAU,GAAA,SAAA;AACtD,MAAI,IAAA,SAAA,KAAc,YAAY,WAAa,EAAA;AACzC,QAAA,MAAM,EAAE,0BAAAC,EAAAA,2BAAAA,EAA4B,GAAG,QAAS,EAAA,GAC9C,MAAM,WAAY,CAAA,MAAA;AAAA,UAChB,OAAQ,CAAA,GAAA;AAAA,UACR,IAAA;AAAA,UACA,aAAA;AAAA,UACA,KAAA;AAAA,UACA;AAAA,SACF;AACF,QAAA,8BAAA,CAA+BA,2BAA0B,CAAA;AACzD,QAAO,OAAA,QAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,OAAA,CAAQ,GAAK,EAAA,WAAA,EAAa,IAAI;AAAA,GACjC;AAEA,EAAA,MAAM,WAAc,GAAAD,iBAAA;AAAA,IAClB,CAAC,GAAQ,KAAA;AACP,MAAA,OAAA,GAAU,KAAK,MAAM,CAAA;AAAA,KACvB;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,GAClB;AAEA,EACE,uBAAAE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,eAAe,EAAA,YAAA;AAAA,MACf,SAAA;AAAA,MACA,OAAA,EAAS,UAAU,WAAc,GAAA,KAAA,CAAA;AAAA,MACjC,IAAK,EAAA,MAAA;AAAA,MACL,KAAA;AAAA,MAEC,QACC,EAAA,YAAA,mBAAAA,cAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,OAAA;AAAA,UACA,0BAAA;AAAA,UACA,MAAQ,EAAA,oBAAA;AAAA,UACR;AAAA;AAAA,OACF,GAEAC,oCAAkB,cAAe,CAAA,OAAA,CAAQ,OAAO,IAAI,CAAC,GAAG,aAAa;AAAA;AAAA,GAEzE;AAEJ;;;;"}

package/cjs/table-cell/TableGroupCell.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var tableGroupCellCss = ".vuuTableGroupCell.vuuTableCell {\n  --group-cell-spacer-width: 20px;\n  align-items: center;\n  border-right-color: var(\n    --vuuTableGroupCell-borderColor,\n    var(--salt-separable-tertiary-borderColor)\n  );\n  border-right-style: solid;\n  border-right-width: 1px;\n\n  cursor: pointer;\n  display: inline-flex;\n  line-height: 16px;\n\n  .vuuIcon {\n    --vuu-icon-height: 20px;\n    --vuu-icon-width: 20px;\n    margin-right: var(--salt-spacing-100);\n    min-width: 20px;\n  }\n\n  .vuuToggleIconButton.saltButton {\n      --saltButton-height: 20px;\n      --saltButton-width: 20px;\n  }\n\n  .vuuTableGroupCell-label {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n[aria-level=\"2\"] {\n  --indent: 1;\n  &:not([aria-expanded]){\n    --indent: 2;\n  }\n}\n[aria-level=\"3\"] {\n  --indent: 2;\n  &:not([aria-expanded]){\n    --indent: 3;\n  }\n}\n[aria-level=\"4\"] {\n  --indent: 3;\n  &:not([aria-expanded]){\n    --indent: 4;\n  }\n}\n[aria-level=\"5\"] {\n  --indent: 4;\n}\n[aria-level=\"6\"] {\n  --indent: 5;\n}\n[aria-level=\"7\"] {\n  --indent: 6;\n}\n[aria-level=\"8\"] {\n  --indent: 7;\n}\n[aria-level=\"9\"] {\n  --indent: 8;\n}\n[aria-level=\"10\"] {\n  --indent: 9;\n}\n\n.vuuTableGroupCell-spacer {\n  display: inline-block;\n  min-width: calc(var(--indent, 0) * var(--group-cell-spacer-width));\n}\n\n.vuuTreeTable {\n  .vuuTableGroupCell.vuuTableCell {\n    border-right: none;\n  } \n}";
-
-module.exports = tableGroupCellCss;
-//# sourceMappingURL=TableGroupCell.css.js.map

package/cjs/table-cell/TableGroupCell.css.js.map

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

package/cjs/table-cell/TableGroupCell.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var react = require('react');
-var useCell = require('../useCell.js');
-var TableCell = require('./TableCell.css.js');
-var TableGroupCell$1 = require('./TableGroupCell.css.js');
-var applyHighlighting = require('../applyHighlighting.js');
-
-const classBase = "vuuTableGroupCell";
-const TableGroupCell = ({
-  column,
-  dataRow,
-  onClick,
-  searchPattern = ""
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-table-cell",
-    css: TableCell,
-    window: targetWindow
-  });
-  styles.useComponentCssInjection({
-    testId: "vuu-table-group-cell",
-    css: TableGroupCell$1,
-    window: targetWindow
-  });
-  const { columns } = column;
-  const value = vuuUtils.getGroupValue(columns, dataRow);
-  const valueWithHighlighting = applyHighlighting.applyHighlighting(value || "", searchPattern);
-  const icon = vuuUtils.getGroupIcon(columns, dataRow);
-  const { className, style } = useCell.useCell(column, classBase);
-  const handleClick = react.useCallback(
-    (evt) => {
-      onClick?.(evt, column);
-    },
-    [column, onClick]
-  );
-  const { childCount, isExpanded, isLeaf } = dataRow;
-  const isLeafNode = isLeaf || childCount == 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "aria-colindex": 1,
-      className: cx(className, "vuuTableCell"),
-      role: "cell",
-      style,
-      onClick: isLeafNode ? void 0 : handleClick,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-spacer` }),
-        isLeafNode ? null : /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.ToggleIconButton, { isExpanded }),
-        icon ? /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.Icon, { name: icon }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${classBase}-label`, children: valueWithHighlighting })
-      ]
-    }
-  );
-};
-
-exports.TableGroupCell = TableGroupCell;
-//# sourceMappingURL=TableGroupCell.js.map

package/cjs/table-cell/TableGroupCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableGroupCell.js","sources":["../../../../packages/vuu-table/src/table-cell/TableGroupCell.tsx"],"sourcesContent":["import { GroupColumnDescriptor, TableCellProps } from \"@vuu-ui/vuu-table-types\";\nimport { Icon, ToggleIconButton } from \"@vuu-ui/vuu-ui-controls\";\nimport { getGroupIcon, getGroupValue } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { MouseEvent, useCallback } from \"react\";\nimport { useCell } from \"../useCell\";\n\nimport tableCellCss from \"./TableCell.css\";\nimport tableGroupCellCss from \"./TableGroupCell.css\";\nimport { applyHighlighting } from \"../applyHighlighting\";\n\nconst classBase = \"vuuTableGroupCell\";\n\nexport const TableGroupCell = ({\n  column,\n  dataRow,\n  onClick,\n  searchPattern = \"\",\n}: TableCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-cell\",\n    css: tableCellCss,\n    window: targetWindow,\n  });\n  useComponentCssInjection({\n    testId: \"vuu-table-group-cell\",\n    css: tableGroupCellCss,\n    window: targetWindow,\n  });\n\n  const { columns } = column as GroupColumnDescriptor;\n  const value = getGroupValue(columns, dataRow);\n  const valueWithHighlighting = applyHighlighting(value || \"\", searchPattern);\n\n  const icon = getGroupIcon(columns, dataRow);\n  const { className, style } = useCell(column, classBase);\n\n  const handleClick = useCallback(\n    (evt: MouseEvent<HTMLDivElement>) => {\n      onClick?.(evt, column);\n    },\n    [column, onClick],\n  );\n\n  const { childCount, isExpanded, isLeaf } = dataRow;\n\n  // In a TreeTable, no nodes are tagged as leaf nodes, but those with childCount = 0\n  // behave as leaf nodes\n  const isLeafNode = isLeaf || childCount == 0;\n\n  return (\n    <div\n      aria-colindex={1}\n      className={cx(className, \"vuuTableCell\")}\n      role=\"cell\"\n      style={style}\n      onClick={isLeafNode ? undefined : handleClick}\n    >\n      <span className={`${classBase}-spacer`} />\n      {isLeafNode ? null : <ToggleIconButton isExpanded={isExpanded} />}\n      {icon ? <Icon name={icon} /> : null}\n      <span className={`${classBase}-label`}>{valueWithHighlighting}</span>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","tableCellCss","tableGroupCellCss","getGroupValue","applyHighlighting","getGroupIcon","useCell","useCallback","jsxs","jsx","ToggleIconButton","Icon"],"mappings":";;;;;;;;;;;;;;AAaA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA;AAClB,CAAsB,KAAA;AACpB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AACD,EAAyBD,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAAE,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,SAAY,GAAA,MAAA;AACpB,EAAM,MAAA,KAAA,GAAQC,sBAAc,CAAA,OAAA,EAAS,OAAO,CAAA;AAC5C,EAAA,MAAM,qBAAwB,GAAAC,mCAAA,CAAkB,KAAS,IAAA,EAAA,EAAI,aAAa,CAAA;AAE1E,EAAM,MAAA,IAAA,GAAOC,qBAAa,CAAA,OAAA,EAAS,OAAO,CAAA;AAC1C,EAAA,MAAM,EAAE,SAAW,EAAA,KAAA,EAAU,GAAAC,eAAA,CAAQ,QAAQ,SAAS,CAAA;AAEtD,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAAC,GAAoC,KAAA;AACnC,MAAA,OAAA,GAAU,KAAK,MAAM,CAAA;AAAA,KACvB;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,GAClB;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,MAAA,EAAW,GAAA,OAAA;AAI3C,EAAM,MAAA,UAAA,GAAa,UAAU,UAAc,IAAA,CAAA;AAE3C,EACE,uBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,eAAe,EAAA,CAAA;AAAA,MACf,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,cAAc,CAAA;AAAA,MACvC,IAAK,EAAA,MAAA;AAAA,MACL,KAAA;AAAA,MACA,OAAA,EAAS,aAAa,KAAY,CAAA,GAAA,WAAA;AAAA,MAElC,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAAW,OAAA,CAAA,EAAA,CAAA;AAAA,QACvC,UAAa,GAAA,IAAA,mBAAQA,cAAA,CAAAC,8BAAA,EAAA,EAAiB,UAAwB,EAAA,CAAA;AAAA,QAC9D,IAAO,mBAAAD,cAAA,CAACE,kBAAK,EAAA,EAAA,IAAA,EAAM,MAAM,CAAK,GAAA,IAAA;AAAA,uCAC9B,MAAK,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,UAAW,QAAsB,EAAA,qBAAA,EAAA;AAAA;AAAA;AAAA,GAChE;AAEJ;;;;"}

package/cjs/table-config/useTableConfig.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var vuuTableExtras = require('@vuu-ui/vuu-table-extras');
-var react = require('react');
-
-const useTableConfig = ({
-  availableColumns,
-  config: initialTableConfig,
-  dataSource,
-  onTableConfigChange
-}) => {
-  const [tableConfig, setTableConfig] = react.useState(initialTableConfig);
-  const handleColumnModelChange = react.useCallback(
-    (columns, changeSource, changeDescriptor) => {
-      if (changeSource === "column-picker" || changeSource === "column-settings") {
-        if (changeDescriptor?.type === "calculated-column-added" || changeDescriptor?.type === "column-added") {
-          dataSource.columns = dataSource.columns.concat(
-            changeDescriptor.column.name
-          );
-        } else if (changeDescriptor?.type === "column-removed") {
-          dataSource.columns = dataSource.columns.filter(
-            (name) => name !== changeDescriptor.column.name
-          );
-        }
-        let newConfig = void 0;
-        setTableConfig((config) => newConfig = { ...config, columns });
-        if (changeDescriptor?.type === "column-removed" || changeDescriptor?.type === "column-added" || changeDescriptor?.type === "calculated-column-added") {
-          if (newConfig) {
-            onTableConfigChange?.(newConfig, changeDescriptor);
-          }
-        }
-      }
-    },
-    [dataSource, onTableConfigChange]
-  );
-  const columnModel = react.useMemo(() => {
-    const model = new vuuTableExtras.ColumnModel(availableColumns, tableConfig.columns);
-    model.on("change", handleColumnModelChange);
-    return model;
-  }, [availableColumns, handleColumnModelChange, tableConfig.columns]);
-  const handleTableConfigChange = react.useCallback(
-    (_config, changeType) => {
-      if (changeType.type === "column-removed") {
-        columnModel.removeItemFromSelectedColumns(
-          changeType.column.name,
-          "table"
-        );
-      }
-    },
-    [columnModel]
-  );
-  const handleTableDisplayAttributeChange = react.useCallback((displayAttributes) => {
-    setTableConfig((config) => ({
-      ...config,
-      ...displayAttributes
-    }));
-  }, []);
-  return {
-    columnModel,
-    onTableDisplayAttributeChange: handleTableDisplayAttributeChange,
-    onTableConfigChange: handleTableConfigChange,
-    tableConfig
-  };
-};
-
-exports.useTableConfig = useTableConfig;
-//# sourceMappingURL=useTableConfig.js.map

package/cjs/table-config/useTableConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableConfig.js","sources":["../../../../packages/vuu-table/src/table-config/useTableConfig.ts"],"sourcesContent":["import {\n  ColumnModel,\n  ColumnsChangeHandler,\n  TableDisplayAttributeChangeHandler,\n} from \"@vuu-ui/vuu-table-extras\";\nimport { TableConfig } from \"@vuu-ui/vuu-table-types\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { TableProps } from \"../Table\";\nimport type {\n  ColumnDescriptor,\n  TableConfigChangeHandler,\n} from \"@vuu-ui/vuu-table-types\";\nimport { DataSource } from \"@vuu-ui/vuu-data-types\";\n\nexport interface TableConfigHookProps extends Pick<TableProps, \"config\"> {\n  availableColumns: readonly ColumnDescriptor[];\n  dataSource: DataSource;\n  onTableConfigChange?: TableConfigChangeHandler;\n}\n\nexport const useTableConfig = ({\n  availableColumns,\n  config: initialTableConfig,\n  dataSource,\n  onTableConfigChange,\n}: TableConfigHookProps) => {\n  const [tableConfig, setTableConfig] =\n    useState<TableConfig>(initialTableConfig);\n\n  const handleColumnModelChange = useCallback<ColumnsChangeHandler>(\n    (columns, changeSource, changeDescriptor) => {\n      if (\n        changeSource === \"column-picker\" ||\n        changeSource === \"column-settings\"\n      ) {\n        if (\n          changeDescriptor?.type === \"calculated-column-added\" ||\n          changeDescriptor?.type === \"column-added\"\n        ) {\n          dataSource.columns = dataSource.columns.concat(\n            changeDescriptor.column.name,\n          );\n        } else if (changeDescriptor?.type === \"column-removed\") {\n          dataSource.columns = dataSource.columns.filter(\n            (name) => name !== changeDescriptor.column.name,\n          );\n        }\n\n        let newConfig: TableConfig | undefined = undefined;\n        setTableConfig((config) => (newConfig = { ...config, columns }));\n        if (\n          changeDescriptor?.type === \"column-removed\" ||\n          changeDescriptor?.type === \"column-added\" ||\n          changeDescriptor?.type === \"calculated-column-added\"\n        ) {\n          if (newConfig) {\n            // calling onTableConfigChange will allow client to persist changes\n            // for future sessions\n            onTableConfigChange?.(newConfig, changeDescriptor);\n          }\n        }\n      }\n    },\n    [dataSource, onTableConfigChange],\n  );\n\n  const columnModel = useMemo(() => {\n    const model = new ColumnModel(availableColumns, tableConfig.columns);\n    model.on(\"change\", handleColumnModelChange);\n    return model;\n  }, [availableColumns, handleColumnModelChange, tableConfig.columns]);\n\n  const handleTableConfigChange = useCallback<TableConfigChangeHandler>(\n    (_config, changeType) => {\n      if (changeType.type === \"column-removed\") {\n        columnModel.removeItemFromSelectedColumns(\n          changeType.column.name,\n          \"table\",\n        );\n      }\n    },\n    [columnModel],\n  );\n\n  const handleTableDisplayAttributeChange =\n    useCallback<TableDisplayAttributeChangeHandler>((displayAttributes) => {\n      setTableConfig((config) => ({\n        ...config,\n        ...displayAttributes,\n      }));\n    }, []);\n\n  return {\n    columnModel,\n    onTableDisplayAttributeChange: handleTableDisplayAttributeChange,\n    onTableConfigChange: handleTableConfigChange,\n    tableConfig,\n  };\n};\n"],"names":["useState","useCallback","useMemo","ColumnModel"],"mappings":";;;;;AAoBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,gBAAA;AAAA,EACA,MAAQ,EAAA,kBAAA;AAAA,EACR,UAAA;AAAA,EACA;AACF,CAA4B,KAAA;AAC1B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAChCA,eAAsB,kBAAkB,CAAA;AAE1C,EAAA,MAAM,uBAA0B,GAAAC,iBAAA;AAAA,IAC9B,CAAC,OAAS,EAAA,YAAA,EAAc,gBAAqB,KAAA;AAC3C,MACE,IAAA,YAAA,KAAiB,eACjB,IAAA,YAAA,KAAiB,iBACjB,EAAA;AACA,QAAA,IACE,gBAAkB,EAAA,IAAA,KAAS,yBAC3B,IAAA,gBAAA,EAAkB,SAAS,cAC3B,EAAA;AACA,UAAW,UAAA,CAAA,OAAA,GAAU,WAAW,OAAQ,CAAA,MAAA;AAAA,YACtC,iBAAiB,MAAO,CAAA;AAAA,WAC1B;AAAA,SACF,MAAA,IAAW,gBAAkB,EAAA,IAAA,KAAS,gBAAkB,EAAA;AACtD,UAAW,UAAA,CAAA,OAAA,GAAU,WAAW,OAAQ,CAAA,MAAA;AAAA,YACtC,CAAC,IAAA,KAAS,IAAS,KAAA,gBAAA,CAAiB,MAAO,CAAA;AAAA,WAC7C;AAAA;AAGF,QAAA,IAAI,SAAqC,GAAA,KAAA,CAAA;AACzC,QAAA,cAAA,CAAe,CAAC,MAAY,KAAA,SAAA,GAAY,EAAE,GAAG,MAAA,EAAQ,SAAU,CAAA;AAC/D,QACE,IAAA,gBAAA,EAAkB,SAAS,gBAC3B,IAAA,gBAAA,EAAkB,SAAS,cAC3B,IAAA,gBAAA,EAAkB,SAAS,yBAC3B,EAAA;AACA,UAAA,IAAI,SAAW,EAAA;AAGb,YAAA,mBAAA,GAAsB,WAAW,gBAAgB,CAAA;AAAA;AACnD;AACF;AACF,KACF;AAAA,IACA,CAAC,YAAY,mBAAmB;AAAA,GAClC;AAEA,EAAM,MAAA,WAAA,GAAcC,cAAQ,MAAM;AAChC,IAAA,MAAM,KAAQ,GAAA,IAAIC,0BAAY,CAAA,gBAAA,EAAkB,YAAY,OAAO,CAAA;AACnE,IAAM,KAAA,CAAA,EAAA,CAAG,UAAU,uBAAuB,CAAA;AAC1C,IAAO,OAAA,KAAA;AAAA,KACN,CAAC,gBAAA,EAAkB,uBAAyB,EAAA,WAAA,CAAY,OAAO,CAAC,CAAA;AAEnE,EAAA,MAAM,uBAA0B,GAAAF,iBAAA;AAAA,IAC9B,CAAC,SAAS,UAAe,KAAA;AACvB,MAAI,IAAA,UAAA,CAAW,SAAS,gBAAkB,EAAA;AACxC,QAAY,WAAA,CAAA,6BAAA;AAAA,UACV,WAAW,MAAO,CAAA,IAAA;AAAA,UAClB;AAAA,SACF;AAAA;AACF,KACF;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAM,MAAA,iCAAA,GACJA,iBAAgD,CAAA,CAAC,iBAAsB,KAAA;AACrE,IAAA,cAAA,CAAe,CAAC,MAAY,MAAA;AAAA,MAC1B,GAAG,MAAA;AAAA,MACH,GAAG;AAAA,KACH,CAAA,CAAA;AAAA,GACJ,EAAG,EAAE,CAAA;AAEP,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,6BAA+B,EAAA,iCAAA;AAAA,IAC/B,mBAAqB,EAAA,uBAAA;AAAA,IACrB;AAAA,GACF;AACF;;;;"}

package/cjs/table-config.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const updateTableConfig = (config, action) => {
-  switch (action.type) {
-    case "col-size": {
-      const { columns: runtimeColumns, width } = action;
-      const isFit = config.columnLayout === "fit";
-      return {
-        ...config,
-        columnLayout: isFit ? "manual" : config.columnLayout,
-        columns: config.columns.map((col) => {
-          if (isFit) {
-            return col.name === action.column.name ? { ...col, width } : col.width ? col : { ...col, width: vuuUtils.getRuntimeColumnWidth(col, runtimeColumns) };
-          } else {
-            return col.name === action.column.name ? { ...col, width: action.width } : col;
-          }
-        })
-      };
-    }
-    case "column-prop":
-      return {
-        ...config,
-        columns: config.columns.map(
-          (col) => col.name === action.column.name ? { ...col, [action.property]: action.value } : col
-        )
-      };
-    default:
-      return config;
-  }
-};
-
-exports.updateTableConfig = updateTableConfig;
-//# sourceMappingURL=table-config.js.map