@vuu-ui/vuu-table 2.1.13 → 2.1.16

package/package.json

@@ -1,22 +1,22 @@
 {
-  "version": "2.1.13",
+  "version": "2.1.16",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "2.1.13",
-    "@vuu-ui/vuu-table-types": "2.1.13",
-    "@vuu-ui/vuu-protocol-types": "2.1.13"
+    "@vuu-ui/vuu-data-types": "2.1.16",
+    "@vuu-ui/vuu-table-types": "2.1.16",
+    "@vuu-ui/vuu-protocol-types": "2.1.16"
   },
   "dependencies": {
     "@salt-ds/core": "1.54.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "2.1.13",
-    "@vuu-ui/vuu-data-react": "2.1.13",
-    "@vuu-ui/vuu-popups": "2.1.13",
-    "@vuu-ui/vuu-table-extras": "2.1.13",
-    "@vuu-ui/vuu-ui-controls": "2.1.13",
-    "@vuu-ui/vuu-utils": "2.1.13"
+    "@vuu-ui/vuu-context-menu": "2.1.16",
+    "@vuu-ui/vuu-data-react": "2.1.16",
+    "@vuu-ui/vuu-popups": "2.1.16",
+    "@vuu-ui/vuu-table-extras": "2.1.16",
+    "@vuu-ui/vuu-ui-controls": "2.1.16",
+    "@vuu-ui/vuu-utils": "2.1.16"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",

package/types/applyHighlighting.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const applyHighlighting: (value: string, pattern: Lowercase<string>) => string | ReactElement;

package/types/cell-renderers/input-cell/InputCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const InputCell: ({ column, dataRow, onEdit, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputCell: ({ column, dataRow, editedDuringCurrentSession, onEdit, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;

package/types/cell-renderers/input-cell/useInputCell.d.ts

@@ -0,0 +1,21 @@
+import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import type { RuntimeColumnDescriptor, TableCellEditHandler } from "@vuu-ui/vuu-table-types";
+import { FocusEventHandler, FormEventHandler, KeyboardEvent } from "react";
+export interface InputCellHookProps<T extends VuuRowDataItemType = VuuRowDataItemType> {
+    column: Pick<RuntimeColumnDescriptor, "clientSideEditValidationCheck" | "label" | "name">;
+    value?: T;
+    onEdit?: TableCellEditHandler;
+    type?: "string" | "number" | "boolean";
+}
+export declare const useInputCell: <T extends string | number | boolean = string>({ column, value, onEdit, type, }: InputCellHookProps<T>) => {
+    editing: boolean;
+    inputProps: {
+        onBlur: FocusEventHandler<HTMLElement>;
+        onFocus: FocusEventHandler<HTMLElement>;
+        onKeyDown: (evt: KeyboardEvent<HTMLElement>) => Promise<void>;
+    };
+    onChange: FormEventHandler;
+    previousValue: string | undefined;
+    value: string;
+    warningMessage: string | undefined;
+};

package/types/index.d.ts

@@ -11,7 +11,7 @@ export { useTableConfig } from "./table-config/useTableConfig";
 export * from "./table-header";
 export * from "./useControlledTableNavigation";
 export * from "./useEditableCell";
-export * from "./useHighlighting";
+export * from "./applyHighlighting";
 export * from "./useKeyboardNavigation";
 export * from "./useTableContextMenu";
 export * from "./useTableModel";

package/types/table-data-source/DataRowMovingWindow.d.ts

@@ -1,7 +1,7 @@
 import { VuuRange } from "@vuu-ui/vuu-protocol-types";
 import { DataRow } from "@vuu-ui/vuu-table-types";
 import { WindowRange } from "@vuu-ui/vuu-utils";
-export declare class MovingDataRowWindow {
+export declare class DataRowMovingWindow {
     #private;
     data: DataRow[];
     rowCount: number;

package/cjs/useHighlighting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHighlighting.js","sources":["../../../packages/vuu-table/src/useHighlighting.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nexport const useHighlighting = (\n  value: string,\n  pattern: Lowercase<string>,\n): string | ReactElement => {\n  if (pattern === \"\") {\n    return value;\n  }\n  // eslint-disable-next-line react/display-name\n  const lowercaseValue = value.toLowerCase();\n  let start = 0;\n  let end = lowercaseValue.indexOf(pattern);\n  if (end === -1) {\n    return value;\n  }\n  const results = [];\n\n  while (end !== -1) {\n    results.push(value.slice(start, end));\n    start = end;\n    end = start + pattern.length;\n    results.push(\n      <span className=\"vuuHighlight\" key={start}>\n        {value.slice(start, end)}\n      </span>,\n    );\n    start = end;\n    end = lowercaseValue.indexOf(pattern, start);\n    if (end === -1 && start < lowercaseValue.length) {\n      results.push(value.slice(start));\n    }\n  }\n\n  return <span style={{ whiteSpace: \"pre\" }}>{results}</span>;\n};\n"],"names":["jsx"],"mappings":";;;;AAEa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OAC0B,KAAA;AAC1B,EAAA,IAAI,YAAY,EAAI,EAAA;AAClB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAM,MAAA,cAAA,GAAiB,MAAM,WAAY,EAAA;AACzC,EAAA,IAAI,KAAQ,GAAA,CAAA;AACZ,EAAI,IAAA,GAAA,GAAM,cAAe,CAAA,OAAA,CAAQ,OAAO,CAAA;AACxC,EAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,IAAO,OAAA,KAAA;AAAA;AAET,EAAA,MAAM,UAAU,EAAC;AAEjB,EAAA,OAAO,QAAQ,CAAI,CAAA,EAAA;AACjB,IAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAA,EAAO,GAAG,CAAC,CAAA;AACpC,IAAQ,KAAA,GAAA,GAAA;AACR,IAAA,GAAA,GAAM,QAAQ,OAAQ,CAAA,MAAA;AACtB,IAAQ,OAAA,CAAA,IAAA;AAAA,sBACNA,cAAA,CAAC,UAAK,SAAU,EAAA,cAAA,EACb,gBAAM,KAAM,CAAA,KAAA,EAAO,GAAG,CAAA,EAAA,EADW,KAEpC;AAAA,KACF;AACA,IAAQ,KAAA,GAAA,GAAA;AACR,IAAM,GAAA,GAAA,cAAA,CAAe,OAAQ,CAAA,OAAA,EAAS,KAAK,CAAA;AAC3C,IAAA,IAAI,GAAQ,KAAA,CAAA,CAAA,IAAM,KAAQ,GAAA,cAAA,CAAe,MAAQ,EAAA;AAC/C,MAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAK,CAAC,CAAA;AAAA;AACjC;AAGF,EAAA,sCAAQ,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,KAAA,IAAU,QAAQ,EAAA,OAAA,EAAA,CAAA;AACtD;;;;"}

package/esm/useHighlighting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHighlighting.js","sources":["../../../packages/vuu-table/src/useHighlighting.tsx"],"sourcesContent":["import { ReactElement } from \"react\";\n\nexport const useHighlighting = (\n  value: string,\n  pattern: Lowercase<string>,\n): string | ReactElement => {\n  if (pattern === \"\") {\n    return value;\n  }\n  // eslint-disable-next-line react/display-name\n  const lowercaseValue = value.toLowerCase();\n  let start = 0;\n  let end = lowercaseValue.indexOf(pattern);\n  if (end === -1) {\n    return value;\n  }\n  const results = [];\n\n  while (end !== -1) {\n    results.push(value.slice(start, end));\n    start = end;\n    end = start + pattern.length;\n    results.push(\n      <span className=\"vuuHighlight\" key={start}>\n        {value.slice(start, end)}\n      </span>,\n    );\n    start = end;\n    end = lowercaseValue.indexOf(pattern, start);\n    if (end === -1 && start < lowercaseValue.length) {\n      results.push(value.slice(start));\n    }\n  }\n\n  return <span style={{ whiteSpace: \"pre\" }}>{results}</span>;\n};\n"],"names":[],"mappings":";;AAEa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OAC0B,KAAA;AAC1B,EAAA,IAAI,YAAY,EAAI,EAAA;AAClB,IAAO,OAAA,KAAA;AAAA;AAGT,EAAM,MAAA,cAAA,GAAiB,MAAM,WAAY,EAAA;AACzC,EAAA,IAAI,KAAQ,GAAA,CAAA;AACZ,EAAI,IAAA,GAAA,GAAM,cAAe,CAAA,OAAA,CAAQ,OAAO,CAAA;AACxC,EAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,IAAO,OAAA,KAAA;AAAA;AAET,EAAA,MAAM,UAAU,EAAC;AAEjB,EAAA,OAAO,QAAQ,CAAI,CAAA,EAAA;AACjB,IAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAA,EAAO,GAAG,CAAC,CAAA;AACpC,IAAQ,KAAA,GAAA,GAAA;AACR,IAAA,GAAA,GAAM,QAAQ,OAAQ,CAAA,MAAA;AACtB,IAAQ,OAAA,CAAA,IAAA;AAAA,sBACN,GAAA,CAAC,UAAK,SAAU,EAAA,cAAA,EACb,gBAAM,KAAM,CAAA,KAAA,EAAO,GAAG,CAAA,EAAA,EADW,KAEpC;AAAA,KACF;AACA,IAAQ,KAAA,GAAA,GAAA;AACR,IAAM,GAAA,GAAA,cAAA,CAAe,OAAQ,CAAA,OAAA,EAAS,KAAK,CAAA;AAC3C,IAAA,IAAI,GAAQ,KAAA,CAAA,CAAA,IAAM,KAAQ,GAAA,cAAA,CAAe,MAAQ,EAAA;AAC/C,MAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAK,CAAC,CAAA;AAAA;AACjC;AAGF,EAAA,2BAAQ,MAAK,EAAA,EAAA,KAAA,EAAO,EAAE,UAAY,EAAA,KAAA,IAAU,QAAQ,EAAA,OAAA,EAAA,CAAA;AACtD;;;;"}

package/types/useHighlighting.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement } from "react";
-export declare const useHighlighting: (value: string, pattern: Lowercase<string>) => string | ReactElement;