@bikdotai/bik-component-library 0.0.682-beta.1 → 0.0.682-beta.2
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../constants/Theme.js"),r=require("../modals/styledModal.js"),n=require("./TextPickerCategoryCard.js"),o=require("./TextPickerSelectAllRow.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../../constants/Theme.js"),r=require("../modals/styledModal.js"),n=require("./TextPickerCategoryCard.js"),o=require("./TextPickerSelectAllRow.js"),l=require("./TextPickerItemRow.js"),s=require("./TextPickerFooter.js"),d=require("../input/Input.js"),a=require("../TypographyStyle.js"),c=require("../../assets/icons/arrow_left.svg.js"),u=require("../icon-button/IconButton.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=h(require("styled-components"));const x=g.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
height: 100%;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
`,p=g.default.div`
|
|
9
9
|
flex: 1;
|
|
10
10
|
overflow-y: auto;
|
|
11
|
+
min-height: 0;
|
|
11
12
|
`,j=g.default.div`
|
|
12
13
|
display: flex;
|
|
13
14
|
align-items: center;
|
|
@@ -22,4 +23,4 @@
|
|
|
22
23
|
color: ${i.COLORS.content.secondary};
|
|
23
24
|
text-align: center;
|
|
24
25
|
padding: 32px;
|
|
25
|
-
`;exports.TextPickerModal=h=>{var g,
|
|
26
|
+
`;exports.TextPickerModal=h=>{var g,y;const{visible:C,categories:f,selectedItems:b,onAdd:k,onClose:O,title:S="Select Text",subtitle:T,width:w="640px",zIndex:L}=h,q=null!==(g=h.maxDocuments)&&void 0!==g?g:1/0,[B,P]=t.useState("categories"),[R,I]=t.useState(""),[A,F]=t.useState(b),[$,M]=t.useState(null),D=f.filter((e=>e.name.toLowerCase().includes(R.toLowerCase()))),_=$?$.items.filter((e=>e.name.toLowerCase().includes(R.toLowerCase()))):[],z=Object.values(A).reduce(((e,t)=>e+t.length),0),N=T||"",E=e=>{var t;return e.items.length>0&&(null===(t=A[e.id])||void 0===t?void 0:t.length)===e.items.length},G=e=>{var t;return!!(null===(t=A[e.id])||void 0===t?void 0:t.length)&&A[e.id].length<e.items.length},H=()=>{var e;return!!$&&_.length>0&&(null===(e=A[$.id])||void 0===e?void 0:e.length)===_.length},J=(e,t)=>{$&&F((i=>{const r=i[$.id]||[];return t&&z>=q?i:Object.assign(Object.assign({},i),{[$.id]:t?[...r,e]:r.filter((t=>t!==e))})}))};return e.jsx(r.StyledModal,Object.assign({open:C,onClose:O,headingTitle:S,headingSubtitle:N,centralContainerStyles:{width:w,zIndex:L},hideCrossButton:!1,primaryButton:h.primaryButton?Object.assign(Object.assign({},h.primaryButton),{buttonText:h.primaryButton.isLoading?"Loading...":h.primaryButton.buttonText||"Add",disabled:null!==(y=h.primaryButton.disabled)&&void 0!==y&&y||0===z||q!==1/0&&z>q,onClick:h.primaryButton.onClick||(()=>k(A))}):{buttonText:"Add",disabled:0===z||q!==1/0&&z>q,onClick:()=>k(A)},footerLeftCustomElement:e.jsx(s.TextPickerFooter,{totalSelected:z,maxDocuments:q}),footerContainerStyle:{borderTop:`1px solid ${i.COLORS.stroke.primary}`,background:i.COLORS.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e.jsx(x,{children:"categories"===B?e.jsxs(e.Fragment,{children:[e.jsx(m,{children:e.jsx(d.Input,{placeholder:"Search ...",value:R,onChangeText:I,height:"40px"})}),e.jsx(p,{children:0===D.length?e.jsx(v,{children:"No categories found. Try a different search."}):D.map((t=>{var i;return e.jsx(n.TextPickerCategoryCard,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=A[t.id])||void 0===i?void 0:i.length)||0,isChecked:E(t),isPartiallyChecked:G(t)&&!E(t),onCheck:(e,i)=>((e,t,i)=>{i&&i.stopPropagation(),F((i=>Object.assign(Object.assign({},i),{[e.id]:t?e.items.map((e=>e.id)):[]})))})(t,e,i),onClick:()=>(e=>{M(e),P("items"),I("")})(t)},t.id)}))})]}):e.jsxs(e.Fragment,{children:[e.jsxs(j,{children:[e.jsx(u.IconButton,{Icon:c.default,height:16,width:16,onClick:()=>{P("categories"),M(null),I("")},style:{marginRight:8},"aria-label":"Back"}),e.jsx(a.BodyCaption,Object.assign({style:{color:i.COLORS.content.secondary}},{children:null==$?void 0:$.name}))]}),e.jsx(m,{children:e.jsx(d.Input,{placeholder:"Search ...",value:R,onChangeText:I,height:"40px"})}),e.jsx(p,{children:0===_.length?e.jsx(v,{children:"No items found. Try a different search."}):e.jsxs(e.Fragment,{children:[e.jsx(o.TextPickerSelectAllRow,{isChecked:H(),isPartiallyChecked:(()=>{var e;return!!$&&!!(null===(e=A[$.id])||void 0===e?void 0:e.length)&&A[$.id].length<_.length})()&&!H(),onCheck:e=>{$&&F((t=>e?Object.assign(Object.assign({},t),{[$.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[$.id]:[]})))}}),_.map((t=>{var i;return e.jsx(l.TextPickerItemRow,{item:t,selected:(null===(i=A[$.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>J(t.id,e),onClick:()=>{var e;return J(t.id,!(null===(e=A[$.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};
|
|
@@ -8,13 +8,14 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import{useState
|
|
|
8
8
|
`,v=g.div`
|
|
9
9
|
flex: 1;
|
|
10
10
|
overflow-y: auto;
|
|
11
|
+
min-height: 0;
|
|
11
12
|
`,x=g.div`
|
|
12
13
|
display: flex;
|
|
13
14
|
align-items: center;
|
|
14
15
|
padding: 0 24px;
|
|
15
16
|
background: ${n.surface.subdued};
|
|
16
17
|
border-bottom: 1px solid ${n.stroke.primary};
|
|
17
|
-
`,
|
|
18
|
+
`,y=g.div`
|
|
18
19
|
flex: 1;
|
|
19
20
|
display: flex;
|
|
20
21
|
align-items: center;
|
|
@@ -22,4 +23,4 @@ import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import{useState
|
|
|
22
23
|
color: ${n.content.secondary};
|
|
23
24
|
text-align: center;
|
|
24
25
|
padding: 32px;
|
|
25
|
-
`,
|
|
26
|
+
`,b=g=>{var b,C;const{visible:j,categories:k,selectedItems:T,onAdd:w,onClose:O,title:B="Select Text",subtitle:S,width:I="640px",zIndex:L}=g,P=null!==(b=g.maxDocuments)&&void 0!==b?b:1/0,[$,A]=o("categories"),[D,R]=o(""),[z,N]=o(T),[E,F]=o(null),M=k.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))),_=E?E.items.filter((e=>e.name.toLowerCase().includes(D.toLowerCase()))):[],q=Object.values(z).reduce(((e,t)=>e+t.length),0),G=S||"",H=e=>{var t;return e.items.length>0&&(null===(t=z[e.id])||void 0===t?void 0:t.length)===e.items.length},J=e=>{var t;return!!(null===(t=z[e.id])||void 0===t?void 0:t.length)&&z[e.id].length<e.items.length},K=()=>{var e;return!!E&&_.length>0&&(null===(e=z[E.id])||void 0===e?void 0:e.length)===_.length},Q=(e,t)=>{E&&N((i=>{const o=i[E.id]||[];return t&&q>=P?i:Object.assign(Object.assign({},i),{[E.id]:t?[...o,e]:o.filter((t=>t!==e))})}))};return e(r,Object.assign({open:j,onClose:O,headingTitle:B,headingSubtitle:G,centralContainerStyles:{width:I,zIndex:L},hideCrossButton:!1,primaryButton:g.primaryButton?Object.assign(Object.assign({},g.primaryButton),{buttonText:g.primaryButton.isLoading?"Loading...":g.primaryButton.buttonText||"Add",disabled:null!==(C=g.primaryButton.disabled)&&void 0!==C&&C||0===q||P!==1/0&&q>P,onClick:g.primaryButton.onClick||(()=>w(z))}):{buttonText:"Add",disabled:0===q||P!==1/0&&q>P,onClick:()=>w(z)},footerLeftCustomElement:e(a,{totalSelected:q,maxDocuments:P}),footerContainerStyle:{borderTop:`1px solid ${n.stroke.primary}`,background:n.surface.standard},modalBodyStyles:{overflow:"hidden",display:"flex",flexDirection:"column",flex:1},wrapperStyle:{height:"calc(100vh - 168px)"}},{children:e(p,{children:t(i,"categories"===$?{children:[e(f,{children:e(c,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===M.length?e(y,{children:"No categories found. Try a different search."}):M.map((t=>{var i;return e(l,{id:t.id,name:t.name,itemsCount:t.items.length,selectedCount:(null===(i=z[t.id])||void 0===i?void 0:i.length)||0,isChecked:H(t),isPartiallyChecked:J(t)&&!H(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=>{F(e),A("items"),R("")})(t)},t.id)}))})]}:{children:[t(x,{children:[e(u,{Icon:h,height:16,width:16,onClick:()=>{A("categories"),F(null),R("")},style:{marginRight:8},"aria-label":"Back"}),e(m,Object.assign({style:{color:n.content.secondary}},{children:null==E?void 0:E.name}))]}),e(f,{children:e(c,{placeholder:"Search ...",value:D,onChangeText:R,height:"40px"})}),e(v,{children:0===_.length?e(y,{children:"No items found. Try a different search."}):t(i,{children:[e(d,{isChecked:K(),isPartiallyChecked:(()=>{var e;return!!E&&!!(null===(e=z[E.id])||void 0===e?void 0:e.length)&&z[E.id].length<_.length})()&&!K(),onCheck:e=>{E&&N((t=>e?Object.assign(Object.assign({},t),{[E.id]:_.map((e=>e.id))}):Object.assign(Object.assign({},t),{[E.id]:[]})))}}),_.map((t=>{var i;return e(s,{item:t,selected:(null===(i=z[E.id])||void 0===i?void 0:i.includes(t.id))||!1,onCheck:e=>Q(t.id,e),onClick:()=>{var e;return Q(t.id,!(null===(e=z[E.id])||void 0===e?void 0:e.includes(t.id)))}},t.id)}))]})})]})})}))};export{b as TextPickerModal};
|