@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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),r=require("./themes.js"),i=require("../TypographyStyle.js"),a=require("../../constants/Theme.js"),l=require("./ListItem.styled.js");const o=s.forwardRef(((s,o)=>{var{id:n,className:c,onSelect:d,variant:m="default",trailingIcon:u,leadingIcon:j,subText:y,listItem:x,borderBottom:b}=s,g=e.__rest(s,["id","className","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"]);return t.jsxs(l.ListItem,Object.assign({ref:o,id:n,variant:m,className:c,onClick:()=>d&&d(x),borderBottom:b},g,{children:[!!u&&u,t.jsxs("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!x&&t.jsx(i.BodySecondary,Object.assign({style:{color:r.getColor(m)}},{children:x.label})),!!y&&t.jsx(i.BodyCaption,Object.assign({style:{color:a.COLORS.text.secondary}},{children:y}))]})),!!j&&t.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:j}))]}))}));o.displayName="ListItem",exports.ListItem=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),e=require("../../constants/Theme.js"),c=require("./themes.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),e=require("../../constants/Theme.js"),c=require("./themes.js");function d(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const b=d(t).default("div","production"===process.env.NODE_ENV?{target:"e195roa60"}:{target:"e195roa60",label:"ListItem"})("display:flex;align-items:center;justify-content:start;border-bottom:",(t=>t.borderBottom||`1px solid ${t=>e.COLORS.stroke.primary}`),";width:100%;column-gap:12px;padding:12px 16px;",(t=>c.getTheme(t.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8IGAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX1gfTtcblx0d2lkdGg6IDEwMCU7XG5cdGNvbHVtbi1nYXA6IDEycHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0JHsocHJvcHMpID0+IGdldFRoZW1lKHByb3BzLnZhcmlhbnQpfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGlzdEl0ZW0uc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.ListItem=b;
|
|
@@ -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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type||e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon||o.leftIcon?s.toast(t.jsx(u,{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===(i=o.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type||e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon||o.leftIcon?s.toast(t.jsx(u,{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===(i=o.buttonProps)||void 0===i?void 0:i.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.jsx(l,{type:o.type||"default"})}):s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(r=o.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)||void 0===a?void 0:a.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.jsx(l,{type:o.type||"info"})})}),[]),t.jsx(n.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(s.ToastContainer,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));
|
package/dist/cjs/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/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),n=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),i=require("./components/spinner/Spinner.js"),a=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),u=require("./components/icon-button/IconButton.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=n.Toaster,exports.Tooltip=p.Tooltip,exports.Spinner=i.Spinner,exports.Stepper=a.Stepper,exports.Tag=c.Tag,exports.IconButton=u.IconButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function
|
|
1
|
+
function e(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}export{e as __rest};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0
|
|
1
|
+
import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M15.59 5.59a.833.833 0 0 0-1.18-1.18L10 8.822l-4.41-4.41a.833.833 0 1 0-1.18 1.178L8.822 10l-4.41 4.41a.833.833 0 0 0 1.178 1.18L10 11.177l4.41 4.411a.834.834 0 0 0 1.18-1.178L11.177 10l4.411-4.41Z"})));export{a as default};
|