@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

package/dist/cjs/components/text-picker/TextPickerCategoryCard.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export interface TextPickerCategoryCardProps {
-    id: string;
-    name: string;
-    itemsCount: number;
-    selectedCount: number;
-    isChecked: boolean;
-    isPartiallyChecked: boolean;
-    onCheck: (checked: boolean, e?: React.MouseEvent) => void;
-    onClick: (e: React.MouseEvent) => void;
-}
-export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;
+import React from 'react';
+export interface TextPickerCategoryCardProps {
+    id: string;
+    name: string;
+    itemsCount: number;
+    selectedCount: number;
+    isChecked: boolean;
+    isPartiallyChecked: boolean;
+    onCheck: (checked: boolean, e?: React.MouseEvent) => void;
+    onClick: (e: React.MouseEvent) => void;
+}
+export declare const TextPickerCategoryCard: React.FC<TextPickerCategoryCardProps>;

package/dist/cjs/components/text-picker/TextPickerCategoryCard.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),s=require("../../constants/Theme.js"),r=require("../checkBox/CheckBox.js"),i=require("../icon-button/IconButton.js"),o=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),c=require("../../assets/icons/chevronRight.svg.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),o=require("../icon-button/IconButton.js"),s=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),c=require("../../assets/icons/chevronRight.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=l(t).default.div`
   height: 64px;
-  background-color: ${e=>{let{isSelected:t,isActive:r}=e;return t?s.COLORS.background.positive.light:r?s.COLORS.surface.hovered:s.COLORS.surface.standard}};
-  border-bottom: 1px solid ${s.COLORS.stroke.primary};
+  background-color: ${e=>{let{isSelected:t,isActive:i}=e;return t?r.COLORS.background.positive.light:i?r.COLORS.surface.hovered:r.COLORS.surface.standard}};
+  border-bottom: 1px solid ${r.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
   align-items: center;
   cursor: pointer;
   transition: background 0.2s;
   &:hover {
-    background-color: ${e=>{let{isSelected:t}=e;return t?s.COLORS.background.positive.light:s.COLORS.surface.hovered}};
+    background-color: ${e=>{let{isSelected:t}=e;return t?r.COLORS.background.positive.light:r.COLORS.surface.hovered}};
   }
-`;exports.TextPickerCategoryCard=t=>{let{id:a,name:u,itemsCount:d,selectedCount:x,isChecked:p,isPartiallyChecked:g,onCheck:h,onClick:j}=t;return e.jsxRuntimeExports.jsxs(l,Object.assign({isActive:p||g,isSelected:p,onClick:j},{children:[e.jsxRuntimeExports.jsx(r.CheckBox,{isChecked:p||g,isPartiallyChecked:g&&!p,onValueChange:function(e,t,s){null==s||s.stopPropagation(),h(e,s)},style:{marginRight:16}}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{flex:1,display:"flex",flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsx(n.BodyPrimary,{children:u}),e.jsxRuntimeExports.jsxs(n.BodyCaption,Object.assign({style:{color:s.COLORS.text.secondary,fontSize:13}},{children:[d," document",1!==d?"s":""]}))]})),!!x&&e.jsxRuntimeExports.jsx(o.Tag,{tagText:`${x} selected`,type:"positive",style:{marginLeft:12}}),e.jsxRuntimeExports.jsx(i.IconButton,{Icon:c.default,height:16,width:16,style:{marginLeft:8}})]}))};
+`;exports.TextPickerCategoryCard=t=>{let{id:l,name:d,itemsCount:u,selectedCount:h,isChecked:g,isPartiallyChecked:x,onCheck:p,onClick:y}=t;return e.jsxs(a,{isActive:g||x,isSelected:g,onClick:y,children:[e.jsx(i.CheckBox,{isChecked:g||x,isPartiallyChecked:x&&!g,onValueChange:function(e,t,r){null==r||r.stopPropagation(),p(e,r)},style:{marginRight:16}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[e.jsx(n.BodyPrimary,{children:d}),e.jsxs(n.BodyCaption,{style:{color:r.COLORS.text.secondary,fontSize:13},children:[u," document",1!==u?"s":""]})]}),!!h&&e.jsx(s.Tag,{tagText:`${h} selected`,type:"positive",style:{marginLeft:12}}),e.jsx(o.IconButton,{Icon:c.default,height:16,width:16,style:{marginLeft:8}})]})};

package/dist/cjs/components/text-picker/TextPickerFooter.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export interface TextPickerFooterProps {
-    totalSelected: number;
-    maxDocuments: number;
-}
-export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;
+import React from 'react';
+export interface TextPickerFooterProps {
+    totalSelected: number;
+    maxDocuments: number;
+}
+export declare const TextPickerFooter: React.FC<TextPickerFooterProps>;

package/dist/cjs/components/text-picker/TextPickerFooter.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),n=require("../../constants/Theme.js"),s=require("../tag/Tag.js"),r=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);const c=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../constants/Theme.js"),r=require("../tag/Tag.js"),s=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(t);const o=c.default.div`
 	box-sizing: border-box;
 	width: 100%;
 	margin: 0;
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-`,a=o.default.div`
+`,a=c.default.div`
 	display: flex;
 	align-items: center;
-`,l=o.default(r.BodySecondary)`
+`,l=c.default(s.BodySecondary)`
 	color: ${e=>{let{$isInactive:t}=e;return t?n.COLORS.content.inactive:n.COLORS.content.brand}};
-`;exports.TextPickerFooter=t=>{let{totalSelected:n,maxDocuments:r}=t;const i=r!==1/0&&n>=r;return e.jsxRuntimeExports.jsx(c,{children:e.jsxRuntimeExports.jsx(a,{children:i?e.jsxRuntimeExports.jsx(s.Tag,{tagText:`You can only select ${r} documents`,type:"negative"}):e.jsxRuntimeExports.jsx(l,Object.assign({$isInactive:0===n},{children:r!==1/0?`${n}/${r} documents selected`:`${n} documents selected`}))})})};
+`;exports.TextPickerFooter=t=>{let{totalSelected:n,maxDocuments:s}=t;const i=s!==1/0&&n>=s;return e.jsx(o,{children:e.jsx(a,{children:i?e.jsx(r.Tag,{tagText:`You can only select ${s} documents`,type:"negative"}):e.jsx(l,{$isInactive:0===n,children:s!==1/0?`${n}/${s} documents selected`:`${n} documents selected`})})})};

package/dist/cjs/components/text-picker/TextPickerItemRow.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export interface TextPickerItemRowProps {
-    item: {
-        id: string;
-        name: string;
-    };
-    selected: boolean;
-    onCheck: (checked: boolean) => void;
-    onClick: () => void;
-}
-export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;
+import React from 'react';
+export interface TextPickerItemRowProps {
+    item: {
+        id: string;
+        name: string;
+    };
+    selected: boolean;
+    onCheck: (checked: boolean) => void;
+    onClick: () => void;
+}
+export declare const TextPickerItemRow: React.FC<TextPickerItemRowProps>;

package/dist/cjs/components/text-picker/TextPickerItemRow.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),r=require("../../constants/Theme.js"),s=require("../checkBox/CheckBox.js"),i=require("../TypographyStyle.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const c=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),n=require("../TypographyStyle.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(r);const c=s.default.div`
 	min-height: 48px;
-	background: ${e=>{let{selected:t}=e;return t?r.COLORS.surface.hovered:r.COLORS.surface.standard}};
-	border-bottom: 1px solid ${r.COLORS.stroke.primary};
+	background: ${e=>{let{selected:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.standard}};
+	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	padding: 12px 24px;
 	display: flex;
 	align-items: center;
 	cursor: pointer;
-`,d=o.default.div`
+`,l=s.default.div`
 	margin-right: 16px;
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;
-`,l=o.default.div`
+`,d=s.default.div`
 	flex: 1;
-`;exports.TextPickerItemRow=t=>{let{item:r,selected:n,onCheck:o,onClick:a}=t;return e.jsxRuntimeExports.jsxs(c,Object.assign({selected:n,onClick:a},{children:[e.jsxRuntimeExports.jsx(d,Object.assign({onClick:e=>e.stopPropagation()},{children:e.jsxRuntimeExports.jsx(s.CheckBox,{isChecked:n,onValueChange:o})})),e.jsxRuntimeExports.jsx(l,{children:e.jsxRuntimeExports.jsx(i.BodyPrimary,{children:r.name})})]}))};
+`;exports.TextPickerItemRow=r=>{let{item:t,selected:o,onCheck:s,onClick:a}=r;return e.jsxs(c,{selected:o,onClick:a,children:[e.jsx(l,{onClick:e=>e.stopPropagation(),children:e.jsx(i.CheckBox,{isChecked:o,onValueChange:s})}),e.jsx(d,{children:e.jsx(n.BodyPrimary,{children:t.name})})]})};

package/dist/cjs/components/text-picker/TextPickerModal.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-import type { ButtonProps } from '../button/model';
-export interface TextPickerCategory {
-    id: string;
-    name: string;
-    items: {
-        id: string;
-        name: string;
-    }[];
-}
-export interface TextPickerProps {
-    visible: boolean;
-    categories: TextPickerCategory[];
-    selectedItems: {
-        [categoryId: string]: string[];
-    };
-    onAdd: (selected: {
-        [categoryId: string]: string[];
-    }) => void;
-    onClose?: () => void;
-    title?: string;
-    subtitle?: string;
-    width?: string;
-    zIndex?: number;
-    maxDocuments?: number;
-    primaryButton?: ButtonProps;
-    secondaryButton?: ButtonProps;
-}
-export declare const TextPickerModal: React.FC<TextPickerProps>;
+import React from 'react';
+import type { ButtonProps } from '../button/model';
+export interface TextPickerCategory {
+    id: string;
+    name: string;
+    items: {
+        id: string;
+        name: string;
+    }[];
+}
+export interface TextPickerProps {
+    visible: boolean;
+    categories: TextPickerCategory[];
+    selectedItems: {
+        [categoryId: string]: string[];
+    };
+    onAdd: (selected: {
+        [categoryId: string]: string[];
+    }) => void;
+    onClose?: () => void;
+    title?: string;
+    subtitle?: string;
+    width?: string;
+    zIndex?: number;
+    maxDocuments?: number;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+}
+export declare const TextPickerModal: React.FC<TextPickerProps>;

package/dist/cjs/components/text-picker/TextPickerModal.js

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

package/dist/cjs/components/text-picker/TextPickerSelectAllRow.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export interface TextPickerSelectAllRowProps {
-    isChecked: boolean;
-    isPartiallyChecked: boolean;
-    onCheck: (checked: boolean) => void;
-}
-export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;
+import React from 'react';
+export interface TextPickerSelectAllRowProps {
+    isChecked: boolean;
+    isPartiallyChecked: boolean;
+    onCheck: (checked: boolean) => void;
+}
+export declare const TextPickerSelectAllRow: React.FC<TextPickerSelectAllRowProps>;

package/dist/cjs/components/text-picker/TextPickerSelectAllRow.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("styled-components"),r=require("../../constants/Theme.js"),s=require("../checkBox/CheckBox.js"),i=require("../TypographyStyle.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);const o=l.default.div`
-  background: ${e=>{let{isActive:t}=e;return t?r.COLORS.surface.hovered:r.COLORS.surface.subdued}};
-  border-bottom: 1px solid ${r.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),s=require("../TypographyStyle.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r);const d=c.default.div`
+  background: ${e=>{let{isActive:r}=e;return r?t.COLORS.surface.hovered:t.COLORS.surface.subdued}};
+  border-bottom: 1px solid ${t.COLORS.stroke.primary};
   padding: 12px 24px;
   display: flex;
   align-items: center;
@@ -9,9 +9,9 @@
   justify-content: center;
   align-items: center;
 
-`,c=l.default.div`
+`,n=c.default.div`
   display: flex;
   margin-right: 16px;
-`,d=l.default.div`
+`,o=c.default.div`
   flex: 1;
-`;exports.TextPickerSelectAllRow=t=>{let{isChecked:r,isPartiallyChecked:n,onCheck:l}=t;return e.jsxRuntimeExports.jsxs(o,Object.assign({isActive:r||n},{children:[e.jsxRuntimeExports.jsx(c,{children:e.jsxRuntimeExports.jsx(s.CheckBox,{isChecked:r||n,isPartiallyChecked:n&&!r,onValueChange:l})}),e.jsxRuntimeExports.jsx(d,{children:e.jsxRuntimeExports.jsx(i.BodyPrimary,{children:"Select All"})})]}))};
+`;exports.TextPickerSelectAllRow=r=>{let{isChecked:t,isPartiallyChecked:l,onCheck:c}=r;return e.jsxs(d,{isActive:t||l,children:[e.jsx(n,{children:e.jsx(i.CheckBox,{isChecked:t||l,isPartiallyChecked:l&&!t,onValueChange:c})}),e.jsx(o,{children:e.jsx(s.BodyPrimary,{children:"Select All"})})]})};

package/dist/cjs/components/text-picker/index.d.ts

@@ -1 +1 @@
-export * from './TextPickerModal';
+export * from './TextPickerModal';

package/dist/cjs/components/thumbnail/Thumbnail.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { SIZE } from "../avatar/AvatarHelper";
-export declare enum RATIO {
-    ONE_ONE = "ONE_ONE",
-    VERTICAL = "VERTICAL",
-    HORIZONTAL = "HORIZONTAL"
-}
-export type ThumbnailProps = {
-    size: SIZE;
-    ratio: RATIO;
-    imageUrl: string;
-};
-export declare const Thumbnail: React.FC<ThumbnailProps>;
+import React from 'react';
+import { SIZE } from '@src/components/avatar/AvatarHelper';
+export declare enum RATIO {
+    ONE_ONE = "ONE_ONE",
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+export type ThumbnailProps = {
+    size: SIZE;
+    ratio: RATIO;
+    imageUrl: string;
+};
+export declare const Thumbnail: React.FC<ThumbnailProps>;

package/dist/cjs/components/thumbnail/Thumbnail.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("../../node_modules/react/jsx-runtime.js"),i=require("../avatar/AvatarHelper.js"),r=require("./constants.js"),s=require("./Thumbnail.styled.js");exports.RATIO=void 0,(e=exports.RATIO||(exports.RATIO={})).ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL";const h={[exports.RATIO.VERTICAL]:{[i.SIZE.SMALL]:{width:30,height:40},[i.SIZE.MEDIUM]:{width:48,height:64},[i.SIZE.LARGE]:{width:60,height:80}},[exports.RATIO.HORIZONTAL]:{[i.SIZE.SMALL]:{width:40,height:30},[i.SIZE.MEDIUM]:{width:64,height:48},[i.SIZE.LARGE]:{width:80,height:60}},[exports.RATIO.ONE_ONE]:{}};exports.Thumbnail=e=>{var i,o;return t.jsxRuntimeExports.jsx(s.ThumbnailStyle,Object.assign({size:e.size},{children:t.jsxRuntimeExports.jsx("img",{alt:"",width:(null===(i=h[e.ratio][e.size])||void 0===i?void 0:i.width)||r.THUMBNAIL_SIZE_MAP[e.size],height:(null===(o=h[e.ratio][e.size])||void 0===o?void 0:o.height)||r.THUMBNAIL_SIZE_MAP[e.size],style:{borderRadius:e.ratio===exports.RATIO.ONE_ONE?4:0,objectFit:"cover"},src:e.imageUrl})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),i=require("../avatar/AvatarHelper.js"),r=require("./constants.js"),s=require("./Thumbnail.styled.js");exports.RATIO=void 0,(e=exports.RATIO||(exports.RATIO={})).ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL";const h={[exports.RATIO.VERTICAL]:{[i.SIZE.SMALL]:{width:30,height:40},[i.SIZE.MEDIUM]:{width:48,height:64},[i.SIZE.LARGE]:{width:60,height:80}},[exports.RATIO.HORIZONTAL]:{[i.SIZE.SMALL]:{width:40,height:30},[i.SIZE.MEDIUM]:{width:64,height:48},[i.SIZE.LARGE]:{width:80,height:60}},[exports.RATIO.ONE_ONE]:{}};exports.Thumbnail=e=>{var i,I;return t.jsx(s.ThumbnailStyle,{size:e.size,children:t.jsx("img",{alt:"",width:(null===(i=h[e.ratio][e.size])||void 0===i?void 0:i.width)||r.THUMBNAIL_SIZE_MAP[e.size],height:(null===(I=h[e.ratio][e.size])||void 0===I?void 0:I.height)||r.THUMBNAIL_SIZE_MAP[e.size],style:{borderRadius:e.ratio===exports.RATIO.ONE_ONE?4:0,objectFit:"cover"},src:e.imageUrl})})};

package/dist/cjs/components/thumbnail/Thumbnail.styled.d.ts

@@ -1,4 +1,4 @@
-import { SIZE } from "../avatar/AvatarHelper";
-export declare const ThumbnailStyle: import("styled-components").StyledComponent<"div", any, {
-    size: SIZE;
-}, never>;
+import { SIZE } from '@src/components/avatar/AvatarHelper';
+export declare const ThumbnailStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size: SIZE;
+}>> & string;

package/dist/cjs/components/thumbnail/constants.d.ts

@@ -1,5 +1,5 @@
-export declare const THUMBNAIL_SIZE_MAP: {
-    SMALL: number;
-    MEDIUM: number;
-    LARGE: number;
-};
+export declare const THUMBNAIL_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};

package/dist/cjs/components/thumbnail/index.d.ts

@@ -1 +1 @@
-export * from './Thumbnail';
+export * from './Thumbnail';

package/dist/cjs/components/toaster/Toaster.d.ts

@@ -1,30 +1,30 @@
-import React, { FunctionComponent } from 'react';
-import { ToastPosition } from 'react-toastify';
-import { IconProps } from 'react-toastify/dist/components';
-export type ToasterButtonProps = {
-    showButton?: boolean;
-    onButtonClick?: () => Record<string, never>;
-    buttonText?: string;
-};
-export type ToasterProps = {
-    text: string;
-    subText?: string;
-    position?: ToastPosition;
-    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
-    closeOnClick?: boolean;
-    hideProgressBar?: boolean;
-    autoClose?: number | false | undefined;
-    leftIcon?: React.ReactElement<IconProps>;
-    hideLeftIcon?: boolean;
-    buttonProps?: ToasterButtonProps;
-    secondButtonProps?: ToasterButtonProps;
-    onCloseToast?: <T>(props: T) => void;
-    width?: string;
-    height?: string;
-    hideCloseButton?: boolean;
-    zIndex?: number;
-    toastId?: string;
-};
-type Props = ToasterProps;
-export declare const Toaster: FunctionComponent<Props>;
-export {};
+import React, { FunctionComponent } from 'react';
+import { ToastPosition } from 'react-toastify';
+import { IconProps } from 'react-toastify/dist/components';
+export type ToasterButtonProps = {
+    showButton?: boolean;
+    onButtonClick?: () => Record<string, never>;
+    buttonText?: string;
+};
+export type ToasterProps = {
+    text: string;
+    subText?: string;
+    position?: ToastPosition;
+    type?: 'info' | 'success' | 'error' | 'default' | 'warning';
+    closeOnClick?: boolean;
+    hideProgressBar?: boolean;
+    autoClose?: number | false | undefined;
+    leftIcon?: React.ReactElement<IconProps>;
+    hideLeftIcon?: boolean;
+    buttonProps?: ToasterButtonProps;
+    secondButtonProps?: ToasterButtonProps;
+    onCloseToast?: <T>(props: T) => void;
+    width?: string;
+    height?: string;
+    hideCloseButton?: boolean;
+    zIndex?: number;
+    toastId?: string;
+};
+type Props = ToasterProps;
+export declare const Toaster: FunctionComponent<Props>;
+export {};

package/dist/cjs/components/toaster/Toaster.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),o=require("../../assets/icons/alert_triangle.svg.js"),e=require("../../assets/icons/check.svg.js"),s=require("../../assets/icons/cross.svg.js"),n=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),r=require("react"),u=require("react-dom"),l=require("react-toastify"),d=require("../button/Button.js"),c=require("./Toaster.styled.js"),x=require("../TypographyStyle.js"),a=require("../../constants/Theme.js");function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var j=p(r),h=p(u);const y=o=>{const e=(o.type,a.COLORS.content.secondary);return t.jsxRuntimeExports.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()}},{children:t.jsxRuntimeExports.jsx(s.default,{height:20,width:20,color:e})}))},v=o=>{var e,s;const n=a.COLORS.content.placeholder,{toasterText:i}=r.useContext(g);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsxRuntimeExports.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxRuntimeExports.jsxs("div",{children:[o.subText?t.jsxRuntimeExports.jsx(x.TitleSmall,Object.assign({color:"inherit"},{children:null!==(e=o.toastText)&&void 0!==e?e:i})):t.jsxRuntimeExports.jsx(x.BodySecondary,Object.assign({color:"inherit"},{children:null!==(s=o.toastText)&&void 0!==s?s:i})),o.subText&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsxRuntimeExports.jsx(x.BodyCaption,Object.assign({color:a.COLORS.content.secondary},{children:o.subText}))}))]})})),o.showButton&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsxRuntimeExports.jsx(d.Button,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:a.COLORS.content.secondary,onClick:o.onButtonClick})})),o.showSecondButton&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsxRuntimeExports.jsx(d.Button,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:a.COLORS.content.secondary,onClick:o.onSecondButtonClick})})),o.showButton||o.showSecondButton?t.jsxRuntimeExports.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${n}`,borderRadius:1}}):null]}))})},g=j.default.createContext({toasterText:""});exports.Toaster=s=>{const u=r.useRef(s.toastId||"default-toast"),[d,x]=r.useState(s.text),p=l.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),j="default"===s.type?null:"success"===s.type?t.jsxRuntimeExports.jsx(e.default,{width:20,height:20,color:a.COLORS.content.positive}):"error"===s.type?t.jsxRuntimeExports.jsx(n.default,{width:20,height:20,color:a.COLORS.content.negative}):"warning"===s.type?t.jsxRuntimeExports.jsx(o.default,{width:20,height:20,color:a.COLORS.content.warning}):t.jsxRuntimeExports.jsx(i.default,{width:20,height:20,color:a.COLORS.content.brand});r.useEffect((()=>{u.current&&u.current===s.toastId?(x(s.text),l.toast.update(u.current,{autoClose:s.autoClose})):u.current&&u.current!==s.toastId&&f(s.text)}),[s.toastId,s.text]);const f=o=>{var e,n,i,r,d,c,x,a,h,g,f,b,T,B,m,R;void 0!==s.hideLeftIcon||s.leftIcon?l.toast(t.jsxRuntimeExports.jsx(v,{toastText:o,type:s.type||"info",buttonText:null===(e=s.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(n=s.secondButtonProps)||void 0===n?void 0:n.buttonText,showButton:null===(i=s.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=s.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(d=s.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=s.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:s.subText}),{onClose:s.onCloseToast?s.onCloseToast:()=>({}),icon:!0!==s.hideLeftIcon&&(s.leftIcon?s.leftIcon:"default"!==s.type&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j}))),type:s.type,closeButton:t.jsxRuntimeExports.jsx(y,{type:s.type||"default",alignTop:!(!s.subText||(null===(x=s.buttonProps)||void 0===x?void 0:x.showButton)||(null===(a=s.secondButtonProps)||void 0===a?void 0:a.showButton))}),toastId:s.toastId||"default-toast",transition:p}):u.current=l.toast(t.jsxRuntimeExports.jsx(v,{toastText:o,type:s.type||"info",buttonText:null===(h=s.buttonProps)||void 0===h?void 0:h.buttonText,secondButtonText:null===(g=s.secondButtonProps)||void 0===g?void 0:g.buttonText,showButton:null===(f=s.buttonProps)||void 0===f?void 0:f.showButton,showSecondButton:null===(b=s.secondButtonProps)||void 0===b?void 0:b.showButton,onButtonClick:null===(T=s.buttonProps)||void 0===T?void 0:T.onButtonClick,onSecondButtonClick:null===(B=s.secondButtonProps)||void 0===B?void 0:B.onButtonClick,subText:s.subText}),{onClose:s.onCloseToast?s.onCloseToast:()=>({}),type:s.type,icon:"default"!==s.type&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:j})),closeButton:t.jsxRuntimeExports.jsx(y,{type:s.type||"default",alignTop:!(!s.subText||(null===(m=s.buttonProps)||void 0===m?void 0:m.showButton)||(null===(R=s.secondButtonProps)||void 0===R?void 0:R.showButton))}),toastId:s.toastId||"default-toast",transition:p})};return r.useEffect((()=>{f()}),[]),h.default.createPortal(t.jsxRuntimeExports.jsx(c.ToasterStyled,Object.assign({width:s.width,height:s.height,zIndex:s.zIndex,isSubTextIncluded:!!s.subText,type:s.type},{children:t.jsxRuntimeExports.jsx(g.Provider,Object.assign({value:{toasterText:d}},{children:t.jsxRuntimeExports.jsx(l.ToastContainer,{position:s.position||"top-right",closeOnClick:s.closeOnClick||!1,hideProgressBar:s.hideProgressBar||!1,draggable:!1,autoClose:s.autoClose||!1,theme:"colored"})}))})),document.body)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/alert_triangle.svg.js"),e=require("../../assets/icons/check.svg.js"),n=require("../../assets/icons/cross.svg.js"),s=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),l=require("react"),r=require("react-dom"),u=require("react-toastify"),d=require("../button/Button.js"),c=require("./Toaster.styled.js"),a=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function h(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=h(l),y=h(r);const v=o=>{const e=(o.type,x.COLORS.content.secondary);return t.jsx("div",{tabIndex:0,role:"button",style:{width:20,display:"flex",cursor:"pointer",alignSelf:""+(o.alignTop?"flex-start":"center")},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast&&o.closeToast()},children:t.jsx(n.default,{height:20,width:20,color:e})})},f=o=>{var e,n;const s=x.COLORS.content.placeholder,{toasterText:i}=l.useContext(T);return t.jsx(t.Fragment,{children:t.jsxs("div",{style:{display:"flex",flexGrow:1},children:[t.jsx("div",{style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"},children:t.jsxs("div",{children:[o.subText?t.jsx(a.TitleSmall,{color:"inherit",children:null!==(e=o.toastText)&&void 0!==e?e:i}):t.jsx(a.BodySecondary,{color:"inherit",children:null!==(n=o.toastText)&&void 0!==n?n:i}),o.subText&&t.jsx("div",{style:{marginTop:2},children:t.jsx(a.BodyCaption,{color:x.COLORS.content.secondary,children:o.subText})})]})}),o.showButton&&t.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[o.showSecondButton?"showSecondButton":"showButton"]},children:t.jsx(d.Button,{buttonText:o.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onButtonClick})}),o.showSecondButton&&t.jsx("div",{style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"},children:t.jsx(d.Button,{buttonText:o.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:o.onSecondButtonClick})}),o.showButton||o.showSecondButton?t.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${s}`,borderRadius:1}}):null]})})},T=p.default.createContext({toasterText:""});exports.Toaster=n=>{const r=l.useRef(n.toastId||"default-toast"),[d,a]=l.useState(n.text),h=u.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),p="default"===n.type?null:"success"===n.type?t.jsx(e.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===n.type?t.jsx(s.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===n.type?t.jsx(o.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsx(i.default,{width:20,height:20,color:x.COLORS.content.brand});l.useEffect((()=>{r.current&&r.current===n.toastId?(a(n.text),u.toast.update(r.current,{autoClose:n.autoClose})):r.current&&r.current!==n.toastId&&B(n.text)}),[n.toastId,n.text]);const B=o=>{var e,s,i,l,d,c,a,x,y,T,B,g,b,j,C,w;void 0!==n.hideLeftIcon||n.leftIcon?u.toast(t.jsx(f,{toastText:o,type:n.type||"info",buttonText:null===(e=n.buttonProps)||void 0===e?void 0:e.buttonText,secondButtonText:null===(s=n.secondButtonProps)||void 0===s?void 0:s.buttonText,showButton:null===(i=n.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(l=n.secondButtonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(d=n.buttonProps)||void 0===d?void 0:d.onButtonClick,onSecondButtonClick:null===(c=n.secondButtonProps)||void 0===c?void 0:c.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),icon:!0!==n.hideLeftIcon&&(n.leftIcon?n.leftIcon:"default"!==n.type&&t.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:p})),type:n.type,closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(a=n.buttonProps)||void 0===a?void 0:a.showButton)||(null===(x=n.secondButtonProps)||void 0===x?void 0:x.showButton))}),toastId:n.toastId||"default-toast",transition:h}):r.current=u.toast(t.jsx(f,{toastText:o,type:n.type||"info",buttonText:null===(y=n.buttonProps)||void 0===y?void 0:y.buttonText,secondButtonText:null===(T=n.secondButtonProps)||void 0===T?void 0:T.buttonText,showButton:null===(B=n.buttonProps)||void 0===B?void 0:B.showButton,showSecondButton:null===(g=n.secondButtonProps)||void 0===g?void 0:g.showButton,onButtonClick:null===(b=n.buttonProps)||void 0===b?void 0:b.onButtonClick,onSecondButtonClick:null===(j=n.secondButtonProps)||void 0===j?void 0:j.onButtonClick,subText:n.subText}),{onClose:n.onCloseToast?n.onCloseToast:()=>({}),type:n.type,icon:"default"!==n.type&&t.jsx("div",{style:{display:"flex",alignItems:"flex-start"},children:p}),closeButton:t.jsx(v,{type:n.type||"default",alignTop:!(!n.subText||(null===(C=n.buttonProps)||void 0===C?void 0:C.showButton)||(null===(w=n.secondButtonProps)||void 0===w?void 0:w.showButton))}),toastId:n.toastId||"default-toast",transition:h})};return l.useEffect((()=>{B()}),[]),y.default.createPortal(t.jsx(c.ToasterStyled,{width:n.width,height:n.height,zIndex:n.zIndex,isSubTextIncluded:!!n.subText,type:n.type,children:t.jsx(T.Provider,{value:{toasterText:d},children:t.jsx(u.ToastContainer,{position:n.position||"top-right",closeOnClick:n.closeOnClick||!1,hideProgressBar:n.hideProgressBar||!1,draggable:!1,autoClose:n.autoClose||!1,theme:"colored"})})}),document.body)};

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { TypeOptions } from 'react-toastify';
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width?: string | undefined;
-    height?: string | undefined;
-    zIndex?: number | undefined;
-    isSubTextIncluded?: boolean | undefined;
-    type?: TypeOptions | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { TypeOptions } from 'react-toastify';
+export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    width?: string;
+    height?: string;
+    zIndex?: number;
+    isSubTextIncluded?: boolean;
+    type?: TypeOptions;
+}, JSX.IntrinsicElements, {}>;

package/dist/cjs/components/toaster/Toaster.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),t=require("../../constants/Theme.js"),d=require("../../constants/zindex.js");const l=c.default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||d.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.ToasterStyled=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js"),d=require("../../constants/zindex.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const b=l(c).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||d.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnQHNyYy9jb25zdGFudHMvVGhlbWUnO1xuaW1wb3J0IHsgQ29tcG9uZW50WmluZGV4IH0gZnJvbSAnQHNyYy9jb25zdGFudHMvemluZGV4JztcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9VG9hc3Rlci5zdHlsZWQuanMubWFwIl19 */"));exports.ToasterStyled=b;

package/dist/cjs/components/toaster/index.d.ts

@@ -1 +1 @@
-export * from './Toaster';
+export * from './Toaster';

package/dist/cjs/components/tooltips/Tooltip.d.ts

@@ -1,13 +1,13 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { TooltipInternalProps } from "./TooltipInternal";
-export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
-export interface TooltipProps extends TooltipInternalProps {
-    width?: number;
-    placement?: Placement;
-    children: ReactNode;
-    tooltipContent?: JSX.Element;
-    alwaysVisible?: boolean;
-    hideArrow?: boolean;
-    onClickOutside?: () => void;
-}
-export declare const Tooltip: FunctionComponent<TooltipProps>;
+import { FunctionComponent, ReactNode } from 'react';
+import { TooltipInternalProps } from '@src/components/tooltips/TooltipInternal';
+export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export interface TooltipProps extends TooltipInternalProps {
+    width?: number;
+    placement?: Placement;
+    children: ReactNode;
+    tooltipContent?: JSX.Element;
+    alwaysVisible?: boolean;
+    hideArrow?: boolean;
+    onClickOutside?: () => void;
+}
+export declare const Tooltip: FunctionComponent<TooltipProps>;

package/dist/cjs/components/tooltips/Tooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const s=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>{var n,i;return l.default.isValidElement(e.children)?e.body||e.title||e.tooltipContent?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("style",{children:s}),t.jsxRuntimeExports.jsx(a.default,Object.assign({theme:null!==(n=e.variant)&&void 0!==n?n:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:null===(i=!e.hideArrow)||void 0===i||i,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsxRuntimeExports.jsx(r.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps}),onClickOutside:e.onClickOutside},{children:e.children}))]}):e.children:null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),i=require("../../constants/Theme.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=o(e),l=o(n);const d=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${i.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>{var n,i;return l.default.isValidElement(e.children)?e.body||e.title||e.tooltipContent?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:d}),t.jsx(a.default,{theme:null!==(n=e.variant)&&void 0!==n?n:"dark",appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:null===(i=!e.hideArrow)||void 0===i||i,interactive:!0,delay:e.delay,visible:e.alwaysVisible,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{variant:e.variant,title:e.title,body:e.body,buttonProps:e.buttonProps}),onClickOutside:e.onClickOutside,children:e.children})]}):e.children:null};

package/dist/cjs/components/tooltips/TooltipInternal.d.ts

@@ -1,12 +1,12 @@
-import { FunctionComponent } from 'react';
-import { ButtonProps } from "../button/model";
-export interface TooltipInternalProps {
-    title?: string;
-    body?: string;
-    buttonProps?: ButtonProps;
-    delay?: number | number[];
-    variant?: 'light' | 'dark';
-}
-type Props = TooltipInternalProps;
-declare const TooltipInternal: FunctionComponent<Props>;
-export default TooltipInternal;
+import { FunctionComponent } from 'react';
+import { ButtonProps } from '@src/components/button/model';
+export interface TooltipInternalProps {
+    title?: string;
+    body?: string;
+    buttonProps?: ButtonProps;
+    delay?: number | number[];
+    variant?: 'light' | 'dark';
+}
+type Props = TooltipInternalProps;
+declare const TooltipInternal: FunctionComponent<Props>;
+export default TooltipInternal;