@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/FormView.js

@@ -1,164 +1,163 @@
-import { jsxs as m, jsx as r, Fragment as g } from "react/jsx-runtime";
-import { forwardRef as W } from "react";
-import { P as e } from "./index-CblbdqjE.js";
-import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsxs as m, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as E } from "react";
+import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import M from "./FlexGrid.js";
-import Y from "./FlexGridItem.js";
+import O from "./FlexGridItem.js";
 import f from "./Button.js";
-import x from "./IconButton.js";
+import g from "./IconButton.js";
 import U from "./TextInput.js";
-import q from "./CheckBoxInput.js";
-import H from "./RadioGroup.js";
-import J from "./NumberInput.js";
-import K from "./DecimalInput.js";
-import L from "./PasswordInput.js";
-import Q from "./TextAreaInput.js";
-import X from "./TimeInput.js";
-import Z from "./ColorInput.js";
-import z from "./FileInput.js";
-import ee from "./RangeSlider.js";
-import { g as re, a as te, b as oe } from "./utils-DtEfC-TX.js";
-import ae from "./FormField.js";
-import { u as ne } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const ie = y.div`
+import _ from "./CheckBoxInput.js";
+import q from "./RadioGroup.js";
+import H from "./NumberInput.js";
+import J from "./DecimalInput.js";
+import K from "./PasswordInput.js";
+import L from "./TextAreaInput.js";
+import P from "./TimeInput.js";
+import Q from "./ColorInput.js";
+import X from "./FileInput.js";
+import Y from "./RangeSlider.js";
+import { g as Z, a as z, b as ee } from "./utils-DtEfC-TX.js";
+import re from "./FormField.js";
+import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const ae = x.div`
   display: flex;
   justify-content: space-between;
-`, le = y.form`
+`, oe = x.form`
   display: flex;
   flex-direction: column;
   gap: 1rem;
-  box-shadow: ${(d) => re(
-  d.theme,
+  box-shadow: ${(l) => Z(
+  l.theme,
   "Popover",
-  d.color,
+  l.color,
   "enabled",
   "boxShadow"
 )};
-  border-radius: ${(d) => te(d.theme, d.borderRadius)};
+  border-radius: ${(l) => z(l.theme, l.borderRadius)};
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   padding: 12px;
-  background-color: ${(d) => oe(d.theme, "Popover", "default", "enabled", "bg")};
-`, de = (d, a, l, n, i, o) => {
-  var c;
-  switch (d || "") {
+  background-color: ${(l) => ee(l.theme, "Popover", "default", "enabled", "bg")};
+`, ne = (l, a, o, n, t, d) => {
+  var i;
+  switch (l || "") {
     case "text":
-      return /* @__PURE__ */ r(
+      return /* @__PURE__ */ e(
         U,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
       );
     case "checkbox":
-      return /* @__PURE__ */ r(
-        q,
+      return /* @__PURE__ */ e(
+        _,
         {
-          color: i,
-          size: o,
-          name: l,
+          color: t,
+          size: d,
+          name: o,
           ...a
         }
       );
     case "radioGroup":
-      return /* @__PURE__ */ r(
-        H,
+      return /* @__PURE__ */ e(
+        q,
         {
-          color: i,
-          size: o,
+          color: t,
+          size: d,
           value: n,
           radioProps: a.radioProps,
-          name: l,
+          name: o,
           items: [
-            ...(c = a.items) == null ? void 0 : c.map((s) => ({ value: s.value, label: s.label }))
+            ...((i = a.items) == null ? void 0 : i.map((u) => ({ value: u.value, label: u.label }))) ?? []
           ]
         }
       );
     case "number":
-      return /* @__PURE__ */ r(
-        J,
+      return /* @__PURE__ */ e(
+        H,
         {
-          color: i,
-          size: o,
-          name: l,
+          color: t,
+          size: d,
+          name: o,
           ...a,
           defaultValue: n
         }
       );
     case "decimal":
-      return /* @__PURE__ */ r(
-        K,
+      return /* @__PURE__ */ e(
+        J,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
       );
     case "file":
-      return /* @__PURE__ */ r(
-        z,
+      return /* @__PURE__ */ e(
+        X,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
       );
     case "password":
-      return /* @__PURE__ */ r(
-        L,
+      return /* @__PURE__ */ e(
+        K,
         {
-          name: l,
-          color: i,
+          name: o,
+          color: t,
           ...a,
           defaultValue: n
         }
       );
     case "textArea":
-      return /* @__PURE__ */ r(
-        Q,
+      return /* @__PURE__ */ e(
+        L,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
       );
     case "time":
-      return /* @__PURE__ */ r(
-        X,
+      return /* @__PURE__ */ e(
+        P,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
       );
     case "color":
-      return /* @__PURE__ */ r(
-        Z,
+      return /* @__PURE__ */ e(
+        Q,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
       );
     case "range":
-      return /* @__PURE__ */ r(
-        ee,
+      return /* @__PURE__ */ e(
+        Y,
         {
-          name: l,
-          color: i,
-          size: o,
+          name: o,
+          color: t,
+          size: d,
           ...a,
           defaultValue: n
         }
@@ -166,189 +165,143 @@ const ie = y.div`
     default:
       return n;
   }
-}, h = W((d, a) => {
+}, de = E((l, a) => {
   const {
-    __TYPE__: l = "FORM_VIEW",
-    goToPreviousView: n,
-    id: i,
-    data: o,
-    fields: c = [],
-    errors: s = {},
-    flexGridProps: T,
-    goBackText: k = "Go back",
-    backActive: v = !0,
+    goToPreviousView: o,
+    id: n,
+    data: t,
+    fields: d = [],
+    errors: i = {},
+    flexGridProps: u,
+    goBackText: h = "Go back",
+    backActive: y = !0,
     nextActive: I = !0,
-    previousActive: V = !0,
-    editActive: se,
-    disableGoBack: w = !1,
-    disableNext: B = !1,
-    disablePrevious: C = !1,
-    disableEdit: me,
-    disableDiscard: A = !1,
+    previousActive: T = !0,
+    disableGoBack: V = !1,
+    disableNext: k = !1,
+    disablePrevious: w = !1,
+    disableDiscard: C = !1,
     disableSave: F = !1,
-    discardText: G = "Discard",
-    saveText: _ = "Save",
+    discardText: B = "Discard",
+    saveText: G = "Save",
     //------------------
     goToNext: R = () => {
     },
-    goToPrevious: S = () => {
+    goToPrevious: v = () => {
     },
-    onEdit: ce = () => {
+    goBack: S = () => {
     },
-    goBack: N = () => {
+    onSubmit: A = () => {
     },
-    onSubmit: E = () => {
-    },
-    onDiscard: P = () => {
+    onDiscard: D = () => {
     },
     //------------------
-    className: ue = "",
-    style: be = {},
-    color: b = "primary",
+    color: c = "primary",
     size: p = "small",
-    children: j,
-    ...D
-  } = d, O = ne(), $ = (t, u) => {
-    n && n(), N(t, u);
+    children: N,
+    ...$
+  } = l, j = te(), W = (r, s) => {
+    o && o(), S(r, s);
   };
   return /* @__PURE__ */ m(
-    le,
+    oe,
     {
       ref: a,
-      theme: O,
-      color: b,
+      theme: j,
+      color: c,
       borderRadius: "regular",
-      ...D,
+      ...$,
       children: [
-        v && /* @__PURE__ */ r(
+        y && /* @__PURE__ */ e(
           f,
           {
             leadingIcon: "arrow-circle-left",
-            text: k,
+            text: h,
             btnType: "outline",
             style: { width: "fit-content" },
-            onClick: (t) => $(t, o),
-            disabled: w,
+            onClick: (r) => W(r, t),
+            disabled: V,
             type: "button"
           },
           0
         ),
-        /* @__PURE__ */ r(g, { children: j || /* @__PURE__ */ r(M, { spacing: 10, ...T, children: c.map((t, u) => /* @__PURE__ */ r(Y, { ...t, children: /* @__PURE__ */ r(
-          ae,
+        /* @__PURE__ */ e(b, { children: N || /* @__PURE__ */ e(M, { spacing: 10, ...u, children: d.map((r, s) => /* @__PURE__ */ e(O, { ...r, children: /* @__PURE__ */ e(
+          re,
           {
-            label: t.label,
-            text: s[t.accessor],
-            color: s[t.accessor] ? "danger" : b,
+            label: r.label,
+            text: i[r.accessor],
+            color: i[r.accessor] ? "danger" : c,
             size: p,
-            children: t.type == "custom" ? t.element : de(
-              t.type,
-              t.inputProps,
-              t.accessor,
-              o[t.accessor],
-              s[t.accessor] ? "danger" : b,
+            children: r.type == "custom" ? r.element : ne(
+              r.type,
+              r.inputProps,
+              r.accessor,
+              t[r.accessor],
+              i[r.accessor] ? "danger" : c,
               p
             )
           },
-          u
-        ) }, u)) }) }),
-        /* @__PURE__ */ m(ie, { children: [
+          s
+        ) }, s)) }) }),
+        /* @__PURE__ */ m(ae, { children: [
           /* @__PURE__ */ m("div", { children: [
-            I && /* @__PURE__ */ m(g, { children: [
-              /* @__PURE__ */ r(
-                x,
+            I && /* @__PURE__ */ m(b, { children: [
+              /* @__PURE__ */ e(
+                g,
                 {
                   btnType: "outline",
                   icon: "angle-left",
-                  disabled: C,
-                  onClick: (t) => S(o, t),
+                  disabled: w,
+                  onClick: (r) => v(t, r),
                   type: "button"
                 }
               ),
               "  "
             ] }),
-            V && /* @__PURE__ */ r(
-              x,
+            T && /* @__PURE__ */ e(
+              g,
               {
                 btnType: "outline",
                 icon: "angle-right",
-                disabled: B,
-                onClick: (t) => R(o, t),
+                disabled: k,
+                onClick: (r) => R(t, r),
                 type: "button"
               }
             )
           ] }),
           /* @__PURE__ */ m("div", { children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ e(
               f,
               {
                 leadingIcon: "eraser",
                 btnType: "outline",
                 color: "warning",
-                text: G,
-                disabled: A,
-                onClick: P,
+                text: B,
+                disabled: C,
+                onClick: D,
                 type: "button"
               }
             ),
             "  ",
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ e(
               f,
               {
                 leadingIcon: "floppy-disk",
                 btnType: "tinted",
                 color: "success",
-                text: _,
+                text: G,
                 disabled: F,
-                onClick: E
+                onClick: A
               }
             )
           ] })
         ] })
       ]
     },
-    i
+    n
   );
 });
-h.propTypes = {
-  __TYPE__: e.string,
-  goBackText: e.string,
-  fields: e.array,
-  data: e.object,
-  errors: e.object,
-  backActive: e.bool,
-  nextActive: e.bool,
-  disableGoBack: e.bool,
-  disableNext: e.bool,
-  disablePrevious: e.bool,
-  previousActive: e.bool,
-  editActive: e.bool,
-  flexGridProps: e.any,
-  disableDiscard: e.bool,
-  disableSave: e.bool,
-  discardText: e.string,
-  saveText: e.string,
-  //-----------------------------------------------------------
-  goToNext: e.func,
-  goToPrevious: e.func,
-  onEdit: e.func,
-  goBack: e.func,
-  onSubmit: e.func,
-  //------------------------------------------------------------
-  className: e.string,
-  style: e.object,
-  color: e.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  size: e.oneOf(["small", "medium", "large"])
-};
-h.displayName = "FORM_VIEW";
+de.displayName = "FORM_VIEW";
 export {
-  h as default
+  de as default
 };

package/dist/Grid.cjs

@@ -1,4 +1,4 @@
-"use strict";const j=require("react/jsx-runtime"),w=require("react"),t=require("./index-BpbMKBf_.cjs"),G=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=G.styled.div`
+"use strict";const G=require("react/jsx-runtime"),p=require("react"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=C.styled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};
@@ -9,4 +9,4 @@
   ${e=>e.alignItems&&`align-items: ${e.alignItems};`} 
   ${e=>e.justifyContent&&`justify-content: ${e.justifyContent};`} 
   ${e=>e.templateAreas&&`grid-template-areas: ${e.templateAreas};`}
-`,s=w.forwardRef((e,n)=>{const{inline:a=!1,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u,children:d,className:f="",style:T={},...$}=e;var P={inline:a,template:r,templateColumns:i,templateRows:l,gap:o,rowGap:p,columnGap:m,justifyItems:y,alignItems:c,justifyContent:g,templateAreas:u};return j.jsx(I,{ref:n,...P,className:f,style:T,...$,children:d})});s.defaultProps={inline:!1,style:{},className:""};s.propTypes={inline:t.PropTypes.bool,template:t.PropTypes.string,templateColumns:t.PropTypes.string,templateRows:t.PropTypes.string,gap:t.PropTypes.string,rowGap:t.PropTypes.string,columnGap:t.PropTypes.string,justifyItems:t.PropTypes.oneOf(["start","end","center","stretch"]),alignItems:t.PropTypes.oneOf(["start","end","center","stretch"]),placeItems:t.PropTypes.oneOf(["start","end","center","stretch"]),justifyContent:t.PropTypes.oneOf(["start","end","center","stretch","space-between","space-evenly"]),templateAreas:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=s;
+`,t=p.forwardRef((e,a)=>{const{inline:l=!1,template:i,templateColumns:s,templateRows:n,gap:m,rowGap:r,columnGap:u,justifyItems:g,alignItems:o,justifyContent:d,templateAreas:c,children:$,className:y="",style:f={},...j}=e;var w={inline:l,template:i,templateColumns:s,templateRows:n,gap:m,rowGap:r,columnGap:u,justifyItems:g,alignItems:o,justifyContent:d,templateAreas:c};return G.jsx(I,{ref:a,...w,className:y,style:f,...j,children:$})});t.defaultProps={inline:!1,style:{},className:""};module.exports=t;

package/dist/Grid.js

@@ -1,8 +1,7 @@
-import { jsx as G } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
-import { P as e } from "./index-CblbdqjE.js";
-import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-const h = C.div`
+import { jsx as j } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+const C = G.div`
   display: ${(t) => t.inline ? "inline-grid" : "grid"};
   row-gap: ${(t) => t.rowGap ? t.rowGap : t.gap ? t.gap : 0};
   column-gap: ${(t) => t.columnGap ? t.columnGap : t.gap ? t.gap : 0};
@@ -13,78 +12,54 @@ const h = C.div`
   ${(t) => t.alignItems && `align-items: ${t.alignItems};`} 
   ${(t) => t.justifyContent && `justify-content: ${t.justifyContent};`} 
   ${(t) => t.templateAreas && `grid-template-areas: ${t.templateAreas};`}
-`, a = I((t, s) => {
+`, I = w((t, e) => {
   const {
-    inline: n = !1,
+    inline: a = !1,
     template: l,
-    templateColumns: i,
-    templateRows: m,
-    gap: r,
-    rowGap: o,
-    columnGap: g,
-    justifyItems: c,
-    alignItems: p,
-    justifyContent: f,
-    templateAreas: d,
-    children: u,
-    className: y = "",
-    style: $ = {},
-    ...j
+    templateColumns: m,
+    templateRows: i,
+    gap: s,
+    rowGap: n,
+    columnGap: r,
+    justifyItems: g,
+    alignItems: o,
+    justifyContent: d,
+    templateAreas: u,
+    children: f,
+    className: $ = "",
+    style: y = {},
+    ...c
   } = t;
-  var w = {
-    inline: n,
+  var p = {
+    inline: a,
     template: l,
-    templateColumns: i,
-    templateRows: m,
-    gap: r,
-    rowGap: o,
-    columnGap: g,
-    justifyItems: c,
-    alignItems: p,
-    justifyContent: f,
-    templateAreas: d
+    templateColumns: m,
+    templateRows: i,
+    gap: s,
+    rowGap: n,
+    columnGap: r,
+    justifyItems: g,
+    alignItems: o,
+    justifyContent: d,
+    templateAreas: u
   };
-  return /* @__PURE__ */ G(
-    h,
+  return /* @__PURE__ */ j(
+    C,
     {
-      ref: s,
-      ...w,
-      className: y,
-      style: $,
-      ...j,
-      children: u
+      ref: e,
+      ...p,
+      className: $,
+      style: y,
+      ...c,
+      children: f
     }
   );
 });
-a.defaultProps = {
+I.defaultProps = {
   inline: !1,
   style: {},
   className: ""
 };
-a.propTypes = {
-  inline: e.bool,
-  template: e.string,
-  templateColumns: e.string,
-  templateRows: e.string,
-  gap: e.string,
-  rowGap: e.string,
-  columnGap: e.string,
-  justifyItems: e.oneOf(["start", "end", "center", "stretch"]),
-  alignItems: e.oneOf(["start", "end", "center", "stretch"]),
-  placeItems: e.oneOf(["start", "end", "center", "stretch"]),
-  justifyContent: e.oneOf([
-    "start",
-    "end",
-    "center",
-    "stretch",
-    "space-between",
-    "space-evenly"
-  ]),
-  templateAreas: e.string,
-  //-------------
-  style: e.object,
-  className: e.string
-};
 export {
-  a as default
+  I as default
 };

package/dist/GridItem.cjs

@@ -1,4 +1,4 @@
-"use strict";const f=require("react/jsx-runtime"),p=require("react"),t=require("./index-BpbMKBf_.cjs"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=T.styled.div`
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=y.styled.div`
   display: ${e=>e.inline?"inline-grid":"grid"};
   row-gap: ${e=>e.rowGap?e.rowGap:e.gap?e.gap:0};
   column-gap: ${e=>e.columnGap?e.columnGap:e.gap?e.gap:0};
@@ -12,4 +12,4 @@
   ${e=>(e.colEnd||e.colSpan)&&`grid-column-end: span ${e.colEnd||e.colSpan};`} 
   ${e=>e.rowStart&&`grid-row-start: ${e.rowStart};`} 
   ${e=>(e.rowEnd||e.rowSpan)&&`grid-row-end: span ${e.rowEnd||e.rowSpan};`}
-`,r=p.forwardRef((e,a)=>{const{colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:g,className:u="",style:S={},children:y,...$}=e;var w={colStart:n,colEnd:l,rowStart:o,rowEnd:i,colSpan:s,rowSpan:c,justifySelf:d,alignSelf:m,area:g};return f.jsx(P,{ref:a,...w,className:u,style:S,...$,children:y})});r.propTypes={colStart:t.PropTypes.number,colEnd:t.PropTypes.number,rowStart:t.PropTypes.number,rowEnd:t.PropTypes.number,colSpan:t.PropTypes.number,rowSpan:t.PropTypes.number,justifySelf:t.PropTypes.oneOf(["start","end","center","stretch"]),alignSelf:t.PropTypes.oneOf(["start","end","center","stretch"]),area:t.PropTypes.string,style:t.PropTypes.object,className:t.PropTypes.string};module.exports=r;
+`,E=f.forwardRef((e,t)=>{const{colStart:a,colEnd:l,rowStart:n,rowEnd:r,colSpan:i,rowSpan:d,justifySelf:o,alignSelf:c,area:m,className:g="",style:$={},children:S,...w}=e;var u={colStart:a,colEnd:l,rowStart:n,rowEnd:r,colSpan:i,rowSpan:d,justifySelf:o,alignSelf:c,area:m};return s.jsx(j,{ref:t,...u,className:g,style:$,...w,children:S})});module.exports=E;