@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/FlexGridItem.js

@@ -1,97 +1,69 @@
-import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as N, useState as S, useEffect as b } from "react";
-import { P as i } from "./index-CblbdqjE.js";
+import { jsx as N } from "react/jsx-runtime";
+import { forwardRef as X, useState as u, useEffect as S } from "react";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as M } from "./utils-DtEfC-TX.js";
-const W = I.div`
+import { u as W } from "./utils-DtEfC-TX.js";
+const j = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;
   width: ${(t) => t.width}%;
   padding: ${(t) => t.rowGap}px ${(t) => t.columnGap}px;
   overflow-wrap: break-word;
-`, j = N((t, x) => {
+`, M = X((t, x) => {
   const {
-    XS: r,
-    S: o,
-    M: a,
+    XS: s,
+    S: i,
+    M: o,
     L: c,
-    XL: d,
-    col: u,
+    XL: m,
+    col: p,
     columns: e,
-    spacing: p,
-    rowSpacing: n,
-    columnSpacing: m,
-    children: k
-  } = t, l = M(), [L, X] = S(0), [g, f] = S(0), [$, w] = S(0);
-  b(() => {
+    spacing: d,
+    rowSpacing: r,
+    columnSpacing: n,
+    children: b
+  } = t, l = W(), [k, g] = u(0), [$, f] = u(0), [L, w] = u(0);
+  S(() => {
     h();
-  }, [e, r, o, a, c, d, u]), b(() => {
+  }, [e, s, i, o, c, m, p]), S(() => {
     h(), G();
-  }, [l]), b(() => {
+  }, [l]), S(() => {
     G();
-  }, [p, n, m]);
+  }, [d, r, n]);
   const h = () => {
-    let s = u ? 100 / (e / u) : 0;
+    let a = p ? 100 / (e / p) : 0;
     switch (l) {
       case "XS":
-        s = r ? 100 / (e / r) : s;
+        a = s ? 100 / (e / s) : a;
         break;
       case "S":
-        s = o ? 100 / (e / o) : r ? 100 / (e / r) : s;
+        a = i ? 100 / (e / i) : s ? 100 / (e / s) : a;
         break;
       case "M":
-        s = a ? 100 / (e / a) : o ? 100 / (e / o) : r ? 100 / (e / r) : s;
+        a = o ? 100 / (e / o) : i ? 100 / (e / i) : s ? 100 / (e / s) : a;
         break;
       case "L":
-        s = c ? 100 / (e / c) : a ? 100 / (e / a) : o ? 100 / (e / o) : r ? 100 / (e / r) : s;
+        a = c ? 100 / (e / c) : o ? 100 / (e / o) : i ? 100 / (e / i) : s ? 100 / (e / s) : a;
         break;
       case "XL":
-        s = d ? 100 / (e / d) : c ? 100 / (e / c) : a ? 100 / (e / a) : o ? 100 / (e / o) : r ? 100 / (e / r) : s;
+        a = m ? 100 / (e / m) : c ? 100 / (e / c) : o ? 100 / (e / o) : i ? 100 / (e / i) : s ? 100 / (e / s) : a;
         break;
     }
-    X(s);
+    g(a);
   }, G = () => {
-    p ? (f(p), w(p)) : (n && (isNaN(n) ? f(n[l] ?? 0) : f(n)), m && (isNaN(m) ? w(m[l] ?? 0) : w(m)));
+    d ? (f(d), w(d)) : (r && (isNaN(r) ? f(r[l] ?? 0) : f(r)), n && (isNaN(n) ? w(n[l] ?? 0) : w(n)));
   };
-  return /* @__PURE__ */ y(
-    W,
+  return /* @__PURE__ */ N(
+    j,
     {
       ref: x,
       columns: e,
-      width: L,
-      rowGap: g,
-      columnGap: $,
-      children: k
+      width: k,
+      rowGap: $,
+      columnGap: L,
+      children: b
     }
   );
 });
-j.propTypes = {
-  /**
-   * Number of columns to take up on XS screens.
-   */
-  XS: i.number,
-  /**
-   * Number of columns to take up on S screens.
-   */
-  S: i.number,
-  /**
-   * Number of columns to take up on M screens.
-   */
-  M: i.number,
-  /**
-   * Number of columns to take up on L screens.
-   */
-  L: i.number,
-  /**
-   * Number of columns to take up on XL screens.
-   */
-  XL: i.number,
-  /**
-   * Number of columns to take up on any screen size.
-   * Defining number on columns for specific screen sizes takes priority over this.
-   */
-  col: i.number
-};
 export {
-  j as default
+  M as default
 };

package/dist/Footer.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),c=require("./index-BpbMKBf_.cjs"),e=i.forwardRef((r,o)=>{const{children:t,__TYPE__:_="Footer",...s}=r;return n.jsx("footer",{ref:o,...s,children:t})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Footer";module.exports=e;
+"use strict";const c=require("react/jsx-runtime"),n=require("react"),e=n.forwardRef((r,t)=>{const{children:o,...s}=r;return c.jsx("footer",{ref:t,...s,children:o})});e.displayName="Footer";module.exports=e;

package/dist/Footer.js

@@ -1,18 +1,10 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as _ } from "react";
-import { P as f } from "./index-CblbdqjE.js";
-const o = _((r, t) => {
-  const { children: e, __TYPE__: m = "Footer", ...p } = r;
-  return /* @__PURE__ */ s("footer", { ref: t, ...p, children: e });
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+const a = s((o, r) => {
+  const { children: t, ...e } = o;
+  return /* @__PURE__ */ f("footer", { ref: r, ...e, children: t });
 });
-o.propTypes = {
-  /**
-   * Do not override this property.
-   * Should only be used as indicator for type if you are passing custom component.
-   */
-  __TYPE__: f.string
-};
-o.displayName = "Footer";
+a.displayName = "Footer";
 export {
-  o as default
+  a as default
 };

package/dist/FormField.cjs

@@ -1,11 +1,11 @@
-"use strict";const o=require("react/jsx-runtime"),r=require("./index-BpbMKBf_.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-RnrgDDZP.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
+"use strict";const t=require("react/jsx-runtime"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-RnrgDDZP.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=n.styled.label`
   display: block;
   margin-bottom: 4px;
-  ${e=>s.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}
-  color: ${e=>s.getColorRgbaValue(e.theme,"FormField","primary","enabled","label")};
-`,u=a.styled.span`
+  ${e=>l.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}
+  color: ${e=>l.getColorRgbaValue(e.theme,"FormField","primary","enabled","label")};
+`,h=n.styled.span`
   display: block;
   margin-top: 8px;
-  ${e=>s.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}
-  color: ${e=>s.getColorRgbaValue(e.theme,"FormField",e.color,"enabled","text")};
-`,m=e=>{const{size:l="small",color:c="primary",className:d="",style:p={},text:t="",label:n="",children:y,...h}=e,i=b.useTheme();return o.jsxs("div",{style:p,className:"lnc-ui-form-field "+d,children:[n&&o.jsx(g,{theme:i,size:l,children:n}),y,t&&o.jsx(u,{size:l,theme:i,color:c,children:t})]})};m.propTypes={text:r.PropTypes.string,label:r.PropTypes.string,size:r.PropTypes.oneOf(["small","medium","large"]),color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),style:r.PropTypes.object,className:r.PropTypes.string};module.exports=m;
+  ${e=>l.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}
+  color: ${e=>l.getColorRgbaValue(e.theme,"FormField",e.color,"enabled","text")};
+`,u=e=>{const{size:o="small",color:m="primary",className:a="",style:c={},text:s="",label:r="",children:d}=e,i=b.useTheme();return t.jsxs("div",{style:c,className:"lnc-ui-form-field "+a,children:[r&&t.jsx(y,{theme:i,size:o,children:r}),d,s&&t.jsx(h,{size:o,theme:i,color:m,children:s})]})};module.exports=u;

package/dist/FormField.js

@@ -1,64 +1,39 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { P as l } from "./index-CblbdqjE.js";
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as i, b as n } from "./utils-DtEfC-TX.js";
-import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const f = m.label`
+import { c as s, b as i } from "./utils-DtEfC-TX.js";
+import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const y = m.label`
   display: block;
   margin-bottom: 4px;
-  ${(e) => i(e.theme, "FormField", e.size, "enabled")}
-  color: ${(e) => n(e.theme, "FormField", "primary", "enabled", "label")};
-`, h = m.span`
+  ${(e) => s(e.theme, "FormField", e.size, "enabled")}
+  color: ${(e) => i(e.theme, "FormField", "primary", "enabled", "label")};
+`, F = m.span`
   display: block;
   margin-top: 8px;
-  ${(e) => i(e.theme, "FormField", e.size, "enabled")}
-  color: ${(e) => n(
+  ${(e) => s(e.theme, "FormField", e.size, "enabled")}
+  color: ${(e) => i(
   e.theme,
   "FormField",
   e.color,
   "enabled",
   "text"
 )};
-`, F = (e) => {
+`, $ = (e) => {
   const {
-    size: r = "small",
-    color: c = "primary",
-    className: d = "",
-    style: p = {},
+    size: l = "small",
+    color: d = "primary",
+    className: n = "",
+    style: c = {},
     text: o = "",
-    label: s = "",
-    children: y,
-    ...u
-  } = e, t = g();
-  return /* @__PURE__ */ b("div", { style: p, className: "lnc-ui-form-field " + d, children: [
-    s && /* @__PURE__ */ a(f, { theme: t, size: r, children: s }),
-    y,
-    o && /* @__PURE__ */ a(h, { size: r, theme: t, color: c, children: o })
+    label: t = "",
+    children: b
+  } = e, r = p();
+  return /* @__PURE__ */ h("div", { style: c, className: "lnc-ui-form-field " + n, children: [
+    t && /* @__PURE__ */ a(y, { theme: r, size: l, children: t }),
+    b,
+    o && /* @__PURE__ */ a(F, { size: l, theme: r, color: d, children: o })
   ] });
 };
-F.propTypes = {
-  /**
-   * Additional text that appears below the main element.
-   */
-  text: l.string,
-  /**
-   * Label text that appears above the main element.
-   */
-  label: l.string,
-  size: l.oneOf(["small", "medium", "large"]),
-  color: l.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ]),
-  style: l.object,
-  className: l.string
-};
 export {
-  F as default
+  $ as default
 };

package/dist/FormView.cjs

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