@bikdotai/bik-component-library 0.0.662-4 → 0.0.662-5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
padding: 12px 24px;
|
|
7
7
|
border-bottom: 1px solid ${r.COLORS.stroke.primary};
|
|
8
8
|
`,j=x.default.div`
|
|
9
|
+
max-height: calc(-365px + 100vh);
|
|
9
10
|
flex: 1;
|
|
10
11
|
overflow-y: auto;
|
|
11
12
|
`,v=x.default.div`
|
|
@@ -22,4 +23,4 @@
|
|
|
22
23
|
color: ${r.COLORS.content.secondary};
|
|
23
24
|
text-align: center;
|
|
24
25
|
padding: 32px;
|
|
25
|
-
`;exports.TextPickerModal=n=>{var g,x;const{visible:b,isOneDimensional:y=!1,categories:f,selectedItems:O,onAdd:k,onClose:S,title:T="Select Text",subtitle:w,width:
|
|
26
|
+
`;exports.TextPickerModal=n=>{var g,x;const{visible:b,isOneDimensional:y=!1,categories:f,selectedItems:O,onAdd:k,onClose:S,title:T="Select Text",subtitle:w,width:P="640px",zIndex:L}=n,q=null!==(g=n.maxDocuments)&&void 0!==g?g:1/0,[R,B]=i.useState("categories"),[I,A]=i.useState(""),[F,$]=i.useState(O),[D,M]=i.useState(null),z=f.filter((e=>e.name.toLowerCase().includes(I.toLowerCase()))),E=D?D.items.filter((e=>e.name.toLowerCase().includes(I.toLowerCase()))):[],_=Object.values(F).reduce(((e,t)=>e+t.length),0),N=w||"",G=e=>{var t;return e.items.length>0&&(null===(t=F[e.id])||void 0===t?void 0:t.length)===e.items.length},H=e=>{var t;return!!(null===(t=F[e.id])||void 0===t?void 0:t.length)&&F[e.id].length<e.items.length},J=()=>{var e;return!!D&&E.length>0&&(null===(e=F[D.id])||void 0===e?void 0:e.length)===E.length},K=(e,t)=>{D&&$((i=>{const n=i[D.id]||[];return t&&_>=q?i:t?n.includes(e)?i:Object.assign(Object.assign({},i),{[D.id]:[...n,e]}):Object.assign(Object.assign({},i),{[D.id]:n.filter((t=>t!==e))})}))};return e.jsx(l.StyledModal,Object.assign({open:b,onClose:S,headingTitle:T,headingSubtitle:N,centralContainerStyles:{width:P,zIndex:L},hideCrossButton:!1,primaryButton:n.primaryButton?Object.assign(Object.assign({},n.primaryButton),{buttonText:n.primaryButton.isLoading?"Loading...":n.primaryButton.buttonText||"Add",disabled:null!==(x=n.primaryButton.disabled)&&void 0!==x&&x||0===_||q!==1/0&&_>q,onClick:n.primaryButton.onClick||(()=>k(F))}):{buttonText:"Add",disabled:0===_||q!==1/0&&_>q,onClick:()=>k(F)},footerLeftCustomElement:e.jsx(c.TextPickerFooter,{totalSelected:_,maxDocuments:q}),footerContainerStyle:{borderTop:`1px solid ${r.COLORS.stroke.primary}`,position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:r.COLORS.surface.standard},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(m,{children:"categories"===R?e.jsxs(e.Fragment,{children:[e.jsx(p,{children:e.jsx(o.Input,{placeholder:"Search ...",value:I,onChangeText:A,height:"40px"})}),e.jsx(j,{children:0===z.length?e.jsx(C,{children:"No categories found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h.TextPickerSelectAllRow,{isChecked:z.length>0&&z.every((e=>G(e))),isPartiallyChecked:z.some((e=>H(e)))&&!z.every((e=>G(e))),onCheck:e=>{$((t=>{if(e){const e=Object.assign({},t);return z.forEach((t=>{e[t.id]=t.items.map((e=>e.id))})),e}{const e=Object.assign({},t);return z.forEach((t=>{e[t.id]=[]})),e}}))}}),z.map((t=>{var i;return e.jsx(a.TextPickerCategoryCard,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=F[t.id])||void 0===i?void 0:i.length)||0,isOneDimensional:y,isChecked:G(t),isPartiallyChecked:H(t)&&!G(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),$((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{y||(M(e),B("items"),A(""))})(t)},t.id)}))]})})]}):e.jsxs(e.Fragment,{children:[e.jsxs(v,{children:[e.jsx(s.IconButton,{Icon:t.default,height:16,width:16,onClick:()=>{B("categories"),M(null),A("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(d.BodyCaption,Object.assign({style:{color:r.COLORS.content.secondary}},{children:null==D?void 0:D.name}))]}),e.jsx(p,{children:e.jsx(o.Input,{placeholder:"Search ...",value:I,onChangeText:A,height:"40px"})}),e.jsx(j,{children:0===E.length?e.jsx(C,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(h.TextPickerSelectAllRow,{isChecked:J(),isPartiallyChecked:(()=>{var e;return!!D&&!!(null===(e=F[D.id])||void 0===e?void 0:e.length)&&F[D.id].length<E.length})()&&!J(),onCheck:e=>{D&&$((t=>e?Object.assign(Object.assign({},t),{[D.id]:E.map((e=>e.id))}):Object.assign(Object.assign({},t),{[D.id]:[]})))}}),E.map((t=>{var i;return e.jsx(u.TextPickerItemRow,{item:t,selected:!(!D||!(null===(i=F[D.id])||void 0===i?void 0:i.includes(t.id))),onCheck:e=>K(t.id,e),onClick:()=>{var e;return K(t.id,!!D&&!(null===(e=F[D.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};
|
|
@@ -6,6 +6,7 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n from"..
|
|
|
6
6
|
padding: 12px 24px;
|
|
7
7
|
border-bottom: 1px solid ${l.stroke.primary};
|
|
8
8
|
`,v=r.div`
|
|
9
|
+
max-height: calc(-365px + 100vh);
|
|
9
10
|
flex: 1;
|
|
10
11
|
overflow-y: auto;
|
|
11
12
|
`,b=r.div`
|
|
@@ -22,4 +23,4 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n from"..
|
|
|
22
23
|
color: ${l.content.secondary};
|
|
23
24
|
text-align: center;
|
|
24
25
|
padding: 32px;
|
|
25
|
-
`,y=r=>{var y,C;const{visible:j,isOneDimensional:k=!1,categories:O,selectedItems:T,onAdd:w,onClose:B,title:S="Select Text",subtitle:I,width:
|
|
26
|
+
`,y=r=>{var y,C;const{visible:j,isOneDimensional:k=!1,categories:O,selectedItems:T,onAdd:w,onClose:B,title:S="Select Text",subtitle:I,width:P="640px",zIndex:L}=r,$=null!==(y=r.maxDocuments)&&void 0!==y?y:1/0,[A,D]=o("categories"),[z,E]=o(""),[R,N]=o(T),[F,M]=o(null),_=O.filter((e=>e.name.toLowerCase().includes(z.toLowerCase()))),q=F?F.items.filter((e=>e.name.toLowerCase().includes(z.toLowerCase()))):[],G=Object.values(R).reduce(((e,t)=>e+t.length),0),H=I||"",J=e=>{var t;return e.items.length>0&&(null===(t=R[e.id])||void 0===t?void 0:t.length)===e.items.length},K=e=>{var t;return!!(null===(t=R[e.id])||void 0===t?void 0:t.length)&&R[e.id].length<e.items.length},Q=()=>{var e;return!!F&&q.length>0&&(null===(e=R[F.id])||void 0===e?void 0:e.length)===q.length},U=(e,t)=>{F&&N((i=>{const n=i[F.id]||[];return t&&G>=$?i:t?n.includes(e)?i:Object.assign(Object.assign({},i),{[F.id]:[...n,e]}):Object.assign(Object.assign({},i),{[F.id]:n.filter((t=>t!==e))})}))};return e(a,Object.assign({open:j,onClose:B,headingTitle:S,headingSubtitle:H,centralContainerStyles:{width:P,zIndex:L},hideCrossButton:!1,primaryButton:r.primaryButton?Object.assign(Object.assign({},r.primaryButton),{buttonText:r.primaryButton.isLoading?"Loading...":r.primaryButton.buttonText||"Add",disabled:null!==(C=r.primaryButton.disabled)&&void 0!==C&&C||0===G||$!==1/0&&G>$,onClick:r.primaryButton.onClick||(()=>w(R))}):{buttonText:"Add",disabled:0===G||$!==1/0&&G>$,onClick:()=>w(R)},footerLeftCustomElement:e(h,{totalSelected:G,maxDocuments:$}),footerContainerStyle:{borderTop:`1px solid ${l.stroke.primary}`,position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:l.surface.standard},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e(p,{children:t(i,"categories"===A?{children:[e(f,{children:e(s,{placeholder:"Search ...",value:z,onChangeText:E,height:"40px"})}),e(v,{children:0===_.length?e(x,{children:"No categories found. Try a different search."}):t(i,{children:[e(g,{isChecked:_.length>0&&_.every((e=>J(e))),isPartiallyChecked:_.some((e=>K(e)))&&!_.every((e=>J(e))),onCheck:e=>{N((t=>{if(e){const e=Object.assign({},t);return _.forEach((t=>{e[t.id]=t.items.map((e=>e.id))})),e}{const e=Object.assign({},t);return _.forEach((t=>{e[t.id]=[]})),e}}))}}),_.map((t=>{var i;return e(m,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=R[t.id])||void 0===i?void 0:i.length)||0,isOneDimensional:k,isChecked:J(t),isPartiallyChecked:K(t)&&!J(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),N((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{k||(M(e),D("items"),E(""))})(t)},t.id)}))]})})]}:{children:[t(b,{children:[e(d,{Icon:n,height:16,width:16,onClick:()=>{D("categories"),M(null),E("")},style:{marginRight:8},"aria-label":"Back"}),e(c,Object.assign({style:{color:l.content.secondary}},{children:null==F?void 0:F.name}))]}),e(f,{children:e(s,{placeholder:"Search ...",value:z,onChangeText:E,height:"40px"})}),e(v,{children:0===q.length?e(x,{children:"No items found. Try a different search."}):t(i,{children:[e(g,{isChecked:Q(),isPartiallyChecked:(()=>{var e;return!!F&&!!(null===(e=R[F.id])||void 0===e?void 0:e.length)&&R[F.id].length<q.length})()&&!Q(),onCheck:e=>{F&&N((t=>e?Object.assign(Object.assign({},t),{[F.id]:q.map((e=>e.id))}):Object.assign(Object.assign({},t),{[F.id]:[]})))}}),q.map((t=>{var i;return e(u,{item:t,selected:!(!F||!(null===(i=R[F.id])||void 0===i?void 0:i.includes(t.id))),onCheck:e=>U(t.id,e),onClick:()=>{var e;return U(t.id,!!F&&!(null===(e=R[F.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{y as TextPickerModal};
|