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

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

@@ -1,5 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=r(e).default.div`
-	background: ${t.COLORS.surface.standard};
-	border-left: 1px solid ${t.COLORS.stroke.primary};
-	width: 50%;
-`;exports.DescriptionContainer=o;

package/dist/cjs/components/opennedDropdown/components/menu/FreeFormMenu.d.ts

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

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/FreeFormMenu.styled.d.ts

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

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

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=t(e).default.div`
-	padding: 4px 8px;
-	background: ${r.COLORS.surface.subdued};
-	border: 1px solid ${r.COLORS.stroke.primary};
-	border-radius: 4px;
-`;exports.FreeFormContainer=o;

package/dist/cjs/components/opennedDropdown/components/menu/MenuItem.d.ts

@@ -1,8 +0,0 @@
-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/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.d.ts

@@ -1,8 +0,0 @@
-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/cjs/components/opennedDropdown/components/menu/MenuList.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./MenuItem.js"),i=require("./MenuList.styled.js");exports.MenuList=s=>{let{options:r,isMultiSelect:n,showDescription:o,onSelect:l}=s;return e.jsx(e.Fragment,{children:r.map(((s,r)=>{if(s.options){const u=s;return e.jsxs("div",{children:[e.jsx(i.StyledGroupedLabel,{children:u.label}),u.options.map(((i,s)=>e.jsx(t.MenuItem,{onSelect:l,showDescription:o,isMultiSelect:n,option:i},s)))]},r)}return e.jsx(t.MenuItem,{onSelect:l,showDescription:o,isMultiSelect:n,option:s},r)}))})};

package/dist/cjs/components/opennedDropdown/components/menu/MenuList.styled.d.ts

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

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.d.ts

@@ -1,7 +0,0 @@
-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/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.d.ts

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

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.d.ts

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

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.d.ts

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

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.d.ts

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

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/index.d.ts

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

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

@@ -1,27 +0,0 @@
-export interface OpenDropdownProps {
-    options: DropdownOption[];
-    isSearchable?: boolean;
-    error?: string;
-    disabledFocus?: boolean;
-    isMultiSelect?: boolean;
-    width?: number | string;
-    height?: number | string;
-    allowFreeForm?: boolean;
-    onClose?: () => void;
-    onSelect?: (option: SingleOption | SingleOption[]) => void;
-}
-export type GroupedOption = {
-    label?: string;
-    options: SingleOption[];
-};
-export type SingleOption = {
-    label?: string;
-    value?: string;
-    descriptions?: string;
-    selected?: boolean;
-    disabled?: boolean;
-};
-export type MultiSelectOption = SingleOption & {
-    isFreeForm?: boolean;
-};
-export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;

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/cjs/hooks/useOutside.d.ts

@@ -1 +0,0 @@
-export declare function useOutside(ref: any, cb: () => void): void;

package/dist/cjs/hooks/useOutside.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useOutside=function(t,r){e.useEffect((()=>{function e(e){t.current&&!t.current.contains(e.target)&&r()}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[t])};

package/dist/esm/assets/icons/alert.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},r.apply(this,arguments)}var t=t=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},t),a||(a=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M10.528 2.283a3 3 0 0 1 4.037 1.058l.003.005 8.47 14.14.008.014A3.001 3.001 0 0 1 20.48 22H3.519a3 3 0 0 1-2.565-4.5l.008-.014 8.47-14.14.003-.005a3 3 0 0 1 1.093-1.058Zm.618 2.094L2.682 18.506A1 1 0 0 0 3.536 20h16.927a1 1 0 0 0 .854-1.494L12.855 4.379l-.001-.002a1 1 0 0 0-1.708 0ZM12 8a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm0 8a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12Z",clipRule:"evenodd"})));export{t as default};

package/dist/esm/assets/icons/question-mark.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 22 22"},l),t||(t=e.createElement("path",{fill:"#fff",d:"M11.258 7.024a2 2 0 0 0-2.225 1.308 1 1 0 0 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.036 8.036 0 0 1-1.686.848c-.475.165-.053.019-.053.019a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.046 6.046 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.002a2 2 0 0 0-1.662-1.974ZM10.995 15A.998.998 0 0 0 10 16c0 .552.445 1 .995 1h.01c.55 0 .995-.448.995-1s-.445-1-.995-1h-.01Z"})),a||(a=e.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M0 11C0 4.925 4.925 0 11 0s11 4.925 11 11-4.925 11-11 11S0 17.075 0 11Zm11-9a9 9 0 1 0 0 18 9 9 0 0 0 0-18Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/assets/icons/search.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},t.apply(this,arguments)}var a=a=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},a),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M16.618 18.032a9 9 0 1 1 1.414-1.414l3.675 3.675a1 1 0 0 1-1.414 1.414l-3.675-3.675ZM4 11a7 7 0 1 1 12.042 4.856 1.005 1.005 0 0 0-.186.186A7 7 0 0 1 4 11Z",clipRule:"evenodd"})));export{a as default};

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

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

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

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

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/dropdown/index.d.ts

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

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
-import { DropdownOption } from '../opennedDropdown/type';
-export declare const FABMenu: React.FC<{
-    onSelect: (selected: any) => void;
-    menuOptions: DropdownOption[];
-    buttonWidth?: number;
-    buttonHeight?: number;
-    buttonColor?: string;
-    buttonPosition?: FAB_POSITION;
-    menuWidth?: number;
-    menuHeight?: number;
-    buttonIcon?: any;
-    buttonPadding?: number;
-}>;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{FloatingActionButton as o}from"../floating-action-button/FloatingActionButton.js";import"../floating-action-button/FloatingActionButton.styles.js";import{OpennedDropdown as n}from"../opennedDropdown/components/OpennedDropdown.js";const i=i=>{const{onSelect:e,menuOptions:r,buttonWidth:c,buttonHeight:u,buttonColor:d,buttonPosition:s,menuWidth:p,menuHeight:h,buttonIcon:m,buttonPadding:g}=i;return t("div",{children:t(o,Object.assign({icon:m,width:c,height:u,color:d,position:s,buttonPadding:g},{children:t(n,{options:r,height:h||90,width:p,onSelect:e})}))})};export{i as FABMenu};

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

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

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

@@ -1,13 +0,0 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-import { FAB_POSITION } from './FloatingActionButton.styles';
-export declare const FloatingActionButton: React.FC<{
-    onClick?: () => void;
-    children: React.ReactNode;
-    width?: number;
-    height?: number;
-    icon?: any;
-    color?: string;
-    position?: FAB_POSITION;
-    buttonPadding?: number;
-}>;

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

@@ -1 +0,0 @@
-import{jsx as t,Fragment as i,jsxs as o}from"react/jsx-runtime";import{Dropdown as n}from"react-bootstrap";import{COLORS as r}from"../../constants/Theme.js";import e from"../../assets/icons/question-mark.svg.js";import{FAB_POSITION as h,FloatingActionButtonOuterContainer as c,StyledDropdown as d,FloatingActionButtonContainer as s}from"./FloatingActionButton.styles.js";const g=g=>{const{icon:l,onClick:a,children:m}=g,u=g.width?g.width:48,b=g.height?g.height:48,p=g.color?g.color:r.background.inverse,j=g.position?g.position:h.TOP_LEFT,w=g.buttonPadding?g.buttonPadding:20;return t(i,{children:t(c,Object.assign({width:u,height:b,color:p,position:j,buttonPadding:w},{children:t(d,{children:m?o(i,{children:[t(n.Toggle,{children:t(s,Object.assign({width:u,height:b,color:p,buttonPadding:w,onClick:a},{children:l||t(e,{width:22,height:22})}))}),t(n.Menu,{children:m})]}):t(s,Object.assign({width:u,height:b,color:p,buttonPadding:w,onClick:a},{children:l||t(e,{width:22,height:22})}))})}))})};export{g as FloatingActionButton};

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

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-export declare enum FAB_POSITION {
-    TOP_LEFT = "top left",
-    TOP_RIGHT = "top right",
-    BOTTOM_LEFT = "bottom left",
-    BOTTOM_RIGHT = "botton right"
-}
-export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    buttonPadding: number;
-}, never>;
-export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
-    width: number;
-    height: number;
-    color: string;
-    position: FAB_POSITION;
-    buttonPadding: number;
-}, never>;
-export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
-    Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
-    Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
-    Item: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<import("@restart/ui/esm/types").DynamicRefForwardingComponent<import("react").ForwardRefExoticComponent<import("@restart/ui/esm/Button").ButtonProps & import("react").RefAttributes<HTMLElement>>, import("@restart/ui/esm/DropdownItem").DropdownItemProps>, import("react-bootstrap/esm/DropdownItem").DropdownItemProps>;
-    ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
-    Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
-    Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
-}, any, {
-    active?: string | undefined;
-    width?: string | undefined;
-    height?: string | undefined;
-}, never>;
-export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;

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

@@ -1,83 +0,0 @@
-import{Dropdown as t}from"react-bootstrap";import o from"styled-components";import{COLORS as e}from"../../constants/Theme.js";var i;!function(t){t.TOP_LEFT="top left",t.TOP_RIGHT="top right",t.BOTTOM_LEFT="bottom left",t.BOTTOM_RIGHT="botton right"}(i||(i={}));const n=o.div`
-	width: ${t=>t.width}px;
-	height: ${t=>t.height}px;
-	background: ${t=>t.color};
-	border-radius: 50%;
-	justify-content: center;
-	align-items: center;
-	cursor: pointer;
-	display: flex;
-`,r=o.div`
-	display: flex;
-	flex-direction: column;
-	align-items: flex-end;
-	position: absolute;
-	${t=>t.position===i.BOTTOM_RIGHT?`right: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===i.BOTTOM_LEFT?`left: ${t.buttonPadding}px; bottom: ${t.buttonPadding}px`:t.position===i.TOP_LEFT?`left: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:t.position===i.TOP_RIGHT?`right: ${t.buttonPadding}px; top: ${t.buttonPadding}px`:""}
-`,d=o(t)`
-	.filter-container {
-		.single-row {
-			display: flex;
-			flex-direction: row;
-			align-items: center;
-			justify-content: flex-start;
-			gap: 8px;
-			padding: 14px;
-			border-bottom: 1px solid ${e.stroke.primary};
-
-			:last-child {
-				border-bottom: none !important;
-			}
-		}
-	}
-	button {
-		border: 1px solid
-			${t=>"true"===t.active?e.stroke.positive.lightAlt:e.stroke.primary};
-		border-radius: 4px;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		justify-content: space-between;
-		padding: 6px 8px;
-		background: ${t=>"true"===t.active?e.background.positive.light:e.surface.standard};
-		color: ${t=>"true"===t.active?e.content.positive:e.content.primary};
-	}
-
-	.btn-primary:hover,
-	.btn-primary:active,
-	.btn-primary:focus,
-	.btn-primary.dropdown-toggle,
-	.show > .btn-primary.dropdown-toggle {
-		color: ${t=>"true"===t.active?e.content.positive:e.content.primary};
-		background-color: ${t=>"true"===t.active?e.background.positive.light:e.surface.standard};
-		border: none;
-	}
-	.btn:focus {
-		outline: 0;
-		box-shadow: 0 0 0 0.25rem transparent !important;
-	}
-
-	.dropdown-toggle::after {
-		border-top: 0.3em solid ${e.content.primary};
-		display: none;
-	}
-	.dropdown-menu {
-		min-width: 12rem;
-		padding: 0 0;
-	}
-	.dropdown-item:active,
-	.dropdown-item:hover {
-		color: ${e.content.positive};
-		text-decoration: none;
-		background-color: ${e.background.positive.light};
-	}
-`,p=o(t.Toggle)`
-	border-radius: 4px;
-	display: flex;
-	flex-direction: row;
-	align-items: center;
-	justify-content: space-between;
-	padding: 6px 8px;
-	font-weight: 400;
-	font-size: 14px;
-	line-height: 20px;
-`;export{p as DropdownToggleContainer,i as FAB_POSITION,n as FloatingActionButtonContainer,r as FloatingActionButtonOuterContainer,d as StyledDropdown};

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

@@ -1,2 +0,0 @@
-export * from './FloatingActionButton';
-export * from './FloatingActionButton.styles';

package/dist/esm/components/input/Input.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as i,useState as l,useContext as r,useEffect as a}from"react";import{Button as o}from"../button/Button.js";import{BodySecondary as s}from"../TypographyStyle.js";import c from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as d}from"./context/InputStyleProvider.js";import{RootContainer as u,InputFooter as h,InputWrapper as v,IconHolder as p,PrefixHolder as f,InputContainer as g,InputContainerSmall as m,SuffixHolder as x,InputHeader as y,MaxCharStyle as j}from"./Input.styled.js";const b=e=>e&&"function"==typeof e,C=i(((i,C)=>{var O,I,w;const{placeholder:k,leftIcon:T,rightIcon:L,labelText:S,maxCharLimit:B,isRequired:D,hintText:z,type:A,state:E,validate:F,variant:K,button:M,suffixText:R,prefixText:q,onChangeText:H}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),N=null==T?void 0:T.icon,P=null==L?void 0:L.icon,[W,G]=l(""),[J,Q]=l(!1),[U,V]=l(!1),[X,Y]=l(),Z="small"===K?"18px":"22px",$=r(d);a((()=>{Y(i.errorMessage)}),[i.errorMessage]),a((()=>{Q(!1),("invalid"===i.state||X)&&Q(!0)}),[i.state]),a((()=>{Q(!!X)}),[X]),a((()=>{if(H(W),!b(F))return;const[e,t]=F(W);Q(!e),Y(t)}),[W]);const _=function(e){if(b(e)){for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];e(...n)}},ee=e=>{![8].includes(e.which)&&B>0&&e.target.value.length===B&&e.preventDefault()},te=e=>{G(e.target.value)},ne=()=>{var i;return e(n,{children:["multiline"!==A&&t("input",{style:null!==(i=null==$?void 0:$.input)&&void 0!==i?i:{},ref:C,type:A,onFocus:()=>V(!0),onBlur:()=>V(!1),placeholder:k||"Enter here",onChange:te,onKeyDown:e=>ee(e)}),"multiline"===A&&t("textarea",{ref:C,onFocus:()=>V(!0),onBlur:()=>V(!1),placeholder:k||"Enter here",onChange:te,onKeyDown:e=>ee(e)})]})};return e(u,Object.assign({width:i.width,height:i.height,state:E,type:A,style:null!==(O=null==$?void 0:$.RootContainer)&&void 0!==O?O:{}},{children:[(!!z||!!X)&&e(h,Object.assign({invalid:!!X},{children:[!!X&&t(c,{}),X||z]})),e(v,Object.assign({variant:K,state:E,width:i.width,isActive:"active"===E||U,isInvalid:J,style:null!==(I=null==$?void 0:$.InputWrapper)&&void 0!==I?I:{}},{children:[!!N&&t(p,Object.assign({variant:K,iconSize:Z,onClick:()=>_(null==T?void 0:T.callback),isLeft:!0,style:null!==(w=null==$?void 0:$.IconHolder)&&void 0!==w?w:{}},{children:t(N,{})})),!!q&&t(f,Object.assign({variant:K},{children:q})),"default"===K&&t(g,{children:ne()}),"small"===K&&t(m,{children:ne()}),!!P&&t(p,Object.assign({variant:K,iconSize:Z,onClick:()=>_(null==T?void 0:T.callback),isLeft:!1},{children:t(P,{})})),!!R&&t(x,Object.assign({variant:K},{children:R})),!!M&&!!M.text&&t(o,Object.assign({onClick:()=>_(null==M?void 0:M.onClick)},{children:M.text}))]})),(!!S||!!B)&&"default"===K&&e(y,Object.assign({invalid:J},{children:[e(s,{children:[S,D?t("span",{children:"*"}):""]}),B>0&&e(j,{children:[W.length,"/",B]})]}))]}))}));C.displayName="Input";export{C as Input};