@teselagen/ui 0.8.1 → 0.8.2

package/DataTable/EditabelCell.d.ts

@@ -0,0 +1,7 @@
+export function EditableCell({ cancelEdit, dataTest, finishEdit, isNumeric, initialValue }: {
+    cancelEdit: any;
+    dataTest: any;
+    finishEdit: any;
+    isNumeric: any;
+    initialValue: any;
+}): import("react/jsx-runtime").JSX.Element;

package/DataTable/defaultProps.d.ts

@@ -0,0 +1,43 @@
+import { noop } from 'lodash-es';
+declare namespace _default {
+    export { noop as addFilters };
+    export let className: string;
+    export { noop as clearFilters };
+    export { noop as contextMenu };
+    export let disabled: boolean;
+    export let entities: never[];
+    export let extraClasses: string;
+    export let filters: never[];
+    export let isCopyable: boolean;
+    export { noop as isEntityDisabled };
+    export let isLoading: boolean;
+    export let isSimple: boolean;
+    export let isSingleSelect: boolean;
+    export let maxHeight: number;
+    export let noHeader: boolean;
+    export let noSelect: boolean;
+    export let noUserSelect: boolean;
+    export { noop as onDeselect };
+    export { noop as onMultiRowSelect };
+    export { noop as onRowClick };
+    export { noop as onRowSelect };
+    export { noop as onSingleRowSelect };
+    export let page: number;
+    export let pageSize: number;
+    export let reduxFormExpandedEntityIdMap: {};
+    export let reduxFormSearchInput: string;
+    export let reduxFormSelectedEntityIdMap: {};
+    export { noop as removeSingleFilter };
+    export let resized: never[];
+    export { noop as resizePersist };
+    export { noop as setFilter };
+    export { noop as setOrder };
+    export { noop as setPage };
+    export { noop as setPageSize };
+    export { noop as setSearchTerm };
+    export let showCount: boolean;
+    export let style: {};
+    export let withCheckboxes: boolean;
+    export let withSort: boolean;
+}
+export default _default;

package/DataTable/utils/computePresets.d.ts

@@ -0,0 +1 @@
+export default function computePresets(props?: {}): import('lodash').Dictionary<any>;

package/DataTable/utils/useDeepEqualMemo.d.ts

@@ -0,0 +1 @@
+export function useDeepEqualMemo(value: any): undefined;

package/DataTable/utils/useTableParams.d.ts

@@ -0,0 +1,49 @@
+/**
+ *  Note all these options can be passed at Design Time or at Runtime (like reduxForm())
+ *
+ * @export
+ *
+ * @param {compOrOpts} compOrOpts
+ * @typedef {object} compOrOpts
+ * @property {*string} formName - required unique identifier for the table
+ * @property {Object | Function} schema - The data table schema or a function returning it. The function wll be called with props as the argument.
+ * @property {boolean} urlConnected - whether the table should connect to/update the URL
+ * @property {boolean} withSelectedEntities - whether or not to pass the selected entities
+ * @property {boolean} isCodeModel - whether the model is keyed by code instead of id in the db
+ * @property {object} defaults - tableParam defaults such as pageSize, filter, etc
+ * @property {boolean} noOrderError - won't console an error if an order is not found on schema
+ */
+export default function useTableParams(props: any): any;
+/**
+ * Note all these options can be passed at Design Time or at Runtime (like reduxForm())
+ */
+export type compOrOpts = {
+    /**
+     * } formName - required unique identifier for the table
+     */
+    string: any;
+    /**
+     * - The data table schema or a function returning it. The function wll be called with props as the argument.
+     */
+    schema: Object | Function;
+    /**
+     * - whether the table should connect to/update the URL
+     */
+    urlConnected: boolean;
+    /**
+     * - whether or not to pass the selected entities
+     */
+    withSelectedEntities: boolean;
+    /**
+     * - whether the model is keyed by code instead of id in the db
+     */
+    isCodeModel: boolean;
+    /**
+     * - tableParam defaults such as pageSize, filter, etc
+     */
+    defaults: object;
+    /**
+     * - won't console an error if an order is not found on schema
+     */
+    noOrderError: boolean;
+};

package/index.cjs.js

@@ -51115,10 +51115,10 @@ const RenderCell = /* @__PURE__ */ __name(({
       return (_c = (_b = (_a2 = state.form) == null ? void 0 : _a2[formName]) == null ? void 0 : _b.values) == null ? void 0 : _c.reduxFormEditingCell;
     }
   );
-  const initialValue = reactRedux.useSelector(
+  const shouldEditableCellInputBeCleared = reactRedux.useSelector(
     (state) => {
       var _a2, _b, _c;
-      return (_c = (_b = (_a2 = state.form) == null ? void 0 : _a2[formName]) == null ? void 0 : _b.values) == null ? void 0 : _c.reduxFormInitialValue;
+      return (_c = (_b = (_a2 = state.form) == null ? void 0 : _a2[formName]) == null ? void 0 : _b.values) == null ? void 0 : _c.shouldEditableCellInputBeCleared;
     }
   );
   const [row] = args;
@@ -51171,7 +51171,7 @@ const RenderCell = /* @__PURE__ */ __name(({
           dataTest,
           cancelEdit: cancelCellEdit,
           isNumeric: column.type === "number",
-          initialValue: initialValue || text2,
+          initialValue: shouldEditableCellInputBeCleared ? void 0 : text2,
           finishEdit: /* @__PURE__ */ __name((newVal) => {
             finishCellEdit(cellId, newVal);
           }, "finishEdit")
@@ -57034,8 +57034,12 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     }
   }, [selectedCells]);
   const startCellEdit = React.useCallback(
-    (cellId, initialValue) => {
-      change("reduxFormInitialValue", initialValue);
+    (cellId, shouldClear) => {
+      if (shouldClear) {
+        change("shouldEditableCellInputBeCleared", true);
+      } else {
+        change("shouldEditableCellInputBeCleared", false);
+      }
       change("reduxFormEditingCell", (prev) => {
         if (prev === cellId) return cellId;
         setSelectedCells((prev2) => {
@@ -58696,12 +58700,30 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
           const rowDisabled = isEntityDisabled(entity);
           const isNum = (_g = e.code) == null ? void 0 : _g.startsWith("Digit");
           const isLetter = (_h = e.code) == null ? void 0 : _h.startsWith("Key");
-          if (!isNum && !isLetter) {
+          const allowedSpecialChars = [
+            "Minus",
+            "Equal",
+            "Backquote",
+            "BracketLeft",
+            "BracketRight",
+            "Backslash",
+            "IntlBackslash",
+            "Semicolon",
+            "Quote",
+            "Comma",
+            "Period",
+            "Slash",
+            "IntlRo",
+            "IntlYen",
+            "Space"
+          ];
+          const isSpecialChar = allowedSpecialChars.includes(e.code);
+          if (!isNum && !isLetter && !isSpecialChar) {
             return;
           }
           if (rowDisabled) return;
           e.stopPropagation();
-          startCellEdit(primarySelectedCellId, e.key);
+          startCellEdit(primarySelectedCellId, true);
         }, "onKeyDown")
       }),
       isCellEditable && entities.length > 50 && // test for this!!

package/index.es.js

@@ -51097,10 +51097,10 @@ const RenderCell = /* @__PURE__ */ __name(({
       return (_c = (_b = (_a2 = state.form) == null ? void 0 : _a2[formName]) == null ? void 0 : _b.values) == null ? void 0 : _c.reduxFormEditingCell;
     }
   );
-  const initialValue = useSelector(
+  const shouldEditableCellInputBeCleared = useSelector(
     (state) => {
       var _a2, _b, _c;
-      return (_c = (_b = (_a2 = state.form) == null ? void 0 : _a2[formName]) == null ? void 0 : _b.values) == null ? void 0 : _c.reduxFormInitialValue;
+      return (_c = (_b = (_a2 = state.form) == null ? void 0 : _a2[formName]) == null ? void 0 : _b.values) == null ? void 0 : _c.shouldEditableCellInputBeCleared;
     }
   );
   const [row] = args;
@@ -51153,7 +51153,7 @@ const RenderCell = /* @__PURE__ */ __name(({
           dataTest,
           cancelEdit: cancelCellEdit,
           isNumeric: column.type === "number",
-          initialValue: initialValue || text2,
+          initialValue: shouldEditableCellInputBeCleared ? void 0 : text2,
           finishEdit: /* @__PURE__ */ __name((newVal) => {
             finishCellEdit(cellId, newVal);
           }, "finishEdit")
@@ -57016,8 +57016,12 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
     }
   }, [selectedCells]);
   const startCellEdit = useCallback(
-    (cellId, initialValue) => {
-      change$1("reduxFormInitialValue", initialValue);
+    (cellId, shouldClear) => {
+      if (shouldClear) {
+        change$1("shouldEditableCellInputBeCleared", true);
+      } else {
+        change$1("shouldEditableCellInputBeCleared", false);
+      }
       change$1("reduxFormEditingCell", (prev) => {
         if (prev === cellId) return cellId;
         setSelectedCells((prev2) => {
@@ -58678,12 +58682,30 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
           const rowDisabled = isEntityDisabled(entity);
           const isNum = (_g = e.code) == null ? void 0 : _g.startsWith("Digit");
           const isLetter = (_h = e.code) == null ? void 0 : _h.startsWith("Key");
-          if (!isNum && !isLetter) {
+          const allowedSpecialChars = [
+            "Minus",
+            "Equal",
+            "Backquote",
+            "BracketLeft",
+            "BracketRight",
+            "Backslash",
+            "IntlBackslash",
+            "Semicolon",
+            "Quote",
+            "Comma",
+            "Period",
+            "Slash",
+            "IntlRo",
+            "IntlYen",
+            "Space"
+          ];
+          const isSpecialChar = allowedSpecialChars.includes(e.code);
+          if (!isNum && !isLetter && !isSpecialChar) {
             return;
           }
           if (rowDisabled) return;
           e.stopPropagation();
-          startCellEdit(primarySelectedCellId, e.key);
+          startCellEdit(primarySelectedCellId, true);
         }, "onKeyDown")
       }),
       isCellEditable && entities.length > 50 && // test for this!!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "main": "./src/index.js",
   "type": "module",
   "exports": {