@bikdotai/bik-component-library 0.0.6 → 0.0.7-analytics-chips-beta

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s}from"react";import{CheckboxContainer as t,CheckboxIcon as l}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const o=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),r=i=>{var n;const[r,a]=s(i.isChecked||!1),[c,d]=s(!1),[h,v]=s(!1);return e(t,Object.assign({onClick:()=>{var e;if(!i.isDisabled){const s=!r;a(s),null===(e=i.onValueChange)||void 0===e||e.call(i,s,i.value)}},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(l,Object.assign({checked:r,hovered:c,clicked:h,isDisabled:i.isDisabled||!1},{children:r&&e(o,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled||!1})}))}))};export{r as CheckBox};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as s,useEffect as t}from"react";import{CheckboxContainer as l,CheckboxIcon as o}from"./CheckBox.styled.js";import{COLORS as n}from"../../constants/Theme.js";const r=s=>i("svg",Object.assign({width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e("rect",{x:"0",y:"0",width:"18",height:"18",rx:"4",fill:s.isDisabled?n.content.inactive:n.background.positive.vibrant}),!s.isPartial&&e("svg",Object.assign({width:"10",height:"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})})),s.isPartial&&e("rect",{x:"5",y:"8",width:"8",height:"2",rx:"1",fill:n.surface.standard})]})),d=i=>{var n;const[d,a]=s(i.isChecked||!1),[c,h]=s(!1),[u,v]=s(!1);t((()=>{i.controlFromOutside&&a(i.isChecked)}),[i.isChecked,i.controlFromOutside]);return t((()=>{a(i.isChecked)}),[i.isChecked]),e(l,Object.assign({onClick:()=>{var e,s;if(!i.isDisabled){if(i.controlFromOutside)return void(null===(e=i.onValueChange)||void 0===e||e.call(i,!i.isChecked,i.value));const t=!d;a(t),null===(s=i.onValueChange)||void 0===s||s.call(i,t,i.value)}},onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>v(!0),onMouseUp:()=>v(!1)},{children:e(o,Object.assign({checked:d,hovered:c,clicked:u,isDisabled:i.isDisabled||!1},{children:d&&e(r,{isPartial:null!==(n=i.isPartiallyChecked)&&void 0!==n&&n,isDisabled:i.isDisabled||!1})}))}))};export{d as CheckBox};

package/dist/esm/components/checkBox/CheckBox.styled.js

@@ -10,6 +10,7 @@ import e,{css as i}from"styled-components";import{COLORS as t}from"../../constan
 	display: flex;
 	justify-content: center;
 	align-items: center;
+	box-sizing: content-box;
 	${e=>e.checked&&i`
 			border: 0px;
 			width: 18px;

package/dist/esm/components/curtain/Curtain.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
+export type CurtainProps = {
+    type: CURTAIN_TYPES;
+    mode: CURTAIN_MODE;
+    text: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    actionButtonText?: string;
+    actionButtonClickHandler?: () => void;
+    hideCrossIcon?: boolean;
+    onCloseHandler?: () => void;
+    strokeAtTop?: boolean;
+    strokeAtBottom?: boolean;
+};
+export declare const Curtain: React.FC<CurtainProps>;

package/dist/esm/components/curtain/Curtain.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as t,jsxs as e}from"react/jsx-runtime";import{useState as r}from"react";import{CurtainStyle as n}from"./Curtain.styled.js";import{COLOR_CONFIG_MAP as s,CURTAIN_MODE as i}from"./CurtainHelper.js";import{BodySecondary as c,BodySecondaryLink as l}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import a from"../../assets/icons/cross.svg.js";const p=p=>{const[d,h]=r(!1);if(d)return o(t,{});return e(n,Object.assign({mode:p.mode,type:p.type,strokeAtTop:p.strokeAtTop,strokeAtBottom:p.strokeAtBottom},{children:[p.icon&&o(p.icon,{color:s[p.mode][p.type].textColor,height:16,width:16}),o(c,Object.assign({style:{color:s[p.mode][p.type].textColor,marginLeft:8}},{children:p.text})),p.actionButtonText&&o(l,Object.assign({onClick:p.actionButtonClickHandler,style:{color:p.mode===i.DARK?s[p.mode][p.type].textColor:m.content.brand,marginLeft:16,textDecoration:"underline"}},{children:p.actionButtonText})),!p.hideCrossIcon&&o(a,{onClick:()=>{h(!0),p.onCloseHandler&&p.onCloseHandler()},style:{position:"absolute",right:16},cursor:"pointer",height:20,width:20,color:s[p.mode][p.type].crossIconColor})]}))};export{p as Curtain};

package/dist/esm/components/curtain/Curtain.styled.d.ts

@@ -0,0 +1,7 @@
+import { CURTAIN_MODE, CURTAIN_TYPES } from "./CurtainHelper";
+export declare const CurtainStyle: import("styled-components").StyledComponent<"div", any, {
+    mode: CURTAIN_MODE;
+    type: CURTAIN_TYPES;
+    strokeAtTop?: boolean | undefined;
+    strokeAtBottom?: boolean | undefined;
+}, never>;

package/dist/esm/components/curtain/Curtain.styled.js

@@ -0,0 +1,14 @@
+import o from"styled-components";import{COLOR_CONFIG_MAP as t}from"./CurtainHelper.js";const e=o.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 8px 16px;
+	background-color: ${o=>t[o.mode][o.type].backgroundColor};
+	border-top: ${o=>o.strokeAtTop?"1px solid "+t[o.mode][o.type].strokeColor:0};
+	border-bottom: ${o=>o.strokeAtBottom?"1px solid "+t[o.mode][o.type].strokeColor:0};
+	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+	width: 100%;
+	position: absolute;
+	top: 0;
+	z-index: 1;
+`;export{e as CurtainStyle};

package/dist/esm/components/curtain/CurtainHelper.d.ts

@@ -0,0 +1,72 @@
+export declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special"
+}
+export declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+export declare const COLOR_CONFIG_MAP: {
+    DARK: {
+        Negative: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Warning: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Positive: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Neutral: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+        Special: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+        };
+    };
+    LIGHT: {
+        Negative: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Warning: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Positive: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Neutral: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+        Special: {
+            backgroundColor: string;
+            textColor: string;
+            crossIconColor: string;
+            strokeColor: string;
+        };
+    };
+};

package/dist/esm/components/curtain/CurtainHelper.js

@@ -0,0 +1 @@
+import{COLORS as o}from"../../constants/Theme.js";var r,n;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special"}(r||(r={})),function(o){o.LIGHT="LIGHT",o.DARK="DARK"}(n||(n={}));const t={[n.DARK]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.WARNING]:{backgroundColor:o.background.warning.vibrant,textColor:o.content.primary,crossIconColor:o.content.secondary},[r.POSITIVE]:{backgroundColor:o.background.positive.vibrant,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.NEUTRAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard},[r.SPECIAL]:{backgroundColor:o.background.inverse,textColor:o.surface.standard,crossIconColor:o.surface.standard}},[n.LIGHT]:{[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,crossIconColor:o.content.secondary,strokeColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,crossIconColor:o.content.secondary,strokeColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,crossIconColor:o.content.secondary,strokeColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,crossIconColor:o.content.secondary,strokeColor:o.stroke.primary},[r.SPECIAL]:{backgroundColor:o.background.brandLight,textColor:o.content.primary,crossIconColor:o.content.secondary,strokeColor:o.stroke.brandLightAlt}}};export{t as COLOR_CONFIG_MAP,n as CURTAIN_MODE,r as CURTAIN_TYPES};

package/dist/esm/components/curtain/index.d.ts

@@ -0,0 +1 @@
+export * from './Curtain';

package/dist/esm/components/datePicker/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type DatePickerProps = {
+    selectRange: boolean;
+    selectedDates?: Date[];
+    selectedDate?: Date;
+    onSelectRange: (startDate: Date, endDate: Date) => void;
+    onSelectDate: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/esm/components/datePicker/DatePicker.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as t}from"react";import a from"react-calendar";import{PickerContainer as n}from"./DatePicker.styled.js";const c=c=>{const[r,s]=t(c.selectedDates),[l,o]=t(c.selectedDate);return e(n,Object.assign({selectRange:c.selectRange},{children:e(a,{onChange:e=>{c.selectRange?(c.onSelectRange(e[0],e[1]),s([e[0],e[1]])):(c.onSelectDate(e),o(e))},value:c.selectRange?r:l,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate})}))};export{c as DatePicker};

package/dist/esm/components/datePicker/DatePicker.styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import 'react-calendar/dist/Calendar.css';
+export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selectRange: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/datePicker/DatePicker.styled.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"ejnfazg0"}:{target:"ejnfazg0",label:"PickerContainer"})("position:relative;z-index:99999;.react-calendar{background:",d.text.white,";border-width:1px;border-style:solid;border-color:",d.text.white,";box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;color:",d.text.primary,";&--selectRange{.react-calendar{&__year-view{.react-calendar__tile--hover{background-color:unset;}}&__month-view{.react-calendar__tile--hover{background-color:",d.background.brandLight,";}}}}.react-calendar{&__tile{transition:all 0.25s;&:enabled:hover{background-color:",d.surface.hovered,";border-radius:4px;}&--hasActive:enabled:hover,&--hasActive:enabled:focus{background:",d.background.brand,";color:",d.text.white,";}&.react-calendar__tile{&--range{&:enabled:hover{border-radius:0;}}&--rangeStart{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;background:",d.background.brand,";color:",d.text.white,";&:enabled:hover{border-top-right-radius:0;background:",d.background.brand,";border-color:",d.background.brand,";border-bottom-right-radius:0;}&.react-calendar__tile--rangeEnd{",(c=>(c=>c.selectRange?"\n      border-top-right-radius: 0 !important;\n      border-bottom-right-radius: 0 !important;\n    ":"\n      border-top-right-radius: 4px;\n      border-bottom-right-radius: 4px;\n    ")(c))," border-top-left-radius:4px;border-bottom-left-radius:4px;&:enabled:hover{background:",d.background.brand,";border-color:",d.background.brand,";border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;}}}&--rangeEnd{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;background:",d.background.brand,";color:",d.text.white,";&:enabled:hover{border-top-left-radius:0;background:",d.background.brand,";border-color:",d.background.brand,";border-bottom-left-radius:0;}}}}}.react-calendar__tile--active{background:",d.background.brandLight,";color:",d.text.primary,";}.react-calendar__tile--now{background:",d.text.white,";border-radius:4px;border-color:",d.background.brand,";border-style:solid;border-width:1px;}.react-calendar__month-view__weekdays__weekday{font-style:normal;overflow:hidden;font-weight:600;font-size:14px;line-height:20px;color:",d.text.primary,";abbr[title]{text-decoration:none!important;}}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:",d.background.brandLight,";border-radius:4px;}.react-calendar__month-view__weekends{color:",d.text.primary,";}.react-calendar__month-view__days__day--weekend{color:",d.text.primary,";}.react-calendar__month-view__weekdays{background:",d.surface.subdued,";}.react-calendar__navigation{display:flex;padding:12px 20px;button{border:0;background:transparent;}.react-calendar__navigation__arrow react-calendar__navigation__prev2-button{font-size:20px;}.react-calendar__navigation__arrow react-calendar__navigation__prev-button{font-size:20px;}}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGVQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjBDIiwiZmlsZSI6IkRhdGVQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0ICdyZWFjdC1jYWxlbmRhci9kaXN0L0NhbGVuZGFyLmNzcyc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgZ2VuZXJhdGVCb3JkZXJSYWRpdXMgPSAocHJvcHMpID0+IHtcclxuICAgIGlmIChwcm9wcy5zZWxlY3RSYW5nZSkge1xyXG4gICAgICAgIHJldHVybiBgXG4gICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMCAhaW1wb3J0YW50O1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgICBgO1xyXG4gICAgfVxyXG4gICAgZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIGBcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuICAgIGA7XHJcbiAgICB9XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR6LWluZGV4OiA5OTk5OTtcblxuXHQucmVhY3QtY2FsZW5kYXIge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLnRleHQud2hpdGV9O1xuXHRcdGJvcmRlci13aWR0aDogMXB4O1xuXHRcdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdFx0Ym9yZGVyLWNvbG9yOiAke0NPTE9SUy50ZXh0LndoaXRlfTtcblx0XHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHQmLS1zZWxlY3RSYW5nZSB7XG5cdFx0XHQucmVhY3QtY2FsZW5kYXIge1xuXHRcdFx0XHQmX195ZWFyLXZpZXcge1xuXHRcdFx0XHRcdC5yZWFjdC1jYWxlbmRhcl9fdGlsZS0taG92ZXIge1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9XG5cdFx0XHRcdCZfX21vbnRoLXZpZXcge1xuXHRcdFx0XHRcdC5yZWFjdC1jYWxlbmRhcl9fdGlsZS0taG92ZXIge1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdH1cblx0XHR9XG5cdFx0LnJlYWN0LWNhbGVuZGFyIHtcblx0XHRcdCZfX3RpbGUge1xuXHRcdFx0XHR0cmFuc2l0aW9uOiBhbGwgMC4yNXM7XG5cdFx0XHRcdCY6ZW5hYmxlZDpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0XHRcdH1cblx0XHRcdFx0Ji0taGFzQWN0aXZlOmVuYWJsZWQ6aG92ZXIsXG5cdFx0XHRcdCYtLWhhc0FjdGl2ZTplbmFibGVkOmZvY3VzIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC53aGl0ZX07XG5cdFx0XHRcdH1cblx0XHRcdFx0Ji5yZWFjdC1jYWxlbmRhcl9fdGlsZSB7XG5cdFx0XHRcdFx0Ji0tcmFuZ2Uge1xuXHRcdFx0XHRcdFx0JjplbmFibGVkOmhvdmVyIHtcblx0XHRcdFx0XHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdFx0XHRcdH1cblx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0Ji0tcmFuZ2VTdGFydCB7XG5cdFx0XHRcdFx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHggIWltcG9ydGFudDtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQud2hpdGV9O1xuXG5cdFx0XHRcdFx0XHQmOmVuYWJsZWQ6aG92ZXIge1xuXHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0Ji5yZWFjdC1jYWxlbmRhcl9fdGlsZS0tcmFuZ2VFbmQge1xuXHRcdFx0XHRcdFx0XHQkeyhwcm9wcykgPT4gZ2VuZXJhdGVCb3JkZXJSYWRpdXMocHJvcHMpfVxuXHRcdFx0XHRcdFx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiA0cHg7XG5cdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRcdFx0XHRcdFx0JjplbmFibGVkOmhvdmVyIHtcblx0XHRcdFx0XHRcdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0XHRcdFx0XHRcdFx0XHRib3JkZXItY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0XHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRcdCYtLXJhbmdlRW5kIHtcblx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuXHRcdFx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC53aGl0ZX07XG5cblx0XHRcdFx0XHRcdCY6ZW5hYmxlZDpob3ZlciB7XG5cdFx0XHRcdFx0XHRcdGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG5cdFx0XHRcdFx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdH1cblx0XHRcdFx0fVxuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fdGlsZS0tYWN0aXZlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHR9XG5cblx0XHQucmVhY3QtY2FsZW5kYXJfX3RpbGUtLW5vdyB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy50ZXh0LndoaXRlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdGJvcmRlci1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZH07XG5cdFx0XHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRcdFx0Ym9yZGVyLXdpZHRoOiAxcHg7XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19tb250aC12aWV3X193ZWVrZGF5c19fd2Vla2RheSB7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTRweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAyMHB4O1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cblx0XHRcdGFiYnJbdGl0bGVdIHtcblx0XHRcdFx0dGV4dC1kZWNvcmF0aW9uOiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19uYXZpZ2F0aW9uIGJ1dHRvbjplbmFibGVkOmhvdmVyLFxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbiBidXR0b246ZW5hYmxlZDpmb2N1cyB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbW9udGgtdmlld19fd2Vla2VuZHMge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19tb250aC12aWV3X19kYXlzX19kYXktLXdlZWtlbmQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0fVxuXG5cdFx0LnJlYWN0LWNhbGVuZGFyX19tb250aC12aWV3X193ZWVrZGF5cyB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdH1cblxuXHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbiB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0cGFkZGluZzogMTJweCAyMHB4O1xuXG5cdFx0XHRidXR0b24ge1xuXHRcdFx0XHRib3JkZXI6IDA7XG5cdFx0XHRcdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRcdFx0fVxuXG5cdFx0XHQucmVhY3QtY2FsZW5kYXJfX25hdmlnYXRpb25fX2Fycm93XG5cdFx0XHRcdHJlYWN0LWNhbGVuZGFyX19uYXZpZ2F0aW9uX19wcmV2Mi1idXR0b24ge1xuXHRcdFx0XHRmb250LXNpemU6IDIwcHg7XG5cdFx0XHR9XG5cblx0XHRcdC5yZWFjdC1jYWxlbmRhcl9fbmF2aWdhdGlvbl9fYXJyb3dcblx0XHRcdFx0cmVhY3QtY2FsZW5kYXJfX25hdmlnYXRpb25fX3ByZXYtYnV0dG9uIHtcblx0XHRcdFx0Zm9udC1zaXplOiAyMHB4O1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGF0ZVBpY2tlci5zdHlsZWQuanMubWFwIl19 */"));export{X as PickerContainer};

package/dist/esm/components/datePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

package/dist/esm/components/dropdown/Common.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LoadingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/Common.styled.js

@@ -0,0 +1,20 @@
+import o from"styled-components";import{COLORS as r}from"../../constants/Theme.js";const e=o.div`
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+	cursor: pointer;
+`,i=o.div`
+	margin-top: 8px;
+	margin-bottom: 8px;
+`;o.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	padding: 6px 8px;
+	background: ${r.surface.hovered};
+	border: 1px solid ${r.stroke.primary};
+	border-radius: 4px;
+`;export{i as OpenDropdownContainer,e as OverLapAbs};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { OpenDropdownProps } from './type';
+export type DropdownProps = OpenDropdownProps & {
+    placeHolder?: string;
+    size?: 'default' | 'small';
+    disabled?: boolean;
+};
+export declare const Dropdown: React.FC<DropdownProps>;

package/dist/esm/components/dropdown/Dropdown.js

@@ -0,0 +1 @@
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import l from"../../assets/icons/chevronDown.svg.js";import{Input as s}from"../input/Input.js";import{InputStyleContext as a}from"../input/context/InputStyleProvider.js";import{DropdownPopover as d}from"./DropdownPopover/index.js";function p(){}const c=c=>{var u,m,{placeHolder:h,size:v,onSelect:f,defaultOptions:g,disabled:b}=c,j=o(c,["placeHolder","size","onSelect","defaultOptions","disabled"]);const w=null!=v?v:"default",x=t(),[y,O]=n(null!=g?g:[]);r((()=>{var o;const e=[];null===(o=null==j?void 0:j.options)||void 0===o||o.forEach((o=>{o.options?o.options.forEach((o=>{o.selected&&e.push(Object.assign(Object.assign({},o),{label:o.label}))})):o.selected&&e.push(o)})),O([...e])}),[j.options]),r((()=>{g&&O([...g])}),[g]);const I=y.length?y.map((o=>o.label)).join(", "):void 0;return e(a.Provider,Object.assign({value:{InputWrapper:{height:"small"===w?32:48,width:null!==(u=j.width)&&void 0!==u?u:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:e(d,Object.assign({ref:x,onSelect:function(o){Array.isArray(o)?O([...o]):O([o]),null==f||f(o)},disabled:b},j,{children:e(s,{state:b?"disabled":"none",value:I,errorMessage:j.error,variant:w,placeholder:null!=h?h:"Select an option",width:null!==(m=j.width)&&void 0!==m?m:"100%",onChangeText:p,rightIcon:{icon:()=>{var o;return e(l,{style:{transform:(null===(o=null==x?void 0:x.current)||void 0===o?void 0:o.openDropdown)?"rotate(180deg)":"rotate(0deg)"},onClick:p,width:"small"===w?20:24,height:"small"===w?20:24,color:i.content.primary})}}})}))}))};c.displayName="Dropdown";export{c as Dropdown};

package/dist/esm/components/dropdown/DropdownPopover/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { OpenDropdownProps } from '../type';
+export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdownProps & {
+    isLoading?: boolean | undefined;
+    children?: React.ReactNode;
+    disabled?: boolean | undefined;
+} & React.RefAttributes<{
+    openDropdown: boolean;
+}>>;

package/dist/esm/components/dropdown/DropdownPopover/index.js

@@ -0,0 +1 @@
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as r,jsx as n}from"react/jsx-runtime";import t,{useState as l,useImperativeHandle as i,useEffect as p}from"react";import{usePopper as s}from"react-popper";import{OverLapAbs as c,OpenDropdownContainer as d}from"../Common.styled.js";import{OpenedDropdown as a}from"../OpenedDropdown/components/OpennedDropdown.js";const m=t.forwardRef(((t,m)=>{var{children:u}=t,f=e(t,["children"]);const v=m,[j,b]=l(!1),[O,w]=l(null),[D,g]=l(null),{styles:h,attributes:y}=s(O,D,{});return i(v,(()=>({openDropdown:j})),[]),p((()=>{(null==v?void 0:v.current)&&(v.current.openDropdown=j)}),[j]),o(r,{children:[o("div",Object.assign({style:{position:"relative"},ref:w},{children:[n(c,{onClick:e=>{j?e.preventDefault():f.disabled||b(!0)}}),u]})),j&&n(d,Object.assign({ref:g,style:Object.assign(Object.assign({},h.popper),{zIndex:3})},y.popper,{children:n(a,Object.assign({},f,{onSelect:e=>{var o;null===(o=f.onSelect)||void 0===o||o.call(f,e),b(!1)},onClose:function(){var e;b(!1),null===(e=null==f?void 0:f.onClose)||void 0===e||e.call(f)}}))}))]})}));m.displayName="DropdownPopover";export{m as DropdownPopover};

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.d.ts

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

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js

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

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.d.ts

@@ -0,0 +1,5 @@
+export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    maxHeight: number | string;
+}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js

@@ -0,0 +1,24 @@
+import o from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";const t=o.div`
+	border-radius: 4px;
+	border: 1px solid ${e.stroke.primary};
+	max-height: 640px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: row;
+	position: relative;
+`;o.div`
+	padding: 14px 16px 14px 18px;
+	flex-direction: row;
+	align-items: center;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	border-bottom-color: ${e.stroke.primary};
+	width: 100%;
+	heigth: 100%;
+`;const i=o.div`
+	max-height: ${o=>"number"==typeof o.maxHeight?`${o.maxHeight}px`:o.maxHeight};
+	overflow-y: auto;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+`;export{i as MenuListContainer,t as OpennedDropdownContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const Description: React.FC<{
+    title: string;
+    description: string;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.js

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

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.d.ts

@@ -0,0 +1 @@
+export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/description/Description.styled.js

@@ -0,0 +1,5 @@
+import o from"styled-components";import{COLORS as r}from"../../../../../constants/Theme.js";const t=o.div`
+	background: ${r.surface.standard};
+	border-left: 1px solid ${r.stroke.primary};
+	width: 50%;
+`;export{t as DescriptionContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const FreeFormMenu: React.FC<{
+    isMultiSelect?: boolean;
+    searchedString: string;
+    onSelect: (isChecked: boolean) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.js

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

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.d.ts

@@ -0,0 +1 @@
+export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js

@@ -0,0 +1,6 @@
+import r from"styled-components";import{COLORS as o}from"../../../../../constants/Theme.js";const d=r.div`
+	padding: 4px 8px;
+	background: ${o.surface.subdued};
+	border: 1px solid ${o.stroke.primary};
+	border-radius: 4px;
+`;export{d as FreeFormContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MultiSelectOption, SingleOption } from '../../../type';
+export declare const MenuItem: React.FC<{
+    option: SingleOption | MultiSelectOption;
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (option: SingleOption) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js

@@ -0,0 +1,3 @@
+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 n}from"../../../../list-item/ListItem.js";import{BodyCaption as s}from"../../../../TypographyStyle.js";import{COLORS as r}from"../../../../../constants/Theme.js";import{FreeFormContainer as l}from"./FreeFormMenu.styled.js";const c=o(n)`
+	padding: 14px 16px !important;
+`,a=o=>{let{option:n,isMultiSelect:a,showDescription:m,onSelect:d}=o;var p;function u(e){n.disabled||d(Object.assign(Object.assign({},n),{selected:e}))}return e(c,{onClick:e=>{e.preventDefault(),u(!n.selected)},onMouseOver:function(){n.descriptions?m(n.label,n.descriptions):m()},listItem:{value:n.value,label:n.label},subText:n.subText,leadingIcon:a?e(i,{isDisabled:null!==(p=n.disabled)&&void 0!==p&&p,isChecked:!!n.selected,onValueChange:u}):e(t,{}),customComponent:n.customComponent,trailingIcon:n.isFreeForm?e(l,{children:e(s,Object.assign({style:{color:r.content.secondary}},{children:"Freeform"}))}):n.trailingIcon?e(t,{children:n.trailingIcon}):e(t,{}),variant:n.disabled?"inactive":n.selected?"selected":"default"})};export{a as MenuItem};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption, SingleOption } from '../../../type';
+export declare const MenuList: React.FC<{
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    showDescription: (title?: string, description?: string) => void;
+    onSelect: (optionSelect: SingleOption) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{MenuItem as i}from"./MenuItem.js";import{StyledGroupedLabel as n}from"./MenuList.styled.js";const r=r=>{let{options:s,isMultiSelect:l,showDescription:c,onSelect:p}=r;return t(e,{children:s.map(((e,r)=>{if(e.options){const s=e;return o("div",{children:[t(n,{children:s.label}),s.options.map(((e,o)=>t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},o)))]},r)}return t(i,{onSelect:p,showDescription:c,isMultiSelect:l,option:e},r)}))})};export{r as MenuList};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.js

@@ -0,0 +1,5 @@
+import o from"styled-components";import{BodyCaption as r}from"../../../../TypographyStyle.js";import{COLORS as t}from"../../../../../constants/Theme.js";const n=o(r)`
+	padding: 8px 16px;
+	color: ${t.content.secondary};
+	background-color: ${t.background.base};
+`;export{n as StyledGroupedLabel};

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
+export declare const SelectAllMenu: React.FC<{
+    options: DropdownOption[];
+    onSelect: (newState: SelectAllCheckboxState) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/SelectAllMenu.js

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

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropdownOption } from '../../../type';
+declare const MultiSelectDropdownBottomBar: React.FC<{
+    onClear?: () => void;
+    onApply: () => void;
+    list: DropdownOption[];
+}>;
+export default MultiSelectDropdownBottomBar;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js

@@ -0,0 +1 @@
+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/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts

@@ -0,0 +1 @@
+export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js

@@ -0,0 +1,9 @@
+import o from"styled-components";import{COLORS as t}from"../../../../../constants/Theme.js";const e=o.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);
+	background: ${t.surface.standard};
+`;export{e as BottomBarContainer};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchBox: React.FC<{
+    onSearch: (searchString: string) => void;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchBox.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as o}from"react/jsx-runtime";import{createRef 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 p=p=>{let{onSearch:a}=p;const l=t();return r(n.Provider,Object.assign({value:{InputWrapper:{borderRadius:0,border:0,borderBottom:"1px solid "+i.stroke.primary,padding:"14px 16px"},IconHolder:{marginLeft:0},input:{marginLeft:4,minHeight:"100%"}}},{children:r(e,{ref:l,placeholder:"Search",leftIcon:{icon:()=>r(s,{width:24,height:24,color:i.content.placeholder})},rightIcon:{icon:()=>{var t;return(null===(t=null==l?void 0:l.current)||void 0===t?void 0:t.value)?r(c,{onClick:()=>{l.current&&(l.current.value=""),a("")},width:24,height:24,color:i.content.placeholder}):r(o,{})}},onChangeText:a})}))};export{p as SearchBox};

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchZeroState: React.FC<{
+    searchedString: string;
+}>;

package/dist/esm/components/dropdown/OpenedDropdown/components/searchbox/SearchZeroState.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{ZeroState as r}from"../../../../zeroState/ZeroState.js";const e=e=>{let{searchedString:o}=e;return t(r,{title:"No results found",subTitle:`Sorry we could not find any results for "${null!=o?o:""}"`})};export{e as SearchZeroState};

package/dist/esm/components/dropdown/OpenedDropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './components/OpennedDropdown';

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { DropdownOption, SingleOption } from '../../type';
+export declare function iterateOnOptions(options: DropdownOption[], newVal: Partial<SingleOption>, checkCB?: (optionForValidation: SingleOption) => boolean): ({
+    label: string;
+    value: string;
+    descriptions?: string | null | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    isFreeForm?: boolean | undefined;
+    subText?: string | undefined;
+    trailingIcon?: JSX.Element | undefined;
+    customComponent?: JSX.Element | undefined;
+} | {
+    label?: string | undefined;
+    value?: string | undefined;
+    descriptions?: string | null | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    isFreeForm?: boolean | undefined;
+    subText?: string | undefined;
+    trailingIcon?: JSX.Element | undefined;
+    customComponent?: JSX.Element | undefined;
+    options: SingleOption[];
+})[];

package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.js

@@ -0,0 +1 @@
+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)));return Object.assign(Object.assign({},s),{options:[...i]})}return!t||t(s)?Object.assign(Object.assign({},s),n):Object.assign({},s)}))}export{s as iterateOnOptions};

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

@@ -0,0 +1,3 @@
+export * from './Dropdown';
+export * from './DropdownPopover';
+export * from './OpenedDropdown';

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export interface OpenDropdownProps {
+    defaultOptions?: DropdownOption[];
+    options: DropdownOption[];
+    isSearchable?: boolean;
+    error?: string;
+    isMultiSelect?: boolean;
+    width?: string;
+    height?: number | string;
+    allowFreeForm?: boolean;
+    onClose?: () => void;
+    onSelect?: (option: DropdownOption | DropdownOption[]) => void;
+}
+export type GroupedOption = {
+    label?: string;
+    options: (SingleOption | MultiSelectOption)[];
+};
+export type SingleOption = {
+    label: string;
+    value: string;
+    descriptions?: string | null;
+    selected?: boolean;
+    disabled?: boolean;
+    isFreeForm?: boolean;
+    subText?: string;
+    trailingIcon?: JSX.Element;
+    customComponent?: JSX.Element;
+};
+export type MultiSelectOption = SingleOption;
+export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;

package/dist/esm/components/fab-menu/FABMenu.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { DropdownOption } from '../dropdown/type';
+import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
+import { TooltipPlacement } from '../tooltips';
+export declare const FABMenu: React.FC<{
+    onSelect: (selected: DropdownOption | DropdownOption[]) => void;
+    menuOptions: DropdownOption[];
+    buttonWidth?: number;
+    buttonHeight?: number;
+    buttonColor?: string;
+    buttonPosition?: FAB_POSITION;
+    menuWidth?: number;
+    menuHeight?: number;
+    buttonIcon?: JSX.Element;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipPlacement?: TooltipPlacement;
+    tooltipText?: string;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+}>;

package/dist/esm/components/fab-menu/FABMenu.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{OpenedDropdown as o}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{FloatingActionButton as n}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";const i=i=>{const{onSelect:e,menuOptions:d,buttonWidth:r,buttonHeight:l,buttonColor:u,buttonPosition:p,menuWidth:c,menuHeight:s,buttonIcon:a,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x,dropPosition:f,menuAligment:j}=i;return t("div",{children:t(n,Object.assign({icon:a,width:r,height:l,color:u,position:p,buttonPaddingHorizontal:m,buttonPaddingVertical:g,tooltipPlacement:b,tooltipText:h,zIndex:P,isRound:x,dropPosition:f,menuAligment:j},{children:t(o,{options:d,height:s||90,width:`${c}px`,onSelect:e})}))})};export{i as FABMenu};

package/dist/esm/components/fab-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './FABMenu';

package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts

@@ -0,0 +1,21 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+import { TooltipPlacement } from '../tooltips/CustomisedTooltip';
+import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from './FloatingActionButton.styles';
+export declare const FloatingActionButton: React.FC<{
+    onClick?: () => void;
+    children?: React.ReactNode;
+    width?: number;
+    height?: number;
+    icon?: JSX.Element;
+    color?: string;
+    position?: FAB_POSITION;
+    buttonPaddingHorizontal?: number;
+    buttonPaddingVertical?: number;
+    tooltipText?: string;
+    tooltipPlacement?: TooltipPlacement;
+    zIndex?: number;
+    isRound?: boolean;
+    dropPosition?: DROP_POSITION;
+    menuAligment?: MENU_ALIGNMENT;
+}>;

package/dist/esm/components/floating-action-button/FloatingActionButton.js

@@ -0,0 +1 @@
+import{jsx as o,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useState as n}from"react";import{Dropdown as e}from"react-bootstrap";import{COLORS as r}from"../../constants/Theme.js";import{TooltipPlacement as l,CustomisedTooltip as c}from"../tooltips/CustomisedTooltip.js";import s from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as d,DROP_POSITION as h,MENU_ALIGNMENT as p,FloatingActionButtonOuterContainer as a,StyledDropdown as g,DropdownToggleContainer as m,FloatingActionButtonContainer as u}from"./FloatingActionButton.styles.js";const w=i=>{const{width:n,height:e,color:r,onClick:l,icon:d,tooltipPlacement:h,tooltipText:p,isRound:a,isDropdownOpen:g}=i;return p?o(c,{isTooltipVisible:!g,tooltipContent:o(t,{children:p}),tooltipTriggerContent:o(u,Object.assign({width:n,height:e,color:r,onClick:l,isRound:a},{children:d||o(s,{width:22,height:22})})),tooltipPlacement:h,showOnHover:!0}):o(t,{children:o(u,Object.assign({width:n,height:e,color:r,onClick:l,isRound:a},{children:d||o(s,{width:22,height:22})}))})},b=c=>{const{icon:s,onClick:u,children:b,tooltipText:O,isRound:P=!0,width:T=48,height:j=48,color:C=r.background.inverse,position:k=d.TOP_LEFT,buttonPaddingHorizontal:x=20,buttonPaddingVertical:f=20,zIndex:R=1,tooltipPlacement:D=l.Auto,dropPosition:z=h.DOWN,menuAligment:v=p.END}=c,[A,H]=n(!1);return o(t,{children:o(a,Object.assign({width:T,height:j,color:C,position:k,buttonPaddingHorizontal:x,buttonPaddingVertical:f,zIndex:R},{children:o(g,Object.assign({onToggle:(o,t)=>{H(o)},drop:z,align:v},{children:b?i(t,{children:[o(m,Object.assign({drop:z},{children:o(w,{width:T,height:j,color:C,tooltipPlacement:D,onClick:u,tooltipText:O,icon:s,position:k,isRound:P,isDropdownOpen:A})})),o(e.Menu,{children:b})]}):o(w,{width:T,height:j,color:C,tooltipPlacement:D,onClick:u,tooltipText:O,icon:s,position:k,isRound:P,isDropdownOpen:A})}))}))})};export{b as FloatingActionButton};