@vuu-ui/vuu-utils 0.13.9 → 0.13.11

package/esm/packages/vuu-utils/src/formatting-utils.js

@@ -0,0 +1,63 @@
+import { isDateTimeDataValue, isTypeDescriptor, isMappedValueTypeRenderer } from './column-utils.js';
+import { formatDate } from './date/formatter.js';
+import '@internationalized/date';
+import { dateTimePattern } from './date/dateTimePattern.js';
+import { roundDecimal } from './round-decimal.js';
+
+const DEFAULT_NUMERIC_FORMAT = {};
+const defaultValueFormatter = (value) => value == null ? "" : typeof value === "string" ? value : value.toString();
+const dateFormatter = (column) => {
+  const pattern = dateTimePattern(column.type);
+  const formatter = formatDate(pattern);
+  return (value) => {
+    if (typeof value === "number" && value !== 0) {
+      return formatter(new Date(value));
+    } else {
+      return "";
+    }
+  };
+};
+const numericFormatter = ({
+  align = "right",
+  type
+}) => {
+  if (type === void 0 || typeof type === "string") {
+    return defaultValueFormatter;
+  } else {
+    const {
+      alignOnDecimals = false,
+      decimals,
+      zeroPad = false
+    } = type.formatting ?? DEFAULT_NUMERIC_FORMAT;
+    return (value) => {
+      if (typeof value === "string" && (value.startsWith("\u03A3") || value.startsWith("["))) {
+        return value;
+      }
+      const number = typeof value === "number" ? value : typeof value === "string" ? parseFloat(value) : void 0;
+      return roundDecimal(number, align, decimals, zeroPad, alignOnDecimals);
+    };
+  }
+};
+const mapFormatter = (map) => {
+  return (value) => {
+    return map[value] ?? "";
+  };
+};
+const getValueFormatter = (column, serverDataType = column.serverDataType) => {
+  if (isDateTimeDataValue(column)) {
+    return dateFormatter(column);
+  }
+  const { type } = column;
+  if (isTypeDescriptor(type) && isMappedValueTypeRenderer(type?.renderer)) {
+    return mapFormatter(type.renderer.map);
+  } else if (serverDataType === "string" || serverDataType === "char") {
+    return (value) => value;
+  } else if (serverDataType === "double") {
+    return numericFormatter(column);
+  }
+  return defaultValueFormatter;
+};
+const lowerCase = (str) => str.toLowerCase();
+
+export { defaultValueFormatter, getValueFormatter, lowerCase, numericFormatter };
+//# sourceMappingURL=formatting-utils.js.map

package/esm/packages/vuu-utils/src/formatting-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting-utils.js","sources":["../../../../src/formatting-utils.ts"],"sourcesContent":["import { DateTimeDataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  ColumnTypeFormatting,\n  ColumnTypeValueMap,\n  ValueFormatter,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  isDateTimeDataValue,\n  isMappedValueTypeRenderer,\n  isTypeDescriptor,\n} from \"./column-utils\";\nimport { dateTimePattern, formatDate } from \"./date\";\nimport { roundDecimal } from \"./round-decimal\";\n\nexport type ValueFormatters = {\n  [key: string]: ValueFormatter;\n};\n\nconst DEFAULT_NUMERIC_FORMAT: ColumnTypeFormatting = {};\n\nexport const defaultValueFormatter = (value: unknown) =>\n  value == null ? \"\" : typeof value === \"string\" ? value : value.toString();\n\nconst dateFormatter = (column: DateTimeDataValueDescriptor) => {\n  const pattern = dateTimePattern(column.type);\n  const formatter = formatDate(pattern);\n\n  return (value: unknown) => {\n    if (typeof value === \"number\" && value !== 0) {\n      return formatter(new Date(value));\n    } else {\n      return \"\";\n    }\n  };\n};\n\nexport const numericFormatter = ({\n  align = \"right\",\n  type,\n}: Partial<ColumnDescriptor>) => {\n  if (type === undefined || typeof type === \"string\") {\n    return defaultValueFormatter;\n  } else {\n    const {\n      alignOnDecimals = false,\n      decimals,\n      zeroPad = false,\n    } = type.formatting ?? DEFAULT_NUMERIC_FORMAT;\n    return (value: unknown) => {\n      if (\n        typeof value === \"string\" &&\n        (value.startsWith(\"Σ\") || value.startsWith(\"[\"))\n      ) {\n        return value;\n      }\n      const number =\n        typeof value === \"number\"\n          ? value\n          : typeof value === \"string\"\n            ? parseFloat(value)\n            : undefined;\n      return roundDecimal(number, align, decimals, zeroPad, alignOnDecimals);\n    };\n  }\n};\n\nconst mapFormatter = (map: ColumnTypeValueMap) => {\n  return (value: unknown) => {\n    return map[value as string] ?? \"\";\n  };\n};\n\nexport const getValueFormatter = (\n  column: ColumnDescriptor,\n  serverDataType = column.serverDataType,\n): ValueFormatter => {\n  if (isDateTimeDataValue(column)) {\n    return dateFormatter(column);\n  }\n\n  const { type } = column;\n  if (isTypeDescriptor(type) && isMappedValueTypeRenderer(type?.renderer)) {\n    return mapFormatter(type.renderer.map);\n  } else if (serverDataType === \"string\" || serverDataType === \"char\") {\n    return (value: unknown) => value as string;\n  } else if (serverDataType === \"double\") {\n    return numericFormatter(column);\n  }\n  return defaultValueFormatter;\n};\n\n/**\n * Lowercases a string and returns as Lowercase typescript type\n *\n * @param str the input string\n * @returns str converted to Lowercase\n */\nexport const lowerCase = (str: string) =>\n  str.toLowerCase() as Lowercase<string>;\n"],"names":[],"mappings":";;;;;;AAmBA,MAAM,yBAA+C,EAAC;AAEzC,MAAA,qBAAA,GAAwB,CAAC,KAAA,KACpC,KAAS,IAAA,IAAA,GAAO,EAAK,GAAA,OAAO,KAAU,KAAA,QAAA,GAAW,KAAQ,GAAA,KAAA,CAAM,QAAS;AAE1E,MAAM,aAAA,GAAgB,CAAC,MAAwC,KAAA;AAC7D,EAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,MAAA,CAAO,IAAI,CAAA;AAC3C,EAAM,MAAA,SAAA,GAAY,WAAW,OAAO,CAAA;AAEpC,EAAA,OAAO,CAAC,KAAmB,KAAA;AACzB,IAAA,IAAI,OAAO,KAAA,KAAU,QAAY,IAAA,KAAA,KAAU,CAAG,EAAA;AAC5C,MAAA,OAAO,SAAU,CAAA,IAAI,IAAK,CAAA,KAAK,CAAC,CAAA;AAAA,KAC3B,MAAA;AACL,MAAO,OAAA,EAAA;AAAA;AACT,GACF;AACF,CAAA;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAQ,GAAA,OAAA;AAAA,EACR;AACF,CAAiC,KAAA;AAC/B,EAAA,IAAI,IAAS,KAAA,KAAA,CAAA,IAAa,OAAO,IAAA,KAAS,QAAU,EAAA;AAClD,IAAO,OAAA,qBAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA;AAAA,MACJ,eAAkB,GAAA,KAAA;AAAA,MAClB,QAAA;AAAA,MACA,OAAU,GAAA;AAAA,KACZ,GAAI,KAAK,UAAc,IAAA,sBAAA;AACvB,IAAA,OAAO,CAAC,KAAmB,KAAA;AACzB,MACE,IAAA,OAAO,KAAU,KAAA,QAAA,KAChB,KAAM,CAAA,UAAA,CAAW,QAAG,CAAK,IAAA,KAAA,CAAM,UAAW,CAAA,GAAG,CAC9C,CAAA,EAAA;AACA,QAAO,OAAA,KAAA;AAAA;AAET,MAAM,MAAA,MAAA,GACJ,OAAO,KAAA,KAAU,QACb,GAAA,KAAA,GACA,OAAO,KAAU,KAAA,QAAA,GACf,UAAW,CAAA,KAAK,CAChB,GAAA,KAAA,CAAA;AACR,MAAA,OAAO,YAAa,CAAA,MAAA,EAAQ,KAAO,EAAA,QAAA,EAAU,SAAS,eAAe,CAAA;AAAA,KACvE;AAAA;AAEJ;AAEA,MAAM,YAAA,GAAe,CAAC,GAA4B,KAAA;AAChD,EAAA,OAAO,CAAC,KAAmB,KAAA;AACzB,IAAO,OAAA,GAAA,CAAI,KAAe,CAAK,IAAA,EAAA;AAAA,GACjC;AACF,CAAA;AAEO,MAAM,iBAAoB,GAAA,CAC/B,MACA,EAAA,cAAA,GAAiB,OAAO,cACL,KAAA;AACnB,EAAI,IAAA,mBAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IAAA,OAAO,cAAc,MAAM,CAAA;AAAA;AAG7B,EAAM,MAAA,EAAE,MAAS,GAAA,MAAA;AACjB,EAAA,IAAI,iBAAiB,IAAI,CAAA,IAAK,yBAA0B,CAAA,IAAA,EAAM,QAAQ,CAAG,EAAA;AACvE,IAAO,OAAA,YAAA,CAAa,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GAC5B,MAAA,IAAA,cAAA,KAAmB,QAAY,IAAA,cAAA,KAAmB,MAAQ,EAAA;AACnE,IAAA,OAAO,CAAC,KAAmB,KAAA,KAAA;AAAA,GAC7B,MAAA,IAAW,mBAAmB,QAAU,EAAA;AACtC,IAAA,OAAO,iBAAiB,MAAM,CAAA;AAAA;AAEhC,EAAO,OAAA,qBAAA;AACT;AAQO,MAAM,SAAY,GAAA,CAAC,GACxB,KAAA,GAAA,CAAI,WAAY;;;;"}

package/esm/packages/vuu-utils/src/getUniqueId.js

@@ -0,0 +1,4 @@
+const getUniqueId = () => `hw-${Math.round(Math.random() * 1e5)}`;
+
+export { getUniqueId };
+//# sourceMappingURL=getUniqueId.js.map

package/esm/packages/vuu-utils/src/getUniqueId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUniqueId.js","sources":["../../../../src/getUniqueId.ts"],"sourcesContent":["export const getUniqueId = () => `hw-${Math.round(Math.random() * 1e5)}`;\n"],"names":[],"mappings":"AAAa,MAAA,WAAA,GAAc,MAAM,CAAM,GAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,MAAA,EAAW,GAAA,GAAG,CAAC,CAAA;;;;"}

package/esm/packages/vuu-utils/src/group-utils.js

@@ -0,0 +1,23 @@
+function addGroupColumn(groupBy, column) {
+  if (groupBy.length > 0) {
+    return groupBy.concat(column.name);
+  } else {
+    return [column.name];
+  }
+}
+const removeGroupColumn = (groupBy, column) => groupBy.filter((colName) => colName !== column.name);
+const getGroupStatus = (columnName, groupBy) => {
+  if (groupBy === void 0 || groupBy.length === 0) {
+    return "no-groupby";
+  } else {
+    const indexPos = groupBy.indexOf(columnName);
+    if (indexPos === -1) {
+      return groupBy.length === 1 ? "single-groupby-other-column" : "multi-groupby-other-columns";
+    } else {
+      return groupBy.length === 1 ? "single-groupby" : "single-groupby-other-column";
+    }
+  }
+};
+
+export { addGroupColumn, getGroupStatus, removeGroupColumn };
+//# sourceMappingURL=group-utils.js.map

package/esm/packages/vuu-utils/src/group-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-utils.js","sources":["../../../../src/group-utils.ts"],"sourcesContent":["import { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { VuuGroupBy } from \"@vuu-ui/vuu-protocol-types\";\n\nexport function addGroupColumn(groupBy: VuuGroupBy, column: ColumnDescriptor) {\n  if (groupBy.length > 0) {\n    return groupBy.concat(column.name);\n  } else {\n    return [column.name];\n  }\n}\n\nexport const removeGroupColumn = (\n  groupBy: VuuGroupBy,\n  column: ColumnDescriptor,\n) => groupBy.filter((colName) => colName !== column.name);\n\nexport type ColumnGroupStatus =\n  | \"no-groupby\"\n  | \"single-groupby-other-column\"\n  | \"single-groupby\"\n  | \"multi-groupby-other-columns\"\n  | \"multi-groupby-includes-column\";\n\n/**\n * Given a VuuGroupby definition and a column, determine whether the given column\n * is included in the grouping and if so, in what position/direction.\n */\nexport const getGroupStatus = (\n  columnName: string,\n  groupBy?: VuuGroupBy,\n): ColumnGroupStatus => {\n  if (groupBy === undefined || groupBy.length === 0) {\n    return \"no-groupby\";\n  } else {\n    const indexPos = groupBy.indexOf(columnName);\n    if (indexPos === -1) {\n      return groupBy.length === 1\n        ? \"single-groupby-other-column\"\n        : \"multi-groupby-other-columns\";\n    } else {\n      return groupBy.length === 1\n        ? \"single-groupby\"\n        : \"single-groupby-other-column\";\n    }\n  }\n};\n"],"names":[],"mappings":"AAGgB,SAAA,cAAA,CAAe,SAAqB,MAA0B,EAAA;AAC5E,EAAI,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACtB,IAAO,OAAA,OAAA,CAAQ,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA,GAC5B,MAAA;AACL,IAAO,OAAA,CAAC,OAAO,IAAI,CAAA;AAAA;AAEvB;AAEa,MAAA,iBAAA,GAAoB,CAC/B,OAAA,EACA,MACG,KAAA,OAAA,CAAQ,OAAO,CAAC,OAAA,KAAY,OAAY,KAAA,MAAA,CAAO,IAAI;AAa3C,MAAA,cAAA,GAAiB,CAC5B,UAAA,EACA,OACsB,KAAA;AACtB,EAAA,IAAI,OAAY,KAAA,KAAA,CAAA,IAAa,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACjD,IAAO,OAAA,YAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,OAAA,CAAQ,UAAU,CAAA;AAC3C,IAAA,IAAI,aAAa,CAAI,CAAA,EAAA;AACnB,MAAO,OAAA,OAAA,CAAQ,MAAW,KAAA,CAAA,GACtB,6BACA,GAAA,6BAAA;AAAA,KACC,MAAA;AACL,MAAO,OAAA,OAAA,CAAQ,MAAW,KAAA,CAAA,GACtB,gBACA,GAAA,6BAAA;AAAA;AACN;AAEJ;;;;"}

package/esm/packages/vuu-utils/src/html-utils.js

@@ -0,0 +1,145 @@
+const createEl = (elementType, className, textContent) => {
+  const el = document.createElement(elementType);
+  if (className) {
+    el.className = className;
+  }
+  if (textContent) {
+    el.textContent = textContent;
+  }
+  return el;
+};
+const getFocusableElement = (el, tabIndex) => {
+  if (el) {
+    if (el.hasAttribute("tabindex")) {
+      const rootTabIndex = parseInt(el.getAttribute("tabindex"));
+      if (!isNaN(rootTabIndex) && (tabIndex === void 0 || rootTabIndex === tabIndex)) {
+        return el;
+      }
+    }
+    const focusableEl = typeof tabIndex === "number" ? el.querySelector(`[tabindex="${tabIndex}"]`) : el.querySelector("[tabindex]");
+    if (focusableEl) {
+      return focusableEl;
+    }
+  }
+};
+const getElementDataIndex = (el) => {
+  if (el) {
+    const index = parseInt(el.dataset.index || "");
+    if (!isNaN(index)) {
+      return index;
+    }
+  }
+  return -1;
+};
+function queryClosest(el, cssQueryString, throwIfNotFound) {
+  if (el) {
+    const result = el.closest(cssQueryString);
+    if (result) {
+      return result;
+    }
+  }
+  if (throwIfNotFound) {
+    throw Error(`no element found to match '${cssQueryString}'`);
+  } else {
+    return null;
+  }
+}
+const getClosest = (el, dataProperty) => queryClosest(el, `[data-${dataProperty}]`);
+const getClosestIndexItem = (el) => getClosest(el, "index");
+function getElementByDataIndex(container, index, throwIfNotFound = false) {
+  if (container == null && throwIfNotFound) {
+    throw Error("html-utils getElementByDataIndex, container is null");
+  }
+  const element = container?.querySelector(
+    `[data-index="${index}"]`
+  );
+  if (element) {
+    return element;
+  } else if (throwIfNotFound) {
+    throw Error(
+      "html-utils getElementByDataIndex, Item not found with data-index='${index}'"
+    );
+  } else {
+    return void 0;
+  }
+}
+const focusFirstFocusableElement = (el, tabIndex) => {
+  requestAnimationFrame(() => {
+    const focusableElement = getFocusableElement(el, tabIndex);
+    if (focusableElement) {
+      focusableElement.focus();
+    }
+  });
+};
+const isSelectableElement = (el) => {
+  const item = el?.closest("[data-index]");
+  if (!item || item.ariaDisabled || item.dataset.selectable === "false" || item.querySelector('[data-selectable="false"],[aria-disabled="true"]')) {
+    return false;
+  } else {
+    return true;
+  }
+};
+const isInputElement = (el) => {
+  if (el === null) {
+    return false;
+  } else {
+    return el.tagName === "INPUT";
+  }
+};
+const isDateInput = (el) => isInputElement(el) && el.classList.contains("saltDateInput-input");
+const hasOpenOptionList = (el) => {
+  if (el !== null) {
+    return el.ariaExpanded === "true";
+  }
+};
+let size;
+function getScrollbarSize() {
+  if (size === void 0) {
+    let outer = document.createElement("div");
+    outer.className = "scrollable-content";
+    outer.style.width = "50px";
+    outer.style.height = "50px";
+    outer.style.overflowY = "scroll";
+    outer.style.position = "absolute";
+    outer.style.top = "-200px";
+    outer.style.left = "-200px";
+    const inner = document.createElement("div");
+    inner.style.height = "100px";
+    inner.style.width = "100%";
+    outer.appendChild(inner);
+    document.body.appendChild(outer);
+    const outerWidth = outer.offsetWidth;
+    const innerWidth = inner.offsetWidth;
+    document.body.removeChild(outer);
+    size = outerWidth - innerWidth;
+    outer = null;
+  }
+  return size;
+}
+const dispatchMouseEvent = (el, type) => {
+  const evt = new MouseEvent(type, {
+    view: window,
+    bubbles: true,
+    cancelable: true
+  });
+  el.dispatchEvent(evt);
+};
+const dispatchKeyboardEvent = (el, type, key) => {
+  const evt = new KeyboardEvent(type, {
+    key,
+    view: window,
+    bubbles: true,
+    cancelable: true
+  });
+  el.dispatchEvent(evt);
+};
+const dispatchCustomEvent = (el, type) => {
+  const evt = new Event(type, {
+    bubbles: true,
+    cancelable: true
+  });
+  el.dispatchEvent(evt);
+};
+
+export { createEl, dispatchCustomEvent, dispatchKeyboardEvent, dispatchMouseEvent, focusFirstFocusableElement, getClosest, getClosestIndexItem, getElementByDataIndex, getElementDataIndex, getFocusableElement, getScrollbarSize, hasOpenOptionList, isDateInput, isInputElement, isSelectableElement, queryClosest };
+//# sourceMappingURL=html-utils.js.map

package/esm/packages/vuu-utils/src/html-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-utils.js","sources":["../../../../src/html-utils.ts"],"sourcesContent":["export const createEl = (\n  elementType: \"div\" | \"p\" | \"span\",\n  className?: string,\n  textContent?: string,\n): HTMLElement => {\n  const el = document.createElement(elementType);\n  if (className) {\n    el.className = className;\n  }\n  if (textContent) {\n    el.textContent = textContent;\n  }\n  return el;\n};\n\nexport const getFocusableElement = (\n  el: HTMLElement | null,\n  tabIndex?: number,\n) => {\n  if (el) {\n    if (el.hasAttribute(\"tabindex\")) {\n      const rootTabIndex = parseInt(el.getAttribute(\"tabindex\") as string);\n      if (\n        !isNaN(rootTabIndex) &&\n        (tabIndex === undefined || rootTabIndex === tabIndex)\n      ) {\n        return el;\n      }\n    }\n    const focusableEl =\n      typeof tabIndex === \"number\"\n        ? (el.querySelector(`[tabindex=\"${tabIndex}\"]`) as HTMLElement)\n        : (el.querySelector(\"[tabindex]\") as HTMLElement);\n    if (focusableEl) {\n      return focusableEl as HTMLElement;\n    }\n  }\n};\n\nexport const getElementDataIndex = (el: HTMLElement | null) => {\n  if (el) {\n    const index = parseInt(el.dataset.index || \"\");\n    if (!isNaN(index)) {\n      return index;\n    }\n  }\n  return -1;\n};\n\nexport function queryClosest<T extends HTMLElement = HTMLElement>(\n  el: HTMLElement | EventTarget | null,\n  cssQueryString: string,\n  throwIfNotFound?: false,\n): T | null;\nexport function queryClosest<T extends HTMLElement = HTMLElement>(\n  el: HTMLElement | EventTarget | null,\n  cssQueryString: string,\n  throwIfNotFound: true,\n): T;\nexport function queryClosest<T extends HTMLElement = HTMLElement>(\n  el: HTMLElement | EventTarget | null,\n  cssQueryString: string,\n  throwIfNotFound?: boolean,\n) {\n  if (el) {\n    const result = (el as HTMLElement).closest(cssQueryString) as T;\n    if (result) {\n      return result;\n    }\n  }\n  if (throwIfNotFound) {\n    throw Error(`no element found to match '${cssQueryString}'`);\n  } else {\n    return null;\n  }\n}\n\nexport const getClosest = (el: HTMLElement, dataProperty: string) =>\n  queryClosest(el, `[data-${dataProperty}]`);\n\nexport const getClosestIndexItem = (el: HTMLElement) => getClosest(el, \"index\");\n\nexport function getElementByDataIndex(\n  c: HTMLElement | null | undefined,\n  i: number | string,\n  throwIfNotFound: true,\n): HTMLElement;\nexport function getElementByDataIndex(\n  c: HTMLElement | null | undefined,\n  i: number | string,\n  throwIfNotFound?: false,\n): HTMLElement | undefined;\nexport function getElementByDataIndex(\n  container: HTMLElement | null | undefined,\n  index: number | string,\n  throwIfNotFound = false,\n) {\n  if (container == null && throwIfNotFound) {\n    throw Error(\"html-utils getElementByDataIndex, container is null\");\n  }\n  const element = container?.querySelector(\n    `[data-index=\"${index}\"]`,\n  ) as HTMLElement;\n  if (element) {\n    return element;\n  } else if (throwIfNotFound) {\n    throw Error(\n      \"html-utils getElementByDataIndex, Item not found with data-index='${index}'\",\n    );\n  } else {\n    return undefined;\n  }\n}\n\nexport const focusFirstFocusableElement = (\n  el: HTMLElement | null,\n  tabIndex?: number,\n) => {\n  // TODO test el for focusable\n  requestAnimationFrame(() => {\n    const focusableElement = getFocusableElement(el, tabIndex);\n    if (focusableElement) {\n      focusableElement.focus();\n    }\n  });\n};\n\nexport const isSelectableElement = (el?: HTMLElement | null) => {\n  const item = el?.closest(\"[data-index]\") as HTMLElement;\n  if (\n    !item ||\n    item.ariaDisabled ||\n    item.dataset.selectable === \"false\" ||\n    item.querySelector('[data-selectable=\"false\"],[aria-disabled=\"true\"]')\n  ) {\n    return false;\n  } else {\n    return true;\n  }\n};\n\nexport const isInputElement = (\n  el: HTMLElement | EventTarget | null,\n): el is HTMLInputElement => {\n  if (el === null) {\n    return false;\n  } else {\n    return (el as HTMLElement).tagName === \"INPUT\";\n  }\n};\n\nexport const isDateInput = (\n  el: HTMLElement | EventTarget | null,\n): el is HTMLInputElement =>\n  isInputElement(el) && el.classList.contains(\"saltDateInput-input\");\n\nexport const hasOpenOptionList = (el: HTMLElement | EventTarget | null) => {\n  if (el !== null) {\n    return (el as HTMLElement).ariaExpanded === \"true\";\n  }\n};\n\nlet size: number;\n\nexport function getScrollbarSize() {\n  if (size === undefined) {\n    let outer: HTMLElement | null = document.createElement(\"div\");\n    outer.className = \"scrollable-content\";\n    outer.style.width = \"50px\";\n    outer.style.height = \"50px\";\n    outer.style.overflowY = \"scroll\";\n    outer.style.position = \"absolute\";\n    outer.style.top = \"-200px\";\n    outer.style.left = \"-200px\";\n    const inner = document.createElement(\"div\");\n    inner.style.height = \"100px\";\n    inner.style.width = \"100%\";\n    outer.appendChild(inner);\n    document.body.appendChild(outer);\n    const outerWidth = outer.offsetWidth;\n    const innerWidth = inner.offsetWidth;\n    document.body.removeChild(outer);\n    size = outerWidth - innerWidth;\n    outer = null;\n  }\n\n  return size;\n}\n\nexport type MouseEventTypes = \"dblclick\" | \"click\";\nexport type KeyboardEventTypes = \"keydown\" | \"keypress\" | \"keyup\";\n\nexport const dispatchMouseEvent = (el: HTMLElement, type: MouseEventTypes) => {\n  const evt = new MouseEvent(type, {\n    view: window,\n    bubbles: true,\n    cancelable: true,\n  });\n  el.dispatchEvent(evt);\n};\nexport const dispatchKeyboardEvent = (\n  el: HTMLElement,\n  type: KeyboardEventTypes,\n  key: string,\n) => {\n  const evt = new KeyboardEvent(type, {\n    key,\n    view: window,\n    bubbles: true,\n    cancelable: true,\n  });\n  el.dispatchEvent(evt);\n};\n\nexport type VuuDomEventType = \"vuu-commit\" | \"vuu-dropped\";\n\nexport const dispatchCustomEvent = (el: HTMLElement, type: VuuDomEventType) => {\n  const evt = new Event(type, {\n    bubbles: true,\n    cancelable: true,\n  });\n  el.dispatchEvent(evt);\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-utils/src/index.js

@@ -0,0 +1,70 @@
+export { useSortable } from '../../../node_modules/@dnd-kit/react/sortable.js';
+export { DragDropProvider, DragOverlay } from '@dnd-kit/react';
+export { KeyboardSensor, PointerSensor } from '../../../node_modules/@dnd-kit/dom/index.js';
+export { RestrictToHorizontalAxis } from '../../../node_modules/@dnd-kit/abstract/modifiers.js';
+export { getAddedItems, getMissingItems, itemsChanged, itemsOrOrderChanged, moveItem, moveItemDeprecated, partition } from './array-utils.js';
+export { boxContainsPoint, getCenteredBox, getPositionWithinBox, isGridLayoutSplitDirection, pointPositionWithinRect } from './box-utils.js';
+export { AggregationType, addColumnToSubscribedColumns, applyDefaultColumnConfig, applyGroupByToColumns, applyRuntimeColumnWidthsToConfig, applySortToColumns, applyWidthToColumns, buildColumnMap, checkConfirmationPending, dataAndColumnUnchanged, dataColumnAndKeyUnchanged, dataSourceRowToDataRowDto, existingSort, extractGroupColumn, findColumn, flattenColumnGroup, fromServerDataType, getCalculatedColumnDetails, getColumnLabel, getColumnName, getColumnStyle, getColumnsInViewport, getDefaultAlignment, getDefaultColumnType, getGroupIcon, getGroupValue, getRuntimeColumnWidth, getTableHeadings, getTypeFormattingFromColumn, hasCustomRenderer, hasHeadings, hasValidationRules, isCalculatedColumn, isColumnTypeRenderer, isDataLoading, isDateTimeDataValue, isGroupColumn, isJsonAttribute, isJsonColumn, isJsonGroup, isLookupRenderer, isMappedValueTypeRenderer, isNotHidden, isNumericColumn, isPinned, isResizing, isStringColumn, isTextColumn, isTypeDescriptor, isValidColumnAlignment, isValidPinLocation, isValueListRenderer, isVuuColumnDataType, mapSortCriteria, measurePinnedColumns, metadataKeys, moveColumnTo, projectUpdates, removeSort, reorderColumnItems, replaceColumn, setAggregations, setCalculatedColumnExpression, setCalculatedColumnName, setCalculatedColumnType, sortPinnedColumns, subscribedOnly, toColumnDescriptor, toColumnName, toDataSourceColumns, updateColumn, updateColumnFormatting, updateColumnRenderProps, updateColumnType, visibleColumnAtIndex } from './column-utils.js';
+export { getCookieValue } from './cookie-utils.js';
+export { getCellConfigPanelRenderer, getCellRenderer, getCellRendererOptions, getColumnHeaderContentRenderer, getColumnHeaderLabelRenderer, getConfigurationEditor, getEditRuleValidator, getLayoutComponent, getRegisteredCellRenderers, getRowClassNameGenerator, isContainer, isLayoutComponent, isView, registerComponent, registerConfigurationEditor } from './component-registry.js';
+export { DataWindow } from './DataWindow.js';
+export { MEASURES } from './common-types.js';
+export { importCSS } from './css-utils.js';
+export { DOWN1, DOWN2, UP1, UP2, asInteger, getMovingValueDirection, isValidNumber, numericTypeOfStringValue, shallowEquals, stringIsValidDecimal, stringIsValidInt, stringIsValidNumber } from './data-utils.js';
+export { BaseDataSource } from './datasource/BaseDataSource.js';
+export { isViewportMenusAction, isVisualLinkCreatedAction, isVisualLinkRemovedAction, isVisualLinksAction, isVuuFeatureAction } from './datasource/datasource-action-utils.js';
+export { combineFilters } from './datasource/datasource-filter-utils.js';
+export { NO_CONFIG_CHANGES, NoFilter, NoSort, dataSourceRowToEntity, hasBaseFilter, hasFilter, hasGroupBy, hasSort, isBaseFilterChanged, isConfigChanged, isConnectionQualityMetrics, isErrorResponse, isFilterChanged, isGroupByChanged, isTableSchemaMessage, isTypeaheadSuggestionProvider, isViewportMessage, isVisualLinkMessage, messageHasDataRows, messageHasResult, vanillaConfig, withConfigDefaults } from './datasource/datasource-utils.js';
+export { formatDate, getDateFormatter } from './date/formatter.js';
+export { dateTimeLabelByType, isDatePattern, isDateTimePattern, isTimePattern, supportedDateTimePatterns } from './date/types.js';
+export { toCalendarDate } from './date/date-utils.js';
+export { dateTimePattern, defaultPatternsByType, fallbackDateTimePattern } from './date/dateTimePattern.js';
+export { RangeMonitor } from './debug-utils.js';
+export { FilterAggregator, applyFilterToColumns, extractFilterForColumn, isAndFilter, isCompleteFilter, isFilterClause, isFilteredColumn, isInFilter, isMultiClauseFilter, isMultiValueFilter, isNamedFilter, isOrFilter, isSingleValueFilter, isValidFilterClauseOp, stripFilterFromColumns } from './filters/filter-utils.js';
+export { dateFilterAsQuery, filterAsQuery, removeColumnFromFilter } from './filters/filterAsQuery.js';
+export { createEl, dispatchCustomEvent, dispatchKeyboardEvent, dispatchMouseEvent, focusFirstFocusableElement, getClosest, getClosestIndexItem, getElementByDataIndex, getElementDataIndex, getFocusableElement, getScrollbarSize, hasOpenOptionList, isDateInput, isInputElement, isSelectableElement, queryClosest } from './html-utils.js';
+export { EventEmitter } from './event-emitter.js';
+export { assertComponentRegistered, assertComponentsRegistered, byModule, env, featureFromJson, getCustomAndTableFeatures, getFilterTableFeatures, hasFilterTableFeatureProps, isCustomFeature, isSameTable, isStaticFeatures, isVuuTables, isWildcardSchema } from './feature-utils.js';
+export { getFieldName, getTypedValue, isNumber } from './form-utils.js';
+export { defaultValueFormatter, getValueFormatter, lowerCase, numericFormatter } from './formatting-utils.js';
+export { getUniqueId } from './getUniqueId.js';
+export { addGroupColumn, getGroupStatus, removeGroupColumn } from './group-utils.js';
+export { isCharacterKey, isQuoteKey } from './input-utils.js';
+export { invariant } from './invariant.js';
+export { itemToString } from './itemToString.js';
+export { jsonToDataSourceRows } from './json-utils.js';
+export { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, End, Enter, Escape, Home, PageDown, PageUp, Space, Tab, isArrowKey } from './keyboard-utils.js';
+export { KeySet } from './keyset.js';
+export { getSelectedOption } from './list-utils.js';
+export { getAllLocalEntity, getLocalEntity, saveLocalEntity } from './local-storage-utils.js';
+export { getLoggingConfigForWorker, logUnhandledMessage, logger } from './logging-utils.js';
+export { hasShowNotificationAction, isGroupMenuItemDescriptor, isOpenBulkEditResponse } from './menu-utils.js';
+export { isModule } from './module-utils.js';
+export { MovingWindow } from './moving-window.js';
+export { uuid } from './nanoid/index.js';
+export { asReactElements, isSimpleStateValue, useIsMounted } from './react-utils.js';
+export { roundDecimal } from './round-decimal.js';
+export { debounce, throttle } from './perf-utils.js';
+export { DeferredPromise } from './promise-utils.js';
+export { isActionMessage, isEditCellRequest, isOpenDialogAction, isOpenSessionTableDialogMessage, isRequestResponse, isRpcSuccess, isSessionTable, isSessionTableActionMessage, isViewportRpcRequest, isVuuMenuRpcRequest, viewportRpcRequest, vuuAddRowRequest, vuuDeleteRowRequest, vuuEditCellRequest } from './protocol-message-utils.js';
+export { NULL_RANGE, Range, WindowRange, getFullRange, rangeNewItems, withinRange } from './range-utils.js';
+export { actualRowPositioning, asDataSourceRowObject, virtualRowPositioning } from './row-utils.js';
+export { RowSelected, deselectItem, expandSelection, getSelectionStatus, isRowSelected, isRowSelectedLast, isSelected, selectItem, selectionCount } from './selection-utils.js';
+export { VuuShellLocation } from './shell-layout-types.js';
+export { addSortColumn, getSortStatus, setSortColumn, toggleOrApplySort } from './sort-utils.js';
+export { getVuuTable } from './table-schema-utils.js';
+export { lastWord, wordify } from './text-utils.js';
+export { NO_DATA_MATCH } from './typeahead-utils.js';
+export { dropLastPathSegment, getParentRow, lastPathSegment, missingAncestor, treeToDataSourceRows } from './tree-utils.js';
+export { DEFAULT_DENSITY, DEFAULT_THEME, DEFAULT_THEME_MODE, ThemeContext, ThemeProvider, useThemeAttributes } from './ThemeProvider.js';
+export { elementImplementsJSONSerialization, isNotNullOrUndefined, isObject } from './ts-utils.js';
+export { getUrlParameter, hasUrlParameter } from './url-utils.js';
+export { useId } from './useId.js';
+export { useStateRef } from './useStateRef.js';
+export { useLayoutEffectSkipFirst } from './useLayoutEffectSkipFirst.js';
+export { ShellContext, useShellContext } from './ShellContext.js';
+export { DataContext } from './context-definitions/DataContext.js';
+export { DataProvider, useData, useDataSourceExtensions } from './context-definitions/DataProvider.js';
+export { DataSourceProvider, useDataSource } from './context-definitions/DataSourceProvider.js';
+export { WorkspaceContext, usePlaceholderJSON } from './context-definitions/WorkspaceContext.js';
+//# sourceMappingURL=index.js.map

package/esm/packages/vuu-utils/src/index.js.map

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

package/esm/packages/vuu-utils/src/input-utils.js

@@ -0,0 +1,7 @@
+const isCharacterKey = (key) => key.length === 1;
+const isQuoteKey = (evt) => {
+  return evt.key === '"' || evt.key === "'";
+};
+
+export { isCharacterKey, isQuoteKey };
+//# sourceMappingURL=input-utils.js.map

package/esm/packages/vuu-utils/src/input-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-utils.js","sources":["../../../../src/input-utils.ts"],"sourcesContent":["export const isCharacterKey = (key: string) => key.length === 1;\n\nexport const isQuoteKey = (evt: KeyboardEvent) => {\n  return evt.key === '\"' || evt.key === \"'\";\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAiB,GAAA,CAAC,GAAgB,KAAA,GAAA,CAAI,MAAW,KAAA;AAEjD,MAAA,UAAA,GAAa,CAAC,GAAuB,KAAA;AAChD,EAAA,OAAO,GAAI,CAAA,GAAA,KAAQ,GAAO,IAAA,GAAA,CAAI,GAAQ,KAAA,GAAA;AACxC;;;;"}

package/esm/packages/vuu-utils/src/invariant.js

@@ -0,0 +1,11 @@
+function invariant(condition, message) {
+  if (!condition) {
+    const error = new Error(message);
+    error.name = "Invariant Violation";
+    error.framesToPop = 1;
+    throw error;
+  }
+}
+
+export { invariant };
+//# sourceMappingURL=invariant.js.map

package/esm/packages/vuu-utils/src/invariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invariant.js","sources":["../../../../src/invariant.ts"],"sourcesContent":["export function invariant(condition: boolean, message: string) {\n  if (!condition) {\n    const error = new Error(message);\n    error.name = \"Invariant Violation\";\n    // TODO what is framesToPop?\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    error.framesToPop = 1; // we don't care about invariant's own frame\n    throw error;\n  }\n}\n"],"names":[],"mappings":"AAAgB,SAAA,SAAA,CAAU,WAAoB,OAAiB,EAAA;AAC7D,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAA,CAAM,OAAO,CAAA;AAC/B,IAAA,KAAA,CAAM,IAAO,GAAA,qBAAA;AAIb,IAAA,KAAA,CAAM,WAAc,GAAA,CAAA;AACpB,IAAM,MAAA,KAAA;AAAA;AAEV;;;;"}

package/esm/packages/vuu-utils/src/itemToString.js

@@ -0,0 +1,21 @@
+const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
+function itemToString(item) {
+  if (typeof item === "string") {
+    return item;
+  } else if (!isPlainObject(item)) {
+    return String(item);
+  }
+  if (Object.prototype.hasOwnProperty.call(item, "label")) {
+    return String(item.label);
+  }
+  console.warn(
+    [
+      "itemToString: you've likely forgotten to set the label prop on the item object.",
+      "You can also provide your own `itemToString` implementation."
+    ].join("\n")
+  );
+  return "";
+}
+
+export { itemToString };
+//# sourceMappingURL=itemToString.js.map

package/esm/packages/vuu-utils/src/itemToString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemToString.js","sources":["../../../../src/itemToString.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ItemToStringFunction = (item: any) => string;\n\nconst isPlainObject = (obj: unknown) =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n\nexport function itemToString(item: unknown): string {\n  if (typeof item === \"string\") {\n    return item;\n  } else if (!isPlainObject(item)) {\n    return String(item);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(item, \"label\")) {\n    return String((item as { label?: string }).label);\n  }\n\n  console.warn(\n    [\n      \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n      \"You can also provide your own `itemToString` implementation.\",\n    ].join(\"\\n\")\n  );\n\n  return \"\";\n}\n"],"names":[],"mappings":"AAGA,MAAM,aAAA,GAAgB,CAAC,GACrB,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA,iBAAA;AAEnC,SAAS,aAAa,IAAuB,EAAA;AAClD,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA,GACE,MAAA,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AAC/B,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA;AAGpB,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAQ,KAA4B,KAAK,CAAA;AAAA;AAGlD,EAAQ,OAAA,CAAA,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA;AAAA,KACF,CAAE,KAAK,IAAI;AAAA,GACb;AAEA,EAAO,OAAA,EAAA;AACT;;;;"}

package/esm/packages/vuu-utils/src/json-utils.js

@@ -0,0 +1,101 @@
+import { metadataKeys } from './column-utils.js';
+
+const { COUNT } = metadataKeys;
+const isJsonData = (value) => typeof value === "object" && value !== null;
+const vuuRowDataItemTypes = ["boolean", "number", "string"];
+const isVuuRowDataItem = (value) => vuuRowDataItemTypes.includes(typeof value);
+const getCellValue = (attribute, attributeValue) => {
+  if (Array.isArray(attributeValue)) {
+    return {
+      attribute: `${attribute}[`,
+      attributeValue: "",
+      isLeaf: false
+    };
+  } else if (isJsonData(attributeValue)) {
+    return {
+      attribute: `${attribute}{`,
+      attributeValue: "",
+      isLeaf: false
+    };
+  } else if (attributeValue === void 0) {
+    return {
+      attribute,
+      attributeValue: "undefined",
+      isLeaf: true
+    };
+  } else if (isVuuRowDataItem(attributeValue)) {
+    return {
+      attribute,
+      attributeValue,
+      isLeaf: true
+    };
+  } else {
+    throw Error(`unsupported type ${typeof attributeValue} in JSON`);
+  }
+};
+const jsonColumnType = {
+  name: "json",
+  renderer: {
+    name: "json"
+  }
+};
+const jsonToDataSourceRows = (json) => {
+  const cols = [];
+  cols.push(
+    {
+      className: "vuuJsonCell",
+      name: "Level 1",
+      type: jsonColumnType
+    },
+    {
+      className: "vuuJsonCell",
+      name: "Level 2",
+      type: jsonColumnType
+    }
+  );
+  const rows = [];
+  addChildValues(rows, json, cols);
+  return [cols, rows];
+};
+const addChildValues = (rows, json, cols, index = { value: 0 }, keyBase = "$root", depth = 0) => {
+  let leafCount = 0;
+  let rowCount = 0;
+  if (depth === cols.length - 1) {
+    cols.push({
+      className: "vuuJsonCell",
+      name: `Level ${cols.length + 1}`,
+      hidden: true,
+      type: jsonColumnType
+    });
+  }
+  const columnEntries = Object.entries(json);
+  for (let i = 0; i < columnEntries.length; i++, index.value += 1) {
+    const [key, value] = columnEntries[i];
+    const { attribute, attributeValue, isLeaf } = getCellValue(key, value);
+    const blanks = Array(depth).fill("");
+    const fullKey = `${keyBase}|${key}`;
+    const row = [index.value, index.value, isLeaf, false, depth, 0, fullKey, 0, ...blanks, attribute, attributeValue];
+    rows.push(row);
+    rowCount += 1;
+    if (isJsonData(value)) {
+      const [nestedLeafCount, nestedRowCount] = addChildValues(
+        rows,
+        value,
+        cols,
+        { value: index.value + 1 },
+        fullKey,
+        depth + 1
+      );
+      row[COUNT] = nestedLeafCount;
+      leafCount += nestedLeafCount;
+      rowCount += nestedRowCount;
+      index.value += nestedRowCount;
+    } else {
+      leafCount += 1;
+    }
+  }
+  return [leafCount, rowCount];
+};
+
+export { jsonToDataSourceRows };
+//# sourceMappingURL=json-utils.js.map

package/esm/packages/vuu-utils/src/json-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-utils.js","sources":["../../../../src/json-utils.ts"],"sourcesContent":["import { DataSourceRow } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  DataValueTypeDescriptor,\n} from \"@vuu-ui/vuu-table-types\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { metadataKeys } from \"./column-utils\";\n\nconst { COUNT } = metadataKeys;\n\nexport type JsonData =\n  | {\n      [key: string]: unknown;\n    }\n  | JsonData[];\n\ntype Index = { value: number };\n\ntype CellValue = {\n  attribute: string;\n  attributeValue: JsonData | VuuRowDataItemType | null;\n  isLeaf: boolean;\n};\n\nconst isJsonData = (value: unknown): value is JsonData =>\n  typeof value === \"object\" && value !== null;\n\nconst vuuRowDataItemTypes = [\"boolean\", \"number\", \"string\"];\nconst isVuuRowDataItem = (value: unknown): value is VuuRowDataItemType =>\n  vuuRowDataItemTypes.includes(typeof value);\n\nconst getCellValue = (\n  attribute: string,\n  attributeValue: unknown,\n): CellValue => {\n  if (Array.isArray(attributeValue)) {\n    return {\n      attribute: `${attribute}[`,\n      attributeValue: \"\",\n      isLeaf: false,\n    };\n  } else if (isJsonData(attributeValue)) {\n    return {\n      attribute: `${attribute}{`,\n      attributeValue: \"\",\n      isLeaf: false,\n    };\n  } else if (attributeValue === undefined) {\n    return {\n      attribute,\n      attributeValue: \"undefined\",\n      isLeaf: true,\n    };\n  } else if (isVuuRowDataItem(attributeValue)) {\n    return {\n      attribute,\n      attributeValue,\n      isLeaf: true,\n    };\n  } else {\n    throw Error(`unsupported type ${typeof attributeValue} in JSON`);\n  }\n};\n\nconst jsonColumnType: DataValueTypeDescriptor = {\n  name: \"json\",\n  renderer: {\n    name: \"json\",\n  },\n};\n\nexport const jsonToDataSourceRows = (\n  json: JsonData,\n): [ColumnDescriptor[], DataSourceRow[]] => {\n  const cols: ColumnDescriptor[] = [];\n\n  cols.push(\n    {\n      className: \"vuuJsonCell\",\n      name: \"Level 1\",\n      type: jsonColumnType,\n    },\n    {\n      className: \"vuuJsonCell\",\n      name: \"Level 2\",\n      type: jsonColumnType,\n    },\n  );\n\n  const rows: DataSourceRow[] = [];\n\n  addChildValues(rows, json, cols);\n  return [cols, rows];\n};\n\nconst addChildValues = (\n  rows: DataSourceRow[],\n  json: JsonData,\n  cols: ColumnDescriptor[],\n  index: Index = { value: 0 },\n  keyBase = \"$root\",\n  depth = 0,\n): [number, number] => {\n  let leafCount = 0;\n  let rowCount = 0;\n  if (depth === cols.length - 1) {\n    cols.push({\n      className: \"vuuJsonCell\",\n      name: `Level ${cols.length + 1}`,\n      hidden: true,\n      type: jsonColumnType,\n    });\n  }\n  const columnEntries = Object.entries(json);\n  for (let i = 0; i < columnEntries.length; i++, index.value += 1) {\n    const [key, value] = columnEntries[i];\n    const { attribute, attributeValue, isLeaf } = getCellValue(key, value);\n    const blanks = Array(depth).fill(\"\");\n    const fullKey = `${keyBase}|${key}`;\n    // prettier-ignore\n    const row = [index.value, index.value, isLeaf,false,depth,0,fullKey,0, ...blanks, attribute, attributeValue ] as DataSourceRow\n    rows.push(row);\n    rowCount += 1;\n\n    if (isJsonData(value)) {\n      const [nestedLeafCount, nestedRowCount] = addChildValues(\n        rows,\n        value,\n        cols,\n        { value: index.value + 1 },\n        fullKey,\n        depth + 1,\n      );\n      row[COUNT] = nestedLeafCount;\n      leafCount += nestedLeafCount;\n      rowCount += nestedRowCount;\n      index.value += nestedRowCount;\n    } else {\n      leafCount += 1;\n    }\n  }\n\n  return [leafCount, rowCount];\n};\n"],"names":[],"mappings":"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"}

package/esm/packages/vuu-utils/src/keyboard-utils.js

@@ -0,0 +1,16 @@
+const ArrowUp = "ArrowUp";
+const ArrowDown = "ArrowDown";
+const ArrowLeft = "ArrowLeft";
+const ArrowRight = "ArrowRight";
+const Enter = "Enter";
+const Escape = "Escape";
+const Home = "Home";
+const End = "End";
+const PageUp = "PageUp";
+const PageDown = "PageDown";
+const Space = " ";
+const Tab = "Tab";
+const isArrowKey = (key) => key === "ArrowUp" || key === "ArrowDown" || key === "ArrowLeft" || key === "ArrowRight";
+
+export { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, End, Enter, Escape, Home, PageDown, PageUp, Space, Tab, isArrowKey };
+//# sourceMappingURL=keyboard-utils.js.map

package/esm/packages/vuu-utils/src/keyboard-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-utils.js","sources":["../../../../src/keyboard-utils.ts"],"sourcesContent":["export const ArrowUp = \"ArrowUp\";\nexport const ArrowDown = \"ArrowDown\";\nexport const ArrowLeft = \"ArrowLeft\";\nexport const ArrowRight = \"ArrowRight\";\nexport const Enter = \"Enter\";\nexport const Escape = \"Escape\";\nexport const Home = \"Home\";\nexport const End = \"End\";\nexport const PageUp = \"PageUp\";\nexport const PageDown = \"PageDown\";\nexport const Space = \" \";\nexport const Tab = \"Tab\";\n\nexport type ArrowKey = \"ArrowUp\" | \"ArrowDown\" | \"ArrowLeft\" | \"ArrowRight\";\nexport type PageKey = \"Home\" | \"End\" | \"PageUp\" | \"PageDown\";\n\nexport const isArrowKey = (key: string): key is ArrowKey =>\n  key === \"ArrowUp\" ||\n  key === \"ArrowDown\" ||\n  key === \"ArrowLeft\" ||\n  key === \"ArrowRight\";\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;AAChB,MAAM,SAAY,GAAA;AAClB,MAAM,SAAY,GAAA;AAClB,MAAM,UAAa,GAAA;AACnB,MAAM,KAAQ,GAAA;AACd,MAAM,MAAS,GAAA;AACf,MAAM,IAAO,GAAA;AACb,MAAM,GAAM,GAAA;AACZ,MAAM,MAAS,GAAA;AACf,MAAM,QAAW,GAAA;AACjB,MAAM,KAAQ,GAAA;AACd,MAAM,GAAM,GAAA;AAKN,MAAA,UAAA,GAAa,CAAC,GACzB,KAAA,GAAA,KAAQ,aACR,GAAQ,KAAA,WAAA,IACR,GAAQ,KAAA,WAAA,IACR,GAAQ,KAAA;;;;"}

package/esm/packages/vuu-utils/src/keyset.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const EMPTY = [];
+class KeySet {
+  constructor(range) {
+    __publicField(this, "keys", /* @__PURE__ */ new Map());
+    __publicField(this, "nextKeyValue", 0);
+    __publicField(this, "range");
+    this.range = range;
+    this.init(range);
+  }
+  next(free = EMPTY) {
+    if (free.length > 0) {
+      return free.shift();
+    } else {
+      return this.nextKeyValue++;
+    }
+  }
+  init({ from, to }) {
+    this.keys.clear();
+    this.nextKeyValue = 0;
+    for (let rowIndex = from; rowIndex < to; rowIndex++) {
+      const nextKeyValue = this.next();
+      this.keys.set(rowIndex, nextKeyValue);
+    }
+    return true;
+  }
+  reset(range) {
+    const { from, to } = range;
+    const newSize = to - from;
+    const currentSize = this.range.to - this.range.from;
+    this.range = range;
+    if (currentSize > newSize) {
+      return this.init(range);
+    }
+    const freeKeys = [];
+    this.keys.forEach((keyValue, rowIndex) => {
+      if (rowIndex < from || rowIndex >= to) {
+        freeKeys.push(keyValue);
+        this.keys.delete(rowIndex);
+      }
+    });
+    for (let rowIndex = from; rowIndex < to; rowIndex++) {
+      if (!this.keys.has(rowIndex)) {
+        const nextKeyValue = this.next(freeKeys);
+        this.keys.set(rowIndex, nextKeyValue);
+      }
+    }
+    return false;
+  }
+  keyFor(rowIndex) {
+    const key = this.keys.get(rowIndex);
+    if (key === void 0) {
+      console.log(`key not found
+        keys: ${this.toDebugString()}
+      `);
+      throw Error(`KeySet, no key found for rowIndex ${rowIndex}`);
+    }
+    return key;
+  }
+  toDebugString() {
+    return `${this.keys.size} keys
+${Array.from(this.keys.entries()).sort(([key1], [key2]) => key1 - key2).map(([k, v]) => `${k}=>${v}`).join(",")}]
+`;
+  }
+}
+
+export { KeySet };
+//# sourceMappingURL=keyset.js.map