@inntechcorp/it-design 2.1.59 → 2.1.60

package/dist/index.cjs.js

@@ -5146,10 +5146,10 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
 `;function bf({id:e="itd-radio-button-"+Gt(),name:b="",value:p="",type:z="default",buttonProps:t={},checked:c=!1,hasError:n=!1,children:r=null,icon:O=null,image:i=null,component:a=null,onChange:s=()=>{}}){const A=()=>{console.log("handleOnChange",p),s&&s(p)};return o.jsxs(Zu,{className:(()=>{let e="itd-radio";return c&&(e+=" itd-radio-selected"),n&&(e+=" itd-radio-error"),e})(),children:[o.jsx("input",{type:"radio",onChange:A,id:e,name:b,value:p,checked:c,"aria-checked":c}),o.jsxs(Ku,{className:(()=>{let e="itd-radio-label";return c&&(e+=" itd-radio-label-selected"),n&&(e+=" itd-radio-label-error"),e})(),htmlFor:e,children:[null!==a?o.jsx("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:c,value:p,icon:O,children:r};return"childProps"in a?.props&&(e.childProps={...a?.props?.childProps||{},checked:c,value:p,icon:O,children:r}),M.cloneElement(a,e)})()}):"default"===z?o.jsxs(Ju,{className:"itd-radio-default-button",children:[o.jsxs(Gu,{className:"itd-radio-content",children:[O?o.jsx(Yu,{className:"itd-icon itd-pre-icon "+O}):i?o.jsx(aa,{className:"itd-image",src:i,height:"20",brokenHeight:"20"}):null,o.jsx("span",{children:r})]}),c?o.jsx(Hu,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===z?o.jsx(Kt,{className:"itd-radio-primary-button",...t,selected:c,onClick:A,children:o.jsx("span",{children:r})}):o.jsx("span",{children:r}),n?o.jsx(ef,{className:"itd-error-border"}):null]})]})}const of=mt.div`
   display               : grid;
   grid-auto-flow        : ${e=>e.$onlyFlow?e.$direction:"column"===e.$direction?"row":"column"};
-  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-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, ${e.$autoSize?"auto":"1fr"})`};
+  grid-template-rows    : ${e=>"column"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, ${e.$autoSize?"auto":"1fr"})`};
   grid-gap              : ${e=>e.$gap};
-`,Mf=M.forwardRef((({id:e="itd-radio-group-"+Gt(),name:b="",message:p="",type:z="default",defaultValue:t="",value:c="",buttonProps:n={},className:r="",direction:O="column",gap:i="10px",length:a=3,onlyFlow:s=!1,onChange:A=null,onUpdate:d=null,children:l=null},q)=>{const[u,f]=M.useState(p),[W,h]=M.useState("");M.useEffect((()=>{t&&(h(t),R(t))}),[]),M.useEffect((()=>{h(c),R(c)}),[c]);const R=(e,b=!0,o=!0)=>{d&&d(e,b,o)};M.useImperativeHandle(q,(()=>({reset(e=!0,b=!0){h(t),f(""),R(t,e,b)},setValue(e,b=!0,o=!0){h(e),R(e,b,o)},getValue:()=>W,setError(e){f(e)},clear(){}})));const m=e=>{W!==e&&(h(e),R(e,!0,!1),f(""),A&&A(e))};return o.jsx(of,{id:e,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+z,e+=" itd-radio-group-"+O,u&&(e+=" itd-radio-group-error"),""!==r&&(e+=" "+r),e})(),role:"radiogroup",$direction:O,$length:a,$gap:i,$onlyFlow:s,children:(()=>{const e=o=>{if(!M.isValidElement(o))return null;if(o.type===bf)return M.cloneElement(o,{...o.props,checked:W===o.props.value,onChange:m,hasError:""!==u,name:b,type:z,buttonProps:n});if(o.props.children){const b=M.Children.map(o.props.children,e);return M.cloneElement(o,{...o.props,children:b})}return o};return M.Children.map(l,e)})()})}));var pf=M.memo(Mf);const zf=()=>null;zf.Group=pf,zf.Button=bf;var tf="itd__label__9437953e",cf="itd__checkmark__9437953e",nf="itd__check__9437953e",rf="itd__container__9437953e";ru(".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 Of=({checked:e=!1,className:b="",children:o=null})=>M.createElement("label",{className:"itd-inline-select-checkbox-label "+b+" "+rf},M.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+tf},(()=>{let b="itd-inline-select-checkbox "+cf;return e&&(b+=" "+nf),M.createElement("div",{className:b},M.createElement(Si,{className:"itd-svg",width:12,height:12}))})(),M.createElement("span",null,o)));var af="itd__option__733c7593",sf="itd__selected__733c7593",Af="itd__single__733c7593";ru(".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 df=({value:e="",checked:b=!1,single:o=!1,onChange:p=null,children:z=null})=>{const[t,c]=M.useState(!1);return M.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+=" "+af,b&&(e+=" "+sf),b&&(e+=" itd-inline-select-item-option-selected"),t&&!b&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:o=>{p(e,!b,z),o.stopPropagation()}},o?M.createElement("div",{className:"itd-item-single "+Af},M.createElement("span",null,z)):M.createElement(Of,{className:"itd-item-multi",checked:b},z))};var lf=M.memo(df),qf={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 uf(e){const b=M.useRef(null),{value:o=[],children:p=null,onChange:t=null,isOpen:c=!1,single:n=!1,minWidth:r=0}=e,[O,i]=M.useState([]);M.useEffect((()=>{i(o)}),[o]);const a=(e,b,o)=>{if(n){const M=[b?e:""];i(M),t(M,o)}else{let M=[];b?M=[...O,e]:(O.splice(O.indexOf(e),1),M=[...O]),i(M),t(M,o)}};return M.createElement(z.CSSTransition,{in:c,timeout:500,classNames:{enter:qf.menuEnter,enterActive:p.length>5?qf.menuEnterActiveLong:qf.menuEnterActive,exit:qf.menuExit,exitActive:p.length>5?qf.menuExitActiveLong:qf.menuExitActive},nodeRef:b,unmountOnExit:!0},M.createElement("div",{className:"itd-inline-select-dropdown "+qf.menu+" "+qf.bottom+" "+qf.left,style:{width:0===r?"max-content":r+"px"},ref:b},M.createElement("div",{className:qf.spacer}),M.createElement(el,{className:"itd-inline-select-dropdown-body "+p.length>5?qf.bodyWrapperLong:qf.bodyWrapper},M.createElement("ul",null,M.Children.map(p,(e=>M.cloneElement(e,{onChange:a,checked:O.indexOf(e.props.value)>-1,key:e.props.value})))))))}ru(".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 ff=mt.div`
+`,Mf=M.forwardRef((({id:e="itd-radio-group-"+Gt(),name:b="",message:p="",type:z="default",defaultValue:t="",value:c="",buttonProps:n={},className:r="",direction:O="column",gap:i="10px",length:a=3,onlyFlow:s=!1,autoSize:A=!1,onChange:d=null,onUpdate:l=null,children:q=null},u)=>{const[f,W]=M.useState(p),[h,R]=M.useState("");M.useEffect((()=>{t&&(R(t),m(t))}),[]),M.useEffect((()=>{R(c),m(c)}),[c]);const m=(e,b=!0,o=!0)=>{l&&l(e,b,o)};M.useImperativeHandle(u,(()=>({reset(e=!0,b=!0){R(t),W(""),m(t,e,b)},setValue(e,b=!0,o=!0){R(e),m(e,b,o)},getValue:()=>h,setError(e){W(e)},clear(){}})));const g=e=>{h!==e&&(R(e),m(e,!0,!1),W(""),d&&d(e))};return o.jsx(of,{id:e,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+z,e+=" itd-radio-group-"+O,f&&(e+=" itd-radio-group-error"),""!==r&&(e+=" "+r),e})(),role:"radiogroup",$direction:O,$length:a,$gap:i,$onlyFlow:s,$autoSize:A,children:(()=>{const e=o=>{if(!M.isValidElement(o))return null;if(o.type===bf)return M.cloneElement(o,{...o.props,checked:h===o.props.value,onChange:g,hasError:""!==f,name:b,type:z,buttonProps:n});if(o.props.children){const b=M.Children.map(o.props.children,e);return M.cloneElement(o,{...o.props,children:b})}return o};return M.Children.map(q,e)})()})}));var pf=M.memo(Mf);const zf=()=>null;zf.Group=pf,zf.Button=bf;var tf="itd__label__9437953e",cf="itd__checkmark__9437953e",nf="itd__check__9437953e",rf="itd__container__9437953e";ru(".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 Of=({checked:e=!1,className:b="",children:o=null})=>M.createElement("label",{className:"itd-inline-select-checkbox-label "+b+" "+rf},M.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+tf},(()=>{let b="itd-inline-select-checkbox "+cf;return e&&(b+=" "+nf),M.createElement("div",{className:b},M.createElement(Si,{className:"itd-svg",width:12,height:12}))})(),M.createElement("span",null,o)));var af="itd__option__733c7593",sf="itd__selected__733c7593",Af="itd__single__733c7593";ru(".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 df=({value:e="",checked:b=!1,single:o=!1,onChange:p=null,children:z=null})=>{const[t,c]=M.useState(!1);return M.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+=" "+af,b&&(e+=" "+sf),b&&(e+=" itd-inline-select-item-option-selected"),t&&!b&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:o=>{p(e,!b,z),o.stopPropagation()}},o?M.createElement("div",{className:"itd-item-single "+Af},M.createElement("span",null,z)):M.createElement(Of,{className:"itd-item-multi",checked:b},z))};var lf=M.memo(df),qf={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 uf(e){const b=M.useRef(null),{value:o=[],children:p=null,onChange:t=null,isOpen:c=!1,single:n=!1,minWidth:r=0}=e,[O,i]=M.useState([]);M.useEffect((()=>{i(o)}),[o]);const a=(e,b,o)=>{if(n){const M=[b?e:""];i(M),t(M,o)}else{let M=[];b?M=[...O,e]:(O.splice(O.indexOf(e),1),M=[...O]),i(M),t(M,o)}};return M.createElement(z.CSSTransition,{in:c,timeout:500,classNames:{enter:qf.menuEnter,enterActive:p.length>5?qf.menuEnterActiveLong:qf.menuEnterActive,exit:qf.menuExit,exitActive:p.length>5?qf.menuExitActiveLong:qf.menuExitActive},nodeRef:b,unmountOnExit:!0},M.createElement("div",{className:"itd-inline-select-dropdown "+qf.menu+" "+qf.bottom+" "+qf.left,style:{width:0===r?"max-content":r+"px"},ref:b},M.createElement("div",{className:qf.spacer}),M.createElement(el,{className:"itd-inline-select-dropdown-body "+p.length>5?qf.bodyWrapperLong:qf.bodyWrapper},M.createElement("ul",null,M.Children.map(p,(e=>M.cloneElement(e,{onChange:a,checked:O.indexOf(e.props.value)>-1,key:e.props.value})))))))}ru(".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 ff=mt.div`
   width: max-content;
 `,Wf=mt.span`
 

package/dist/index.d.ts

@@ -943,6 +943,7 @@ type RadioGroupProps = {
     gap?: string;
     length?: number;
     onlyFlow?: boolean;
+    autoSize?: boolean;
     buttonProps?: ButtonProps;
     onChange?: (value: string) => void;
     onUpdate?: (value: string, update: boolean, validation: boolean) => void;