forstok-ui-lib 5.2.27 → 5.2.28

package/dist/index.mjs

@@ -779,14 +779,14 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
   ${({$isError:e})=>{if(e)return f` 
         border:1px solid var(--err-clr-ln);
       `}}  
-`,Yd=e=>{var t,{$isError:i,reset:o,setReset:a,isForceUpdate:s,setForceUpdate:l,evChange:c,evBlur:u,isField:d,evChangeCustom:p}=e,g=b(e,["$isError","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom"]);const{name:h,defaultValue:f}=g,[m,C]=n(null!==(t=null==f?void 0:f.toString())&&void 0!==t?t:"");r((()=>{var e;s&&(C(null!==(e=null==f?void 0:f.toString())&&void 0!==e?e:""),l&&l(!1)),o&&(C(""),a&&a(!1))}),[s,l,o,a,f]);const A=e=>{const t=e.target.value;C(t)};let v=Object.assign({},g);return delete v.defaultValue,w.jsx(zd,Object.assign({$isError:i,value:m,onChange:e=>{A(e),c&&c(e)},onBlur:e=>{A(e),(e=>{u&&u(e),d&&h&&p&&p(h,e.target.value)})(e)}},v))},Zd=f`
+`,Yd=e=>{var t,{$isError:i,reset:o,setReset:a,isForceUpdate:s,setForceUpdate:l,evChange:c,evBlur:u,isField:d,evChangeCustom:p}=e,g=b(e,["$isError","reset","setReset","isForceUpdate","setForceUpdate","evChange","evBlur","isField","evChangeCustom"]);const{name:h,defaultValue:f}=g,[m,C]=n(null!==(t=null==f?void 0:f.toString())&&void 0!==t?t:"");r((()=>{var e;s&&(C(null!==(e=null==f?void 0:f.toString())&&void 0!==e?e:""),l&&l(!1)),o&&(C(""),a&&a(!1))}),[s,l,o,a,f]);const A=e=>{const t=e.target.value;C(t)};let v=Object.assign({},g);return delete v.defaultValue,w.jsx(zd,Object.assign({$isError:i,value:m,onChange:e=>{A(e),c&&c(e)},onBlur:e=>{A(e),(e=>{u&&u(e),d&&h&&p&&p(h,e.target.value)})(e)}},v))},Zd=i(((e,t)=>{var{$isError:n}=e,r=b(e,["$isError"]);return w.jsx(zd,Object.assign({ref:t,$isError:n},r))})),Jd=f`
   display: grid;
   grid-row-gap: 12px;
   grid-column-gap: 16px;
   width: 100%;
   margin-bottom: 12px;
   align-items: start;
-`,Jd=h.form.attrs((e=>({name:e.name||"form",autoComplete:e.autoComplete||"off"})))`
+`,Qd=h.form.attrs((e=>({name:e.name||"form",autoComplete:e.autoComplete||"off"})))`
   display: inline-grid;
   grid-auto-flow: row;
   grid-gap: 25px;
@@ -801,10 +801,10 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
     }
   }
   ${({name:e})=>{let t="";return"invoiceForm"===e&&(t+="\n      grid-gap: 15px;\n    "),t}}
-`,Qd=h.section`
-  ${Zd}
-  ${({$width:e})=>{let t="";return e&&(t+=` \n      @media (min-width: 768px) {\n        width: ${e}; \n      }\n    `),t}}
 `,Ud=h.section`
+  ${Jd}
+  ${({$width:e})=>{let t="";return e&&(t+=` \n      @media (min-width: 768px) {\n        width: ${e}; \n      }\n    `),t}}
+`,qd=h.section`
   position: relative;
   height: 100%;
   padding-top: 20px;
@@ -819,12 +819,12 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
     padding: 20px 2em 0;
     height: 100%;
   }
-`,qd=h.section`
+`,Kd=h.section`
   position: relative;
   &:first-child {
     margin-top: -4px;
   }
-`,Kd=h.section` 
+`,$d=h.section` 
   ${L}
   position: relative;
   min-height: 1px;
@@ -837,7 +837,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
   ${({$mode:e})=>{if("full"===e)return f` 
         width: 100%; 
       `}}
-`,$d=h.h1`
+`,_d=h.h1`
   font-family: PT Sans;
   font-size: 22px;
   color: var(--ter-clr);
@@ -854,7 +854,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
       display: inline !important;
     }
   }
-`,_d=h.aside` 
+`,ep=h.aside` 
   display: grid;
   grid-auto-flow: column;
   grid-gap: 8px;
@@ -871,7 +871,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
   @media only screen and (min-width: 1366px) {
     right: 20px;
   }
-`,ep=h.section`
+`,tp=h.section`
   width: 100%;
   ${({$mode:e})=>"master-listing"===e?f` 
         padding: 0 16px;
@@ -883,7 +883,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
           padding-top: 12px; 
         }
       `:void 0}
-`,tp=h.div`
+`,np=h.div`
   padding-top: 16px;
   &._refNoTab {
     padding-top: 9px;
@@ -895,7 +895,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
     padding-top: 24px;
   }
   ${({$mode:e})=>{let t="";return"list"===e?t+=" \n      min-height: 750px;\n      @media only screen and (min-width: 1280px) {\n        min-height: 600px;\n      }\n    ":"clear"===e&&(t+="\n      padding-top: 9px;\n      @media only screen and (min-width: 768px) {\n        padding-top: 11px;\n      }\n    "),t}}
-`,np=h.section`
+`,rp=h.section`
   position: relative;
   > section, 
   > article {
@@ -909,7 +909,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
   > article {
     height: calc(100vh - 50px);
   }
-`,rp=h.div`
+`,ip=h.div`
   display: inline-grid;
   grid-auto-flow: column;
   grid-template-columns: minmax(140px, 150px) minmax(140px, 1fr);
@@ -929,7 +929,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
     overflow-wrap: break-word;
     word-break: break-word;
   }
-`,ip=h.span`
+`,op=h.span`
   color: var(--mt-clr);
   font-size: 12px;
   word-break: break-all;
@@ -949,7 +949,7 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
           margin-right: 4px; 
         }
       `}}
-`,op=h.article`
+`,ap=h.article`
   > label, 
   > aside {
     ${V}
@@ -961,6 +961,6 @@ import*as e from"react";import t,{useState as n,useEffect as r,forwardRef as i,u
   > div { 
     display: grid; 
   }
-  ${({$mode:e,$required:t})=>{let n="";return"column"===e?n+=" \n      display: grid;\n      grid-auto-flow: column;\n      grid-template-columns: 1.1fr 2fr;\n      align-items: baseline;\n      grid-gap: 10px;\n      > label, > aside {\n        padding: 0;\n        margin: 0;\n      }\n    ":"column-product"===e&&(n+=` \n      > div {\n        display: grid;\n        grid-auto-flow: column;\n        grid-template-columns: max-content auto;\n        grid-gap: 10px;\n        ${ip} {\n          display: grid;\n          align-items: center;\n        }\n      }\n    `),t&&(n+=" \n      > label, > aside {\n        &:after {\n          content: '*';\n          color: red;\n        }\n      }\n    "),n}}
-`;export{fe as ButtonComponent,de as CheckboxComponent,Pe as DropdownComponent,Ed as ErrorComponent,np as FoContainer,Jd as FormContainer,_d as HeaderContainer,ye as IconComponent,Co as ImageComponent,rp as InfoGroup,oe as InputComponent,op as InputGroup,ae as InputRefComponent,Ae as LabelComponent,Y as LinkComponent,qd as ListContainer,xe as LoadingComponent,yd as MenuList,Ue as MessageComponent,to as MessageQuestionComponent,ip as MuteLabel,Ud as PanelContainer,Kd as PanelWrapper,ho as PopupComponent,we as ReactPortalComponent,Fd as SelectComponent,Qd as SingleFormContainer,ep as TabsContainer,tp as TabsContent,Yd as TextAreaComponent,D as TextComponent,$d as Title,jd as UploadComponent,Hd as UploadDragDropComponent,T as boxBase,q as capitalize,G as clearList,ee as currencyNumber,U as debounce,O as dropBase,N as elipsis,V as formLabel,K as formatNumber,$ as generateMessage,_ as generateMessageQuestion,Z as getStorage,P as headTable,S as multiElipsis,Q as removeStorage,L as responseWidth,J as setStorage,X as thirdElipsis};
+  ${({$mode:e,$required:t})=>{let n="";return"column"===e?n+=" \n      display: grid;\n      grid-auto-flow: column;\n      grid-template-columns: 1.1fr 2fr;\n      align-items: baseline;\n      grid-gap: 10px;\n      > label, > aside {\n        padding: 0;\n        margin: 0;\n      }\n    ":"column-product"===e&&(n+=` \n      > div {\n        display: grid;\n        grid-auto-flow: column;\n        grid-template-columns: max-content auto;\n        grid-gap: 10px;\n        ${op} {\n          display: grid;\n          align-items: center;\n        }\n      }\n    `),t&&(n+=" \n      > label, > aside {\n        &:after {\n          content: '*';\n          color: red;\n        }\n      }\n    "),n}}
+`;export{fe as ButtonComponent,de as CheckboxComponent,Pe as DropdownComponent,Ed as ErrorComponent,rp as FoContainer,Qd as FormContainer,ep as HeaderContainer,ye as IconComponent,Co as ImageComponent,ip as InfoGroup,oe as InputComponent,ap as InputGroup,ae as InputRefComponent,Ae as LabelComponent,Y as LinkComponent,Kd as ListContainer,xe as LoadingComponent,yd as MenuList,Ue as MessageComponent,to as MessageQuestionComponent,op as MuteLabel,qd as PanelContainer,$d as PanelWrapper,ho as PopupComponent,we as ReactPortalComponent,Fd as SelectComponent,Ud as SingleFormContainer,tp as TabsContainer,np as TabsContent,Yd as TextAreaComponent,Zd as TextAreaRefComponent,D as TextComponent,_d as Title,jd as UploadComponent,Hd as UploadDragDropComponent,T as boxBase,q as capitalize,G as clearList,ee as currencyNumber,U as debounce,O as dropBase,N as elipsis,V as formLabel,K as formatNumber,$ as generateMessage,_ as generateMessageQuestion,Z as getStorage,P as headTable,S as multiElipsis,Q as removeStorage,L as responseWidth,J as setStorage,X as thirdElipsis};
 //# sourceMappingURL=index.mjs.map