@inntechcorp/it-design 2.1.31 → 2.1.32

package/dist/index.cjs.js

@@ -1727,7 +1727,7 @@ function(t,o){e.exports?e.exports=o($A()):o(t.moment)}(GA,(function(e){void 0===
   justify-content: flex-start;
   gap: 10px;
 
-`;const ml=t.forwardRef((({id:o="itd-checkbox-group-"+sa(),className:p="",disabled:b,value:n,defaultValue:M,options:r,children:c,onChange:z,onUpdate:i},a)=>{const[O,s]=t.useState([]),[d,A]=t.useState([]),[l,u]=t.useState("");t.useEffect((()=>{s(q)}),[c]),t.useEffect((()=>{M&&A(M)}),[M]),t.useEffect((()=>{Wl(d,n)}),[n]),t.useEffect((()=>{}),[M,r]),t.useEffect((()=>{let e=[];d.forEach((t=>{e.push(t)})),z&&z(e),W(e)}),[d]);const f=()=>{if(c)return h(c)};let q=[];const h=e=>t.Children.map(e,(e=>{if(!function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}(e))return e;let o;if(e.type===xl){let p={ref:t.createRef(),onChange:e=>{(e=>{let t=d;if(e.value){if(e.checked)t=[...d,e.value];else{const o=d.indexOf(e.value);if(o>-1){let e=[...d];e.splice(o,1),t=e}}A(t)}})(e)},children:h(e.props.children)};d.indexOf(e.props.value)>-1&&!e.props.disabled&&(p.checked=!0),void 0!==b&&(p.disabled=b),o=t.cloneElement(e,p),q.push(e.props.value)}else o=t.cloneElement(e,{children:h(e.props.children)});return o}));t.useImperativeHandle(a,(()=>({reset(e=!0,t=!0){this.selectAll(!1),A([]),u(""),W([],e,t)},setValue(e=[],t=!0,o=!0){A(e),W(e,t,o)},getValue:()=>d,setError(e=""){u(e)},clear(){A([]),this.selectAll(!1)},selectAll(e){A(e?O:[]),W(e?O:[]),z&&z(e?O:[])}})));const W=(e,t=!0,o=!0)=>{i&&i(e,t,o)},g=()=>{let e="itd-checkbox-group";return""!==l&&(e+=" itd-checkbox-group-error"),b&&(e+=" itd-checkbox-group-disabled"),""!==p&&(e+=" "+p),e};return e.jsx(gl,{id:o,className:g(),children:f()})}));ml.displayName="ITD-CheckboxGroup";const Rl=Di.label`
+`;const ml=t.forwardRef((({id:o="itd-checkbox-group-"+sa(),className:p="",disabled:b,value:n,defaultValue:M,children:r,onChange:c,onUpdate:z},i)=>{const[a,O]=t.useState([]),[s,d]=t.useState([]),[A,l]=t.useState("");t.useEffect((()=>{O(f)}),[r]),t.useEffect((()=>{M&&d(M)}),[M]),t.useEffect((()=>{Wl(s,n)||d(n||[])}),[n]),t.useEffect((()=>{let e=[];s.forEach((t=>{e.push(t)})),c&&c(e),h(e)}),[s]);const u=()=>{if(r)return q(r)};let f=[];const q=e=>t.Children.map(e,(e=>{if(!function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}(e))return e;let o;if(e.type===xl){let p={ref:t.createRef(),onChange:e=>{(e=>{let t=s;if(e.value){if(e.checked)t=[...s,e.value];else{const o=s.indexOf(e.value);if(o>-1){let e=[...s];e.splice(o,1),t=e}}d(t)}})(e)},children:q(e.props.children)};s.indexOf(e.props.value)>-1&&!e.props.disabled&&(p.checked=!0),void 0!==b&&(p.disabled=b),o=t.cloneElement(e,p),f.push(e.props.value)}else o=t.cloneElement(e,{children:q(e.props.children)});return o}));t.useImperativeHandle(i,(()=>({reset(e=!0,t=!0){this.selectAll(!1),d([]),l(""),h([],e,t)},setValue(e=[],t=!0,o=!0){d(e),h(e,t,o)},getValue:()=>s,setError(e=""){l(e)},clear(){d([]),this.selectAll(!1)},selectAll(e){d(e?a:[]),h(e?a:[]),c&&c(e?a:[])}})));const h=(e,t=!0,o=!0)=>{z&&z(e,t,o)},W=()=>{let e="itd-checkbox-group";return""!==A&&(e+=" itd-checkbox-group-error"),b&&(e+=" itd-checkbox-group-disabled"),""!==p&&(e+=" "+p),e};return e.jsx(gl,{id:o,className:W(),children:u()})}));ml.displayName="ITD-CheckboxGroup";const Rl=Di.label`
 
   display: flex;
   align-items: center;
@@ -4366,6 +4366,10 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
       color: #99a1b7;
     }
 
+    &:disabled {
+      color: #99a1b7AA;
+    }
+
   }
 
   /* ------------------------ */

package/dist/index.esm.js

@@ -1727,7 +1727,7 @@ function(t,o){e.exports?e.exports=o(Il()):o(t.moment)}(Vl,(function(e){void 0===
   justify-content: flex-start;
   gap: 10px;
 
-`;const xu=u((({id:t="itd-checkbox-group-"+Ha(),className:o="",disabled:p,value:b,defaultValue:n,options:M,children:c,onChange:i,onUpdate:a},O)=>{const[s,A]=r([]),[l,u]=r([]),[W,g]=r("");z((()=>{A(R)}),[c]),z((()=>{n&&u(n)}),[n]),z((()=>{Bu(l,b)}),[b]),z((()=>{}),[n,M]),z((()=>{let e=[];l.forEach((t=>{e.push(t)})),i&&i(e),L(e)}),[l]);const m=()=>{if(c)return v(c)};let R=[];const v=e=>f.map(e,(e=>{if(!function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}(e))return e;let t;if(e.type===_u){let o={ref:h(),onChange:e=>{(e=>{let t=l;if(e.value){if(e.checked)t=[...l,e.value];else{const o=l.indexOf(e.value);if(o>-1){let e=[...l];e.splice(o,1),t=e}}u(t)}})(e)},children:v(e.props.children)};l.indexOf(e.props.value)>-1&&!e.props.disabled&&(o.checked=!0),void 0!==p&&(o.disabled=p),t=d(e,o),R.push(e.props.value)}else t=d(e,{children:v(e.props.children)});return t}));q(O,(()=>({reset(e=!0,t=!0){this.selectAll(!1),u([]),g(""),L([],e,t)},setValue(e=[],t=!0,o=!0){u(e),L(e,t,o)},getValue:()=>l,setError(e=""){g(e)},clear(){u([]),this.selectAll(!1)},selectAll(e){u(e?s:[]),L(e?s:[]),i&&i(e?s:[])}})));const L=(e,t=!0,o=!0)=>{a&&a(e,t,o)};return e(wu,{id:t,className:(()=>{let e="itd-checkbox-group";return""!==W&&(e+=" itd-checkbox-group-error"),p&&(e+=" itd-checkbox-group-disabled"),""!==o&&(e+=" "+o),e})(),children:m()})}));xu.displayName="ITD-CheckboxGroup";const Xu=ha.label`
+`;const xu=u((({id:t="itd-checkbox-group-"+Ha(),className:o="",disabled:p,value:b,defaultValue:n,children:M,onChange:c,onUpdate:i},a)=>{const[O,s]=r([]),[A,l]=r([]),[u,W]=r("");z((()=>{s(m)}),[M]),z((()=>{n&&l(n)}),[n]),z((()=>{Bu(A,b)||l(b||[])}),[b]),z((()=>{let e=[];A.forEach((t=>{e.push(t)})),c&&c(e),v(e)}),[A]);const g=()=>{if(M)return R(M)};let m=[];const R=e=>f.map(e,(e=>{if(!function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}(e))return e;let t;if(e.type===_u){let o={ref:h(),onChange:e=>{(e=>{let t=A;if(e.value){if(e.checked)t=[...A,e.value];else{const o=A.indexOf(e.value);if(o>-1){let e=[...A];e.splice(o,1),t=e}}l(t)}})(e)},children:R(e.props.children)};A.indexOf(e.props.value)>-1&&!e.props.disabled&&(o.checked=!0),void 0!==p&&(o.disabled=p),t=d(e,o),m.push(e.props.value)}else t=d(e,{children:R(e.props.children)});return t}));q(a,(()=>({reset(e=!0,t=!0){this.selectAll(!1),l([]),W(""),v([],e,t)},setValue(e=[],t=!0,o=!0){l(e),v(e,t,o)},getValue:()=>A,setError(e=""){W(e)},clear(){l([]),this.selectAll(!1)},selectAll(e){l(e?O:[]),v(e?O:[]),c&&c(e?O:[])}})));const v=(e,t=!0,o=!0)=>{i&&i(e,t,o)};return e(wu,{id:t,className:(()=>{let e="itd-checkbox-group";return""!==u&&(e+=" itd-checkbox-group-error"),p&&(e+=" itd-checkbox-group-disabled"),""!==o&&(e+=" "+o),e})(),children:g()})}));xu.displayName="ITD-CheckboxGroup";const Xu=ha.label`
 
   display: flex;
   align-items: center;
@@ -4366,6 +4366,10 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
       color: #99a1b7;
     }
 
+    &:disabled {
+      color: #99a1b7AA;
+    }
+
   }
 
   /* ------------------------ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.1.31",
+  "version": "2.1.32",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",