@vuu-ui/vuu-utils 0.8.23-debug → 0.8.24-debug

package/cjs/index.js

@@ -51,6 +51,7 @@ __export(src_exports, {
   Home: () => Home,
   KeySet: () => KeySet,
   MEASURES: () => MEASURES,
+  NO_CONFIG_CHANGES: () => NO_CONFIG_CHANGES,
   NULL_RANGE: () => NULL_RANGE,
   NoFilter: () => NoFilter,
   NoSort: () => NoSort,
@@ -79,10 +80,9 @@ __export(src_exports, {
   assertModuleExportsAtLeastOneComponent: () => assertModuleExportsAtLeastOneComponent,
   boxContainsPoint: () => boxContainsPoint,
   buildColumnMap: () => buildColumnMap,
-  columnsChanged: () => columnsChanged,
-  configChanged: () => configChanged,
   createEl: () => createEl,
   dataAndColumnUnchanged: () => dataAndColumnUnchanged,
+  dataColumnAndKeyUnchanged: () => dataColumnAndKeyUnchanged,
   dateTimePattern: () => dateTimePattern,
   debounce: () => debounce,
   defaultPatternsByType: () => defaultPatternsByType,
@@ -95,7 +95,6 @@ __export(src_exports, {
   extractGroupColumn: () => extractGroupColumn,
   fallbackDateTimePattern: () => fallbackDateTimePattern,
   filterAsQuery: () => filterAsQuery,
-  filterChanged: () => filterChanged,
   findColumn: () => findColumn,
   flattenColumnGroup: () => flattenColumnGroup,
   focusFirstFocusableElement: () => focusFirstFocusableElement,
@@ -134,6 +133,7 @@ __export(src_exports, {
   getMissingItems: () => getMissingItems,
   getMovingValueDirection: () => getMovingValueDirection,
   getRegisteredCellRenderers: () => getRegisteredCellRenderers,
+  getRowClassNameGenerator: () => getRowClassNameGenerator,
   getRowElementAtIndex: () => getRowElementAtIndex,
   getRowRecord: () => getRowRecord,
   getScrollbarSize: () => getScrollbarSize,
@@ -143,7 +143,6 @@ __export(src_exports, {
   getUniqueId: () => getUniqueId,
   getUrlParameter: () => getUrlParameter,
   getValueFormatter: () => getValueFormatter,
-  groupByChanged: () => groupByChanged,
   hasAction: () => hasAction,
   hasFilter: () => hasFilter,
   hasGroupBy: () => hasGroupBy,
@@ -157,14 +156,17 @@ __export(src_exports, {
   isCharacterKey: () => isCharacterKey,
   isColumnTypeRenderer: () => isColumnTypeRenderer,
   isCompleteFilter: () => isCompleteFilter,
+  isConfigChanged: () => isConfigChanged,
   isConnectionQualityMetrics: () => isConnectionQualityMetrics,
   isConnectionStatusMessage: () => isConnectionStatusMessage,
   isDataLoading: () => isDataLoading,
   isDateTimeColumn: () => isDateTimeColumn,
   isDateTimePattern: () => isDateTimePattern,
   isErrorResponse: () => isErrorResponse,
+  isFilterChanged: () => isFilterChanged,
   isFilterClause: () => isFilterClause,
   isFilteredColumn: () => isFilteredColumn,
+  isGroupByChanged: () => isGroupByChanged,
   isGroupColumn: () => isGroupColumn,
   isGroupMenuItemDescriptor: () => isGroupMenuItemDescriptor,
   isInFilter: () => isInFilter,
@@ -203,6 +205,7 @@ __export(src_exports, {
   isVisualLinkCreatedAction: () => isVisualLinkCreatedAction,
   isVisualLinkRemovedAction: () => isVisualLinkRemovedAction,
   isVisualLinksAction: () => isVisualLinksAction,
+  isVuuColumnDataType: () => isVuuColumnDataType,
   isVuuFeatureAction: () => isVuuFeatureAction,
   itemToString: () => itemToString,
   itemsChanged: () => itemsChanged,
@@ -220,6 +223,7 @@ __export(src_exports, {
   numericFormatter: () => numericFormatter,
   partition: () => partition,
   projectUpdates: () => projectUpdates,
+  queryClosest: () => queryClosest,
   rangeNewItems: () => rangeNewItems,
   rangesAreSame: () => rangesAreSame,
   registerComponent: () => registerComponent,
@@ -468,6 +472,15 @@ var numericTypes = ["int", "long", "double"];
 var getDefaultAlignment = (serverDataType) => serverDataType === void 0 ? "left" : numericTypes.includes(serverDataType) ? "right" : "left";
 var isValidColumnAlignment = (v) => v === "left" || v === "right";
 var isValidPinLocation = (v) => isValidColumnAlignment(v) || v === "floating" || v === "";
+var VUU_COLUMN_DATA_TYPES = [
+  "long",
+  "double",
+  "int",
+  "string",
+  "char",
+  "boolean"
+];
+var isVuuColumnDataType = (value) => VUU_COLUMN_DATA_TYPES.includes(value);
 var fromServerDataType = (serverDataType) => {
   switch (serverDataType) {
     case "double":
@@ -532,6 +545,7 @@ function projectUpdates(updates) {
   }
   return results;
 }
+var KEY = 6;
 var metadataKeys = {
   IDX: 0,
   RENDER_IDX: 1,
@@ -539,7 +553,7 @@ var metadataKeys = {
   IS_EXPANDED: 3,
   DEPTH: 4,
   COUNT: 5,
-  KEY: 6,
+  KEY,
   SELECTED: 7,
   count: 8,
   // TODO following only used in datamodel
@@ -1222,6 +1236,7 @@ function applyWidthToColumns(columns, options) {
   return columns;
 }
 var dataAndColumnUnchanged = (p, p1) => p.column === p1.column && p.column.valueFormatter(p.row[p.columnMap[p.column.name]]) === p1.column.valueFormatter(p1.row[p1.columnMap[p1.column.name]]);
+var dataColumnAndKeyUnchanged = (p, p1) => p.column === p1.column && p.row[KEY] === p1.row[KEY] && p.column.valueFormatter(p.row[p.columnMap[p.column.name]]) === p1.column.valueFormatter(p1.row[p1.columnMap[p1.column.name]]);
 
 // src/cookie-utils.ts
 var getCookieValue = (name) => {
@@ -1238,6 +1253,7 @@ var configEditorsMap = /* @__PURE__ */ new Map();
 var cellConfigPanelsMap = /* @__PURE__ */ new Map();
 var editRuleValidatorsMap = /* @__PURE__ */ new Map();
 var optionsMap = /* @__PURE__ */ new Map();
+var rowClassGeneratorsMap = /* @__PURE__ */ new Map();
 var isTypeCompatible = (rendererType, serverDataType) => {
   if (rendererType === void 0 || rendererType === "private") {
     return true;
@@ -1247,11 +1263,12 @@ var isTypeCompatible = (rendererType, serverDataType) => {
     return rendererType === serverDataType;
   }
 };
-var isCellRenderer = (type, component) => type === "cell-renderer";
+var isCellRenderer = (type, component) => component !== void 0 && type === "cell-renderer";
 var isColumnHeaderContentRenderer = (type, component) => type === "column-header-content-renderer";
 var isColumnHeaderLabelRenderer = (type, component) => type === "column-header-label-renderer";
 var isCellConfigPanel = (type, component) => type === "cell-config-panel";
 var isEditRuleValidator = (type, component) => type === "data-edit-validator";
+var isRowClassGenerator = (type, component) => type === "row-class-generator";
 function registerComponent(componentName, component, type = "cell-renderer", options) {
   if (isCellRenderer(type, component)) {
     cellRenderersMap.set(componentName, component);
@@ -1263,6 +1280,9 @@ function registerComponent(componentName, component, type = "cell-renderer", opt
     cellConfigPanelsMap.set(componentName, component);
   } else if (isEditRuleValidator(type, component)) {
     editRuleValidatorsMap.set(componentName, component);
+  } else if (isRowClassGenerator(type, component)) {
+    console.log(`register ${componentName}`);
+    rowClassGeneratorsMap.set(componentName, component);
   }
   if (options) {
     optionsMap.set(componentName, options);
@@ -1276,7 +1296,7 @@ var getRegisteredCellRenderers = (serverDataType) => {
   const allRenderers = rendererNames.map((name) => ({
     name,
     ...optionsMap.get(name)
-  }));
+  })).filter(({ userCanAssign }) => userCanAssign !== false);
   if (serverDataType) {
     return allRenderers.filter(
       (renderer) => isTypeCompatible(renderer.serverDataType, serverDataType)
@@ -1299,6 +1319,7 @@ function getColumnHeaderLabelRenderer(column) {
     return columnHeaderRenderersMap.get(column.colHeaderLabelRenderer);
   }
 }
+var getRowClassNameGenerator = (generatorId) => rowClassGeneratorsMap.get(generatorId);
 function dataCellRenderer(column) {
   if (isTypeDescriptor(column.type)) {
     const { renderer } = column.type;
@@ -1387,7 +1408,7 @@ var WindowRange = class _WindowRange {
 };
 
 // src/DataWindow.ts
-var { KEY } = metadataKeys;
+var { KEY: KEY2 } = metadataKeys;
 var DataWindow = class {
   constructor({ from, to }) {
     this.rowCount = 0;
@@ -1416,7 +1437,7 @@ var DataWindow = class {
     return this.range.isWithin(index) && this.data[index - this.range.from] != null ? this.data[index - this.range.from] : void 0;
   }
   getByKey(key) {
-    return this.data.find((row) => row[KEY] === key);
+    return this.data.find((row) => row[KEY2] === key);
   }
   isWithinRange(index) {
     return this.range.isWithin(index) && index <= this.rowCount;
@@ -1544,7 +1565,7 @@ var exactlyTheSame = (a, b) => {
     return false;
   }
 };
-var aggregationsChanged = (config, newConfig) => {
+var isAggregationsChanged = (config, newConfig) => {
   const { aggregations: agg1 } = config;
   const { aggregations: agg2 } = newConfig;
   if (exactlyTheSame(agg1, agg2) || equivalentAggregations(config, newConfig)) {
@@ -1558,7 +1579,7 @@ var aggregationsChanged = (config, newConfig) => {
     ({ column, aggType }, i) => column !== agg2[i].column || aggType !== agg2[i].aggType
   );
 };
-var columnsChanged = (config, newConfig) => {
+var isColumnsChanged = (config, newConfig) => {
   const { columns: cols1 } = config;
   const { columns: cols2 } = newConfig;
   if (exactlyTheSame(cols1, cols2) || equivalentColumns(config, newConfig)) {
@@ -1570,7 +1591,7 @@ var columnsChanged = (config, newConfig) => {
   }
   return cols1.some((column, i) => column !== (cols2 == null ? void 0 : cols2[i]));
 };
-var filterChanged = (c1, c2) => {
+var isFilterChanged = (c1, c2) => {
   var _a, _b;
   if (equivalentFilter(c1, c2)) {
     return false;
@@ -1578,7 +1599,7 @@ var filterChanged = (c1, c2) => {
     return ((_a = c1.filter) == null ? void 0 : _a.filter) !== ((_b = c2.filter) == null ? void 0 : _b.filter);
   }
 };
-var groupByChanged = (config, newConfig) => {
+var isGroupByChanged = (config, newConfig) => {
   const { groupBy: g1 } = config;
   const { groupBy: g2 } = newConfig;
   if (exactlyTheSame(g1, g2) || equivalentGroupBy(config, newConfig)) {
@@ -1590,7 +1611,7 @@ var groupByChanged = (config, newConfig) => {
   }
   return g1.some((column, i) => column !== (g2 == null ? void 0 : g2[i]));
 };
-var sortChanged = (config, newConfig) => {
+var isSortChanged = (config, newConfig) => {
   const { sort: s1 } = config;
   const { sort: s2 } = newConfig;
   if (exactlyTheSame(s1, s2) || equivalentSort(config, newConfig)) {
@@ -1604,17 +1625,45 @@ var sortChanged = (config, newConfig) => {
     ({ column, sortType }, i) => column !== s2.sortDefs[i].column || sortType !== s2.sortDefs[i].sortType
   );
 };
-var visualLinkChanged = () => {
+var isVisualLinkChanged = () => {
   return false;
 };
-var configChanged = (config, newConfig) => {
+var NO_CONFIG_CHANGES = {
+  aggregationsChanged: false,
+  columnsChanged: false,
+  filterChanged: false,
+  groupByChanged: false,
+  noChanges: true,
+  sortChanged: false,
+  visualLinkChanged: false
+};
+var isConfigChanged = (config, newConfig) => {
   if (exactlyTheSame(config, newConfig)) {
-    return false;
-  }
-  if (config === void 0 || newConfig === void 0) {
-    return true;
-  }
-  return aggregationsChanged(config, newConfig) || columnsChanged(config, newConfig) || filterChanged(config, newConfig) || groupByChanged(config, newConfig) || sortChanged(config, newConfig) || visualLinkChanged(config, newConfig);
+    return NO_CONFIG_CHANGES;
+  }
+  if (config === void 0 && newConfig == void 0) {
+    return NO_CONFIG_CHANGES;
+  } else if (config === void 0) {
+    return isConfigChanged({}, newConfig);
+  } else if (newConfig === void 0) {
+    return isConfigChanged(config, {});
+  }
+  const aggregationsChanged = isAggregationsChanged(config, newConfig);
+  const columnsChanged = isColumnsChanged(config, newConfig);
+  const filterChanged = isFilterChanged(config, newConfig);
+  const groupByChanged = isGroupByChanged(config, newConfig);
+  const sortChanged = isSortChanged(config, newConfig);
+  const visualLinkChanged = isVisualLinkChanged(config, newConfig);
+  const noChanges = !(aggregationsChanged || columnsChanged || filterChanged || groupByChanged || sortChanged || visualLinkChanged);
+  return {
+    aggregationsChanged,
+    columnsChanged,
+    filterChanged,
+    groupByChanged,
+    noChanges,
+    sortChanged,
+    visualLinkChanged
+  };
 };
 var hasGroupBy = (config) => config !== void 0 && config.groupBy !== void 0 && config.groupBy.length > 0;
 var hasFilter = (config) => (config == null ? void 0 : config.filter) !== void 0 && config.filter.filter.length > 0;
@@ -2679,7 +2728,8 @@ var getElementDataIndex = (el) => {
   }
   return -1;
 };
-var getClosest = (el, dataProperty) => el.closest(`[data-${dataProperty}]`);
+var queryClosest = (el, cssQueryString) => el.closest(cssQueryString);
+var getClosest = (el, dataProperty) => queryClosest(el, `[data-${dataProperty}]`);
 var getClosestIndexItem = (el) => getClosest(el, "index");
 function getElementByDataIndex(container, index, throwIfNotFound = false) {
   if (container === null && throwIfNotFound) {
@@ -3731,8 +3781,18 @@ ThemeProvider.displayName = "ThemeProvider";
 
 // src/url-utils.ts
 var getUrlParameter = (paramName, defaultValue) => {
-  var _a;
-  return (_a = new URL(document.location.href).searchParams.get(paramName)) != null ? _a : defaultValue;
+  const url = new URL(document.location.href);
+  const parameter = url.searchParams.get(paramName);
+  if (parameter) {
+    return parameter;
+  }
+  const hashParams = url.hash;
+  const regex = new RegExp(`${paramName}=([a-zA-Z]*)`);
+  const result = regex.exec(hashParams);
+  if (result) {
+    return result[1];
+  }
+  return defaultValue;
 };
 var hasUrlParameter = (paramName) => new URL(document.location.href).searchParams.has(paramName);