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

package/esm/index.js

@@ -220,6 +220,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":
@@ -284,6 +293,7 @@ function projectUpdates(updates) {
   }
   return results;
 }
+var KEY = 6;
 var metadataKeys = {
   IDX: 0,
   RENDER_IDX: 1,
@@ -291,7 +301,7 @@ var metadataKeys = {
   IS_EXPANDED: 3,
   DEPTH: 4,
   COUNT: 5,
-  KEY: 6,
+  KEY,
   SELECTED: 7,
   count: 8,
   // TODO following only used in datamodel
@@ -974,6 +984,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) => {
@@ -990,6 +1001,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;
@@ -999,11 +1011,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);
@@ -1015,6 +1028,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);
@@ -1028,7 +1044,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)
@@ -1051,6 +1067,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;
@@ -1139,7 +1156,7 @@ var WindowRange = class _WindowRange {
 };
 
 // src/DataWindow.ts
-var { KEY } = metadataKeys;
+var { KEY: KEY2 } = metadataKeys;
 var DataWindow = class {
   constructor({ from, to }) {
     this.rowCount = 0;
@@ -1168,7 +1185,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;
@@ -1296,7 +1313,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)) {
@@ -1310,7 +1327,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)) {
@@ -1322,7 +1339,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;
@@ -1330,7 +1347,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)) {
@@ -1342,7 +1359,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)) {
@@ -1356,17 +1373,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;
@@ -2431,7 +2476,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) {
@@ -3488,8 +3534,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);
 
@@ -3529,6 +3585,7 @@ export {
   Home,
   KeySet,
   MEASURES,
+  NO_CONFIG_CHANGES,
   NULL_RANGE,
   NoFilter,
   NoSort,
@@ -3557,10 +3614,9 @@ export {
   assertModuleExportsAtLeastOneComponent,
   boxContainsPoint,
   buildColumnMap,
-  columnsChanged,
-  configChanged,
   createEl,
   dataAndColumnUnchanged,
+  dataColumnAndKeyUnchanged,
   dateTimePattern,
   debounce,
   defaultPatternsByType,
@@ -3573,7 +3629,6 @@ export {
   extractGroupColumn,
   fallbackDateTimePattern,
   filterAsQuery,
-  filterChanged,
   findColumn,
   flattenColumnGroup,
   focusFirstFocusableElement,
@@ -3612,6 +3667,7 @@ export {
   getMissingItems,
   getMovingValueDirection,
   getRegisteredCellRenderers,
+  getRowClassNameGenerator,
   getRowElementAtIndex,
   getRowRecord,
   getScrollbarSize,
@@ -3621,7 +3677,6 @@ export {
   getUniqueId,
   getUrlParameter,
   getValueFormatter,
-  groupByChanged,
   hasAction,
   hasFilter,
   hasGroupBy,
@@ -3635,14 +3690,17 @@ export {
   isCharacterKey,
   isColumnTypeRenderer,
   isCompleteFilter,
+  isConfigChanged,
   isConnectionQualityMetrics,
   isConnectionStatusMessage,
   isDataLoading,
   isDateTimeColumn,
   isDateTimePattern,
   isErrorResponse,
+  isFilterChanged,
   isFilterClause,
   isFilteredColumn,
+  isGroupByChanged,
   isGroupColumn,
   isGroupMenuItemDescriptor,
   isInFilter,
@@ -3681,6 +3739,7 @@ export {
   isVisualLinkCreatedAction,
   isVisualLinkRemovedAction,
   isVisualLinksAction,
+  isVuuColumnDataType,
   isVuuFeatureAction,
   itemToString,
   itemsChanged,
@@ -3698,6 +3757,7 @@ export {
   numericFormatter,
   partition,
   projectUpdates,
+  queryClosest,
   rangeNewItems,
   rangesAreSame,
   registerComponent,