@inntechcorp/it-design 2.1.9 → 2.1.10

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((({disabled:o,className:p="",value:b,defaultValue:n,options: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((()=>{n&&d(n)}),[n]),t.useEffect((()=>{Wl(s,b)}),[b]),t.useEffect((()=>{}),[n,M]),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 p;if(e.type===xl){let b={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&&(b.checked=!0),void 0!==o&&(b.disabled=o),p=t.cloneElement(e,b),f.push(e.props.value)}else p=t.cloneElement(e,{children:q(e.props.children)});return p}));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"),o&&(e+=" itd-checkbox-group-disabled"),""!==p&&(e+=" "+p),e};return e.jsx(gl,{className:W(),children:u()})}));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,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`
 
   display: flex;
   align-items: center;
@@ -5088,7 +5088,7 @@ function pu(e,t){if(fu(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
   grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
   grid-template-rows    : ${e=>"column"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
   grid-gap              : ${e=>e.$gap};
-`,Cm=t.forwardRef((({id:o="itd-checkbox-group-"+sa(),name:p="",message:b="",type:n="default",defaultValue:M="",value:r="",buttonProps:c={},className:z="",direction:i="column",gap:a="10px",length:O=3,onlyFlow:s=!1,onChange:d=null,onUpdate:A=null,children:l=null},u)=>{const[f,q]=t.useState(b),[h,W]=t.useState("");t.useEffect((()=>{M&&(W(M),g(M))}),[]),t.useEffect((()=>{W(r),g(r)}),[r]);const g=(e,t=!0,o=!0)=>{A&&A(e,t,o)};t.useImperativeHandle(u,(()=>({reset(e=!0,t=!0){W(M),q(""),g(M,e,t)},setValue(e,t=!0,o=!0){W(e),g(e,t,o)},getValue:()=>h,setError(e){q(e)},clear(){}})));const m=e=>{h!==e&&(W(e),g(e,!0,!1),q(""),d&&d(e))};return e.jsx(_m,{id:o,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+n,e+=" itd-radio-group-"+i,f&&(e+=" itd-radio-group-error"),""!==z&&(e+=" "+z),e})(),role:"radiogroup",$direction:i,$length:O,$gap:a,$onlyFlow:s,children:(()=>{const e=o=>{if(!t.isValidElement(o))return null;if(o.type===Em)return t.cloneElement(o,{...o.props,checked:h===o.props.value,onChange:m,hasError:""!==f,name:p,type:n,buttonProps:c});if(o.props.children){const p=t.Children.map(o.props.children,e);return t.cloneElement(o,{...o.props,children:p})}return o};return t.Children.map(l,e)})()})}));var Pm=t.memo(Cm);const Dm=()=>null;Dm.Group=Pm,Dm.Button=Em;var jm="itd__label__9437953e",Im="itd__checkmark__9437953e",Fm="itd__check__9437953e",$m="itd__container__9437953e";$g(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const Um=({checked:e=!1,className:o="",children:p=null})=>t.createElement("label",{className:"itd-inline-select-checkbox-label "+o+" "+$m},t.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+jm},(()=>{let o="itd-inline-select-checkbox "+Im;return e&&(o+=" "+Fm),t.createElement("div",{className:o},t.createElement(Ol,{className:"itd-svg",width:12,height:12}))})(),t.createElement("span",null,p)));var Vm="itd__option__733c7593",Hm="itd__selected__733c7593",Ym="itd__single__733c7593";$g(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const Gm=({value:e="",checked:o=!1,single:p=!1,onChange:b=null,children:n=null})=>{const[M,r]=t.useState(!1);return t.createElement("li",{onMouseEnter:e=>{r(!0),e.stopPropagation()},onMouseLeave:e=>{r(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+Vm,o&&(e+=" "+Hm),o&&(e+=" itd-inline-select-item-option-selected"),M&&!o&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:t=>{b(e,!o,n),t.stopPropagation()}},p?t.createElement("div",{className:"itd-item-single "+Ym},t.createElement("span",null,n)):t.createElement(Um,{className:"itd-item-multi",checked:o},n))};var Km=t.memo(Gm),Qm={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Jm(e){const o=t.useRef(null),{value:b=[],children:n=null,onChange:M=null,isOpen:r=!1,single:c=!1,minWidth:z=0}=e,[i,a]=t.useState([]);t.useEffect((()=>{a(b)}),[b]);const O=(e,t,o)=>{if(c){const p=[t?e:""];a(p),M(p,o)}else{let p=[];t?p=[...i,e]:(i.splice(i.indexOf(e),1),p=[...i]),a(p),M(p,o)}};return t.createElement(p.CSSTransition,{in:r,timeout:500,classNames:{enter:Qm.menuEnter,enterActive:n.length>5?Qm.menuEnterActiveLong:Qm.menuEnterActive,exit:Qm.menuExit,exitActive:n.length>5?Qm.menuExitActiveLong:Qm.menuExitActive},nodeRef:o,unmountOnExit:!0},t.createElement("div",{className:"itd-inline-select-dropdown "+Qm.menu+" "+Qm.bottom+" "+Qm.left,style:{width:0===z?"max-content":z+"px"},ref:o},t.createElement("div",{className:Qm.spacer}),t.createElement(kh,{className:"itd-inline-select-dropdown-body "+n.length>5?Qm.bodyWrapperLong:Qm.bodyWrapper},t.createElement("ul",null,t.Children.map(n,(e=>t.cloneElement(e,{onChange:O,checked:i.indexOf(e.props.value)>-1,key:e.props.value})))))))}$g(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const Zm=Di.div`
+`,Cm=t.forwardRef((({id:o="itd-radio-group-"+sa(),name:p="",message:b="",type:n="default",defaultValue:M="",value:r="",buttonProps:c={},className:z="",direction:i="column",gap:a="10px",length:O=3,onlyFlow:s=!1,onChange:d=null,onUpdate:A=null,children:l=null},u)=>{const[f,q]=t.useState(b),[h,W]=t.useState("");t.useEffect((()=>{M&&(W(M),g(M))}),[]),t.useEffect((()=>{W(r),g(r)}),[r]);const g=(e,t=!0,o=!0)=>{A&&A(e,t,o)};t.useImperativeHandle(u,(()=>({reset(e=!0,t=!0){W(M),q(""),g(M,e,t)},setValue(e,t=!0,o=!0){W(e),g(e,t,o)},getValue:()=>h,setError(e){q(e)},clear(){}})));const m=e=>{h!==e&&(W(e),g(e,!0,!1),q(""),d&&d(e))};return e.jsx(_m,{id:o,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+n,e+=" itd-radio-group-"+i,f&&(e+=" itd-radio-group-error"),""!==z&&(e+=" "+z),e})(),role:"radiogroup",$direction:i,$length:O,$gap:a,$onlyFlow:s,children:(()=>{const e=o=>{if(!t.isValidElement(o))return null;if(o.type===Em)return t.cloneElement(o,{...o.props,checked:h===o.props.value,onChange:m,hasError:""!==f,name:p,type:n,buttonProps:c});if(o.props.children){const p=t.Children.map(o.props.children,e);return t.cloneElement(o,{...o.props,children:p})}return o};return t.Children.map(l,e)})()})}));var Pm=t.memo(Cm);const Dm=()=>null;Dm.Group=Pm,Dm.Button=Em;var jm="itd__label__9437953e",Im="itd__checkmark__9437953e",Fm="itd__check__9437953e",$m="itd__container__9437953e";$g(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const Um=({checked:e=!1,className:o="",children:p=null})=>t.createElement("label",{className:"itd-inline-select-checkbox-label "+o+" "+$m},t.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+jm},(()=>{let o="itd-inline-select-checkbox "+Im;return e&&(o+=" "+Fm),t.createElement("div",{className:o},t.createElement(Ol,{className:"itd-svg",width:12,height:12}))})(),t.createElement("span",null,p)));var Vm="itd__option__733c7593",Hm="itd__selected__733c7593",Ym="itd__single__733c7593";$g(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const Gm=({value:e="",checked:o=!1,single:p=!1,onChange:b=null,children:n=null})=>{const[M,r]=t.useState(!1);return t.createElement("li",{onMouseEnter:e=>{r(!0),e.stopPropagation()},onMouseLeave:e=>{r(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+Vm,o&&(e+=" "+Hm),o&&(e+=" itd-inline-select-item-option-selected"),M&&!o&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:t=>{b(e,!o,n),t.stopPropagation()}},p?t.createElement("div",{className:"itd-item-single "+Ym},t.createElement("span",null,n)):t.createElement(Um,{className:"itd-item-multi",checked:o},n))};var Km=t.memo(Gm),Qm={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Jm(e){const o=t.useRef(null),{value:b=[],children:n=null,onChange:M=null,isOpen:r=!1,single:c=!1,minWidth:z=0}=e,[i,a]=t.useState([]);t.useEffect((()=>{a(b)}),[b]);const O=(e,t,o)=>{if(c){const p=[t?e:""];a(p),M(p,o)}else{let p=[];t?p=[...i,e]:(i.splice(i.indexOf(e),1),p=[...i]),a(p),M(p,o)}};return t.createElement(p.CSSTransition,{in:r,timeout:500,classNames:{enter:Qm.menuEnter,enterActive:n.length>5?Qm.menuEnterActiveLong:Qm.menuEnterActive,exit:Qm.menuExit,exitActive:n.length>5?Qm.menuExitActiveLong:Qm.menuExitActive},nodeRef:o,unmountOnExit:!0},t.createElement("div",{className:"itd-inline-select-dropdown "+Qm.menu+" "+Qm.bottom+" "+Qm.left,style:{width:0===z?"max-content":z+"px"},ref:o},t.createElement("div",{className:Qm.spacer}),t.createElement(kh,{className:"itd-inline-select-dropdown-body "+n.length>5?Qm.bodyWrapperLong:Qm.bodyWrapper},t.createElement("ul",null,t.Children.map(n,(e=>t.cloneElement(e,{onChange:O,checked:i.indexOf(e.props.value)>-1,key:e.props.value})))))))}$g(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const Zm=Di.div`
   width: max-content;
 `,eR=Di.span`
 

package/dist/index.d.ts

@@ -1036,6 +1036,7 @@ type CheckboxProps = {
     onUpdate?: ((value: any, update: any, validation: boolean) => void);
 };
 type CheckboxGroupProps = {
+    id?: string;
     value?: (string | number | boolean)[];
     defaultValue?: (string | number | boolean)[];
     options?: GroupCheckboxOptionType[];

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((({disabled:t,className:o="",value:p,defaultValue:b,options:n,children:M,onChange:c,onUpdate:i},a)=>{const[O,s]=r([]),[A,l]=r([]),[u,W]=r("");z((()=>{s(m)}),[M]),z((()=>{b&&l(b)}),[b]),z((()=>{Bu(A,p)}),[p]),z((()=>{}),[b,n]),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 o;if(e.type===_u){let p={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&&(p.checked=!0),void 0!==t&&(p.disabled=t),o=d(e,p),m.push(e.props.value)}else o=d(e,{children:R(e.props.children)});return o}));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,{className:(()=>{let e="itd-checkbox-group";return""!==u&&(e+=" itd-checkbox-group-error"),t&&(e+=" itd-checkbox-group-disabled"),""!==o&&(e+=" "+o),e})(),children:g()})}));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,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`
 
   display: flex;
   align-items: center;
@@ -5088,7 +5088,7 @@ function Of(e,t){if(yf(e))for(let o=0;o<e.length&&!1!==t(e[o],o,e);o++);else e&&
   grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
   grid-template-rows    : ${e=>"column"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, 1fr)`};
   grid-gap              : ${e=>e.$gap};
-`,VR=u((({id:t="itd-checkbox-group-"+Ha(),name:o="",message:p="",type:n="default",defaultValue:M="",value:c="",buttonProps:i={},className:a="",direction:O="column",gap:s="10px",length:A=3,onlyFlow:l=!1,onChange:u=null,onUpdate:h=null,children:W=null},g)=>{const[m,R]=r(p),[v,L]=r("");z((()=>{M&&(L(M),y(M))}),[]),z((()=>{L(c),y(c)}),[c]);const y=(e,t=!0,o=!0)=>{h&&h(e,t,o)};q(g,(()=>({reset(e=!0,t=!0){L(M),R(""),y(M,e,t)},setValue(e,t=!0,o=!0){L(e),y(e,t,o)},getValue:()=>v,setError(e){R(e)},clear(){}})));const N=e=>{v!==e&&(L(e),y(e,!0,!1),R(""),u&&u(e))};return e(UR,{id:t,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+n,e+=" itd-radio-group-"+O,m&&(e+=" itd-radio-group-error"),""!==a&&(e+=" "+a),e})(),role:"radiogroup",$direction:O,$length:A,$gap:s,$onlyFlow:l,children:(()=>{const e=t=>{if(!b.isValidElement(t))return null;if(t.type===$R)return d(t,{...t.props,checked:v===t.props.value,onChange:N,hasError:""!==m,name:o,type:n,buttonProps:i});if(t.props.children){const o=f.map(t.props.children,e);return d(t,{...t.props,children:o})}return t};return f.map(W,e)})()})}));var HR=W(VR);const YR=()=>null;YR.Group=HR,YR.Button=$R;var GR="itd__label__9437953e",KR="itd__checkmark__9437953e",QR="itd__check__9437953e",JR="itd__container__9437953e";Jm(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const ZR=({checked:e=!1,className:t="",children:o=null})=>b.createElement("label",{className:"itd-inline-select-checkbox-label "+t+" "+JR},b.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+GR},(()=>{let t="itd-inline-select-checkbox "+KR;return e&&(t+=" "+QR),b.createElement("div",{className:t},b.createElement(qu,{className:"itd-svg",width:12,height:12}))})(),b.createElement("span",null,o)));var ev="itd__option__733c7593",tv="itd__selected__733c7593",ov="itd__single__733c7593";Jm(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const pv=({value:e="",checked:t=!1,single:o=!1,onChange:p=null,children:n=null})=>{const[M,c]=r(!1);return b.createElement("li",{onMouseEnter:e=>{c(!0),e.stopPropagation()},onMouseLeave:e=>{c(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+ev,t&&(e+=" "+tv),t&&(e+=" itd-inline-select-item-option-selected"),M&&!t&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:o=>{p(e,!t,n),o.stopPropagation()}},o?b.createElement("div",{className:"itd-item-single "+ov},b.createElement("span",null,n)):b.createElement(ZR,{className:"itd-item-multi",checked:t},n))};var bv=W(pv),nv={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Mv(e){const t=c(null),{value:o=[],children:p=null,onChange:n=null,isOpen:M=!1,single:i=!1,minWidth:a=0}=e,[O,s]=r([]);z((()=>{s(o)}),[o]);const A=(e,t,o)=>{if(i){const p=[t?e:""];s(p),n(p,o)}else{let p=[];t?p=[...O,e]:(O.splice(O.indexOf(e),1),p=[...O]),s(p),n(p,o)}};return b.createElement(v,{in:M,timeout:500,classNames:{enter:nv.menuEnter,enterActive:p.length>5?nv.menuEnterActiveLong:nv.menuEnterActive,exit:nv.menuExit,exitActive:p.length>5?nv.menuExitActiveLong:nv.menuExitActive},nodeRef:t,unmountOnExit:!0},b.createElement("div",{className:"itd-inline-select-dropdown "+nv.menu+" "+nv.bottom+" "+nv.left,style:{width:0===a?"max-content":a+"px"},ref:t},b.createElement("div",{className:nv.spacer}),b.createElement(FW,{className:"itd-inline-select-dropdown-body "+p.length>5?nv.bodyWrapperLong:nv.bodyWrapper},b.createElement("ul",null,f.map(p,(e=>d(e,{onChange:A,checked:O.indexOf(e.props.value)>-1,key:e.props.value})))))))}Jm(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const rv=ha.div`
+`,VR=u((({id:t="itd-radio-group-"+Ha(),name:o="",message:p="",type:n="default",defaultValue:M="",value:c="",buttonProps:i={},className:a="",direction:O="column",gap:s="10px",length:A=3,onlyFlow:l=!1,onChange:u=null,onUpdate:h=null,children:W=null},g)=>{const[m,R]=r(p),[v,L]=r("");z((()=>{M&&(L(M),y(M))}),[]),z((()=>{L(c),y(c)}),[c]);const y=(e,t=!0,o=!0)=>{h&&h(e,t,o)};q(g,(()=>({reset(e=!0,t=!0){L(M),R(""),y(M,e,t)},setValue(e,t=!0,o=!0){L(e),y(e,t,o)},getValue:()=>v,setError(e){R(e)},clear(){}})));const N=e=>{v!==e&&(L(e),y(e,!0,!1),R(""),u&&u(e))};return e(UR,{id:t,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+n,e+=" itd-radio-group-"+O,m&&(e+=" itd-radio-group-error"),""!==a&&(e+=" "+a),e})(),role:"radiogroup",$direction:O,$length:A,$gap:s,$onlyFlow:l,children:(()=>{const e=t=>{if(!b.isValidElement(t))return null;if(t.type===$R)return d(t,{...t.props,checked:v===t.props.value,onChange:N,hasError:""!==m,name:o,type:n,buttonProps:i});if(t.props.children){const o=f.map(t.props.children,e);return d(t,{...t.props,children:o})}return t};return f.map(W,e)})()})}));var HR=W(VR);const YR=()=>null;YR.Group=HR,YR.Button=$R;var GR="itd__label__9437953e",KR="itd__checkmark__9437953e",QR="itd__check__9437953e",JR="itd__container__9437953e";Jm(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const ZR=({checked:e=!1,className:t="",children:o=null})=>b.createElement("label",{className:"itd-inline-select-checkbox-label "+t+" "+JR},b.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+GR},(()=>{let t="itd-inline-select-checkbox "+KR;return e&&(t+=" "+QR),b.createElement("div",{className:t},b.createElement(qu,{className:"itd-svg",width:12,height:12}))})(),b.createElement("span",null,o)));var ev="itd__option__733c7593",tv="itd__selected__733c7593",ov="itd__single__733c7593";Jm(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const pv=({value:e="",checked:t=!1,single:o=!1,onChange:p=null,children:n=null})=>{const[M,c]=r(!1);return b.createElement("li",{onMouseEnter:e=>{c(!0),e.stopPropagation()},onMouseLeave:e=>{c(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+ev,t&&(e+=" "+tv),t&&(e+=" itd-inline-select-item-option-selected"),M&&!t&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:o=>{p(e,!t,n),o.stopPropagation()}},o?b.createElement("div",{className:"itd-item-single "+ov},b.createElement("span",null,n)):b.createElement(ZR,{className:"itd-item-multi",checked:t},n))};var bv=W(pv),nv={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Mv(e){const t=c(null),{value:o=[],children:p=null,onChange:n=null,isOpen:M=!1,single:i=!1,minWidth:a=0}=e,[O,s]=r([]);z((()=>{s(o)}),[o]);const A=(e,t,o)=>{if(i){const p=[t?e:""];s(p),n(p,o)}else{let p=[];t?p=[...O,e]:(O.splice(O.indexOf(e),1),p=[...O]),s(p),n(p,o)}};return b.createElement(v,{in:M,timeout:500,classNames:{enter:nv.menuEnter,enterActive:p.length>5?nv.menuEnterActiveLong:nv.menuEnterActive,exit:nv.menuExit,exitActive:p.length>5?nv.menuExitActiveLong:nv.menuExitActive},nodeRef:t,unmountOnExit:!0},b.createElement("div",{className:"itd-inline-select-dropdown "+nv.menu+" "+nv.bottom+" "+nv.left,style:{width:0===a?"max-content":a+"px"},ref:t},b.createElement("div",{className:nv.spacer}),b.createElement(FW,{className:"itd-inline-select-dropdown-body "+p.length>5?nv.bodyWrapperLong:nv.bodyWrapper},b.createElement("ul",null,f.map(p,(e=>d(e,{onChange:A,checked:O.indexOf(e.props.value)>-1,key:e.props.value})))))))}Jm(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const rv=ha.div`
   width: max-content;
 `,cv=ha.span`
 

package/dist/types/CheckboxProps.d.ts

@@ -13,6 +13,7 @@ export type CheckboxProps = {
     onUpdate?: ((value: any, update: any, validation: boolean) => void);
 };
 export type CheckboxGroupProps = {
+    id?: string;
     value?: (string | number | boolean)[];
     defaultValue?: (string | number | boolean)[];
     options?: GroupCheckboxOptionType[];

package/package.json

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