@vuu-ui/vuu-table 0.13.7 → 0.13.8

package/esm/cell-renderers/input-cell/InputCell.js

@@ -1,50 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { registerComponent } from '@vuu-ui/vuu-utils';
-import { Input } from '@salt-ds/core';
-import { useEditableText } from '@vuu-ui/vuu-ui-controls';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import inputCellCss from './InputCell.css.js';
-
-const classBase = "vuuTableInputCell";
-const InputCell = ({
-  column,
-  columnMap,
-  onEdit,
-  row
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-input-cell",
-    css: inputCellCss,
-    window: targetWindow
-  });
-  const dataIdx = columnMap[column.name];
-  const dataValue = row[dataIdx];
-  const { align = "left", clientSideEditValidationCheck } = column;
-  const { warningMessage, ...editProps } = useEditableText({
-    value: dataValue,
-    onEdit,
-    clientSideEditValidationCheck
-  });
-  const endAdornment = warningMessage && align === "left" ? /* @__PURE__ */ jsx("span", { className: `${classBase}-icon`, "data-icon": "error" }) : void 0;
-  const startAdornment = warningMessage && align === "right" ? /* @__PURE__ */ jsx("span", { className: `${classBase}-icon`, "data-icon": "error" }) : void 0;
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ...editProps,
-      className: cx(classBase, {
-        [`${classBase}-error`]: warningMessage !== void 0
-      }),
-      endAdornment,
-      startAdornment
-    }
-  );
-};
-registerComponent("input-cell", InputCell, "cell-renderer", {
-  userCanAssign: false
-});
-
-export { InputCell };
-//# sourceMappingURL=InputCell.js.map

package/esm/cell-renderers/input-cell/InputCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputCell.js","sources":["../../../src/cell-renderers/input-cell/InputCell.tsx"],"sourcesContent":["import { TableCellRendererProps } from \"@vuu-ui/vuu-table-types\";\nimport { registerComponent } from \"@vuu-ui/vuu-utils\";\nimport { Input } from \"@salt-ds/core\";\nimport { useEditableText } from \"@vuu-ui/vuu-ui-controls\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\n\nimport inputCellCss from \"./InputCell.css\";\n\nconst classBase = \"vuuTableInputCell\";\n\nexport const InputCell = ({\n  column,\n  columnMap,\n  onEdit,\n  row,\n}: TableCellRendererProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-input-cell\",\n    css: inputCellCss,\n    window: targetWindow,\n  });\n\n  const dataIdx = columnMap[column.name];\n  const dataValue = row[dataIdx] as number | string;\n  const { align = \"left\", clientSideEditValidationCheck } = column;\n\n  const { warningMessage, ...editProps } = useEditableText({\n    value: dataValue,\n    onEdit,\n    clientSideEditValidationCheck,\n  });\n\n  const endAdornment =\n    warningMessage && align === \"left\" ? (\n      <span className={`${classBase}-icon`} data-icon=\"error\" />\n    ) : undefined;\n\n  const startAdornment =\n    warningMessage && align === \"right\" ? (\n      <span className={`${classBase}-icon`} data-icon=\"error\" />\n    ) : undefined;\n\n  return (\n    <Input\n      {...editProps}\n      className={cx(classBase, {\n        [`${classBase}-error`]: warningMessage !== undefined,\n      })}\n      endAdornment={endAdornment}\n      startAdornment={startAdornment}\n    />\n  );\n};\n\nregisterComponent(\"input-cell\", InputCell, \"cell-renderer\", {\n  userCanAssign: false,\n});\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,YAAY,CAAC;AAAA,EACxB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAA,YAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,OAAA,GAAU,SAAU,CAAA,MAAA,CAAO,IAAI,CAAA;AACrC,EAAM,MAAA,SAAA,GAAY,IAAI,OAAO,CAAA;AAC7B,EAAA,MAAM,EAAE,KAAA,GAAQ,MAAQ,EAAA,6BAAA,EAAkC,GAAA,MAAA;AAE1D,EAAA,MAAM,EAAE,cAAA,EAAgB,GAAG,SAAA,KAAc,eAAgB,CAAA;AAAA,IACvD,KAAO,EAAA,SAAA;AAAA,IACP,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,YACJ,GAAA,cAAA,IAAkB,KAAU,KAAA,MAAA,mBACzB,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,KAAA,CAAA,EAAS,WAAU,EAAA,OAAA,EAAQ,CACtD,GAAA,KAAA,CAAA;AAEN,EAAA,MAAM,cACJ,GAAA,cAAA,IAAkB,KAAU,KAAA,OAAA,mBACzB,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,KAAA,CAAA,EAAS,WAAU,EAAA,OAAA,EAAQ,CACtD,GAAA,KAAA,CAAA;AAEN,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,GAAG,SAAW,EAAA;AAAA,QACvB,CAAC,CAAA,EAAG,SAAS,CAAA,MAAA,CAAQ,GAAG,cAAmB,KAAA,KAAA;AAAA,OAC5C,CAAA;AAAA,MACD,YAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;AAEA,iBAAkB,CAAA,YAAA,EAAc,WAAW,eAAiB,EAAA;AAAA,EAC1D,aAAe,EAAA;AACjB,CAAC,CAAA;;;;"}

package/esm/cell-renderers/toggle-cell/ToggleCell.css.js

@@ -1,4 +0,0 @@
-var toggleCellCss = "\n.vuuTableToggleCell {\n    --saltButton-borderRadius: 4px;\n    --saltButton-height: 16px;\n    font-weight: 500;\n    position: relative;\n    top: 1px;;\n}\n.vuuTableToggleCell-side {\n    --saltButton-minWidth: 40px;\n}\n.vuuTableToggleCell.vuuCycleStateButton-buy {\n    background-color: var(--vuu-color-green-50);\n}\n\n.vuuTableToggleCell.vuuCycleStateButton-sell {\n    background-color: var(--vuu-color-red-50);\n\n}\n\n.vuuTableCell .vuuTableToggleCell:focus {\n    /* TODO fix use of important */\n    border: solid 2px var(--vuu-color-purple-10) !important;\n    color: white !important;\n    height: 18px !important;\n    top: 0px !important;\n}\n\n\n\n\n\n";
-
-export { toggleCellCss as default };
-//# sourceMappingURL=ToggleCell.css.js.map

package/esm/cell-renderers/toggle-cell/ToggleCell.css.js.map

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

package/esm/cell-renderers/toggle-cell/ToggleCell.js

@@ -1,65 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { dispatchCustomEvent, dataColumnAndKeyUnchanged, registerComponent, isTypeDescriptor, isValueListRenderer } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { memo, useCallback } from 'react';
-import { CycleStateButton } from '@vuu-ui/vuu-ui-controls';
-import toggleCellCss from './ToggleCell.css.js';
-
-const classBase = "vuuTableToggleCell";
-const getValueList = ({ name, type }) => {
-  if (isTypeDescriptor(type) && isValueListRenderer(type.renderer)) {
-    return type.renderer.values;
-  } else {
-    throw Error(
-      `useLookupValues column ${name} has not been configured with a values list`
-    );
-  }
-};
-const ToggleCell = memo(function ToggleCell2({
-  column,
-  columnMap,
-  onEdit,
-  row
-}) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-toggle-cell",
-    css: toggleCellCss,
-    window: targetWindow
-  });
-  const values = getValueList(column);
-  const dataIdx = columnMap[column.name];
-  const value = row[dataIdx];
-  const handleCommit = useCallback(
-    async (evt, newValue) => {
-      const res = await onEdit?.(
-        { previousValue: value, value: newValue },
-        "commit"
-      );
-      if (res === true) {
-        dispatchCustomEvent(evt.target, "vuu-commit");
-      }
-      return res;
-    },
-    [onEdit, value]
-  );
-  return /* @__PURE__ */ jsx(
-    CycleStateButton,
-    {
-      className: cx(classBase, `${classBase}-${column.name}`),
-      onCommit: handleCommit,
-      value,
-      values,
-      variant: "cta",
-      children: value
-    }
-  );
-}, dataColumnAndKeyUnchanged);
-registerComponent("toggle-cell", ToggleCell, "cell-renderer", {
-  userCanAssign: false
-});
-
-export { ToggleCell };
-//# sourceMappingURL=ToggleCell.js.map

package/esm/cell-renderers/toggle-cell/ToggleCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleCell.js","sources":["../../../src/cell-renderers/toggle-cell/ToggleCell.tsx"],"sourcesContent":["import {\n  ColumnDescriptor,\n  TableCellRendererProps,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  CommitHandler,\n  dataColumnAndKeyUnchanged,\n  dispatchCustomEvent,\n  isTypeDescriptor,\n  isValueListRenderer,\n  registerComponent,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\n\nimport { memo, useCallback } from \"react\";\nimport { CycleStateButton } from \"@vuu-ui/vuu-ui-controls\";\n\nimport toggleCellCss from \"./ToggleCell.css\";\n\nconst classBase = \"vuuTableToggleCell\";\n\nconst getValueList = ({ name, type }: ColumnDescriptor) => {\n  if (isTypeDescriptor(type) && isValueListRenderer(type.renderer)) {\n    return type.renderer.values;\n  } else {\n    throw Error(\n      `useLookupValues column ${name} has not been configured with a values list`,\n    );\n  }\n};\n\nexport const ToggleCell = memo(function ToggleCell({\n  column,\n  columnMap,\n  onEdit,\n  row,\n}: TableCellRendererProps) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toggle-cell\",\n    css: toggleCellCss,\n    window: targetWindow,\n  });\n\n  const values = getValueList(column);\n  const dataIdx = columnMap[column.name];\n  const value = row[dataIdx] as string;\n\n  const handleCommit = useCallback<CommitHandler<HTMLButtonElement>>(\n    async (evt, newValue) => {\n      const res = await onEdit?.(\n        { previousValue: value, value: newValue },\n        \"commit\",\n      );\n      if (res === true) {\n        dispatchCustomEvent(evt.target as HTMLElement, \"vuu-commit\");\n      }\n      return res;\n    },\n    [onEdit, value],\n  );\n\n  return (\n    <CycleStateButton\n      className={cx(classBase, `${classBase}-${column.name}`)}\n      onCommit={handleCommit}\n      value={value}\n      values={values}\n      variant=\"cta\"\n    >\n      {value}\n    </CycleStateButton>\n  );\n}, dataColumnAndKeyUnchanged);\n\nregisterComponent(\"toggle-cell\", ToggleCell, \"cell-renderer\", {\n  userCanAssign: false,\n});\n"],"names":["ToggleCell"],"mappings":";;;;;;;;;AAqBA,MAAM,SAAY,GAAA,oBAAA;AAElB,MAAM,YAAe,GAAA,CAAC,EAAE,IAAA,EAAM,MAA6B,KAAA;AACzD,EAAA,IAAI,iBAAiB,IAAI,CAAA,IAAK,mBAAoB,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAChE,IAAA,OAAO,KAAK,QAAS,CAAA,MAAA;AAAA,GAChB,MAAA;AACL,IAAM,MAAA,KAAA;AAAA,MACJ,0BAA0B,IAAI,CAAA,2CAAA;AAAA,KAChC;AAAA;AAEJ,CAAA;AAEa,MAAA,UAAA,GAAa,IAAK,CAAA,SAASA,WAAW,CAAA;AAAA,EACjD,MAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAA2B,EAAA;AACzB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA;AAClC,EAAM,MAAA,OAAA,GAAU,SAAU,CAAA,MAAA,CAAO,IAAI,CAAA;AACrC,EAAM,MAAA,KAAA,GAAQ,IAAI,OAAO,CAAA;AAEzB,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,OAAO,KAAK,QAAa,KAAA;AACvB,MAAA,MAAM,MAAM,MAAM,MAAA;AAAA,QAChB,EAAE,aAAA,EAAe,KAAO,EAAA,KAAA,EAAO,QAAS,EAAA;AAAA,QACxC;AAAA,OACF;AACA,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAoB,mBAAA,CAAA,GAAA,CAAI,QAAuB,YAAY,CAAA;AAAA;AAE7D,MAAO,OAAA,GAAA;AAAA,KACT;AAAA,IACA,CAAC,QAAQ,KAAK;AAAA,GAChB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAI,CAAA,EAAA,MAAA,CAAO,IAAI,CAAE,CAAA,CAAA;AAAA,MACtD,QAAU,EAAA,YAAA;AAAA,MACV,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,KAAA;AAAA,MAEP,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA,EAAG,yBAAyB;AAE5B,iBAAkB,CAAA,aAAA,EAAe,YAAY,eAAiB,EAAA;AAAA,EAC5D,aAAe,EAAA;AACjB,CAAC,CAAA;;;;"}

package/esm/column-header-pill/ColumnHeaderPill.css.js

@@ -1,4 +0,0 @@
-var columnHeaderPillCss = ".vuuColumnHeaderPill {\n  --vuu-icon-size: 14px;\n  --menu-item-icon-color: black;\n  --vuu-icon-color: var(--salt-actionable-bold-foreground);\n  --vuu-icon-height: 12px;\n  --vuu-icon-width: 12px;\n  align-items: center;\n  background: var(--salt-actionable-bold-background);\n  color: var(--salt-actionable-bold-foreground);\n  border-radius: 4px;\n  flex: var(--vuuColumnHeaderPill-flex, none);\n  font-size: 11px;\n  gap: 4px;\n  height: 16px;\n  display: flex;\n  margin: var(--vuuColumnHeaderPill-margin, 0);\n  padding: 0 6px;\n  position: relative;\n}\n\n.vuuColumnHeaderPill:hover {\n  --vuu-icon-color: var(--salt-actionable-bold-foreground-hover);\n  background-color: var(--salt-actionable-bold-background-hover);\n  color: var(--salt-actionable-bold-foreground-hover);\n}\n\n.vuuColumnHeaderPill-removeButton {\n  cursor: pointer;\n}\n";
-
-export { columnHeaderPillCss as default };
-//# sourceMappingURL=ColumnHeaderPill.css.js.map

package/esm/column-header-pill/ColumnHeaderPill.css.js.map

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

package/esm/column-header-pill/ColumnHeaderPill.js

@@ -1,51 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import cx from 'clsx';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useCallback } from 'react';
-import columnHeaderPillCss from './ColumnHeaderPill.css.js';
-
-const classBase = "vuuColumnHeaderPill";
-const ColumnHeaderPill = ({
-  children,
-  className,
-  column,
-  onRemove,
-  removable,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-column-header-pill",
-    css: columnHeaderPillCss,
-    window: targetWindow
-  });
-  if (removable && typeof onRemove !== "function") {
-    throw Error(
-      "ColumnHeaderPill onRemove prop must be provided if Pill is removable"
-    );
-  }
-  const handleClickRemove = useCallback(
-    (evt) => {
-      evt.preventDefault();
-      evt.stopPropagation();
-      onRemove?.(column);
-    },
-    [column, onRemove]
-  );
-  return /* @__PURE__ */ jsxs("div", { ...htmlAttributes, className: cx(classBase, className), tabIndex: -1, children: [
-    children,
-    removable ? /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: `${classBase}-removeButton`,
-        role: "button",
-        "data-icon": "cross",
-        onClick: handleClickRemove
-      }
-    ) : null
-  ] });
-};
-
-export { ColumnHeaderPill };
-//# sourceMappingURL=ColumnHeaderPill.js.map

package/esm/column-header-pill/ColumnHeaderPill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnHeaderPill.js","sources":["../../src/column-header-pill/ColumnHeaderPill.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, MouseEvent, useCallback } from \"react\";\n\nimport columnHeaderPillCss from \"./ColumnHeaderPill.css\";\n\nexport interface ColumnHeaderPillProps extends HTMLAttributes<HTMLDivElement> {\n  column: RuntimeColumnDescriptor;\n  removable?: boolean;\n  onRemove?: (column: RuntimeColumnDescriptor) => void;\n}\n\nconst classBase = \"vuuColumnHeaderPill\";\n\nexport const ColumnHeaderPill = ({\n  children,\n  className,\n  column,\n  onRemove,\n  removable,\n  ...htmlAttributes\n}: ColumnHeaderPillProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-header-pill\",\n    css: columnHeaderPillCss,\n    window: targetWindow,\n  });\n\n  if (removable && typeof onRemove !== \"function\") {\n    throw Error(\n      \"ColumnHeaderPill onRemove prop must be provided if Pill is removable\",\n    );\n  }\n\n  const handleClickRemove = useCallback(\n    (evt: MouseEvent<HTMLSpanElement>) => {\n      evt.preventDefault();\n      evt.stopPropagation();\n      onRemove?.(column);\n    },\n    [column, onRemove],\n  );\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)} tabIndex={-1}>\n      {children}\n      {removable ? (\n        <span\n          className={`${classBase}-removeButton`}\n          role=\"button\"\n          data-icon=\"cross\"\n          onClick={handleClickRemove}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAcA,MAAM,SAAY,GAAA,qBAAA;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAA6B,KAAA;AAC3B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,mBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,SAAA,IAAa,OAAO,QAAA,KAAa,UAAY,EAAA;AAC/C,IAAM,MAAA,KAAA;AAAA,MACJ;AAAA,KACF;AAAA;AAGF,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,GAAqC,KAAA;AACpC,MAAA,GAAA,CAAI,cAAe,EAAA;AACnB,MAAA,GAAA,CAAI,eAAgB,EAAA;AACpB,MAAA,QAAA,GAAW,MAAM,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,QAAQ,QAAQ;AAAA,GACnB;AAEA,EACE,uBAAA,IAAA,CAAC,KAAK,EAAA,EAAA,GAAG,cAAgB,EAAA,SAAA,EAAW,GAAG,SAAW,EAAA,SAAS,CAAG,EAAA,QAAA,EAAU,CACrE,CAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SACC,mBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,aAAA,CAAA;AAAA,QACvB,IAAK,EAAA,QAAA;AAAA,QACL,WAAU,EAAA,OAAA;AAAA,QACV,OAAS,EAAA;AAAA;AAAA,KAET,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/column-header-pill/GroupColumnPill.css.js

@@ -1,4 +0,0 @@
-var groupColumnPillCss = "\n.vuuSortPosition {\n  font-size: 11px;\n  font-weight: 700;\n  padding-top: 1px;\n}\n\n";
-
-export { groupColumnPillCss as default };
-//# sourceMappingURL=GroupColumnPill.css.js.map

package/esm/column-header-pill/GroupColumnPill.css.js.map

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

package/esm/column-header-pill/GroupColumnPill.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { ColumnHeaderPill } from './ColumnHeaderPill.js';
-import groupColumnPillCss from './GroupColumnPill.css.js';
-
-const GroupColumnPill = ({
-  column,
-  ...columnHeaderProps
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-group-column-pill",
-    css: groupColumnPillCss,
-    window: targetWindow
-  });
-  const { name, sorted } = column;
-  const icon = typeof sorted === "number" ? sorted < 0 ? "arrow-down" : "arrow-up" : sorted === "A" ? "arrow-up" : sorted === "D" ? "arrow-down" : void 0;
-  return /* @__PURE__ */ jsxs(ColumnHeaderPill, { ...columnHeaderProps, column, children: [
-    /* @__PURE__ */ jsx("span", { className: "vuuGroupColumnPill-label", children: name }),
-    icon !== void 0 ? /* @__PURE__ */ jsx("span", { "data-icon": icon }) : null,
-    typeof sorted === "number" ? /* @__PURE__ */ jsx("span", { className: "vuuSortPosition", children: Math.abs(sorted) }) : null
-  ] });
-};
-
-export { GroupColumnPill };
-//# sourceMappingURL=GroupColumnPill.js.map

package/esm/column-header-pill/GroupColumnPill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupColumnPill.js","sources":["../../src/column-header-pill/GroupColumnPill.tsx"],"sourcesContent":["import { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { ColumnHeaderPill, ColumnHeaderPillProps } from \"./ColumnHeaderPill\";\n\nimport groupColumnPillCss from \"./GroupColumnPill.css\";\n\nexport interface GroupColumnPillProps extends ColumnHeaderPillProps {\n  column: RuntimeColumnDescriptor;\n}\n\nexport const GroupColumnPill = ({\n  column,\n  ...columnHeaderProps\n}: GroupColumnPillProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-group-column-pill\",\n    css: groupColumnPillCss,\n    window: targetWindow,\n  });\n\n  const { name, sorted } = column;\n  const icon =\n    typeof sorted === \"number\"\n      ? sorted < 0\n        ? \"arrow-down\"\n        : \"arrow-up\"\n      : sorted === \"A\"\n        ? \"arrow-up\"\n        : sorted === \"D\"\n          ? \"arrow-down\"\n          : undefined;\n\n  return (\n    <ColumnHeaderPill {...columnHeaderProps} column={column}>\n      <span className=\"vuuGroupColumnPill-label\">{name}</span>\n      {icon !== undefined ? <span data-icon={icon} /> : null}\n      {typeof sorted === \"number\" ? (\n        <span className={\"vuuSortPosition\"}>{Math.abs(sorted)}</span>\n      ) : null}\n    </ColumnHeaderPill>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,GAAG;AACL,CAA4B,KAAA;AAC1B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,IAAM,EAAA,MAAA,EAAW,GAAA,MAAA;AACzB,EAAA,MAAM,IACJ,GAAA,OAAO,MAAW,KAAA,QAAA,GACd,MAAS,GAAA,CAAA,GACP,YACA,GAAA,UAAA,GACF,MAAW,KAAA,GAAA,GACT,UACA,GAAA,MAAA,KAAW,MACT,YACA,GAAA,KAAA,CAAA;AAEV,EAAA,uBACG,IAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,iBAAA,EAAmB,MACvC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,0BAAA,EAA4B,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,IAChD,SAAS,KAAY,CAAA,mBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,WAAA,EAAW,MAAM,CAAK,GAAA,IAAA;AAAA,IACjD,OAAO,MAAW,KAAA,QAAA,mBAChB,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,iBAAA,EAAoB,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,MAAM,CAAA,EAAE,CACpD,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/column-header-pill/SortIndicator.css.js

@@ -1,4 +0,0 @@
-var sortIndicatorCss = "\n.vuuSortPosition {\n  font-size: 11px;\n  font-weight: 700;\n  padding-top: 1px;\n}\n\n";
-
-export { sortIndicatorCss as default };
-//# sourceMappingURL=SortIndicator.css.js.map

package/esm/column-header-pill/SortIndicator.css.js.map

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

package/esm/column-header-pill/SortIndicator.js

@@ -1,25 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { ColumnHeaderPill } from './ColumnHeaderPill.js';
-import sortIndicatorCss from './SortIndicator.css.js';
-
-const SortIndicator = ({ column }) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-table-sort-indicator",
-    css: sortIndicatorCss,
-    window: targetWindow
-  });
-  if (!column.sorted) {
-    return null;
-  }
-  const icon = typeof column.sorted === "number" ? column.sorted < 0 ? "arrow-down" : "arrow-up" : column.sorted === "A" ? "arrow-up" : "arrow-down";
-  return /* @__PURE__ */ jsxs(ColumnHeaderPill, { column, children: [
-    /* @__PURE__ */ jsx("span", { "data-icon": icon }),
-    typeof column.sorted === "number" ? /* @__PURE__ */ jsx("span", { className: "vuuSortPosition", children: Math.abs(column.sorted) }) : null
-  ] });
-};
-
-export { SortIndicator };
-//# sourceMappingURL=SortIndicator.js.map

package/esm/column-header-pill/SortIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortIndicator.js","sources":["../../src/column-header-pill/SortIndicator.tsx"],"sourcesContent":["import { RuntimeColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnHeaderPill } from \"./ColumnHeaderPill\";\n\nimport sortIndicatorCss from \"./SortIndicator.css\";\n\nexport interface SortIndicatorProps {\n  column: RuntimeColumnDescriptor;\n}\n\nexport const SortIndicator = ({ column }: SortIndicatorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-table-sort-indicator\",\n    css: sortIndicatorCss,\n    window: targetWindow,\n  });\n\n  if (!column.sorted) {\n    return null;\n  }\n\n  const icon =\n    typeof column.sorted === \"number\"\n      ? column.sorted < 0\n        ? \"arrow-down\"\n        : \"arrow-up\"\n      : column.sorted === \"A\"\n        ? \"arrow-up\"\n        : \"arrow-down\";\n\n  return (\n    <ColumnHeaderPill column={column}>\n      <span data-icon={icon} />\n      {typeof column.sorted === \"number\" ? (\n        <span className={\"vuuSortPosition\"}>{Math.abs(column.sorted)}</span>\n      ) : null}\n    </ColumnHeaderPill>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,aAAgB,GAAA,CAAC,EAAE,MAAA,EAAiC,KAAA;AAC/D,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAA,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,CAAC,OAAO,MAAQ,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,IACJ,GAAA,OAAO,MAAO,CAAA,MAAA,KAAW,QACrB,GAAA,MAAA,CAAO,MAAS,GAAA,CAAA,GACd,YACA,GAAA,UAAA,GACF,MAAO,CAAA,MAAA,KAAW,MAChB,UACA,GAAA,YAAA;AAER,EACE,uBAAA,IAAA,CAAC,oBAAiB,MAChB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,aAAW,IAAM,EAAA,CAAA;AAAA,IACtB,OAAO,MAAA,CAAO,MAAW,KAAA,QAAA,mBACvB,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,iBAAA,EAAoB,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,MAAO,CAAA,MAAM,GAAE,CAC3D,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/column-resizing/ColumnResizer.css.js

@@ -1,4 +0,0 @@
-var columnResizerCss = ".vuuColumnResizer {\n  cursor: col-resize;\n  height: var(--vuu-table-col-header-height);\n  margin-left: var(--columnResizer-left, auto);\n  position: absolute;\n  right: -5px;\n  width: 8px;\n  z-index: 1;\n}\n\n.vuuTableHeaderCell:not(.vuuTableHeaderCell-resizing) {\n  .vuuColumnResizer:hover {\n    --columnResizer-color: var(--salt-selectable-background-selected);\n  }\n}\n\n.vuuColumnResizer:after {\n  background-color: var(\n    --columnResizer-color,\n    var(--salt-separable-tertiary-borderColor)\n  );\n  bottom: 0;\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 3px;\n  height: var(--columnResizer-height, 0);\n  width: 2px;\n  z-index: 1;\n}\n";
-
-export { columnResizerCss as default };
-//# sourceMappingURL=ColumnResizer.css.js.map

package/esm/column-resizing/ColumnResizer.css.js.map

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

package/esm/column-resizing/ColumnResizer.js

@@ -1,80 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useRef, useCallback } from 'react';
-import columnResizerCss from './ColumnResizer.css.js';
-
-const NOOP = () => void 0;
-const baseClass = "vuuColumnResizer";
-const ColumnResizer = ({
-  onDrag,
-  onDragEnd = NOOP,
-  onDragStart = NOOP
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-column-resizer",
-    css: columnResizerCss,
-    window: targetWindow
-  });
-  const positionRef = useRef({ start: 0, now: 0 });
-  const elementRef = useRef(void 0);
-  const onPointerMove = useCallback(
-    (e) => {
-      if (e.stopPropagation) {
-        e.stopPropagation();
-      }
-      if (e.preventDefault) {
-        e.preventDefault();
-      }
-      const { current: position } = positionRef;
-      const x = Math.round(e.clientX);
-      const moveBy = x - position.now;
-      const distanceMoved = position.now - position.start;
-      positionRef.current.now = x;
-      if (moveBy !== 0) {
-        onDrag(e, moveBy, distanceMoved);
-      }
-    },
-    [onDrag]
-  );
-  const onPointerUp = useCallback(
-    (e) => {
-      window.removeEventListener("pointerup", onPointerUp);
-      window.removeEventListener("pointermove", onPointerMove);
-      const { current: position } = positionRef;
-      const distanceMoved = position.now - position.start;
-      onDragEnd(e, distanceMoved);
-    },
-    [onDragEnd, onPointerMove]
-  );
-  const handlePointerDown = useCallback(
-    (e) => {
-      const { current: position } = positionRef;
-      onDragStart(e);
-      position.now = position.start = Math.round(e.clientX);
-      window.addEventListener("pointerup", onPointerUp);
-      window.addEventListener("pointermove", onPointerMove);
-      if (e.stopPropagation) {
-        e.stopPropagation();
-      }
-      if (e.preventDefault) {
-        e.preventDefault();
-      }
-    },
-    [onDragStart, onPointerMove, onPointerUp]
-  );
-  const setRef = useCallback(
-    (el) => {
-      if (el && elementRef.current === void 0) {
-        el.addEventListener("pointerdown", handlePointerDown);
-        elementRef.current = el;
-      }
-    },
-    [handlePointerDown]
-  );
-  return /* @__PURE__ */ jsx("div", { className: baseClass, ref: setRef });
-};
-
-export { ColumnResizer };
-//# sourceMappingURL=ColumnResizer.js.map

package/esm/column-resizing/ColumnResizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnResizer.js","sources":["../../src/column-resizing/ColumnResizer.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { RefCallback, useCallback, useRef } from \"react\";\n\nimport columnResizerCss from \"./ColumnResizer.css\";\n\nconst NOOP = () => undefined;\n\nconst baseClass = \"vuuColumnResizer\";\nexport interface TableColumnResizerProps {\n  onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;\n  onDragEnd: (evt: MouseEvent, totalDistanceMoved: number) => void;\n  /**\n   *\n   * @param evt DOM MouseEvent\n   * @returns\n   */\n  onDragStart: (evt: MouseEvent) => void;\n}\n\nexport const ColumnResizer = ({\n  onDrag,\n  onDragEnd = NOOP,\n  onDragStart = NOOP,\n}: TableColumnResizerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-column-resizer\",\n    css: columnResizerCss,\n    window: targetWindow,\n  });\n  const positionRef = useRef({ start: 0, now: 0 });\n  const elementRef = useRef<HTMLDivElement | undefined>(undefined);\n\n  const onPointerMove = useCallback(\n    (e: MouseEvent) => {\n      if (e.stopPropagation) {\n        e.stopPropagation();\n      }\n\n      if (e.preventDefault) {\n        e.preventDefault();\n      }\n\n      const { current: position } = positionRef;\n\n      const x = Math.round(e.clientX);\n      const moveBy = x - position.now;\n      const distanceMoved = position.now - position.start;\n\n      positionRef.current.now = x;\n\n      if (moveBy !== 0) {\n        onDrag(e, moveBy, distanceMoved);\n      }\n    },\n    [onDrag],\n  );\n\n  const onPointerUp = useCallback(\n    (e: MouseEvent) => {\n      window.removeEventListener(\"pointerup\", onPointerUp);\n      window.removeEventListener(\"pointermove\", onPointerMove);\n\n      const { current: position } = positionRef;\n      const distanceMoved = position.now - position.start;\n      onDragEnd(e, distanceMoved);\n    },\n    [onDragEnd, onPointerMove],\n  );\n\n  const handlePointerDown = useCallback(\n    (e: MouseEvent) => {\n      const { current: position } = positionRef;\n      onDragStart(e);\n      position.now = position.start = Math.round(e.clientX);\n      window.addEventListener(\"pointerup\", onPointerUp);\n      window.addEventListener(\"pointermove\", onPointerMove);\n\n      if (e.stopPropagation) {\n        e.stopPropagation();\n      }\n\n      if (e.preventDefault) {\n        e.preventDefault();\n      }\n    },\n    [onDragStart, onPointerMove, onPointerUp],\n  );\n\n  const setRef = useCallback<RefCallback<HTMLDivElement>>(\n    (el) => {\n      if (el && elementRef.current === undefined) {\n        el.addEventListener(\"pointerdown\", handlePointerDown);\n        elementRef.current = el;\n      }\n    },\n    [handlePointerDown],\n  );\n\n  return <div className={baseClass} ref={setRef} />;\n};\n"],"names":[],"mappings":"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"}

package/esm/column-resizing/useTableColumnResize.js

@@ -1,53 +0,0 @@
-import { useRef, useState, useCallback } from 'react';
-
-const useTableColumnResize = ({
-  column,
-  onResize,
-  rootRef
-}) => {
-  const widthRef = useRef({ start: 0, now: 0 });
-  const [isResizing, setResizing] = useState(false);
-  const { name } = column;
-  const handleResizeStart = useCallback(() => {
-    if (onResize && rootRef.current) {
-      const { current: width } = widthRef;
-      const { width: measuredWidth } = rootRef.current.getBoundingClientRect();
-      width.start = width.now = Math.round(measuredWidth);
-      setResizing(true);
-      onResize?.("begin", name);
-    }
-  }, [name, onResize, rootRef]);
-  const handleResize = useCallback(
-    (_evt, moveBy, totalDistanceMoved) => {
-      if (rootRef.current) {
-        if (onResize) {
-          const { current: width } = widthRef;
-          const newWidth = width.start + totalDistanceMoved;
-          if (newWidth !== width.now && newWidth > 0) {
-            onResize("resize", name, newWidth);
-            width.now = newWidth;
-          }
-        }
-      }
-    },
-    [name, onResize, rootRef]
-  );
-  const handleResizeEnd = useCallback(() => {
-    if (onResize) {
-      const { current: width } = widthRef;
-      onResize("end", name, width.now);
-      setTimeout(() => {
-        setResizing(false);
-      }, 80);
-    }
-  }, [name, onResize]);
-  return {
-    isResizing,
-    onDrag: handleResize,
-    onDragStart: handleResizeStart,
-    onDragEnd: handleResizeEnd
-  };
-};
-
-export { useTableColumnResize };
-//# sourceMappingURL=useTableColumnResize.js.map

package/esm/column-resizing/useTableColumnResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnResize.js","sources":["../../src/column-resizing/useTableColumnResize.tsx"],"sourcesContent":["import {\n  ColumnDescriptor,\n  Heading,\n  ResizePhase,\n} from \"@vuu-ui/vuu-table-types\";\nimport { RefObject, useCallback, useRef, useState } from \"react\";\n\nexport type ResizeHandler = (evt: MouseEvent, moveBy: number) => void;\nexport interface CellResizeHookProps {\n  column: ColumnDescriptor | Heading;\n  onResize?: (phase: ResizePhase, columnName: string, width?: number) => void;\n  rootRef: RefObject<HTMLDivElement | null>;\n}\n\nexport interface CellResizeHookResult {\n  isResizing: boolean;\n  onDrag: (evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => void;\n  onDragStart: (evt: MouseEvent) => void;\n  onDragEnd: (evt: MouseEvent) => void;\n}\n\nexport const useTableColumnResize = ({\n  column,\n  onResize,\n  rootRef,\n}: CellResizeHookProps): CellResizeHookResult => {\n  const widthRef = useRef({ start: 0, now: 0 });\n\n  const [isResizing, setResizing] = useState(false);\n  const { name } = column;\n\n  const handleResizeStart = useCallback(() => {\n    if (onResize && rootRef.current) {\n      const { current: width } = widthRef;\n      const { width: measuredWidth } = rootRef.current.getBoundingClientRect();\n      width.start = width.now = Math.round(measuredWidth);\n      setResizing(true);\n      onResize?.(\"begin\", name);\n    }\n  }, [name, onResize, rootRef]);\n\n  const handleResize = useCallback(\n    (_evt: MouseEvent, moveBy: number, totalDistanceMoved: number) => {\n      if (rootRef.current) {\n        if (onResize) {\n          const { current: width } = widthRef;\n          const newWidth = width.start + totalDistanceMoved;\n          if (newWidth !== width.now && newWidth > 0) {\n            onResize(\"resize\", name, newWidth);\n            width.now = newWidth;\n          }\n        }\n      }\n    },\n    [name, onResize, rootRef],\n  );\n\n  const handleResizeEnd = useCallback(() => {\n    if (onResize) {\n      const { current: width } = widthRef;\n      onResize(\"end\", name, width.now);\n      setTimeout(() => {\n        // clickHandler in HeaderCell checks isResizing before firing. Because onMouseUp\n        // fires before click, we need to delay setting isResizing back to false, just\n        // long enough that the click ghandler will have fired.\n        setResizing(false);\n      }, 80);\n    }\n  }, [name, onResize]);\n\n  return {\n    isResizing,\n    onDrag: handleResize,\n    onDragStart: handleResizeStart,\n    onDragEnd: handleResizeEnd,\n  };\n};\n"],"names":[],"mappings":";;AAqBO,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAiD,KAAA;AAC/C,EAAA,MAAM,WAAW,MAAO,CAAA,EAAE,OAAO,CAAG,EAAA,GAAA,EAAK,GAAG,CAAA;AAE5C,EAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA;AAEjB,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAI,IAAA,QAAA,IAAY,QAAQ,OAAS,EAAA;AAC/B,MAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAC3B,MAAA,MAAM,EAAE,KAAO,EAAA,aAAA,EAAkB,GAAA,OAAA,CAAQ,QAAQ,qBAAsB,EAAA;AACvE,MAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAM,GAAM,GAAA,IAAA,CAAK,MAAM,aAAa,CAAA;AAClD,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,QAAA,GAAW,SAAS,IAAI,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,IAAM,EAAA,QAAA,EAAU,OAAO,CAAC,CAAA;AAE5B,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,IAAkB,EAAA,MAAA,EAAgB,kBAA+B,KAAA;AAChE,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAA,IAAI,QAAU,EAAA;AACZ,UAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAC3B,UAAM,MAAA,QAAA,GAAW,MAAM,KAAQ,GAAA,kBAAA;AAC/B,UAAA,IAAI,QAAa,KAAA,KAAA,CAAM,GAAO,IAAA,QAAA,GAAW,CAAG,EAAA;AAC1C,YAAS,QAAA,CAAA,QAAA,EAAU,MAAM,QAAQ,CAAA;AACjC,YAAA,KAAA,CAAM,GAAM,GAAA,QAAA;AAAA;AACd;AACF;AACF,KACF;AAAA,IACA,CAAC,IAAM,EAAA,QAAA,EAAU,OAAO;AAAA,GAC1B;AAEA,EAAM,MAAA,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,IAAI,QAAU,EAAA;AACZ,MAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAC3B,MAAS,QAAA,CAAA,KAAA,EAAO,IAAM,EAAA,KAAA,CAAM,GAAG,CAAA;AAC/B,MAAA,UAAA,CAAW,MAAM;AAIf,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,SAChB,EAAE,CAAA;AAAA;AACP,GACC,EAAA,CAAC,IAAM,EAAA,QAAQ,CAAC,CAAA;AAEnB,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,MAAQ,EAAA,YAAA;AAAA,IACR,WAAa,EAAA,iBAAA;AAAA,IACb,SAAW,EAAA;AAAA,GACb;AACF;;;;"}

package/esm/header-cell/GroupHeaderCell.css.js

@@ -1,4 +0,0 @@
-var headerCellCss = ".vuu-theme {\n  --svg-spinner: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path fill=\"rgb(38, 112, 169)\" d=\"M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50\"><animateTransform attributeName=\"transform\" attributeType=\"XML\" type=\"rotate\" dur=\"1s\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\" /></path></svg>');\n}\n\n.vuuTableGroupHeaderCell {\n  --vuuColumnHeaderPill-margin: 0;\n  --cell-align: \"flex-start\";\n  text-align: left;\n  cursor: default;\n  /* ensure header row sits atop everything else when scrolling down */\n\n  --vuuColumnHeaderPill-margin: 0;\n  --vuuColumnHeaderPill-flex: 0 0 24px;\n\n  align-items: center;\n  background-color: var(\n    --vuuTableHeaderCell-background,\n    var(--table-background)\n  );\n  border-bottom: none;\n  border-right-color: var(--cell-borderColor);\n  border-right-style: solid;\n  border-right-width: 1px;\n  box-sizing: border-box;\n  display: inline-flex;\n  gap: 4px;\n  height: 100%;\n  padding: 0 12px 0 4px;\n  position: relative;\n  vertical-align: top;\n\n  &.vuuPinLeft,\n  &.vuuPinRight {\n    background-color: var(\n      --vuuTableHeaderCell-background,\n      var(--table-background)\n    );\n  }\n}\n\n.vuuTableGroupHeaderCell-inner {\n  align-items: center;\n  display: flex;\n  gap: 4px;\n  height: 100%;\n  padding-left: 1px;\n}\n\n.vuuTableGroupHeaderCell-col {\n  align-items: center;\n  background-color: inherit;\n  display: inline-flex;\n  flex: 0 1 auto;\n  height: calc(var(--vuuTableHeaderHeight) - 2px);\n  justify-content: space-between;\n  padding-right: 8px;\n  position: relative;\n}\n\n.vuuTableGroupHeaderCell-label {\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n}\n\n.vuuTableGroupHeaderCell-close {\n  --vuu-icon-height: 18px;\n  --vuu-icon-width: 18px;\n  cursor: pointer;\n  left: 3px;\n}\n\n.vuuTableGroupHeaderCell-resizing {\n  --columnResizer-color: var(--salt-color-blue-500);\n  --columnResizer-height: var(--table-height);\n  --columnResizer-width: 2px;\n}\n.vuuTableGroupHeaderCell-pending {\n  --pending-content: \"\";\n}\n\n.vuuTableGroupHeaderCell-col:has(+ .vuuColumnResizer):after {\n  content: var(--pending-content);\n  width: 24px;\n  height: 24px;\n  background-image: var(--svg-spinner);\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n.vuuTableGroupHeaderCell:focus {\n  outline: var(\n    --vuuTableCell-outline,\n    solid var(--salt-focused-outlineColor) 2px\n  );\n  outline-offset: -2px;\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}\n";
-
-export { headerCellCss as default };
-//# sourceMappingURL=GroupHeaderCell.css.js.map

package/esm/header-cell/GroupHeaderCell.css.js.map

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

package/esm/header-cell/GroupHeaderCell.js

@@ -1,125 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, createElement } from 'react';
-import { OverflowContainer } from '@vuu-ui/vuu-ui-controls';
-import { useLayoutEffectSkipFirst } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { ColumnHeaderPill } from '../column-header-pill/ColumnHeaderPill.js';
-import { GroupColumnPill } from '../column-header-pill/GroupColumnPill.js';
-import { ColumnResizer } from '../column-resizing/ColumnResizer.js';
-import { useTableColumnResize } from '../column-resizing/useTableColumnResize.js';
-import { useCell } from '../useCell.js';
-import headerCellCss from './GroupHeaderCell.css.js';
-
-const classBase = "vuuTableGroupHeaderCell";
-const switchIfChanged = (columns, newColumns) => {
-  if (columns === newColumns) {
-    return columns;
-  } else {
-    return newColumns;
-  }
-};
-const GroupHeaderCell = ({
-  column: groupColumn,
-  className: classNameProp,
-  onMoveColumn,
-  onRemoveColumn,
-  onResize,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-group-header-cell",
-    css: headerCellCss,
-    window: targetWindow
-  });
-  const rootRef = useRef(null);
-  const { isResizing, ...resizeProps } = useTableColumnResize({
-    column: groupColumn,
-    onResize,
-    rootRef
-  });
-  const [columns, setColumns] = useState(groupColumn.columns);
-  const { className, style } = useCell(groupColumn, classBase, true);
-  const columnPillProps = columns.length > 1 ? {
-    removable: true,
-    onRemove: onRemoveColumn
-  } : void 0;
-  const handleMoveItem = useCallback(
-    (fromIndex, toIndex) => {
-      setColumns((cols) => {
-        const newCols = cols.slice();
-        const [tab] = newCols.splice(fromIndex, 1);
-        if (toIndex === -1) {
-          const result = newCols.concat(tab);
-          requestAnimationFrame(() => onMoveColumn?.(result));
-          return result;
-        } else {
-          newCols.splice(toIndex, 0, tab);
-          requestAnimationFrame(() => onMoveColumn?.(newCols));
-          return newCols;
-        }
-      });
-    },
-    [onMoveColumn]
-  );
-  useLayoutEffectSkipFirst(() => {
-    setColumns((cols) => switchIfChanged(cols, groupColumn.columns));
-  }, [groupColumn.columns]);
-  const handleClick = useCallback(() => {
-    console.log("click");
-  }, []);
-  const handleKeyDown = useCallback(() => {
-    console.log("keydown");
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      "aria-colindex": groupColumn.ariaColIndex,
-      className: cx(className, classNameProp, {
-        [`${classBase}-pending`]: groupColumn.groupConfirmed === false
-      }),
-      ref: rootRef,
-      role: "columnheader",
-      style,
-      children: [
-        /* @__PURE__ */ jsx(
-          OverflowContainer,
-          {
-            allowDragDrop: true,
-            className: `${classBase}-inner`,
-            onMoveItem: handleMoveItem,
-            overflowPosition: "start",
-            children: columns.map((column) => {
-              return /* @__PURE__ */ createElement(
-                GroupColumnPill,
-                {
-                  ...columnPillProps,
-                  column,
-                  key: column.name,
-                  onClick: handleClick,
-                  onKeyDown: handleKeyDown
-                }
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ColumnHeaderPill,
-          {
-            className: `${classBase}-removeAll`,
-            column: groupColumn,
-            removable: true,
-            onRemove: onRemoveColumn
-          }
-        ),
-        groupColumn.resizeable !== false ? /* @__PURE__ */ jsx(ColumnResizer, { ...resizeProps }) : null
-      ]
-    }
-  );
-};
-
-export { GroupHeaderCell };
-//# sourceMappingURL=GroupHeaderCell.js.map

package/esm/header-cell/GroupHeaderCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupHeaderCell.js","sources":["../../src/header-cell/GroupHeaderCell.tsx"],"sourcesContent":["import {\n  ColumnDescriptor,\n  GroupColumnDescriptor,\n  HeaderCellProps,\n  RuntimeColumnDescriptor,\n} from \"@vuu-ui/vuu-table-types\";\nimport { OverflowContainer } from \"@vuu-ui/vuu-ui-controls\";\nimport { useLayoutEffectSkipFirst } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { ColumnHeaderPill, GroupColumnPill } from \"../column-header-pill\";\nimport { ColumnResizer, useTableColumnResize } from \"../column-resizing\";\nimport { useCell } from \"../useCell\";\n\nimport headerCellCss from \"./GroupHeaderCell.css\";\n\nconst classBase = \"vuuTableGroupHeaderCell\";\n\nconst switchIfChanged = (\n  columns: RuntimeColumnDescriptor[],\n  newColumns: RuntimeColumnDescriptor[],\n) => {\n  if (columns === newColumns) {\n    return columns;\n  } else {\n    return newColumns;\n  }\n};\n\nexport interface GroupHeaderCellProps\n  extends Omit<\n    HeaderCellProps,\n    \"id\" | \"index\" | \"onDragStart\" | \"onDrag\" | \"onDragEnd\"\n  > {\n  column: GroupColumnDescriptor;\n  id?: string;\n  onMoveColumn?: (columns: ColumnDescriptor[]) => void;\n  onRemoveColumn: (column: RuntimeColumnDescriptor) => void;\n}\n\nexport const GroupHeaderCell = ({\n  column: groupColumn,\n  className: classNameProp,\n  onMoveColumn,\n  onRemoveColumn,\n  onResize,\n  ...htmlAttributes\n}: GroupHeaderCellProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-group-header-cell\",\n    css: headerCellCss,\n    window: targetWindow,\n  });\n\n  const rootRef = useRef<HTMLTableCellElement>(null);\n  const { isResizing, ...resizeProps } = useTableColumnResize({\n    column: groupColumn,\n    onResize,\n    rootRef,\n  });\n\n  const [columns, setColumns] = useState(groupColumn.columns);\n  const { className, style } = useCell(groupColumn, classBase, true);\n  const columnPillProps =\n    columns.length > 1\n      ? {\n          removable: true,\n          onRemove: onRemoveColumn,\n        }\n      : undefined;\n\n  const handleMoveItem = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      setColumns((cols) => {\n        const newCols = cols.slice();\n        const [tab] = newCols.splice(fromIndex, 1);\n        if (toIndex === -1) {\n          const result = newCols.concat(tab);\n          requestAnimationFrame(() => onMoveColumn?.(result));\n          return result;\n        } else {\n          newCols.splice(toIndex, 0, tab);\n          requestAnimationFrame(() => onMoveColumn?.(newCols));\n          return newCols;\n        }\n      });\n    },\n    [onMoveColumn],\n  );\n\n  useLayoutEffectSkipFirst(() => {\n    setColumns((cols) => switchIfChanged(cols, groupColumn.columns));\n  }, [groupColumn.columns]);\n\n  const handleClick = useCallback<MouseEventHandler<HTMLSpanElement>>(() => {\n    console.log(\"click\");\n  }, []);\n  const handleKeyDown = useCallback<\n    KeyboardEventHandler<HTMLSpanElement>\n  >(() => {\n    console.log(\"keydown\");\n  }, []);\n\n  return (\n    <div\n      {...htmlAttributes}\n      aria-colindex={groupColumn.ariaColIndex}\n      className={cx(className, classNameProp, {\n        [`${classBase}-pending`]: groupColumn.groupConfirmed === false,\n      })}\n      ref={rootRef}\n      role=\"columnheader\"\n      style={style}\n    >\n      <OverflowContainer\n        allowDragDrop\n        className={`${classBase}-inner`}\n        onMoveItem={handleMoveItem}\n        overflowPosition=\"start\"\n      >\n        {columns.map((column) => {\n          return (\n            <GroupColumnPill\n              {...columnPillProps}\n              column={column}\n              key={column.name}\n              onClick={handleClick}\n              onKeyDown={handleKeyDown}\n            />\n          );\n        })}\n      </OverflowContainer>\n      <ColumnHeaderPill\n        className={`${classBase}-removeAll`}\n        column={groupColumn}\n        removable\n        onRemove={onRemoveColumn}\n      />\n\n      {groupColumn.resizeable !== false ? (\n        <ColumnResizer {...resizeProps} />\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}