@envisiongroup/porygon 0.1.0-rc.2 → 0.1.0-rc.4

package/dist/react-components/forms/EFWForm/EFWForm.utils.js

@@ -1,252 +1,285 @@
 import { jsx as m, jsxs as g } from "react/jsx-runtime";
-import { memo as q, useState as S, useCallback as h, useMemo as L } from "react";
-import { EFWInputField as M } from "../../fields/EFWInputField/EFWInputField.js";
+import { memo as D, useState as F, useCallback as h, useMemo as L } from "react";
+import { EFWInputField as q } from "../../fields/EFWInputField/EFWInputField.js";
 import { EFWNumberInputField as A } from "../../fields/EFWNumberInputField/EFWNumberInputField.js";
-import { EFWTextAreaField as y } from "../../fields/EFWTextAreaField/EFWTextAreaField.js";
-import { EFWSwitchField as P } from "../../fields/EFWSwitchField/EFWSwitchField.js";
+import { EFWTextAreaField as M } from "../../fields/EFWTextAreaField/EFWTextAreaField.js";
+import { EFWSwitchField as y } from "../../fields/EFWSwitchField/EFWSwitchField.js";
 import { EFWTagPickerField as T } from "../../fields/EFWTagPickerField/EFWTagPickerField.js";
-import { EFWDatePickerField as E } from "../../fields/EFWDatePickerField/EFWDatePickerField.js";
-import { EFWAttachmentsField as W } from "../../fields/EFWAttachmentsField/EFWAttachmentsField.js";
-const Y = (t) => {
+import { EFWDatePickerField as V } from "../../fields/EFWDatePickerField/EFWDatePickerField.js";
+import { EFWAttachmentsField as P } from "../../fields/EFWAttachmentsField/EFWAttachmentsField.js";
+const X = (t) => {
   if (typeof t == "number")
     return t > 1 ? `repeat(${t}, 1fr)` : "1fr";
   if (t?.autoFit) {
-    const { minColumnWidth: e, maxColumns: i } = t.autoFit;
-    return i ? `repeat(auto-fit, minmax(clamp(${e}, 100% / ${i + 1}, 100% / 1), 1fr))` : `repeat(auto-fit, minmax(${e}, 1fr))`;
+    const { minColumnWidth: e, maxColumns: a } = t.autoFit;
+    return a ? `repeat(auto-fit, minmax(clamp(${e}, 100% / ${a + 1}, 100% / 1), 1fr))` : `repeat(auto-fit, minmax(${e}, 1fr))`;
   }
   return "1fr";
-}, k = ({
+}, O = ({
   field: t,
   initialValue: e,
-  onValueChange: i,
-  registerUpdateProps: l,
-  fieldLogic: n,
-  getAllValues: f,
-  updateFieldProps: s,
-  onValidationChange: d
+  onValueChange: a,
+  registerUpdateProps: i,
+  fieldLogic: l,
+  getAllValues: n,
+  updateFieldProps: u,
+  onValidationChange: c
 }) => {
-  const [r, u] = S(e), [v, x] = S({
+  const [o, f] = F(e), [b, x] = F({
     title: t.title,
     required: t.required,
     editable: t.editable,
     disabled: t.disabled,
     validationState: t.validationState,
     validationMessage: t.validationMessage
-  }), o = h(
-    (a, b) => {
-      console.log("handleChange:", a, b), u(a), n && n(a, f(), s), i(t.internalName, a);
+  }), r = h(
+    (d, v) => {
+      console.log("handleChange:", d, v), f(d), l && l(d, n(), u), a(t.internalName, d);
     },
-    [t.internalName, i, n, f, s]
-  ), F = h((a) => {
-    x((b) => ({ ...b, ...a })), "value" in a && a.value !== void 0 ? u(a.value) : "selectedOptions" in a && a.selectedOptions !== void 0 ? u(a.selectedOptions) : "selectedDates" in a && a.selectedDates !== void 0 ? u(a.selectedDates) : "files" in a && a.files !== void 0 && u(a.files);
+    [t.internalName, a, l, n, u]
+  ), S = h((d) => {
+    x((v) => ({ ...v, ...d })), "value" in d ? f(d.value) : "selectedOptions" in d && d.selectedOptions !== void 0 ? f(d.selectedOptions) : "selectedDates" in d ? f(d.selectedDates) : "files" in d && d.files !== void 0 && f(d.files);
   }, []);
-  h(() => l(t.internalName, F), [t.internalName, l, F])();
-  const c = L(
+  h(() => i(t.internalName, S), [t.internalName, i, S])();
+  const s = L(
     () => ({
       ...t,
-      ...v
+      ...b
     }),
-    [t, v]
+    [t, b]
   );
   return t.typeAsString === "Text" ? /* @__PURE__ */ m(
-    M,
+    q,
     {
-      ...N(
+      ...E(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : t.typeAsString === "Number" ? /* @__PURE__ */ m(
     A,
     {
-      ...D(
+      ...W(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : t.typeAsString === "Note" ? /* @__PURE__ */ m(
-    y,
+    M,
     {
-      ...B(
+      ...k(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : t.typeAsString === "Boolean" ? /* @__PURE__ */ m(
-    P,
+    y,
     {
-      ...I(
+      ...$(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : t.typeAsString === "Choice" || t.typeAsString === "MultiChoice" ? /* @__PURE__ */ m(
     T,
     {
-      ...O(
+      ...N(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : t.typeAsString === "Date" ? /* @__PURE__ */ m(
-    E,
+    V,
     {
-      ...$(
+      ...R(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : t.typeAsString === "Attachments" ? /* @__PURE__ */ m(
-    W,
+    P,
     {
-      ...j(
+      ...B(
         t,
-        c,
-        r,
+        s,
         o,
-        d
+        r,
+        c
       )
     }
   ) : /* @__PURE__ */ g("div", { children: [
     "Tipo de campo no soportado: ",
     t
   ] });
-}, Z = q(k), N = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  type: "text",
-  formatType: e.formatType,
-  formatPattern: e.formatPattern,
-  value: i || "",
-  contentAfter: e.contentAfter,
-  contentBefore: e.contentBefore,
-  onChange: l,
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  hidden: e.hidden || !1,
-  minLength: e.minLength || 0,
-  maxLength: e.maxLength || 250,
-  placeholder: e.placeholder ? e.placeholder : e.formatType == "chileanRut" ? "Ej: 11.111.111-1" : "Escriba aquí el texto",
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || "",
-  formatFunction: e.formatFunction
-}), D = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  contentAfter: e.contentAfter,
-  contentBefore: e.contentBefore,
-  minValue: e.minValue,
-  maxValue: e.maxValue,
-  thousandSeparator: e.thousandSeparator,
-  decimalSeparator: e.decimalSeparator,
-  value: i,
-  onChange: l,
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  placeholder: e.placeholder || "Escriba aquí el número",
-  hidden: e.hidden || !1,
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || ""
-}), B = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  value: i || "",
-  onChange: l,
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  maxLength: e.maxLength || 3e3,
-  placeholder: e.placeholder ? e.placeholder : "Escriba aquí el texto",
-  hidden: e.hidden || !1,
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || "",
-  formatFunction: e.formatFunction
-}), O = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  onChange: l,
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  placeholder: e.placeholder,
-  hidden: e.hidden || !1,
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || "",
-  multiple: e.multiple ?? t.multiple,
-  options: e.options || t.options || [],
-  selectedOptions: i || t.selectedOptions || []
-}), $ = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  onChange: l,
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  placeholder: e.placeholder,
-  hidden: e.hidden || !1,
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || "",
-  selectedDates: i || []
-}), j = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  onChange: l,
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  hidden: e.hidden || !1,
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || "",
-  files: i || []
-}), I = (t, e, i, l, n) => ({
-  title: e.title || t.title,
-  value: i || !1,
-  onChange: l,
-  checkedText: e.checkedText || "Sí",
-  uncheckedText: e.uncheckedText || "No",
-  onValidationChange: n,
-  infoLabel: e.infoLabel,
-  hint: e.hint,
-  hidden: e.hidden || !1,
-  required: e.required || !1,
-  editable: e.editable !== void 0 ? e.editable : !0,
-  disabled: e.disabled || !1,
-  validationState: e.validationState || "none",
-  validationMessage: e.validationMessage || ""
-});
+}, Y = D(O), E = (t, e, a, i, l) => {
+  const n = a !== void 0 ? a : e.value, u = e.defaultValue !== void 0 ? e.defaultValue : t.defaultValue;
+  return {
+    title: e.title || t.title,
+    type: "text",
+    formatType: e.formatType,
+    formatPattern: e.formatPattern,
+    value: n,
+    defaultValue: u,
+    contentAfter: e.contentAfter,
+    contentBefore: e.contentBefore,
+    onChange: i,
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    hidden: e.hidden || !1,
+    minLength: e.minLength || 0,
+    maxLength: e.maxLength || 250,
+    placeholder: e.placeholder ? e.placeholder : e.formatType == "chileanRut" ? "Ej: 11.111.111-1" : "Escriba aquí el texto",
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || "",
+    formatFunction: e.formatFunction
+  };
+}, W = (t, e, a, i, l) => {
+  const n = e.defaultValue !== void 0 ? e.defaultValue : t.defaultValue;
+  return {
+    title: e.title || t.title,
+    contentAfter: e.contentAfter,
+    contentBefore: e.contentBefore,
+    minValue: e.minValue,
+    maxValue: e.maxValue,
+    thousandSeparator: e.thousandSeparator,
+    decimalSeparator: e.decimalSeparator,
+    value: a,
+    defaultValue: n,
+    onChange: i,
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    placeholder: e.placeholder || "Escriba aquí el número",
+    hidden: e.hidden || !1,
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || ""
+  };
+}, k = (t, e, a, i, l) => {
+  const n = a !== void 0 ? a : e.value, u = e.defaultValue !== void 0 ? e.defaultValue : t.defaultValue, c = e.maxLength ?? t.maxLength ?? 3e3, o = e.placeholder ?? t.placeholder ?? "Escriba aquí el texto";
+  return {
+    title: e.title || t.title,
+    value: n,
+    defaultValue: u,
+    onChange: i,
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    maxLength: c,
+    placeholder: o,
+    hidden: e.hidden || !1,
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || "",
+    formatFunction: e.formatFunction
+  };
+}, N = (t, e, a, i, l) => {
+  const n = a ?? e.selectedOptions ?? t.selectedOptions ?? [], u = e.defaultSelectedOptions ?? t.defaultSelectedOptions ?? [];
+  return {
+    title: e.title || t.title,
+    onChange: i,
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    placeholder: e.placeholder,
+    hidden: e.hidden || !1,
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || "",
+    multiple: e.multiple ?? t.multiple,
+    options: e.options ?? t.options ?? [],
+    selectedOptions: n,
+    defaultSelectedOptions: u,
+    beforeRenderOptions: e.beforeRenderOptions ?? t.beforeRenderOptions
+  };
+}, R = (t, e, a, i, l) => {
+  const n = a !== void 0 ? a : e.selectedDates !== void 0 ? e.selectedDates : void 0, u = e.defaultSelectedDates ?? t.defaultSelectedDates ?? [];
+  return {
+    title: e.title || t.title,
+    onChange: i,
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    placeholder: e.placeholder,
+    hidden: e.hidden || !1,
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || "",
+    selectedDates: n ?? [],
+    defaultSelectedDates: u
+  };
+}, B = (t, e, a, i, l) => {
+  const n = e.files !== void 0 ? e.files : a, u = e.defaultFiles ?? t.defaultFiles;
+  return {
+    title: e.title || t.title,
+    onChange: i,
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    hidden: e.hidden || !1,
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || "",
+    files: n ?? [],
+    defaultFiles: u ?? [],
+    multiple: e.multiple ?? t.multiple,
+    acceptedTypes: e.acceptedTypes ?? t.acceptedTypes,
+    maxFileSize: e.maxFileSize ?? t.maxFileSize,
+    onRemoveAttachment: e.onRemoveAttachment ?? t.onRemoveAttachment
+  };
+}, $ = (t, e, a, i, l) => {
+  const n = a !== void 0 ? a : e.value, u = e.defaultValue !== void 0 ? e.defaultValue : t.defaultValue;
+  return {
+    title: e.title || t.title,
+    value: n,
+    defaultValue: u,
+    onChange: i,
+    checkedText: e.checkedText || "Sí",
+    uncheckedText: e.uncheckedText || "No",
+    onValidationChange: l,
+    infoLabel: e.infoLabel,
+    hint: e.hint,
+    hidden: e.hidden || !1,
+    required: e.required || !1,
+    editable: e.editable !== void 0 ? e.editable : !0,
+    disabled: e.disabled || !1,
+    validationState: e.validationState || "none",
+    validationMessage: e.validationMessage || ""
+  };
+};
 export {
-  Z as EFWFormFieldWrapper,
-  Y as generateGridTemplateColumns
+  Y as EFWFormFieldWrapper,
+  X as generateGridTemplateColumns
 };

package/dist/react-components/tables/EFWTable/EFWTable.d.ts

@@ -5,4 +5,4 @@ export declare const COLS_MIN_WIDTH = 80;
 export declare const COLS_MAX_WIDTH = 2500;
 export declare const SELECTOR_CELL_WIDTH = 48;
 export declare const SELECTOR_CELL_HEIGHT = 48;
-export declare const EFWTable: ({ appearance, style, className, fields, items: initialItems, height, itemSize, enableSelection, enableCommandBar, defaultSelectedItems, onSelectionChange, onRowClick, resizableColumns, columnSizing: columnSizingOptions, useVirtualization, autoSizeColumns, tableRef: externalTableRef, onItemsChange, onScroll, addButtonConfig, updateButtonConfig, deleteButtonConfig, alwaysButtons, noSelectionButtons, singleSelectionButtons, multiSelectionButtons, beforeAddItems, beforeUpdateItems, beforeDeleteItems, columnRenderers, useDefaultRendererAsFallback, }: EFWTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EFWTable: ({ appearance, style, className, fields, items: itemsProp, defaultItems, height, itemSize, enableSelection, enableCommandBar, defaultSelectedItems, onSelectionChange, onRowClick, resizableColumns, columnSizing: columnSizingOptions, useVirtualization, autoSizeColumns, tableRef: externalTableRef, onItemsChange, onScroll, addButtonConfig, updateButtonConfig, deleteButtonConfig, alwaysButtons, noSelectionButtons, singleSelectionButtons, multiSelectionButtons, beforeAddItems, beforeUpdateItems, beforeDeleteItems, columnRenderers, useDefaultRendererAsFallback, }: EFWTableProps) => import("react/jsx-runtime").JSX.Element;