@bikdotai/bik-component-library 0.0.6-beta.4 → 0.0.6-chips-beta

package/dist/esm/constants/Theme.js

@@ -1 +1 @@
-const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
+const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};

package/dist/esm/index.d.ts

@@ -1,3 +1,5 @@
+import StringUtils from './utils/StringUtils';
+export { StringUtils };
 export * from './constants/Theme';
 export * from './components/checkBox';
 export * from './components/list-item';
@@ -10,5 +12,19 @@ export * from './components/stepper';
 export * from './components/tag';
 export * from './components/pagination';
 export * from './components/icon-button';
+export * from './components/template-preview';
 export * from './components/fab-menu';
 export * from './components/floating-action-button';
+export * from './components/image-compress';
+export * from './components/TypographyStyle';
+export * from './components/button';
+export * from './components/progress-bar';
+export * from './components/modals';
+export * from './components/dropdown';
+export * from './components/analytics-card';
+export * from './components/input';
+export * from './components/analytics-chips-and-dropdowns';
+export * from './components/avatar';
+export * from './components/thumbnail';
+export * from './components/curtain';
+export * from './components/datePicker';

package/dist/esm/index.js

@@ -1 +1 @@
-export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";
+export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";

package/dist/esm/utils/StringUtils.d.ts

@@ -0,0 +1,10 @@
+export default class StringUtils {
+    static normalizeName: (name: string, delimiter: string) => string;
+    static convertToTitleCase(text: string): string;
+    static capitalize: (string: string) => string;
+    static pluralize: (string: string, Number: number) => string;
+    static getFullPhoneNumber: (phoneNumber?: string) => string;
+    static detectUrl: (str: string) => RegExpMatchArray | null;
+    static getAvatarText(name: string): string;
+    static firstLetters: (string: string) => string;
+}

package/dist/esm/utils/StringUtils.js

@@ -0,0 +1 @@
+class e{static convertToTitleCase(e){const t=(e=e.toLowerCase()).split(" ");for(let e=0;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].slice(1);return t.join(" ")}static getAvatarText(e){if(e){const t=e.match(/\b(\w)/g),r=null==t?void 0:t.join("");return r?r.substring(0,2).toUpperCase():"C"}return""}}Object.defineProperty(e,"normalizeName",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>{const r=e.split(t).join(" ");return r[0].toUpperCase()+r.slice(1)}}),Object.defineProperty(e,"capitalize",{enumerable:!0,configurable:!0,writable:!0,value:e=>{var t;return e.charAt(0).toUpperCase()+(null===(t=e.slice(1))||void 0===t?void 0:t.toLowerCase())}}),Object.defineProperty(e,"pluralize",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>0===t||t>1?e+"s":e}),Object.defineProperty(e,"getFullPhoneNumber",{enumerable:!0,configurable:!0,writable:!0,value:e=>e?"+91"+e.slice(e.length-10):""}),Object.defineProperty(e,"detectUrl",{enumerable:!0,configurable:!0,writable:!0,value:e=>e.match(/(((https?:\/\/)|(www\.))[^\s]+)/g)}),Object.defineProperty(e,"firstLetters",{enumerable:!0,configurable:!0,writable:!0,value:e=>{let t="";return e.split(" ").forEach((e=>{e.length&&(t+=e[0])})),t.substr(0,2)}});export{e as default};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.6-beta.4",
+	"version": "0.0.6-chips-beta",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -51,10 +51,12 @@
 		"@popperjs/core": "^2.11.7",
 		"@tippyjs/react": "^4.2.6",
 		"bootstrap": "^5.1.3",
+		"browser-image-compression": "^2.0.2",
 		"react-bootstrap": "^2.4.0",
 		"react-lottie": "^1.2.3",
+		"react-toastify": "^9.1.2",
 		"react-popper": "^2.3.0",
-		"react-toastify": "^9.1.2"
+		"react-calendar": "^3.7.0"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.20.12",
@@ -110,7 +112,7 @@
 		"jest": "^29.3.1",
 		"jest-environment-jsdom": "^29.3.1",
 		"jest-transform-stub": "^2.0.0",
-		"lint-staged": "^13.1.0",
+		"lint-staged": "^13.2.0",
 		"prettier": "^2.8.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -120,6 +122,7 @@
 		"rollup-plugin-import-css": "^3.2.1",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-typescript2": "^0.34.1",
+		"storybook-addon-designs": "^6.3.1",
 		"styled-components": "^5.3.3",
 		"ts-jest": "^29.0.4",
 		"tslib": "^2.4.1",

package/dist/cjs/components/dropdown/UnChildDropdown.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../opennedDropdown/type';
-export type DropdownProps = OpenDropdownProps & {
-    isLoading?: boolean;
-    placeHolder?: string;
-    size?: 'default' | 'small';
-};
-export declare const UnChildDropdown: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    placeHolder?: string | undefined;
-    size?: "small" | "default" | undefined;
-} & React.RefAttributes<{}>>;

package/dist/cjs/components/opennedDropdown/components/OpennedDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../type';
-export declare const OpennedDropdown: React.FC<OpenDropdownProps>;

package/dist/cjs/components/opennedDropdown/components/OpennedDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../../../hooks/useOutside.js"),n=require("../utils/iterationOnOptions.js"),i=require("./description/Description.js"),l=require("./menu/FreeFormMenu.js"),o=require("./menu/MenuList.js"),r=require("./menu/SelectAllMenu.js"),c=require("./multiSelect/MultiSelectDropdownBottomBar.js"),u=require("./OpennedDropdown.styled.js"),a=require("./searchbox/SearchBox.js"),d=require("./searchbox/ZeroState.js");const p=304,j=290;exports.OpennedDropdown=f=>{let{options:h,isSearchable:O,isMultiSelect:S,width:b,allowFreeForm:x,height:g,onClose:m,onSelect:v}=f;const[q,M]=t.useState(null!=h?h:[]),[F,w]=t.useState(null!=b?b:j),[D,y]=t.useState(""),[A,B]=t.useState(null),C=t.useRef(null);s.useOutside(C,(()=>{B(null),null==m||m()}));const L=null!=g?g:p,E="number"==typeof L&&O&&S?L-96:O&&!S||!O&&S?L-48:L;function Z(e){if(S){const t=n.iterateOnOptions(q,{selected:e.selected},(t=>t.value===e.value));M([...t])}else null==v||v(e)}t.useEffect((()=>{const e=null!=b?b:j;w(null===A?e:2*e)}),[A]);const _=q.map((e=>{var t;if(D){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(D))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(D))?e:null}return e})).filter((e=>null!==e)),k=!!O&&D&&0===_.length;return e.jsxs(u.OpennedDropdownContainer,Object.assign({ref:C,style:{maxWidth:A?800:400,width:F,height:L}},{children:[e.jsxs("div",Object.assign({style:{width:A?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!O&&e.jsx(a.SearchBox,{options:h,onSearch:function(e){y(e)}}),e.jsxs(u.MenuListContainer,Object.assign({maxHeight:E},{children:[!!S&&!k&&e.jsx(r.SelectAllMenu,{options:q,onSelect:function(e){if("selectAll"===e){const e=n.iterateOnOptions(q,{selected:!0});M([...e])}else if("notSelected"===e){const e=n.iterateOnOptions(q,{selected:!1});M([...e])}}}),!x&&k&&e.jsx(d.SearchZeroState,{searchedString:D}),x&&k&&e.jsx(l.FreeFormMenu,{isMultiSelect:S,onSelect:function(e){if(S)if(e){let e=!1;const t=q.map((t=>t.options?t:t.label===D&&t.value===D?(e=!0,Object.assign(Object.assign({},t),{selected:!0})):t));M(e?[...t]:[{label:D,value:D,isFreeForm:!0,selected:!0}].concat(q))}else{const e=q.map((e=>e.options?e:e.label===D&&e.value===D?Object.assign(Object.assign({},e),{selected:!1}):e));M([...e])}else Z({label:D,value:D,isFreeForm:!0,selected:!0})},searchedString:D}),e.jsx(o.MenuList,{onSelect:Z,showDescription:function(e,t){B(e&&t?{title:e,description:t}:null)},isMultiSelect:S,options:_})]})),!!S&&e.jsx(c.default,{onClear:function(){const e=n.iterateOnOptions(q,{selected:!1});M([...e])},onApply:function(){const e=[];q.forEach((t=>{if(t.options){const s=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...s]}))}else t.selected&&e.push(Object.assign({},t))})),null==v||v([...e])},list:q})]})),!!A&&e.jsx(i.Description,{title:A.title,description:A.description})]}))};

package/dist/cjs/components/opennedDropdown/components/description/Description.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../TypographyStyle.js"),t=require("../../../../constants/Theme.js"),s=require("./Description.styled.js");exports.Description=i=>{let{title:n,description:o,visible:c}=i;return e.jsx(s.DescriptionContainer,{children:e.jsxs("div",Object.assign({style:{padding:24}},{children:[e.jsx(r.TitleRegular,Object.assign({style:{color:t.COLORS.content.primary,marginBottom:4}},{children:n})),e.jsx(r.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:o}))]}))})};

package/dist/cjs/components/opennedDropdown/components/menu/FreeFormMenu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../checkBox/CheckBox.js"),s=require("../../../list-item/ListItem.js"),i=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js"),c=require("./FreeFormMenu.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=l(r).default(s.ListItem)``;exports.FreeFormMenu=r=>{let{searchedString:s,onSelect:l,isMultiSelect:a}=r;const[d,j]=t.useState(!1);function m(){j(!d),l(!d)}return e.jsx(u,{onClick:e=>{e.preventDefault(),m()},listItem:{label:s,value:s},trailingIcon:a?e.jsx(n.CheckBox,{isChecked:d,onValueChange:m}):e.jsx(e.Fragment,{}),leadingIcon:e.jsx(c.FreeFormContainer,{children:e.jsx(i.BodyCaption,Object.assign({style:{color:o.COLORS.content.secondary}},{children:"Freeform"}))}),variant:"default"})};

package/dist/cjs/components/opennedDropdown/components/menu/MenuItem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../../checkBox/CheckBox.js"),s=require("../../../list-item/ListItem.js"),n=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),o=require("./FreeFormMenu.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=c(t).default(s.ListItem)``;exports.MenuItem=t=>{let{option:s,isMultiSelect:c,showDescription:a,onSelect:u}=t;function d(e){u(Object.assign(Object.assign({},s),{selected:e}))}return e.jsx(l,{onClick:e=>{e.preventDefault(),d(!s.selected)},onMouseOver:function(){s.descriptions?a(s.label,s.descriptions):a()},listItem:s,trailingIcon:c?e.jsx(r.CheckBox,{isChecked:s.selected,onValueChange:d}):e.jsx(e.Fragment,{}),leadingIcon:s.isFreeForm?e.jsx(o.FreeFormContainer,{children:e.jsx(n.BodyCaption,Object.assign({style:{color:i.COLORS.content.secondary}},{children:"Freeform"}))}):e.jsx(e.Fragment,{}),variant:s.disabled?"inactive":"default"})};

package/dist/cjs/components/opennedDropdown/components/menu/MenuList.styled.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../TypographyStyle.js"),o=require("../../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=r(e).default(t.BodyCaption)`
-	padding: 8px 16px;
-	height: 16px;
-	color: ${o.COLORS.content.secondary};
-	background-color: ${o.COLORS.background.base};
-`;exports.StyledGroupedLabel=n;

package/dist/cjs/components/opennedDropdown/components/menu/SelectAllMenu.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),n=require("../../../checkBox/CheckBox.js"),r=require("../../../list-item/ListItem.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i(l).default(r.ListItem)``;exports.SelectAllMenu=l=>{let{options:r,onSelect:i}=l;const[a,c]=t.useState("notSelected");function s(){"partiallySelected"===a&&i("notSelected"),"selectAll"===a&&i("notSelected"),"notSelected"===a&&i("selectAll")}return t.useEffect((()=>{var e;if("all"===(r[0].options?!0===(null===(e=r[0].options)||void 0===e?void 0:e[0].selected)?"all":"none":!0===r[0].selected?"all":"none")){const e=r.reduce(((e,t)=>{if("all"===e){if(!t.options)return t.selected?"all":"partial";{const e=t.options,l=e.filter((e=>!0===e.selected));if(l.length===e.length)return"all";if(l.length<e.length)return"partial"}}return e}),"all");"all"===e&&c("selectAll"),"partial"===e&&c("partiallySelected")}else{const e=r.reduce(((e,t)=>{if("none"===e){if(!t.options)return t.selected?"partial":"none";{const e=t.options,l=e.filter((e=>!e.selected));if(l.length===e.length)return"none";if(l.length<e.length)return"partial"}}return e}),"none");"none"===e&&c("notSelected"),"partial"===e&&c("partiallySelected")}}),[r]),e.jsx(o,{onClick:e=>{e.preventDefault(),s()},listItem:{label:"Select All",value:"All"},trailingIcon:e.jsx(n.CheckBox,{isChecked:"selectAll"===a||"partiallySelected"===a,isPartiallyChecked:"partiallySelected"===a,onValueChange:s}),variant:"default"})};

package/dist/cjs/components/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../button/Button.js"),r=require("../../../TypographyStyle.js"),s=require("../../../../constants/Theme.js"),n=require("./MultiSelectDropdownBottomBar.styled.js");exports.default=o=>{let{onApply:l,onClear:i,list:a}=o;const c=a.reduce(((e,t)=>{if(t.options){return e+t.options.filter((e=>!0===e.selected)).length}return t.selected?e+1:e}),0);return e.jsxs(n.BottomBarContainer,Object.assign({style:{justifyContent:"space-between"}},{children:[e.jsx(r.BodySecondary,Object.assign({style:{flex:1,color:s.COLORS.content.primary}},{children:c?`${c} selected`:""})),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e.jsx(t.Button,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:i}),e.jsx(t.Button,{size:"small",buttonText:"Apply",onClick:l})]}))]}))};

package/dist/cjs/components/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,8 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div`
-	display: flex;
-	padding: 8px 16px;
-	flex-direction: row;
-	align-items: center;
-	justify-content: end;
-	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-`;exports.BottomBarContainer=t;

package/dist/cjs/components/opennedDropdown/components/searchbox/SearchBox.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../input/Input.js"),n=require("../../../input/context/InputStyleProvider.js"),o=require("../../../../constants/Theme.js"),i=require("../../../../assets/icons/cross.svg.js"),s=require("../../../../assets/icons/search.svg.js");exports.SearchBox=a=>{let{onSearch:u}=a;const c=r.useRef();return e.jsx(n.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+o.COLORS.stroke.primary,padding:"12px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:e.jsx(t.Input,{ref:c,variant:"small",placeholder:"Search",leftIcon:{icon:()=>e.jsx(s.default,{width:24,height:24,color:o.COLORS.content.placeholder})},rightIcon:{icon:()=>{var r;return(null===(r=null==c?void 0:c.current)||void 0===r?void 0:r.value)?e.jsx(i.default,{onClick:()=>{c.current.value="",u("")},width:24,height:24,color:o.COLORS.content.placeholder}):e.jsx(e.Fragment,{})}},onChangeText:u})}))};

package/dist/cjs/components/opennedDropdown/components/searchbox/ZeroState.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),s=require("../../../../assets/icons/alert.svg.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(t);const l=i.default.div`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	flex: 1;
-`,c=i.default.div`
-	background: ${n.COLORS.background.base};
-	width: 48px;
-	height: 48px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	border-radius: 24px;
-`;exports.SearchZeroState=t=>{let{searchedString:o}=t;return e.jsxs(l,{children:[e.jsx(c,{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})}),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:"No results found"})),e.jsxs(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary}},{children:['Sorry we could not find any results for "',null!=o?o:"",'"']}))]})};

package/dist/cjs/components/opennedDropdown/utils/iterationOnOptions.d.ts

@@ -1,23 +0,0 @@
-import { DropdownOption, SingleOption } from '../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    options: {
-        label?: string | undefined;
-        value?: string | undefined;
-        descriptions?: string | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-    }[];
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-})[];

package/dist/cjs/components/opennedDropdown/utils/iterationOnOptions.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.iterateOnOptions=function(s,t,e){return s.map((s=>{if(s.options){const n=s.options.map((s=>e?e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s):Object.assign(Object.assign({},s),t)));return Object.assign(Object.assign({},s),{options:[...n]})}return e?e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s):Object.assign(Object.assign({},s),t)}))};

package/dist/esm/components/dropdown/UnChildDropdown.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../opennedDropdown/type';
-export type DropdownProps = OpenDropdownProps & {
-    isLoading?: boolean;
-    placeHolder?: string;
-    size?: 'default' | 'small';
-};
-export declare const UnChildDropdown: React.ForwardRefExoticComponent<OpenDropdownProps & {
-    isLoading?: boolean | undefined;
-    placeHolder?: string | undefined;
-    size?: "small" | "default" | undefined;
-} & React.RefAttributes<{}>>;

package/dist/esm/components/opennedDropdown/components/OpennedDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { OpenDropdownProps } from '../type';
-export declare const OpennedDropdown: React.FC<OpenDropdownProps>;

package/dist/esm/components/opennedDropdown/components/OpennedDropdown.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as o,useEffect as n}from"react";import{useOutside as i}from"../../../hooks/useOutside.js";import{iterateOnOptions as s}from"../utils/iterationOnOptions.js";import{Description as c}from"./description/Description.js";import{FreeFormMenu as r}from"./menu/FreeFormMenu.js";import{MenuList as u}from"./menu/MenuList.js";import{SelectAllMenu as a}from"./menu/SelectAllMenu.js";import p from"./multiSelect/MultiSelectDropdownBottomBar.js";import{OpennedDropdownContainer as m,MenuListContainer as d}from"./OpennedDropdown.styled.js";import{SearchBox as f}from"./searchbox/SearchBox.js";import{SearchZeroState as h}from"./searchbox/ZeroState.js";const j=304,b=290,g=g=>{let{options:S,isSearchable:O,isMultiSelect:v,width:x,allowFreeForm:F,height:w,onClose:M,onSelect:y}=g;const[D,A]=l(null!=S?S:[]),[B,C]=l(null!=x?x:b),[k,E]=l(""),[H,L]=l(null),W=o(null);i(W,(()=>{L(null),null==M||M()}));const Z=null!=w?w:j,q="number"==typeof Z&&O&&v?Z-96:O&&!v||!O&&v?Z-48:Z;function z(e){if(v){const t=s(D,{selected:e.selected},(t=>t.value===e.value));A([...t])}else null==y||y(e)}n((()=>{const e=null!=x?x:b;C(null===H?e:2*e)}),[H]);const G=D.map((e=>{var t;if(k){if(e.options){const t=Object.assign({},e);return t.options=t.options.filter((e=>{var t;return!!(null===(t=e.label)||void 0===t?void 0:t.includes(k))})),t.options.length>0?t:null}return(null===(t=e.label)||void 0===t?void 0:t.includes(k))?e:null}return e})).filter((e=>null!==e)),I=!!O&&k&&0===G.length;return e(m,Object.assign({ref:W,style:{maxWidth:H?800:400,width:B,height:Z}},{children:[e("div",Object.assign({style:{width:H?"50%":"100%",display:"flex",flexDirection:"column"}},{children:[!!O&&t(f,{options:S,onSearch:function(e){E(e)}}),e(d,Object.assign({maxHeight:q},{children:[!!v&&!I&&t(a,{options:D,onSelect:function(e){if("selectAll"===e){const e=s(D,{selected:!0});A([...e])}else if("notSelected"===e){const e=s(D,{selected:!1});A([...e])}}}),!F&&I&&t(h,{searchedString:k}),F&&I&&t(r,{isMultiSelect:v,onSelect:function(e){if(v)if(e){let e=!1;const t=D.map((t=>t.options?t:t.label===k&&t.value===k?(e=!0,Object.assign(Object.assign({},t),{selected:!0})):t));A(e?[...t]:[{label:k,value:k,isFreeForm:!0,selected:!0}].concat(D))}else{const e=D.map((e=>e.options?e:e.label===k&&e.value===k?Object.assign(Object.assign({},e),{selected:!1}):e));A([...e])}else z({label:k,value:k,isFreeForm:!0,selected:!0})},searchedString:k}),t(u,{onSelect:z,showDescription:function(e,t){L(e&&t?{title:e,description:t}:null)},isMultiSelect:v,options:G})]})),!!v&&t(p,{onClear:function(){const e=s(D,{selected:!1});A([...e])},onApply:function(){const e=[];D.forEach((t=>{if(t.options){const l=t.options.filter((e=>!0===e.selected));e.push(Object.assign(Object.assign({},t),{options:[...l]}))}else t.selected&&e.push(Object.assign({},t))})),null==y||y([...e])},list:D})]})),!!H&&t(c,{title:H.title,description:H.description})]}))};export{g as OpennedDropdown};

package/dist/esm/components/opennedDropdown/components/description/Description.js

@@ -1 +0,0 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{TitleRegular as r,BodySecondary as i}from"../../../TypographyStyle.js";import{COLORS as o}from"../../../../constants/Theme.js";import{DescriptionContainer as n}from"./Description.styled.js";const s=s=>{let{title:c,description:l,visible:m}=s;return t(n,{children:e("div",Object.assign({style:{padding:24}},{children:[t(r,Object.assign({style:{color:o.content.primary,marginBottom:4}},{children:c})),t(i,Object.assign({style:{color:o.content.secondary}},{children:l}))]}))})};export{s as Description};

package/dist/esm/components/opennedDropdown/components/menu/FreeFormMenu.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";import r from"styled-components";import{CheckBox as n}from"../../../checkBox/CheckBox.js";import{ListItem as i}from"../../../list-item/ListItem.js";import{BodyCaption as m}from"../../../TypographyStyle.js";import{COLORS as c}from"../../../../constants/Theme.js";import{FreeFormContainer as s}from"./FreeFormMenu.styled.js";const l=r(i)``,a=r=>{let{searchedString:i,onSelect:a,isMultiSelect:p}=r;const[f,d]=o(!1);function h(){d(!f),a(!f)}return e(l,{onClick:e=>{e.preventDefault(),h()},listItem:{label:i,value:i},trailingIcon:p?e(n,{isChecked:f,onValueChange:h}):e(t,{}),leadingIcon:e(s,{children:e(m,Object.assign({style:{color:c.content.secondary}},{children:"Freeform"}))}),variant:"default"})};export{a as FreeFormMenu};

package/dist/esm/components/opennedDropdown/components/menu/MenuItem.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import o from"styled-components";import{CheckBox as i}from"../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../TypographyStyle.js";import{COLORS as n}from"../../../../constants/Theme.js";import{FreeFormContainer as c}from"./FreeFormMenu.styled.js";const l=o(r)``,m=o=>{let{option:r,isMultiSelect:m,showDescription:a,onSelect:p}=o;function d(e){p(Object.assign(Object.assign({},r),{selected:e}))}return e(l,{onClick:e=>{e.preventDefault(),d(!r.selected)},onMouseOver:function(){r.descriptions?a(r.label,r.descriptions):a()},listItem:r,trailingIcon:m?e(i,{isChecked:r.selected,onValueChange:d}):e(t,{}),leadingIcon:r.isFreeForm?e(c,{children:e(s,Object.assign({style:{color:n.content.secondary}},{children:"Freeform"}))}):e(t,{}),variant:r.disabled?"inactive":"default"})};export{m as MenuItem};

package/dist/esm/components/opennedDropdown/components/menu/SelectAllMenu.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import n from"styled-components";import{CheckBox as o}from"../../../checkBox/CheckBox.js";import{ListItem as r}from"../../../list-item/ListItem.js";const i=n(r)``,a=n=>{let{options:r,onSelect:a}=n;const[c,s]=t("notSelected");function p(){"partiallySelected"===c&&a("notSelected"),"selectAll"===c&&a("notSelected"),"notSelected"===c&&a("selectAll")}return l((()=>{var e;if("all"===(r[0].options?!0===(null===(e=r[0].options)||void 0===e?void 0:e[0].selected)?"all":"none":!0===r[0].selected?"all":"none")){const e=r.reduce(((e,t)=>{if("all"===e){if(!t.options)return t.selected?"all":"partial";{const e=t.options,l=e.filter((e=>!0===e.selected));if(l.length===e.length)return"all";if(l.length<e.length)return"partial"}}return e}),"all");"all"===e&&s("selectAll"),"partial"===e&&s("partiallySelected")}else{const e=r.reduce(((e,t)=>{if("none"===e){if(!t.options)return t.selected?"partial":"none";{const e=t.options,l=e.filter((e=>!e.selected));if(l.length===e.length)return"none";if(l.length<e.length)return"partial"}}return e}),"none");"none"===e&&s("notSelected"),"partial"===e&&s("partiallySelected")}}),[r]),e(i,{onClick:e=>{e.preventDefault(),p()},listItem:{label:"Select All",value:"All"},trailingIcon:e(o,{isChecked:"selectAll"===c||"partiallySelected"===c,isPartiallyChecked:"partiallySelected"===c,onValueChange:p}),variant:"default"})};export{a as SelectAllMenu};

package/dist/esm/components/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Button as o}from"../../../button/Button.js";import{BodySecondary as r}from"../../../TypographyStyle.js";import{COLORS as l}from"../../../../constants/Theme.js";import{BottomBarContainer as n}from"./MultiSelectDropdownBottomBar.styled.js";const s=s=>{let{onApply:i,onClear:c,list:p}=s;const a=p.reduce(((t,e)=>{if(e.options){return t+e.options.filter((t=>!0===t.selected)).length}return e.selected?t+1:t}),0);return t(n,Object.assign({style:{justifyContent:"space-between"}},{children:[e(r,Object.assign({style:{flex:1,color:l.content.primary}},{children:a?`${a} selected`:""})),t("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[e(o,{size:"small",buttonType:"tertiaryGray",buttonText:"Clear",onClick:c}),e(o,{size:"small",buttonText:"Apply",onClick:i})]}))]}))};export{s as default};

package/dist/esm/components/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -1,8 +0,0 @@
-import e from"styled-components";const o=e.div`
-	display: flex;
-	padding: 8px 16px;
-	flex-direction: row;
-	align-items: center;
-	justify-content: end;
-	box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
-`;export{o as BottomBarContainer};

package/dist/esm/components/opennedDropdown/components/searchbox/SearchBox.js

@@ -1 +0,0 @@
-import{jsx as r,Fragment as o}from"react/jsx-runtime";import{useRef as t}from"react";import{Input as e}from"../../../input/Input.js";import{InputStyleContext as n}from"../../../input/context/InputStyleProvider.js";import{COLORS as i}from"../../../../constants/Theme.js";import c from"../../../../assets/icons/cross.svg.js";import s from"../../../../assets/icons/search.svg.js";const a=a=>{let{onSearch:l}=a;const p=t();return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"12px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{ref:p,variant:"small",placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==p?void 0:p.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{p.current.value="",l("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:l})}))};export{a as SearchBox};

package/dist/esm/components/opennedDropdown/components/searchbox/ZeroState.js

@@ -1,16 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{TitleRegular as n,BodyCaption as o}from"../../../TypographyStyle.js";import{COLORS as i}from"../../../../constants/Theme.js";import s from"../../../../assets/icons/alert.svg.js";const c=r.div`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	flex: 1;
-`,l=r.div`
-	background: ${i.background.base};
-	width: 48px;
-	height: 48px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	border-radius: 24px;
-`,d=r=>{let{searchedString:d}=r;return e(c,{children:[t(l,{children:t(s,{color:i.content.placeholder,height:24,width:24})}),t(n,Object.assign({style:{marginTop:8,color:i.content.primary}},{children:"No results found"})),e(o,Object.assign({style:{marginTop:4,color:i.content.secondary}},{children:['Sorry we could not find any results for "',null!=d?d:"",'"']}))]})};export{d as SearchZeroState};

package/dist/esm/components/opennedDropdown/utils/iterationOnOptions.d.ts

@@ -1,23 +0,0 @@
-import { DropdownOption, SingleOption } from '../type';
-export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
-    options: {
-        label?: string | undefined;
-        value?: string | undefined;
-        descriptions?: string | undefined;
-        selected?: boolean | undefined;
-        disabled?: boolean | undefined;
-    }[];
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-} | {
-    label?: string | undefined;
-    value?: string | undefined;
-    descriptions?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    isFreeForm?: boolean | undefined;
-})[];

package/dist/esm/components/opennedDropdown/utils/iterationOnOptions.js

@@ -1 +0,0 @@
-function s(s,n,t){return s.map((s=>{if(s.options){const i=s.options.map((s=>t?t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s):Object.assign(Object.assign({},s),n)));return Object.assign(Object.assign({},s),{options:[...i]})}return t?t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s):Object.assign(Object.assign({},s),n)}))}export{s as iterateOnOptions};