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

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

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

package/esm/packages/vuu-table-extras/src/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":["value"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabbedTableSettingsAction.js","sources":["../../../../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/TabbedTableSettingsAction.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from \"@vuu-ui/vuu-ui-controls\";\nimport { useCallback } from \"react\";\nimport {\n  TabbedTableConfigPanelHookProps,\n  useTabbedTableConfigPanel,\n} from \"./useTabbedTableConfigPanel\";\nimport { TableDisplayAttributeChangeHandler } from \"../table-settings-panel/TableSettingsPanel\";\n\nexport interface TabbedTableSettingsActionProps\n  extends Partial<IconButtonProps>,\n    TabbedTableConfigPanelHookProps {\n  onDisplayAttributeChange: TableDisplayAttributeChangeHandler;\n}\n\nexport const TabbedTableSettingsAction = ({\n  allowCreateCalculatedColumn,\n  appearance = \"transparent\",\n  columnModel,\n  config,\n  icon = \"settings\",\n  onDisplayAttributeChange,\n  sentiment = \"neutral\",\n  vuuTable,\n  ...IconButtonProps\n}: TabbedTableSettingsActionProps) => {\n  const { showTabbedTableConfigPanel } = useTabbedTableConfigPanel({\n    allowCreateCalculatedColumn,\n    columnModel,\n    config,\n    onDisplayAttributeChange,\n    vuuTable,\n  });\n\n  const handleClick = useCallback(() => {\n    showTabbedTableConfigPanel();\n  }, [showTabbedTableConfigPanel]);\n\n  return (\n    <IconButton\n      {...IconButtonProps}\n      appearance={appearance}\n      data-action=\"table-settings\"\n      icon={icon}\n      onClick={handleClick}\n      sentiment={sentiment}\n      size={20}\n    />\n  );\n};\n"],"names":["IconButtonProps"],"mappings":";;;;;AAcO,MAAM,4BAA4B,CAAC;AAAA,EACxC,2BAAA;AAAA,EACA,UAAa,GAAA,aAAA;AAAA,EACb,WAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAO,GAAA,UAAA;AAAA,EACP,wBAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAGA;AACL,CAAsC,KAAA;AACpC,EAAM,MAAA,EAAE,0BAA2B,EAAA,GAAI,yBAA0B,CAAA;AAAA,IAC/D,2BAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAA2B,0BAAA,EAAA;AAAA,GAC7B,EAAG,CAAC,0BAA0B,CAAC,CAAA;AAE/B,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAGA,gBAAAA;AAAA,MACJ,UAAA;AAAA,MACA,aAAY,EAAA,gBAAA;AAAA,MACZ,IAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,IAAM,EAAA;AAAA;AAAA,GACR;AAEJ;;;;"}

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

@@ -1,47 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import { useContextPanel } from '@vuu-ui/vuu-ui-controls';
-import { TabbedTableConfigPanel } from './TabbedTableConfigPanel.js';
-
-const useTabbedTableConfigPanel = ({
-  allowCreateCalculatedColumn,
-  columnModel,
-  config,
-  onDisplayAttributeChange,
-  vuuTable
-}) => {
-  const showContextPanel = useContextPanel();
-  const contextPanelShowing = useRef(false);
-  const showTabbedTableConfigPanel = useCallback(
-    (title = "Table settings") => {
-      contextPanelShowing.current = true;
-      showContextPanel(
-        /* @__PURE__ */ jsx(
-          TabbedTableConfigPanel,
-          {
-            allowCreateCalculatedColumn,
-            columnModel,
-            config,
-            onDisplayAttributeChange,
-            vuuTable
-          }
-        ),
-        title
-      );
-    },
-    [
-      allowCreateCalculatedColumn,
-      columnModel,
-      config,
-      onDisplayAttributeChange,
-      showContextPanel,
-      vuuTable
-    ]
-  );
-  return {
-    showTabbedTableConfigPanel
-  };
-};
-
-export { useTabbedTableConfigPanel };
-//# sourceMappingURL=useTabbedTableConfigPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTabbedTableConfigPanel.js","sources":["../../../../../../../packages/vuu-table-extras/src/tabbed-table-config-panel/useTabbedTableConfigPanel.tsx"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { TabbedTableConfigPanel } from \"./TabbedTableConfigPanel\";\nimport { TableSettingsPanelProps } from \"../table-settings-panel/TableSettingsPanel\";\nimport { TableProps } from \"@vuu-ui/vuu-table\";\nimport { ColumnPickerProps } from \"../column-picker/ColumnPicker\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\n\nexport interface TabbedTableConfigPanelHookProps\n  extends Pick<\n      ColumnPickerProps,\n      \"allowCreateCalculatedColumn\" | \"columnModel\"\n    >,\n    Pick<TableSettingsPanelProps, \"onDisplayAttributeChange\">,\n    Pick<TableProps, \"config\"> {\n  /**\n   * only required for calculated columns\n   */\n  vuuTable?: VuuTable;\n}\n\nexport const useTabbedTableConfigPanel = ({\n  allowCreateCalculatedColumn,\n  columnModel,\n  config,\n  onDisplayAttributeChange,\n  vuuTable,\n}: TabbedTableConfigPanelHookProps) => {\n  const showContextPanel = useContextPanel();\n  //   const hideContextPanel = useHideContextPanel();\n  const contextPanelShowing = useRef(false);\n\n  const showTabbedTableConfigPanel = useCallback(\n    (title = \"Table settings\") => {\n      contextPanelShowing.current = true;\n      showContextPanel(\n        <TabbedTableConfigPanel\n          allowCreateCalculatedColumn={allowCreateCalculatedColumn}\n          columnModel={columnModel}\n          config={config}\n          onDisplayAttributeChange={onDisplayAttributeChange}\n          vuuTable={vuuTable}\n        />,\n        title,\n      );\n    },\n    [\n      allowCreateCalculatedColumn,\n      columnModel,\n      config,\n      onDisplayAttributeChange,\n      showContextPanel,\n      vuuTable,\n    ],\n  );\n\n  return {\n    showTabbedTableConfigPanel,\n  };\n};\n"],"names":[],"mappings":";;;;;AAqBO,MAAM,4BAA4B,CAAC;AAAA,EACxC,2BAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,wBAAA;AAAA,EACA;AACF,CAAuC,KAAA;AACrC,EAAA,MAAM,mBAAmB,eAAgB,EAAA;AAEzC,EAAM,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA;AAExC,EAAA,MAAM,0BAA6B,GAAA,WAAA;AAAA,IACjC,CAAC,QAAQ,gBAAqB,KAAA;AAC5B,MAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA;AAC9B,MAAA,gBAAA;AAAA,wBACE,GAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,2BAAA;AAAA,YACA,WAAA;AAAA,YACA,MAAA;AAAA,YACA,wBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,IACA;AAAA,MACE,2BAAA;AAAA,MACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,wBAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.css.js

@@ -1,4 +0,0 @@
-var tableFooterCss = ".vuuTableFooter {\n  background-color: var(--salt-container-secondary-background);\n  display: grid;\n  --table-footer-height: var(--vuuTableFooter-height, 32px);\n  flex: 0 0 var(--table-footer-height);\n  grid-template-areas: \"panel-start panel-center panel-end\";\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n\n  height: var(--table-footer-height);\n\n  .vuuTableFooterTray {\n    align-items: center;\n    display: flex;\n    gap: var(--salt-spacing-100);\n    margin: 0 var(--salt-spacing-200);\n\n    &.vuuTableFooterTray-center {\n      grid-area: panel-center;\n      justify-self: center;\n    }\n    &.vuuTableFooterTray-end {\n      grid-area: panel-end;\n      justify-self: end;\n    }\n  }\n}\n";
-
-export { tableFooterCss as default };
-//# sourceMappingURL=TableFooter.css.js.map

package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.css.js.map

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

package/esm/packages/vuu-table-extras/src/table-footer/TableFooter.js

@@ -1,34 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import cx from 'clsx';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import tableFooterCss from './TableFooter.css.js';
-
-const classBase = "vuuTableFooter";
-const TableFooterTray = ({ children, position = "end" }) => {
-  return /* @__PURE__ */ jsx("div", { className: cx(`${classBase}Tray`, {
-    [`${classBase}Tray-center`]: position === "center",
-    [`${classBase}Tray-end`]: position === "end"
-  }), children });
-};
-const TableFooter = ({
-  children,
-  className,
-  onInvokeAction,
-  tooltrayActions,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-table-footer",
-    css: tableFooterCss,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, className), children: [
-    children,
-    tooltrayActions ? /* @__PURE__ */ jsx("div", { className: `${classBase}-tooltray`, children: tooltrayActions }) : null
-  ] });
-};
-
-export { TableFooter, TableFooterTray };
-//# sourceMappingURL=TableFooter.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableFooter.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-footer/TableFooter.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport tableFooterCss from \"./TableFooter.css\";\n\nexport interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {\n  onInvokeAction?: (action: string) => void;\n  tooltrayActions?: ReactNode;\n}\n\nconst classBase = \"vuuTableFooter\";\n\nexport const TableFooterTray = ({ children, position = 'end' }: { children: ReactNode, position?: 'center' | 'end' }) => {\n  return <div className={cx(`${classBase}Tray`, {\n    [`${classBase}Tray-center`]: position === 'center',\n    [`${classBase}Tray-end`]: position === 'end'\n  })}>{children}</div>;\n};\n\nexport const TableFooter = ({\n  children,\n  className,\n  onInvokeAction,\n  tooltrayActions,\n  ...htmlAttributes\n}: TableFooterProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-footer\",\n    css: tableFooterCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {children}\n      {tooltrayActions ? (\n        <div className={`${classBase}-tooltray`}>{tooltrayActions}</div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,SAAY,GAAA,gBAAA;AAEX,MAAM,kBAAkB,CAAC,EAAE,QAAU,EAAA,QAAA,GAAW,OAAkE,KAAA;AACvH,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,CAAA,EAAG,SAAS,CAAQ,IAAA,CAAA,EAAA;AAAA,IAC5C,CAAC,CAAA,EAAG,SAAS,CAAA,WAAA,CAAa,GAAG,QAAa,KAAA,QAAA;AAAA,IAC1C,CAAC,CAAA,EAAG,SAAS,CAAA,QAAA,CAAU,GAAG,QAAa,KAAA;AAAA,GACxC,GAAI,QAAS,EAAA,CAAA;AAChB;AAEO,MAAM,cAAc,CAAC;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,IAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CACxD,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,eAAA,uBACE,KAAI,EAAA,EAAA,SAAA,EAAW,GAAG,SAAS,CAAA,SAAA,CAAA,EAAc,2BAAgB,CACxD,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/table-provider/TableProvider.js

@@ -1,56 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-
-const NullMenuActionHandler = (menuItemId) => {
-  console.log(
-    `[TableContext] no menu action handler installed (menuItemHandler invoked with ${menuItemId})`
-  );
-  return false;
-};
-const NullDataSource = {};
-const TableContext = createContext({
-  dataSource: NullDataSource,
-  menuActionHandler: NullMenuActionHandler
-});
-const TableProvider = ({
-  children,
-  dataSource,
-  menuActionHandler,
-  rowActionHandlers
-}) => {
-  return /* @__PURE__ */ jsx(
-    TableContext.Provider,
-    {
-      value: {
-        dataSource,
-        menuActionHandler,
-        rowActionHandlers
-      },
-      children
-    }
-  );
-};
-function useTableContext(throwIfNoDataSource = false) {
-  const { dataSource, menuActionHandler } = useContext(TableContext);
-  if (dataSource === NullDataSource && menuActionHandler == NullMenuActionHandler && throwIfNoDataSource) {
-    throw Error(`[TableProvider] no DataSourceProvider has been declared`);
-  } else {
-    return {
-      dataSource,
-      menuActionHandler
-    };
-  }
-}
-const useRowAction = (actionId) => {
-  const { rowActionHandlers } = useContext(TableContext);
-  if (rowActionHandlers?.[actionId]) {
-    return rowActionHandlers[actionId];
-  } else {
-    throw Error(
-      `[TableProvider] useRowAction, no action configured #${actionId}`
-    );
-  }
-};
-
-export { TableContext, TableProvider, useRowAction, useTableContext };
-//# sourceMappingURL=TableProvider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableProvider.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-provider/TableProvider.tsx"],"sourcesContent":["import type { MenuActionHandler } from \"@vuu-ui/vuu-context-menu\";\nimport type { DataSource } from \"@vuu-ui/vuu-data-types\";\nimport type { TableProps } from \"@vuu-ui/vuu-table\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { createContext, ReactNode, useContext } from \"react\";\nimport type { ColumnMenuActionType } from \"../column-menu/column-menu-utils\";\n\nexport interface TableContextProps\n  extends Pick<TableProps, \"dataSource\" | \"rowActionHandlers\"> {\n  menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;\n}\n\nconst NullMenuActionHandler = (menuItemId: string) => {\n  console.log(\n    `[TableContext] no menu action handler installed (menuItemHandler invoked with ${menuItemId})`,\n  );\n  return false;\n};\nconst NullDataSource = {} as DataSource;\n\nexport const TableContext = createContext<TableContextProps>({\n  dataSource: NullDataSource,\n  menuActionHandler: NullMenuActionHandler,\n});\n\nexport const TableProvider = ({\n  children,\n  dataSource,\n  menuActionHandler,\n  rowActionHandlers,\n}: TableContextProps & {\n  children: ReactNode;\n}) => {\n  return (\n    <TableContext.Provider\n      value={{\n        dataSource,\n        menuActionHandler,\n        rowActionHandlers,\n      }}\n    >\n      {children}\n    </TableContext.Provider>\n  );\n};\n\nexport function useTableContext(throwIfNoDataSource = false) {\n  const { dataSource, menuActionHandler } = useContext(TableContext);\n  if (\n    dataSource === NullDataSource &&\n    menuActionHandler == NullMenuActionHandler &&\n    throwIfNoDataSource\n  ) {\n    throw Error(`[TableProvider] no DataSourceProvider has been declared`);\n  } else {\n    return {\n      dataSource,\n      menuActionHandler,\n    };\n  }\n}\n\nexport const useRowAction = (actionId: string) => {\n  const { rowActionHandlers } = useContext(TableContext);\n  if (rowActionHandlers?.[actionId]) {\n    return rowActionHandlers[actionId];\n  } else {\n    throw Error(\n      `[TableProvider] useRowAction, no action configured #${actionId}`,\n    );\n  }\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,qBAAA,GAAwB,CAAC,UAAuB,KAAA;AACpD,EAAQ,OAAA,CAAA,GAAA;AAAA,IACN,iFAAiF,UAAU,CAAA,CAAA;AAAA,GAC7F;AACA,EAAO,OAAA,KAAA;AACT,CAAA;AACA,MAAM,iBAAiB,EAAC;AAEjB,MAAM,eAAe,aAAiC,CAAA;AAAA,EAC3D,UAAY,EAAA,cAAA;AAAA,EACZ,iBAAmB,EAAA;AACrB,CAAC;AAEM,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAEM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,YAAa,CAAA,QAAA;AAAA,IAAb;AAAA,MACC,KAAO,EAAA;AAAA,QACL,UAAA;AAAA,QACA,iBAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEgB,SAAA,eAAA,CAAgB,sBAAsB,KAAO,EAAA;AAC3D,EAAA,MAAM,EAAE,UAAA,EAAY,iBAAkB,EAAA,GAAI,WAAW,YAAY,CAAA;AACjE,EAAA,IACE,UAAe,KAAA,cAAA,IACf,iBAAqB,IAAA,qBAAA,IACrB,mBACA,EAAA;AACA,IAAA,MAAM,MAAM,CAAyD,uDAAA,CAAA,CAAA;AAAA,GAChE,MAAA;AACL,IAAO,OAAA;AAAA,MACL,UAAA;AAAA,MACA;AAAA,KACF;AAAA;AAEJ;AAEa,MAAA,YAAA,GAAe,CAAC,QAAqB,KAAA;AAChD,EAAA,MAAM,EAAE,iBAAA,EAAsB,GAAA,UAAA,CAAW,YAAY,CAAA;AACrD,EAAI,IAAA,iBAAA,GAAoB,QAAQ,CAAG,EAAA;AACjC,IAAA,OAAO,kBAAkB,QAAQ,CAAA;AAAA,GAC5B,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,uDAAuD,QAAQ,CAAA;AAAA,KACjE;AAAA;AAEJ;;;;"}

package/esm/packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.css.js

@@ -1,4 +0,0 @@
-var tableSettingsPanelCss = ".vuuTableSettingsPanel {\n    --vuuScrollable-size: 6px;\n    --vuu-svg-text-strikethrough: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M28.3333 9.33334C28.8867 9.33334 29.3333 8.88668 29.3333 8.33334C29.3333 7.78001 28.8867 7.33334 28.3333 7.33334H20.26L22.26 9.33334H23.48L23.1133 10.1867L24.5067 11.58L25.4733 9.33334H28.3333ZM27.6267 16.5867L18.7467 7.70668C18.4867 7.44668 18.0667 7.44668 17.8067 7.70668C17.5467 7.96668 17.5467 8.38668 17.8067 8.64668L21.98 12.82L20.88 15.38C20.62 15.9933 21.0667 16.6667 21.7267 16.6667C22.0933 16.6667 22.4267 16.4467 22.5733 16.1067L23.38 14.22L26.68 17.52C26.94 17.78 27.36 17.78 27.62 17.52C27.8867 17.2667 27.8867 16.8467 27.6267 16.5867Z\"/></svg>');\n    --vuu-svg-text-Tt: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M17.6667 7.66666C17.6667 8.21999 18.1133 8.66666 18.6667 8.66666H21V15.6667C21 16.22 21.4467 16.6667 22 16.6667C22.5533 16.6667 23 16.22 23 15.6667V8.66666H25.3333C25.8867 8.66666 26.3333 8.21999 26.3333 7.66666C26.3333 7.11332 25.8867 6.66666 25.3333 6.66666H18.6667C18.1133 6.66666 17.6667 7.11332 17.6667 7.66666ZM29.3333 9.99999H25.3333C24.78 9.99999 24.3333 10.4467 24.3333 11C24.3333 11.5533 24.78 12 25.3333 12H26.3333V15.6667C26.3333 16.22 26.78 16.6667 27.3333 16.6667C27.8867 16.6667 28.3333 16.22 28.3333 15.6667V12H29.3333C29.8867 12 30.3333 11.5533 30.3333 11C30.3333 10.4467 29.8867 9.99999 29.3333 9.99999Z\" /></svg>');\n    --vuu-svg-text-T: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 24\"><path d=\"M19.3333 7.66666C19.3333 8.21999 19.78 8.66666 20.3333 8.66666H23V15.6667C23 16.22 23.4467 16.6667 24 16.6667C24.5533 16.6667 25 16.22 25 15.6667V8.66666H27.6667C28.22 8.66666 28.6667 8.21999 28.6667 7.66666C28.6667 7.11332 28.22 6.66666 27.6667 6.66666H20.3333C19.78 6.66666 19.3333 7.11332 19.3333 7.66666Z\"/></svg>');\n    --vuu-svg-stripes: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"2\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"5\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"8\" width=\"12\" height=\"2\" rx=\"0.3\"/><rect x=\"2\" y=\"11\" width=\"12\" height=\"2\" rx=\"0.3\"/></svg>');\n    --vuu-svg-row-lines: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"2\" y=\"3\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"6\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"9\" width=\"12\" height=\"1\" rx=\"0.3\" /><rect x=\"2\" y=\"12\" width=\"12\" height=\"1\" rx=\"0.3\"/></svg>');\n    --vuu-svg-col-lines: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><rect x=\"3\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 3 14)\"/><rect x=\"6\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 6 14)\"/><rect x=\"9\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 9 14)\"/><rect x=\"12\" y=\"14\" width=\"12\" height=\"1\" rx=\"0.3\" transform=\"rotate(-90 12 14)\"/></svg>');\n\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    height: 100%;\n    max-width: 254px;\n    padding: 12px 2px var(--salt-spacing-200) 2px;\n}\n\n\n.vuuTableSettingsPanel [data-icon=\"text-strikethrough\"]{\n    --vuu-icon-svg: var(--vuu-svg-text-strikethrough);\n}\n.vuuTableSettingsPanel [data-icon=\"text-Tt\"]{\n    --vuu-icon-svg: var(--vuu-svg-text-Tt);\n}\n.vuuTableSettingsPanel [data-icon=\"text-T\"]{\n    --vuu-icon-svg: var(--vuu-svg-text-T);\n}\n.vuuTableSettingsPanel [data-icon=\"col-lines\"]{\n    --vuu-icon-svg: var(--vuu-svg-col-lines);\n}\n.vuuTableSettingsPanel [data-icon=\"row-lines\"]{\n    --vuu-icon-svg: var(--vuu-svg-row-lines);\n}\n.vuuTableSettingsPanel [data-icon=\"row-striping\"]{\n    --vuu-icon-svg: var(--vuu-svg-stripes);\n}\n\n.vuuTableSettingsPanel-header {\n    font-size: 14px;\n    font-weight: 600;\n    padding-top: 24px;\n}\n\n.vuuTableSettingsPanel-columnListContainer {\n\n    flex-grow: 1;\n    flex-shrink:  1;\n    flex-basis: 0;\n    position: relative;\n    overflow: auto;\n    .vuuColumnList {\n        height: 100%;\n    }\n}\n\n.vuuTableSettingsPanel-calculatedButtonbar {\n    --vuu-icon-size: 16px;\n    --saltButton-height: 24px;\n    --saltButton-width: 24px;\n    align-items: center;\n    display: flex;\n    flex: 0 0 32px;\n    gap: 12px;\n}\n\n\n\n\n\n\n";
-
-export { tableSettingsPanelCss as default };
-//# sourceMappingURL=TableSettingsPanel.css.js.map

package/esm/packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.css.js.map

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

package/esm/packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.js

@@ -1,112 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { FormField, FormFieldLabel, ToggleButtonGroup, ToggleButton } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useTableSettings } from './useTableSettings.js';
-import { VuuInput, Icon } from '@vuu-ui/vuu-ui-controls';
-import tableSettingsPanelCss from './TableSettingsPanel.css.js';
-
-const classBase = "vuuTableSettingsPanel";
-const defaultTableSettingsPermissions = {
-  allowColumnLabelCase: true,
-  allowColumnDefaultWidth: true,
-  allowGridSeparators: true
-};
-const noTableSettingsPermissions = {
-  allowColumnLabelCase: false,
-  allowColumnDefaultWidth: false,
-  allowGridSeparators: false
-};
-const TableSettingsPanel = ({
-  onDisplayAttributeChange,
-  tableDisplayAttributes: tableDisplayAttributesProp,
-  permissions: permissionsProp
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-table-settings-panel",
-    css: tableSettingsPanelCss,
-    window: targetWindow
-  });
-  const permissions = permissionsProp === void 0 || permissionsProp === true ? defaultTableSettingsPermissions : permissionsProp === false ? noTableSettingsPermissions : permissionsProp;
-  const {
-    columnLabelsValue,
-    onChangeColumnLabels,
-    onChangeTableAttribute,
-    onCommitColumnWidth,
-    tableDisplayAttributes
-  } = useTableSettings({
-    onDisplayAttributeChange,
-    tableDisplayAttributes: tableDisplayAttributesProp
-  });
-  const {
-    allowColumnLabelCase = true,
-    allowColumnDefaultWidth = true,
-    allowGridSeparators = true
-  } = permissions;
-  return /* @__PURE__ */ jsxs("div", { className: classBase, children: [
-    allowColumnDefaultWidth ? /* @__PURE__ */ jsxs(FormField, { children: [
-      /* @__PURE__ */ jsx(FormFieldLabel, { children: "Column Width" }),
-      /* @__PURE__ */ jsx(
-        VuuInput,
-        {
-          bordered: true,
-          className: "vuuInput",
-          "data-embedded": true,
-          onCommit: onCommitColumnWidth
-        }
-      )
-    ] }) : null,
-    allowColumnLabelCase ? /* @__PURE__ */ jsxs(FormField, { children: [
-      /* @__PURE__ */ jsx(FormFieldLabel, { children: "Column Labels" }),
-      /* @__PURE__ */ jsxs(
-        ToggleButtonGroup,
-        {
-          className: "vuuToggleButtonGroup",
-          onChange: onChangeColumnLabels,
-          value: columnLabelsValue,
-          children: [
-            /* @__PURE__ */ jsx(ToggleButton, { className: "vuuIconToggleButton", value: 0, children: /* @__PURE__ */ jsx(Icon, { name: "text-strikethrough", size: 48 }) }),
-            /* @__PURE__ */ jsx(ToggleButton, { className: "vuuIconToggleButton", value: 1, children: /* @__PURE__ */ jsx(Icon, { name: "text-Tt", size: 48 }) }),
-            /* @__PURE__ */ jsx(ToggleButton, { className: "vuuIconToggleButton", value: 2, children: /* @__PURE__ */ jsx(Icon, { name: "text-T", size: 48 }) })
-          ]
-        }
-      )
-    ] }) : null,
-    allowGridSeparators ? /* @__PURE__ */ jsxs(FormField, { children: [
-      /* @__PURE__ */ jsx(FormFieldLabel, { children: "Grid separators" }),
-      /* @__PURE__ */ jsxs("div", { className: "saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal", children: [
-        /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            selected: tableDisplayAttributes.zebraStripes ?? false,
-            onChange: onChangeTableAttribute,
-            value: "zebraStripes",
-            children: /* @__PURE__ */ jsx(Icon, { name: "row-striping", size: 16 })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            selected: tableDisplayAttributes.rowSeparators ?? false,
-            onChange: onChangeTableAttribute,
-            value: "rowSeparators",
-            children: /* @__PURE__ */ jsx(Icon, { name: "row-lines", size: 16 })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            selected: tableDisplayAttributes.columnSeparators ?? false,
-            onChange: onChangeTableAttribute,
-            value: "columnSeparators",
-            children: /* @__PURE__ */ jsx(Icon, { name: "col-lines", size: 16 })
-          }
-        )
-      ] })
-    ] }) : null
-  ] });
-};
-
-export { TableSettingsPanel, defaultTableSettingsPermissions, noTableSettingsPermissions };
-//# sourceMappingURL=TableSettingsPanel.js.map

package/esm/packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableSettingsPanel.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-settings-panel/TableSettingsPanel.tsx"],"sourcesContent":["import {\n  FormField,\n  FormFieldLabel,\n  ToggleButton,\n  ToggleButtonGroup,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  TableDisplayAttributes,\n  TableSettingsPermissions,\n} from \"@vuu-ui/vuu-table-types\";\nimport { useTableSettings } from \"./useTableSettings\";\nimport { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuInput } from \"@vuu-ui/vuu-ui-controls\";\n\nimport tableSettingsPanelCss from \"./TableSettingsPanel.css\";\n\nconst classBase = \"vuuTableSettingsPanel\";\n\nexport const defaultTableSettingsPermissions: Readonly<TableSettingsPermissions> =\n  {\n    allowColumnLabelCase: true,\n    allowColumnDefaultWidth: true,\n    allowGridSeparators: true,\n  };\nexport const noTableSettingsPermissions: Readonly<TableSettingsPermissions> = {\n  allowColumnLabelCase: false,\n  allowColumnDefaultWidth: false,\n  allowGridSeparators: false,\n};\n\nexport type TableDisplayAttributeChangeHandler = (\n  displayAttributes: TableDisplayAttributes,\n) => void;\n\n/**\n * Describes the props for a Table Configuration Editor, for which\n * an implementation is provided in vuu-table-extras\n */\nexport interface TableSettingsPanelProps {\n  allowColumnLabelCase?: boolean;\n  allowColumnDefaultWidth?: boolean;\n  allowGridRowStyling?: boolean;\n  onDisplayAttributeChange: TableDisplayAttributeChangeHandler;\n  tableDisplayAttributes: TableDisplayAttributes;\n  permissions?: TableSettingsPermissions | boolean;\n}\n\n/**\n  The TableSettingsPanel assumes 'ownership' of the tableSettings.\n  It updates the settings in state locally and notifies caller of\n  every change via onChange callback\n */\nexport const TableSettingsPanel = ({\n  onDisplayAttributeChange,\n  tableDisplayAttributes: tableDisplayAttributesProp,\n  permissions: permissionsProp,\n}: TableSettingsPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-settings-panel\",\n    css: tableSettingsPanelCss,\n    window: targetWindow,\n  });\n\n  const permissions =\n    permissionsProp === undefined || permissionsProp === true\n      ? defaultTableSettingsPermissions\n      : permissionsProp === false\n        ? noTableSettingsPermissions\n        : permissionsProp;\n\n  const {\n    columnLabelsValue,\n    onChangeColumnLabels,\n    onChangeTableAttribute,\n    onCommitColumnWidth,\n    tableDisplayAttributes,\n  } = useTableSettings({\n    onDisplayAttributeChange,\n    tableDisplayAttributes: tableDisplayAttributesProp,\n  });\n\n  const {\n    allowColumnLabelCase = true,\n    allowColumnDefaultWidth = true,\n    allowGridSeparators = true,\n  } = permissions;\n\n  return (\n    <div className={classBase}>\n      {allowColumnDefaultWidth ? (\n        <FormField>\n          <FormFieldLabel>Column Width</FormFieldLabel>\n          <VuuInput\n            bordered\n            className=\"vuuInput\"\n            data-embedded\n            onCommit={onCommitColumnWidth}\n          />\n        </FormField>\n      ) : null}\n\n      {allowColumnLabelCase ? (\n        <FormField>\n          <FormFieldLabel>Column Labels</FormFieldLabel>\n          <ToggleButtonGroup\n            className=\"vuuToggleButtonGroup\"\n            onChange={onChangeColumnLabels}\n            value={columnLabelsValue}\n          >\n            <ToggleButton className=\"vuuIconToggleButton\" value={0}>\n              <Icon name=\"text-strikethrough\" size={48} />\n            </ToggleButton>\n            <ToggleButton className=\"vuuIconToggleButton\" value={1}>\n              <Icon name=\"text-Tt\" size={48} />\n            </ToggleButton>\n            <ToggleButton className=\"vuuIconToggleButton\" value={2}>\n              <Icon name=\"text-T\" size={48} />\n            </ToggleButton>\n          </ToggleButtonGroup>\n        </FormField>\n      ) : null}\n\n      {allowGridSeparators ? (\n        <FormField>\n          <FormFieldLabel>Grid separators</FormFieldLabel>\n          <div className=\"saltToggleButtonGroup vuuStateButtonGroup saltToggleButtonGroup-horizontal\">\n            <ToggleButton\n              selected={tableDisplayAttributes.zebraStripes ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"zebraStripes\"\n            >\n              <Icon name=\"row-striping\" size={16} />\n            </ToggleButton>\n            <ToggleButton\n              selected={tableDisplayAttributes.rowSeparators ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"rowSeparators\"\n            >\n              <Icon name=\"row-lines\" size={16} />\n            </ToggleButton>\n            <ToggleButton\n              selected={tableDisplayAttributes.columnSeparators ?? false}\n              onChange={onChangeTableAttribute}\n              value=\"columnSeparators\"\n            >\n              <Icon name=\"col-lines\" size={16} />\n            </ToggleButton>\n          </div>\n        </FormField>\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-table-extras/src/table-settings-panel/useTableSettings.js

@@ -1,58 +0,0 @@
-import { queryClosest, useLayoutEffectSkipFirst } from '@vuu-ui/vuu-utils';
-import { useState, useCallback } from 'react';
-
-const useTableSettings = ({
-  onDisplayAttributeChange,
-  tableDisplayAttributes: tableDisplayAttributesProp
-}) => {
-  const [tableDisplayAttributes, setDisplayTableAttributes] = useState(tableDisplayAttributesProp);
-  const handleChangeColumnLabels = useCallback((evt) => {
-    const button = queryClosest(evt.target, "button");
-    if (button) {
-      const value = parseInt(button.value);
-      const columnFormatHeader = value === 0 ? void 0 : value === 1 ? "capitalize" : "uppercase";
-      setDisplayTableAttributes((state) => ({
-        ...state,
-        columnFormatHeader
-      }));
-    }
-  }, []);
-  const handleChangeTableAttribute = useCallback(
-    (evt) => {
-      const button = queryClosest(evt.target, "button");
-      if (button) {
-        const { ariaPressed, value } = button;
-        setDisplayTableAttributes((state) => ({
-          ...state,
-          [value]: ariaPressed !== "true"
-        }));
-      }
-    },
-    []
-  );
-  const handleCommitColumnWidth = useCallback((_, value) => {
-    if (typeof value === "string") {
-      const columnDefaultWidth = parseInt(value);
-      if (!isNaN(columnDefaultWidth)) {
-        setDisplayTableAttributes((state) => ({
-          ...state,
-          columnDefaultWidth
-        }));
-      }
-    }
-  }, []);
-  useLayoutEffectSkipFirst(() => {
-    onDisplayAttributeChange?.(tableDisplayAttributes);
-  }, [onDisplayAttributeChange, tableDisplayAttributes]);
-  const columnLabelsValue = tableDisplayAttributes.columnFormatHeader === void 0 ? 0 : tableDisplayAttributes.columnFormatHeader === "capitalize" ? 1 : 2;
-  return {
-    columnLabelsValue,
-    onChangeColumnLabels: handleChangeColumnLabels,
-    onChangeTableAttribute: handleChangeTableAttribute,
-    onCommitColumnWidth: handleCommitColumnWidth,
-    tableDisplayAttributes
-  };
-};
-
-export { useTableSettings };
-//# sourceMappingURL=useTableSettings.js.map

package/esm/packages/vuu-table-extras/src/table-settings-panel/useTableSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableSettings.js","sources":["../../../../../../../packages/vuu-table-extras/src/table-settings-panel/useTableSettings.ts"],"sourcesContent":["import { TableDisplayAttributes } from \"@vuu-ui/vuu-table-types\";\nimport {\n  queryClosest,\n  useLayoutEffectSkipFirst,\n  CommitHandler,\n} from \"@vuu-ui/vuu-utils\";\nimport { MouseEvent, SyntheticEvent, useCallback, useState } from \"react\";\nimport { TableSettingsPanelProps } from \"./TableSettingsPanel\";\n\nexport type ColumnLike = {\n  name: string;\n};\n\nexport const useTableSettings = ({\n  onDisplayAttributeChange,\n  tableDisplayAttributes: tableDisplayAttributesProp,\n}: TableSettingsPanelProps) => {\n  const [tableDisplayAttributes, setDisplayTableAttributes] =\n    useState<TableDisplayAttributes>(tableDisplayAttributesProp);\n\n  const handleChangeColumnLabels = useCallback((evt: SyntheticEvent) => {\n    const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n    if (button) {\n      const value = parseInt(button.value);\n      const columnFormatHeader =\n        value === 0 ? undefined : value === 1 ? \"capitalize\" : \"uppercase\";\n      setDisplayTableAttributes((state) => ({\n        ...state,\n        columnFormatHeader,\n      }));\n    }\n  }, []);\n\n  const handleChangeTableAttribute = useCallback(\n    (evt: MouseEvent<HTMLButtonElement>) => {\n      const button = queryClosest<HTMLButtonElement>(evt.target, \"button\");\n      if (button) {\n        const { ariaPressed, value } = button;\n        setDisplayTableAttributes((state) => ({\n          ...state,\n          [value]: ariaPressed !== \"true\",\n        }));\n      }\n    },\n    [],\n  );\n\n  const handleCommitColumnWidth = useCallback<CommitHandler>((_, value) => {\n    if (typeof value === \"string\") {\n      const columnDefaultWidth = parseInt(value);\n      if (!isNaN(columnDefaultWidth)) {\n        setDisplayTableAttributes((state) => ({\n          ...state,\n          columnDefaultWidth,\n        }));\n      }\n    }\n  }, []);\n\n  useLayoutEffectSkipFirst(() => {\n    onDisplayAttributeChange?.(tableDisplayAttributes);\n  }, [onDisplayAttributeChange, tableDisplayAttributes]);\n\n  const columnLabelsValue =\n    tableDisplayAttributes.columnFormatHeader === undefined\n      ? 0\n      : tableDisplayAttributes.columnFormatHeader === \"capitalize\"\n        ? 1\n        : 2;\n\n  return {\n    columnLabelsValue,\n    onChangeColumnLabels: handleChangeColumnLabels,\n    onChangeTableAttribute: handleChangeTableAttribute,\n    onCommitColumnWidth: handleCommitColumnWidth,\n    tableDisplayAttributes,\n  };\n};\n"],"names":[],"mappings":";;;AAaO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,wBAAA;AAAA,EACA,sBAAwB,EAAA;AAC1B,CAA+B,KAAA;AAC7B,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GACtD,SAAiC,0BAA0B,CAAA;AAE7D,EAAM,MAAA,wBAAA,GAA2B,WAAY,CAAA,CAAC,GAAwB,KAAA;AACpE,IAAA,MAAM,MAAS,GAAA,YAAA,CAAgC,GAAI,CAAA,MAAA,EAAQ,QAAQ,CAAA;AACnE,IAAA,IAAI,MAAQ,EAAA;AACV,MAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,MAAA,CAAO,KAAK,CAAA;AACnC,MAAA,MAAM,qBACJ,KAAU,KAAA,CAAA,GAAI,KAAY,CAAA,GAAA,KAAA,KAAU,IAAI,YAAe,GAAA,WAAA;AACzD,MAAA,yBAAA,CAA0B,CAAC,KAAW,MAAA;AAAA,QACpC,GAAG,KAAA;AAAA,QACH;AAAA,OACA,CAAA,CAAA;AAAA;AACJ,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,0BAA6B,GAAA,WAAA;AAAA,IACjC,CAAC,GAAuC,KAAA;AACtC,MAAA,MAAM,MAAS,GAAA,YAAA,CAAgC,GAAI,CAAA,MAAA,EAAQ,QAAQ,CAAA;AACnE,MAAA,IAAI,MAAQ,EAAA;AACV,QAAM,MAAA,EAAE,WAAa,EAAA,KAAA,EAAU,GAAA,MAAA;AAC/B,QAAA,yBAAA,CAA0B,CAAC,KAAW,MAAA;AAAA,UACpC,GAAG,KAAA;AAAA,UACH,CAAC,KAAK,GAAG,WAAgB,KAAA;AAAA,SACzB,CAAA,CAAA;AAAA;AACJ,KACF;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,uBAA0B,GAAA,WAAA,CAA2B,CAAC,CAAA,EAAG,KAAU,KAAA;AACvE,IAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,MAAM,MAAA,kBAAA,GAAqB,SAAS,KAAK,CAAA;AACzC,MAAI,IAAA,CAAC,KAAM,CAAA,kBAAkB,CAAG,EAAA;AAC9B,QAAA,yBAAA,CAA0B,CAAC,KAAW,MAAA;AAAA,UACpC,GAAG,KAAA;AAAA,UACH;AAAA,SACA,CAAA,CAAA;AAAA;AACJ;AACF,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,wBAAA,CAAyB,MAAM;AAC7B,IAAA,wBAAA,GAA2B,sBAAsB,CAAA;AAAA,GAChD,EAAA,CAAC,wBAA0B,EAAA,sBAAsB,CAAC,CAAA;AAErD,EAAM,MAAA,iBAAA,GACJ,uBAAuB,kBAAuB,KAAA,KAAA,CAAA,GAC1C,IACA,sBAAuB,CAAA,kBAAA,KAAuB,eAC5C,CACA,GAAA,CAAA;AAER,EAAO,OAAA;AAAA,IACL,iBAAA;AAAA,IACA,oBAAsB,EAAA,wBAAA;AAAA,IACtB,sBAAwB,EAAA,0BAAA;AAAA,IACxB,mBAAqB,EAAA,uBAAA;AAAA,IACrB;AAAA,GACF;AACF;;;;"}