@bikdotai/bik-component-library 0.0.5-beta.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/_virtual/_tslib.js +1 -1
- package/dist/cjs/assets/icons/cross.svg.js +1 -1
- package/dist/cjs/bundle.css +1 -8
- package/dist/cjs/components/TypographyStyle.js +10 -10
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/input/Input.d.ts +4 -6
- package/dist/cjs/components/input/Input.styled.d.ts +5 -5
- package/dist/cjs/components/list-item/ListItem.js +1 -1
- package/dist/cjs/components/list-item/ListItem.styled.js +1 -1
- package/dist/cjs/components/toaster/Toaster.d.ts +1 -1
- package/dist/cjs/components/toaster/Toaster.js +1 -1
- package/dist/cjs/components/tooltips/index.d.ts +0 -1
- package/dist/cjs/index.d.ts +0 -3
- package/dist/cjs/index.js +1 -1
- package/dist/esm/_virtual/_tslib.js +1 -1
- package/dist/esm/assets/icons/cross.svg.js +1 -1
- package/dist/esm/bundle.css +1 -8
- package/dist/esm/components/TypographyStyle.js +10 -10
- package/dist/esm/components/checkBox/CheckBox.js +1 -1
- package/dist/esm/components/input/Input.d.ts +4 -6
- package/dist/esm/components/input/Input.styled.d.ts +5 -5
- package/dist/esm/components/list-item/ListItem.js +1 -1
- package/dist/esm/components/list-item/ListItem.styled.js +1 -1
- package/dist/esm/components/toaster/Toaster.d.ts +1 -1
- package/dist/esm/components/toaster/Toaster.js +1 -1
- package/dist/esm/components/tooltips/index.d.ts +0 -1
- package/dist/esm/index.d.ts +0 -3
- package/dist/esm/index.js +1 -1
- package/package.json +3 -8
- package/dist/cjs/assets/icons/alert.svg.js +0 -1
- package/dist/cjs/assets/icons/question-mark.svg.js +0 -1
- package/dist/cjs/assets/icons/search.svg.js +0 -1
- package/dist/cjs/components/dropdown/Common.styled.d.ts +0 -2
- package/dist/cjs/components/dropdown/Dropdown.d.ts +0 -8
- package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts +0 -10
- package/dist/cjs/components/dropdown/index.d.ts +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.d.ts +0 -3
- package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.d.ts +0 -5
- package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.js +0 -24
- package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.d.ts +0 -6
- package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.styled.js +0 -5
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.d.ts +0 -6
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.d.ts +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.js +0 -6
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.d.ts +0 -8
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.d.ts +0 -8
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.styled.d.ts +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.styled.js +0 -6
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.d.ts +0 -7
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -8
- package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
- package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/SearchBox.d.ts +0 -4
- package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/SearchBox.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/ZeroState.d.ts +0 -4
- package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/ZeroState.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/index.d.ts +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -31
- package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.js +0 -1
- package/dist/cjs/components/dropdown/type.d.ts +0 -26
- package/dist/cjs/components/fab-menu/FABMenu.d.ts +0 -21
- package/dist/cjs/components/fab-menu/FABMenu.js +0 -1
- package/dist/cjs/components/fab-menu/index.d.ts +0 -1
- package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts +0 -19
- package/dist/cjs/components/floating-action-button/FloatingActionButton.js +0 -1
- package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts +0 -35
- package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js +0 -87
- package/dist/cjs/components/floating-action-button/index.d.ts +0 -2
- package/dist/cjs/components/image-compress/ImageCompress.d.ts +0 -7
- package/dist/cjs/components/image-compress/ImageCompress.js +0 -1
- package/dist/cjs/components/image-compress/index.d.ts +0 -1
- package/dist/cjs/components/input/Input.js +0 -1
- package/dist/cjs/components/input/Input.styled.js +0 -1
- package/dist/cjs/components/input/context/InputStyleProvider.d.ts +0 -7
- package/dist/cjs/components/input/context/InputStyleProvider.js +0 -1
- package/dist/cjs/components/tooltips/CustomisedTooltip.d.ts +0 -25
- package/dist/cjs/components/tooltips/CustomisedTooltip.js +0 -1
- package/dist/cjs/components/zeroState/ZeroState.d.ts +0 -7
- package/dist/cjs/components/zeroState/ZeroState.js +0 -17
- package/dist/cjs/hooks/useOutside.d.ts +0 -1
- package/dist/cjs/hooks/useOutside.js +0 -1
- package/dist/esm/assets/icons/alert.svg.js +0 -1
- package/dist/esm/assets/icons/question-mark.svg.js +0 -1
- package/dist/esm/assets/icons/search.svg.js +0 -1
- package/dist/esm/components/dropdown/Common.styled.d.ts +0 -2
- package/dist/esm/components/dropdown/Dropdown.d.ts +0 -8
- package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts +0 -10
- package/dist/esm/components/dropdown/index.d.ts +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.d.ts +0 -3
- package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.d.ts +0 -5
- package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.js +0 -24
- package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.d.ts +0 -6
- package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.js +0 -5
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.d.ts +0 -6
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.d.ts +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.js +0 -6
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.d.ts +0 -8
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.d.ts +0 -8
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.d.ts +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.js +0 -6
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.d.ts +0 -7
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -8
- package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
- package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.d.ts +0 -4
- package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/ZeroState.d.ts +0 -4
- package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/ZeroState.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/index.d.ts +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -31
- package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.js +0 -1
- package/dist/esm/components/dropdown/type.d.ts +0 -26
- package/dist/esm/components/fab-menu/FABMenu.d.ts +0 -21
- package/dist/esm/components/fab-menu/FABMenu.js +0 -1
- package/dist/esm/components/fab-menu/index.d.ts +0 -1
- package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts +0 -19
- package/dist/esm/components/floating-action-button/FloatingActionButton.js +0 -1
- package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts +0 -35
- package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js +0 -87
- package/dist/esm/components/floating-action-button/index.d.ts +0 -2
- package/dist/esm/components/image-compress/ImageCompress.d.ts +0 -7
- package/dist/esm/components/image-compress/ImageCompress.js +0 -1
- package/dist/esm/components/image-compress/index.d.ts +0 -1
- package/dist/esm/components/input/Input.js +0 -1
- package/dist/esm/components/input/Input.styled.js +0 -1
- package/dist/esm/components/input/context/InputStyleProvider.d.ts +0 -7
- package/dist/esm/components/input/context/InputStyleProvider.js +0 -1
- package/dist/esm/components/tooltips/CustomisedTooltip.d.ts +0 -25
- package/dist/esm/components/tooltips/CustomisedTooltip.js +0 -1
- package/dist/esm/components/zeroState/ZeroState.d.ts +0 -7
- package/dist/esm/components/zeroState/ZeroState.js +0 -17
- package/dist/esm/hooks/useOutside.d.ts +0 -1
- package/dist/esm/hooks/useOutside.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { InputStateI, InputTypeI,
|
|
2
|
+
import { InputStateI, InputTypeI, Variant } from "./Input";
|
|
3
3
|
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -9,7 +9,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
9
9
|
isActive?: boolean | undefined;
|
|
10
10
|
isInvalid?: boolean | undefined;
|
|
11
11
|
state?: InputStateI | undefined;
|
|
12
|
-
variant?:
|
|
12
|
+
variant?: Variant | undefined;
|
|
13
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
14
|
export declare const IconHolder: import("@emotion/styled").StyledComponent<{
|
|
15
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -17,7 +17,7 @@ export declare const IconHolder: import("@emotion/styled").StyledComponent<{
|
|
|
17
17
|
} & {
|
|
18
18
|
isLeft?: boolean | undefined;
|
|
19
19
|
iconSize?: string | undefined;
|
|
20
|
-
variant?:
|
|
20
|
+
variant?: Variant | undefined;
|
|
21
21
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
22
|
export declare const InputContainer: import("@emotion/styled").StyledComponent<{
|
|
23
23
|
[x: string]: any;
|
|
@@ -96,7 +96,7 @@ export declare const PrefixHolder: import("@emotion/styled").StyledComponent<{
|
|
|
96
96
|
} & {
|
|
97
97
|
theme?: import("@emotion/react").Theme | undefined;
|
|
98
98
|
} & {
|
|
99
|
-
variant?:
|
|
99
|
+
variant?: Variant | undefined;
|
|
100
100
|
}, {}, {}>;
|
|
101
101
|
export declare const SuffixHolder: import("@emotion/styled").StyledComponent<{
|
|
102
102
|
[x: string]: any;
|
|
@@ -110,5 +110,5 @@ export declare const SuffixHolder: import("@emotion/styled").StyledComponent<{
|
|
|
110
110
|
} & {
|
|
111
111
|
theme?: import("@emotion/react").Theme | undefined;
|
|
112
112
|
} & {
|
|
113
|
-
variant?:
|
|
113
|
+
variant?: Variant | undefined;
|
|
114
114
|
}, {}, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as
|
|
1
|
+
import{__rest as t}from"../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as s}from"./themes.js";import{BodySecondary as o,BodyCaption as a}from"../TypographyStyle.js";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as n}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:c,className:d,onSelect:p,variant:f="default",trailingIcon:b,leadingIcon:y,subText:g,listItem:j,borderBottom:x}=r,I=t(r,["id","className","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"]);return e(n,Object.assign({ref:m,id:c,variant:f,className:d,onClick:()=>p&&p(j),borderBottom:x},I,{children:[!!b&&b,e("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!j&&i(o,Object.assign({style:{color:s(f)}},{children:j.label})),!!g&&i(a,Object.assign({style:{color:l.text.secondary}},{children:g}))]})),!!y&&i("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:y}))]}))}));m.displayName="ListItem";export{m as ListItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{getTheme as b}from"./themes.js";const
|
|
1
|
+
import c from"@emotion/styled/base";import{COLORS as t}from"../../constants/Theme.js";import{getTheme as b}from"./themes.js";const d=c("div","production"===process.env.NODE_ENV?{target:"e195roa60"}:{target:"e195roa60",label:"ListItem"})("display:flex;align-items:center;justify-content:start;border-bottom:",(c=>c.borderBottom||`1px solid ${c=>t.stroke.primary}`),";width:100%;column-gap:12px;padding:12px 16px;",(c=>b(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8IGAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX1gfTtcblx0d2lkdGg6IDEwMCU7XG5cdGNvbHVtbi1nYXA6IDEycHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0JHsocHJvcHMpID0+IGdldFRoZW1lKHByb3BzLnZhcmlhbnQpfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGlzdEl0ZW0uc3R5bGVkLmpzLm1hcCJdfQ== */"));export{d as ListItem};
|
|
@@ -17,7 +17,7 @@ export type ToasterProps = {
|
|
|
17
17
|
leftIcon?: React.ReactElement<IconProps>;
|
|
18
18
|
hideLeftIcon?: boolean;
|
|
19
19
|
buttonProps?: ToasterButtonProps;
|
|
20
|
-
onCloseToast?: <T>(props: T) => void;
|
|
20
|
+
onCloseToast?: <T = {}>(props: T) => void;
|
|
21
21
|
width?: string;
|
|
22
22
|
height?: string;
|
|
23
23
|
hideCloseButton?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/cross.svg.js";import{useEffect as s}from"react";import{ToastContainer as i,toast as r}from"react-toastify";import{ToasterStyled as l}from"./Toaster.styled.js";import{BodyPrimary as c,ButtonRegular as u}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const a=o=>{const e="default"===o.type?d.content.secondary:("success"===o.type||o.type,d.content.secondaryInverse);return t("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast()}},{children:t(n,{height:20,width:20,color:e})}))},p=n=>{const s="default"===n.type?d.stroke.primary:"success"===n.type?d.background.positive.vibrant:"error"===n.type?d.background.negative.vibrant:d.background.inverseLight;return t(o,{children:e("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:n.hideCloseButton?"unset":`1px solid ${s}`}},{children:[t("div",Object.assign({style:{flexGrow:1,marginRight:n.showButton?16:n.hideCloseButton?0:12}},{children:t(c,Object.assign({color:"inherit"},{children:n.toastText}))})),n.showButton&&t(u,Object.assign({style:{marginRight:n.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:n.onButtonClick,color:"default"===n.type?d.content.brand:"inherit"},{children:n.buttonText}))]}))})},h=o=>(s((()=>{var e,n,s,i,l,c;void 0!==o.hideLeftIcon||o.leftIcon?r(t(p,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(s=o.buttonProps)||void 0===s?void 0:s.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>
|
|
1
|
+
import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import n from"../../assets/icons/cross.svg.js";import{useEffect as s}from"react";import{ToastContainer as i,toast as r}from"react-toastify";import{ToasterStyled as l}from"./Toaster.styled.js";import{BodyPrimary as c,ButtonRegular as u}from"../TypographyStyle.js";import{COLORS as d}from"../../constants/Theme.js";const a=o=>{const e="default"===o.type?d.content.secondary:("success"===o.type||o.type,d.content.secondaryInverse);return t("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:o.closeToast,onKeyDown:t=>{"Enter"===t.key&&o.closeToast()}},{children:t(n,{height:20,width:20,color:e})}))},p=n=>{const s="default"===n.type?d.stroke.primary:"success"===n.type?d.background.positive.vibrant:"error"===n.type?d.background.negative.vibrant:d.background.inverseLight;return t(o,{children:e("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:n.hideCloseButton?"unset":`1px solid ${s}`}},{children:[t("div",Object.assign({style:{flexGrow:1,marginRight:n.showButton?16:n.hideCloseButton?0:12}},{children:t(c,Object.assign({color:"inherit"},{children:n.toastText}))})),n.showButton&&t(u,Object.assign({style:{marginRight:n.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:n.onButtonClick,color:"default"===n.type?d.content.brand:"inherit"},{children:n.buttonText}))]}))})},h=o=>(s((()=>{var e,n,s,i,l,c;void 0!==o.hideLeftIcon||o.leftIcon?r(t(p,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(s=o.buttonProps)||void 0===s?void 0:s.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>{},icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t(a,{type:o.type||"default"})}):r(t(p,{toastText:o.text,type:o.type||"info",buttonText:null===(i=o.buttonProps)||void 0===i?void 0:i.buttonText,showButton:null===(l=o.buttonProps)||void 0===l?void 0:l.showButton,onButtonClick:null===(c=o.buttonProps)||void 0===c?void 0:c.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>{},type:o.type,closeButton:!o.hideCloseButton&&t(a,{type:o.type||"info"})})}),[]),t(l,Object.assign({width:o.width,height:o.height},{children:t(i,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));export{h as Toaster};
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -10,6 +10,3 @@ export * from './components/stepper';
|
|
|
10
10
|
export * from './components/tag';
|
|
11
11
|
export * from './components/pagination';
|
|
12
12
|
export * from './components/icon-button';
|
|
13
|
-
export * from './components/fab-menu';
|
|
14
|
-
export * from './components/floating-action-button';
|
|
15
|
-
export * from './components/image-compress';
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +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{
|
|
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";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bikdotai/bik-component-library",
|
|
3
|
-
"version": "0.0.5
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "Bik Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -48,14 +48,9 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@babel/runtime": "^7.20.7",
|
|
50
50
|
"@lottiefiles/react-lottie-player": "^3.5.3",
|
|
51
|
-
"@popperjs/core": "^2.11.7",
|
|
52
51
|
"@tippyjs/react": "^4.2.6",
|
|
53
|
-
"browser-image-compression": "^2.0.2",
|
|
54
52
|
"react-lottie": "^1.2.3",
|
|
55
|
-
"react-toastify": "^9.1.2"
|
|
56
|
-
"react-popper": "^2.3.0",
|
|
57
|
-
"bootstrap": "^5.1.3",
|
|
58
|
-
"react-bootstrap": "^2.4.0"
|
|
53
|
+
"react-toastify": "^9.1.2"
|
|
59
54
|
},
|
|
60
55
|
"devDependencies": {
|
|
61
56
|
"@babel/core": "^7.20.12",
|
|
@@ -111,7 +106,7 @@
|
|
|
111
106
|
"jest": "^29.3.1",
|
|
112
107
|
"jest-environment-jsdom": "^29.3.1",
|
|
113
108
|
"jest-transform-stub": "^2.0.0",
|
|
114
|
-
"lint-staged": "^13.
|
|
109
|
+
"lint-staged": "^13.1.0",
|
|
115
110
|
"prettier": "^2.8.2",
|
|
116
111
|
"react": "^18.2.0",
|
|
117
112
|
"react-dom": "^18.2.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var a=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=r.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"})));exports.default=a;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var c=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 22 22"},e),t||(t=n.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"})),r||(r=n.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"})));exports.default=c;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},n.apply(this,arguments)}var l=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),t||(t=r.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"})));exports.default=l;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { OpenDropdownProps } from '../type';
|
|
3
|
-
export type DropdownProps = OpenDropdownProps & {
|
|
4
|
-
isLoading?: boolean;
|
|
5
|
-
size?: 'default' | 'small';
|
|
6
|
-
};
|
|
7
|
-
export declare const UnChildDropdown: React.ForwardRefExoticComponent<OpenDropdownProps & {
|
|
8
|
-
isLoading?: boolean | undefined;
|
|
9
|
-
size?: "small" | "default" | undefined;
|
|
10
|
-
} & React.RefAttributes<{}>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './Dropdown';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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"),u=require("./multiSelect/MultiSelectDropdownBottomBar.js"),c=require("./OpennedDropdown.styled.js"),a=require("./searchbox/SearchBox.js"),d=require("./searchbox/ZeroState.js");const p=304,j=290;exports.OpennedDropdown=h=>{let{options:f,isSearchable:O,isMultiSelect:S,width:b,allowFreeForm:x,height:m,onClose:g,onSelect:v}=h;const[q,M]=t.useState(null!=f?f:[]),[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==g||g()}));const L=null!=m?m: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(c.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:f,onSearch:function(e){y(e)}}),e.jsxs(c.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},(e=>!e.disabled));M([...e])}else if("notSelected"===e){const e=n.iterateOnOptions(q,{selected:!1},(e=>!e.disabled));M([...e])}}}),!x&&k&&e.jsx(d.SearchZeroState,{searchedString:D}),x&&k&&e.jsx(l.FreeFormMenu,{isMultiSelect:S,onSelect:function(e){if(!S)return void Z({label:D,value:D,isFreeForm:!0,selected:!0});const t=q.map((t=>t.options?t:Object.assign(Object.assign({},t),{selected:t.label===D&&t.value===D&&e})));e&&(t.some((e=>e.label===D&&e.value===D))||t.unshift({label:D,value:D,isFreeForm:!0,selected:!0})),M([...t])},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(u.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})]}))};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare const OpennedDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const MenuListContainer: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
-
maxHeight: number;
|
|
5
|
-
}, never>;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);const i=r.default.div`
|
|
2
|
-
border-radius: 4px;
|
|
3
|
-
border: 1px solid ${t.COLORS.stroke.primary};
|
|
4
|
-
max-height: 640px;
|
|
5
|
-
overflow: hidden;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: row;
|
|
8
|
-
position: relative;
|
|
9
|
-
`;r.default.div`
|
|
10
|
-
padding: 14px 16px 14px 18px;
|
|
11
|
-
flex-direction: row;
|
|
12
|
-
align-items: center;
|
|
13
|
-
border-bottom-width: 1px;
|
|
14
|
-
border-bottom-style: solid;
|
|
15
|
-
border-bottom-color: ${t.COLORS.stroke.primary};
|
|
16
|
-
width: 100%;
|
|
17
|
-
heigth: 100%;
|
|
18
|
-
`;const d=r.default.div`
|
|
19
|
-
max-height: ${e=>e.maxHeight}px;
|
|
20
|
-
overflow-y: auto;
|
|
21
|
-
flex: 1;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: column;
|
|
24
|
-
`;exports.MenuListContainer=d,exports.OpennedDropdownContainer=i;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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/dropdown/opennedDropdown/components/description/Description.styled.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.styled.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"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`
|
|
2
|
-
background: ${t.COLORS.surface.standard};
|
|
3
|
-
border-left: 1px solid ${t.COLORS.stroke.primary};
|
|
4
|
-
width: 50%;
|
|
5
|
-
`;exports.DescriptionContainer=o;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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"),o=require("../../../../TypographyStyle.js"),i=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(o.BodyCaption,Object.assign({style:{color:i.COLORS.content.secondary}},{children:"Freeform"}))})})};
|
package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const FreeFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"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`
|
|
2
|
-
padding: 4px 8px;
|
|
3
|
-
background: ${r.COLORS.surface.subdued};
|
|
4
|
-
border: 1px solid ${r.COLORS.stroke.primary};
|
|
5
|
-
border-radius: 4px;
|
|
6
|
-
`;exports.FreeFormContainer=o;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { MultiSelectOption, SingleOption } from '../../../type';
|
|
3
|
-
export declare const MenuItem: React.FC<{
|
|
4
|
-
option: SingleOption | MultiSelectOption;
|
|
5
|
-
isMultiSelect?: boolean;
|
|
6
|
-
showDescription: (title?: string, description?: string) => void;
|
|
7
|
-
onSelect: (option: SingleOption) => void;
|
|
8
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),s=require("../../../../checkBox/CheckBox.js"),i=require("../../../../list-item/ListItem.js"),r=require("../../../../TypographyStyle.js"),n=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(i.ListItem)``;exports.MenuItem=t=>{let{option:i,isMultiSelect:c,showDescription:a,onSelect:d}=t;var u;function j(e){i.disabled||d(Object.assign(Object.assign({},i),{selected:e}))}return e.jsx(l,{onClick:e=>{e.preventDefault(),j(!i.selected)},onMouseOver:function(){i.descriptions?a(i.label,i.descriptions):a()},listItem:i,trailingIcon:c?e.jsx(s.CheckBox,{isDisabled:null!==(u=i.disabled)&&void 0!==u&&u,isChecked:i.selected,onValueChange:j}):e.jsx(e.Fragment,{}),leadingIcon:i.isFreeForm?e.jsx(o.FreeFormContainer,{children:e.jsx(r.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:"Freeform"}))}):e.jsx(e.Fragment,{}),variant:i.disabled?"inactive":"default"})};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DropdownOption, SingleOption } from '../../../type';
|
|
3
|
-
export declare const MenuList: React.FC<{
|
|
4
|
-
options: DropdownOption[];
|
|
5
|
-
isMultiSelect?: boolean;
|
|
6
|
-
showDescription: (title?: string, description?: string) => void;
|
|
7
|
-
onSelect: (optionSelect: SingleOption) => void;
|
|
8
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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)}))})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"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)`
|
|
2
|
-
padding: 8px 16px;
|
|
3
|
-
height: 16px;
|
|
4
|
-
color: ${o.COLORS.content.secondary};
|
|
5
|
-
background-color: ${o.COLORS.background.base};
|
|
6
|
-
`;exports.StyledGroupedLabel=n;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DropdownOption } from '../../../type';
|
|
3
|
-
export type SelectAllCheckboxState = 'notSelected' | 'selectAll' | 'partiallySelected';
|
|
4
|
-
export declare const SelectAllMenu: React.FC<{
|
|
5
|
-
options: DropdownOption[];
|
|
6
|
-
onSelect: (newState: SelectAllCheckboxState) => void;
|
|
7
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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 a=i(l).default(r.ListItem)``;exports.SelectAllMenu=l=>{let{options:r,onSelect:i}=l;const[o,c]=t.useState("notSelected");function s(){"partiallySelected"===o&&i("notSelected"),"selectAll"===o&&i("notSelected"),"notSelected"===o&&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.filter((e=>!e.disabled)).reduce(((e,t)=>{if("all"===e){if(!t.options)return t.selected?"all":"partial";{const e=t.options.filter((e=>!e.disabled)),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.filter((e=>!e.disabled)).reduce(((e,t)=>{if("none"===e){if(!t.options)return t.selected?"partial":"none";{const e=t.options.filter((e=>!e.disabled)),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(a,{onClick:e=>{e.preventDefault(),s()},listItem:{label:"Select All",value:"All"},trailingIcon:e.jsx(n.CheckBox,{isChecked:"selectAll"===o||"partiallySelected"===o,isPartiallyChecked:"partiallySelected"===o,onValueChange:s}),variant:"default"})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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})]}))]}))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const BottomBarContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"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`
|
|
2
|
-
display: flex;
|
|
3
|
-
padding: 8px 16px;
|
|
4
|
-
flex-direction: row;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: end;
|
|
7
|
-
box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.12);
|
|
8
|
-
`;exports.BottomBarContainer=t;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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})}))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../zeroState/ZeroState.js");exports.SearchZeroState=t=>{let{searchedString:o}=t;return e.jsx(r.ZeroState,{title:"No results found",subTitle:`\tSorry we could not find any results for "${null!=o?o:""}"`})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './components/OpennedDropdown';
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { DropdownOption, SingleOption } from '../../type';
|
|
2
|
-
export declare function iterateOnOptions(options: DropdownOption[], newVal: SingleOption, checkCB?: (optionForValidation: SingleOption) => boolean): ({
|
|
3
|
-
options: {
|
|
4
|
-
label?: string | undefined;
|
|
5
|
-
value?: string | undefined;
|
|
6
|
-
descriptions?: string | undefined;
|
|
7
|
-
selected?: boolean | undefined;
|
|
8
|
-
disabled?: boolean | undefined;
|
|
9
|
-
isFreeForm?: boolean | undefined;
|
|
10
|
-
}[];
|
|
11
|
-
label?: string | undefined;
|
|
12
|
-
value?: string | undefined;
|
|
13
|
-
descriptions?: string | undefined;
|
|
14
|
-
selected?: boolean | undefined;
|
|
15
|
-
disabled?: boolean | undefined;
|
|
16
|
-
isFreeForm?: boolean | undefined;
|
|
17
|
-
} | {
|
|
18
|
-
label?: string | undefined;
|
|
19
|
-
value?: string | undefined;
|
|
20
|
-
descriptions?: string | undefined;
|
|
21
|
-
selected?: boolean | undefined;
|
|
22
|
-
disabled?: boolean | undefined;
|
|
23
|
-
isFreeForm?: boolean | undefined;
|
|
24
|
-
} | {
|
|
25
|
-
label?: string | undefined;
|
|
26
|
-
value?: string | undefined;
|
|
27
|
-
descriptions?: string | undefined;
|
|
28
|
-
selected?: boolean | undefined;
|
|
29
|
-
disabled?: boolean | undefined;
|
|
30
|
-
options: (SingleOption | import("../../type").MultiSelectOption)[];
|
|
31
|
-
})[];
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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)));return Object.assign(Object.assign({},s),{options:[...n]})}return!e||e(s)?Object.assign(Object.assign({},s),t):Object.assign({},s)}))};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export interface OpenDropdownProps {
|
|
2
|
-
options: DropdownOption[];
|
|
3
|
-
isSearchable?: boolean;
|
|
4
|
-
error?: string;
|
|
5
|
-
isMultiSelect?: boolean;
|
|
6
|
-
width?: number | string;
|
|
7
|
-
height?: number | string;
|
|
8
|
-
allowFreeForm?: boolean;
|
|
9
|
-
onClose?: () => void;
|
|
10
|
-
onSelect?: (option: SingleOption | SingleOption[]) => void;
|
|
11
|
-
}
|
|
12
|
-
export type GroupedOption = {
|
|
13
|
-
label?: string;
|
|
14
|
-
options: (SingleOption | MultiSelectOption)[];
|
|
15
|
-
};
|
|
16
|
-
export type SingleOption = {
|
|
17
|
-
label?: string;
|
|
18
|
-
value?: string;
|
|
19
|
-
descriptions?: string;
|
|
20
|
-
selected?: boolean;
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
};
|
|
23
|
-
export type MultiSelectOption = SingleOption & {
|
|
24
|
-
isFreeForm?: boolean;
|
|
25
|
-
};
|
|
26
|
-
export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DropdownOption, SingleOption } from '../dropdown/type';
|
|
3
|
-
import { FAB_POSITION } from '../floating-action-button/FloatingActionButton.styles';
|
|
4
|
-
import { TooltipPlacement } from '../tooltips';
|
|
5
|
-
export declare const FABMenu: React.FC<{
|
|
6
|
-
onSelect: (selected: SingleOption | SingleOption[]) => void;
|
|
7
|
-
menuOptions: DropdownOption[];
|
|
8
|
-
buttonWidth?: number;
|
|
9
|
-
buttonHeight?: number;
|
|
10
|
-
buttonColor?: string;
|
|
11
|
-
buttonPosition?: FAB_POSITION;
|
|
12
|
-
menuWidth?: number;
|
|
13
|
-
menuHeight?: number;
|
|
14
|
-
buttonIcon?: JSX.Element;
|
|
15
|
-
buttonPaddingHorizontal?: number;
|
|
16
|
-
buttonPaddingVertical?: number;
|
|
17
|
-
tooltipPlacement?: TooltipPlacement;
|
|
18
|
-
tooltipText?: string;
|
|
19
|
-
zIndex?: number;
|
|
20
|
-
isRound?: boolean;
|
|
21
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/opennedDropdown/components/OpennedDropdown.js"),n=require("../floating-action-button/FloatingActionButton.js");require("../floating-action-button/FloatingActionButton.styles.js");exports.FABMenu=e=>{const{onSelect:i,menuOptions:r,buttonWidth:d,buttonHeight:u,buttonColor:l,buttonPosition:s,menuWidth:c,menuHeight:a,buttonIcon:p,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j,isRound:P}=e;return t.jsx("div",{children:t.jsx(n.FloatingActionButton,Object.assign({icon:p,width:d,height:u,color:l,position:s,buttonPaddingHorizontal:g,buttonPaddingVertical:b,tooltipPlacement:h,tooltipText:x,zIndex:j,isRound:P},{children:t.jsx(o.OpennedDropdown,{options:r,height:a||90,width:c,onSelect:i})}))})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './FABMenu';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { TooltipPlacement } from '../tooltips/CustomisedTooltip';
|
|
4
|
-
import { FAB_POSITION } from './FloatingActionButton.styles';
|
|
5
|
-
export declare const FloatingActionButton: React.FC<{
|
|
6
|
-
onClick?: () => void;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
width?: number;
|
|
9
|
-
height?: number;
|
|
10
|
-
icon?: JSX.Element;
|
|
11
|
-
color?: string;
|
|
12
|
-
position?: FAB_POSITION;
|
|
13
|
-
buttonPaddingHorizontal?: number;
|
|
14
|
-
buttonPaddingVertical?: number;
|
|
15
|
-
tooltipText?: string;
|
|
16
|
-
tooltipPlacement?: TooltipPlacement;
|
|
17
|
-
zIndex?: number;
|
|
18
|
-
isRound?: boolean;
|
|
19
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("react-bootstrap"),i=require("../../constants/Theme.js"),n=require("../tooltips/CustomisedTooltip.js"),e=require("../../assets/icons/question-mark.svg.js"),r=require("./FloatingActionButton.styles.js");const l=o=>{const{width:i,height:l,color:s,onClick:c,icon:d,tooltipPlacement:a,tooltipText:h,isRound:u}=o;return h?t.jsx(n.CustomisedTooltip,{tooltipContent:t.jsx(t.Fragment,{children:h}),tooltipTriggerContent:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c,isRound:u},{children:d||t.jsx(e.default,{width:22,height:22})})),tooltipPlacement:a,showOnHover:!0}):t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonContainer,Object.assign({width:i,height:l,color:s,onClick:c,isRound:u},{children:d||t.jsx(e.default,{width:22,height:22})}))})};exports.FloatingActionButton=e=>{const{icon:s,onClick:c,children:d,tooltipText:a}=e,h=e.width?e.width:48,u=e.height?e.height:48,g=e.color?e.color:i.COLORS.background.inverse,p=e.position?e.position:r.FAB_POSITION.TOP_LEFT,x=e.buttonPaddingHorizontal?e.buttonPaddingHorizontal:20,j=e.buttonPaddingVertical?e.buttonPaddingVertical:20,m=e.zIndex?e.zIndex:1,P=e.tooltipPlacement?e.tooltipPlacement:n.TooltipPlacement.Auto,C=!1!==e.isRound;return t.jsx(t.Fragment,{children:t.jsx(r.FloatingActionButtonOuterContainer,Object.assign({width:h,height:u,color:g,position:p,buttonPaddingHorizontal:x,buttonPaddingVertical:j,zIndex:m},{children:t.jsx(r.StyledDropdown,{children:d?t.jsxs(t.Fragment,{children:[t.jsx(r.DropdownToggleContainer,{children:t.jsx(l,{width:h,height:u,color:g,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p,isRound:C})}),t.jsx(o.Dropdown.Menu,{children:d})]}):t.jsx(l,{width:h,height:u,color:g,tooltipPlacement:P,onClick:c,tooltipText:a,icon:s,position:p,isRound:C})})}))})};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare enum FAB_POSITION {
|
|
3
|
-
TOP_LEFT = "top left",
|
|
4
|
-
TOP_RIGHT = "top right",
|
|
5
|
-
BOTTOM_LEFT = "bottom left",
|
|
6
|
-
BOTTOM_RIGHT = "botton right"
|
|
7
|
-
}
|
|
8
|
-
export declare const FloatingActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
|
|
9
|
-
width: number;
|
|
10
|
-
height: number;
|
|
11
|
-
color: string;
|
|
12
|
-
isRound: boolean;
|
|
13
|
-
}, never>;
|
|
14
|
-
export declare const FloatingActionButtonOuterContainer: import("styled-components").StyledComponent<"div", any, {
|
|
15
|
-
width: number;
|
|
16
|
-
height: number;
|
|
17
|
-
color: string;
|
|
18
|
-
position: FAB_POSITION;
|
|
19
|
-
buttonPaddingHorizontal: number;
|
|
20
|
-
buttonPaddingVertical: number;
|
|
21
|
-
zIndex: number;
|
|
22
|
-
}, never>;
|
|
23
|
-
export declare const StyledDropdown: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap").DropdownProps> & {
|
|
24
|
-
Toggle: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>;
|
|
25
|
-
Menu: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", import("react-bootstrap/esm/DropdownMenu").DropdownMenuProps>;
|
|
26
|
-
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>;
|
|
27
|
-
ItemText: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"span", unknown>;
|
|
28
|
-
Divider: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"hr", unknown>;
|
|
29
|
-
Header: import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"div", unknown>;
|
|
30
|
-
}, any, {
|
|
31
|
-
active?: string | undefined;
|
|
32
|
-
width?: string | undefined;
|
|
33
|
-
height?: string | undefined;
|
|
34
|
-
}, never>;
|
|
35
|
-
export declare const DropdownToggleContainer: import("styled-components").StyledComponent<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, any, {}, never>;
|