@bikdotai/bik-component-library 0.0.22 → 0.0.23--beta-chatbot
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/assets/icons/chevronDown.svg.js +1 -0
- package/dist/cjs/bundle.css +118 -1
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +11 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +25 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +5 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +32 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -0
- package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +4 -0
- package/dist/cjs/components/avatar/Avatar.d.ts +24 -0
- package/dist/cjs/components/avatar/Avatar.js +1 -0
- package/dist/cjs/components/avatar/Avatar.styled.d.ts +5 -0
- package/dist/cjs/components/avatar/Avatar.styled.js +10 -0
- package/dist/cjs/components/avatar/AvatarHelper.d.ts +19 -0
- package/dist/cjs/components/avatar/AvatarHelper.js +1 -0
- package/dist/cjs/components/avatar/index.d.ts +1 -0
- package/dist/cjs/components/curtain/Curtain.d.ts +19 -0
- package/dist/cjs/components/curtain/Curtain.js +1 -0
- package/dist/cjs/components/curtain/Curtain.styled.d.ts +7 -0
- package/dist/cjs/components/curtain/Curtain.styled.js +14 -0
- package/dist/cjs/components/curtain/CurtainHelper.d.ts +72 -0
- package/dist/cjs/components/curtain/CurtainHelper.js +1 -0
- package/dist/cjs/components/curtain/index.d.ts +1 -0
- package/dist/cjs/components/datePicker/DatePicker.d.ts +11 -0
- package/dist/cjs/components/datePicker/DatePicker.js +1 -0
- package/dist/cjs/components/datePicker/DatePicker.styled.d.ts +4 -0
- package/dist/cjs/components/datePicker/DatePicker.styled.js +156 -0
- package/dist/cjs/components/datePicker/index.d.ts +1 -0
- package/dist/cjs/components/dropdown/Common.styled.d.ts +1 -0
- package/dist/cjs/components/dropdown/Common.styled.js +11 -3
- package/dist/cjs/components/dropdown/Dropdown.d.ts +2 -2
- package/dist/cjs/components/dropdown/Dropdown.js +1 -0
- package/dist/cjs/components/dropdown/{UnChildDropdown/UnChildDropdown.d.ts → DropdownPopover/index.d.ts} +2 -5
- package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -0
- package/dist/{esm/components/dropdown/opennedDropdown → cjs/components/dropdown/OpenedDropdown}/components/OpennedDropdown.d.ts +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -0
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +3 -0
- package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +9 -0
- package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +24 -0
- package/dist/cjs/components/dropdown/index.d.ts +2 -0
- package/dist/cjs/components/dropdown/type.d.ts +10 -5
- package/dist/cjs/components/fab-menu/FABMenu.d.ts +2 -2
- package/dist/cjs/components/fab-menu/FABMenu.js +1 -1
- package/dist/cjs/components/list-item/ListItem.d.ts +1 -0
- package/dist/cjs/components/list-item/ListItem.js +1 -1
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
- package/dist/cjs/components/thumbnail/Thumbnail.d.ts +13 -0
- package/dist/cjs/components/thumbnail/Thumbnail.js +1 -0
- package/dist/cjs/components/thumbnail/Thumbnail.styled.d.ts +4 -0
- package/dist/cjs/components/thumbnail/Thumbnail.styled.js +10 -0
- package/dist/cjs/components/thumbnail/constants.d.ts +5 -0
- package/dist/cjs/components/thumbnail/constants.js +1 -0
- package/dist/cjs/components/thumbnail/index.d.ts +1 -0
- package/dist/cjs/index.d.ts +5 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/chevronDown.svg.js +1 -0
- package/dist/esm/bundle.css +118 -1
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +11 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +25 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +5 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +32 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -0
- package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +4 -0
- package/dist/esm/components/avatar/Avatar.d.ts +24 -0
- package/dist/esm/components/avatar/Avatar.js +1 -0
- package/dist/esm/components/avatar/Avatar.styled.d.ts +5 -0
- package/dist/esm/components/avatar/Avatar.styled.js +10 -0
- package/dist/esm/components/avatar/AvatarHelper.d.ts +19 -0
- package/dist/esm/components/avatar/AvatarHelper.js +1 -0
- package/dist/esm/components/avatar/index.d.ts +1 -0
- package/dist/esm/components/curtain/Curtain.d.ts +19 -0
- package/dist/esm/components/curtain/Curtain.js +1 -0
- package/dist/esm/components/curtain/Curtain.styled.d.ts +7 -0
- package/dist/esm/components/curtain/Curtain.styled.js +14 -0
- package/dist/esm/components/curtain/CurtainHelper.d.ts +72 -0
- package/dist/esm/components/curtain/CurtainHelper.js +1 -0
- package/dist/esm/components/curtain/index.d.ts +1 -0
- package/dist/esm/components/datePicker/DatePicker.d.ts +11 -0
- package/dist/esm/components/datePicker/DatePicker.js +1 -0
- package/dist/esm/components/datePicker/DatePicker.styled.d.ts +4 -0
- package/dist/esm/components/datePicker/DatePicker.styled.js +156 -0
- package/dist/esm/components/datePicker/index.d.ts +1 -0
- package/dist/esm/components/dropdown/Common.styled.d.ts +1 -0
- package/dist/esm/components/dropdown/Common.styled.js +10 -2
- package/dist/esm/components/dropdown/Dropdown.d.ts +2 -2
- package/dist/esm/components/dropdown/Dropdown.js +1 -0
- package/dist/esm/components/dropdown/{UnChildDropdown/UnChildDropdown.d.ts → DropdownPopover/index.d.ts} +2 -5
- package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -0
- package/dist/{cjs/components/dropdown/opennedDropdown → esm/components/dropdown/OpenedDropdown}/components/OpennedDropdown.d.ts +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -0
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +3 -0
- package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +9 -0
- package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +24 -0
- package/dist/esm/components/dropdown/index.d.ts +2 -0
- package/dist/esm/components/dropdown/type.d.ts +10 -5
- package/dist/esm/components/fab-menu/FABMenu.d.ts +2 -2
- package/dist/esm/components/fab-menu/FABMenu.js +1 -1
- package/dist/esm/components/list-item/ListItem.d.ts +1 -0
- package/dist/esm/components/list-item/ListItem.js +1 -1
- package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
- package/dist/esm/components/thumbnail/Thumbnail.d.ts +13 -0
- package/dist/esm/components/thumbnail/Thumbnail.js +1 -0
- package/dist/esm/components/thumbnail/Thumbnail.styled.d.ts +4 -0
- package/dist/esm/components/thumbnail/Thumbnail.styled.js +10 -0
- package/dist/esm/components/thumbnail/constants.d.ts +5 -0
- package/dist/esm/components/thumbnail/constants.js +1 -0
- package/dist/esm/components/thumbnail/index.d.ts +1 -0
- package/dist/esm/index.d.ts +5 -0
- package/dist/esm/index.js +1 -1
- package/package.json +3 -2
- package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
- package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
- package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -24
- package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
- package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
- package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -24
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuItem.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.js +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/index.d.ts +0 -0
- /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/utils/iterationOnOptions.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuItem.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.js +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/index.d.ts +0 -0
- /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/utils/iterationOnOptions.js +0 -0
|
@@ -1,25 +1,30 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export interface OpenDropdownProps {
|
|
3
|
+
defaultOptions?: DropdownOption[];
|
|
2
4
|
options: DropdownOption[];
|
|
3
5
|
isSearchable?: boolean;
|
|
4
6
|
error?: string;
|
|
5
7
|
isMultiSelect?: boolean;
|
|
6
|
-
width?:
|
|
8
|
+
width?: string;
|
|
7
9
|
height?: number | string;
|
|
8
10
|
allowFreeForm?: boolean;
|
|
9
11
|
onClose?: () => void;
|
|
10
|
-
onSelect?: (option:
|
|
12
|
+
onSelect?: (option: DropdownOption | DropdownOption[]) => void;
|
|
11
13
|
}
|
|
12
14
|
export type GroupedOption = {
|
|
13
15
|
label?: string;
|
|
14
16
|
options: (SingleOption | MultiSelectOption)[];
|
|
15
17
|
};
|
|
16
18
|
export type SingleOption = {
|
|
17
|
-
label
|
|
18
|
-
value
|
|
19
|
-
descriptions?: string;
|
|
19
|
+
label: string;
|
|
20
|
+
value: string;
|
|
21
|
+
descriptions?: string | null;
|
|
20
22
|
selected?: boolean;
|
|
21
23
|
disabled?: boolean;
|
|
22
24
|
isFreeForm?: boolean;
|
|
25
|
+
subText?: string;
|
|
26
|
+
trailingIcon?: JSX.Element;
|
|
27
|
+
customComponent?: JSX.Element;
|
|
23
28
|
};
|
|
24
29
|
export type MultiSelectOption = SingleOption;
|
|
25
30
|
export type DropdownOption = MultiSelectOption | SingleOption | GroupedOption;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropdownOption
|
|
2
|
+
import { DropdownOption } from '../dropdown/type';
|
|
3
3
|
import { DROP_POSITION, FAB_POSITION, MENU_ALIGNMENT } from '../floating-action-button/FloatingActionButton.styles';
|
|
4
4
|
import { TooltipPlacement } from '../tooltips';
|
|
5
5
|
export declare const FABMenu: React.FC<{
|
|
6
|
-
onSelect: (selected:
|
|
6
|
+
onSelect: (selected: DropdownOption | DropdownOption[]) => void;
|
|
7
7
|
menuOptions: DropdownOption[];
|
|
8
8
|
buttonWidth?: number;
|
|
9
9
|
buttonHeight?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../dropdown/OpenedDropdown/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:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w}=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:m,zIndex:x,isRound:P,dropPosition:j,menuAligment:w},{children:t.jsx(o.OpenedDropdown,{options:r,height:a||90,width:`${c}px`,onSelect:i})}))})};
|
|
@@ -12,5 +12,6 @@ export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
leadingIcon?: JSX.Element;
|
|
13
13
|
trailingIcon?: JSX.Element;
|
|
14
14
|
borderBottom?: string;
|
|
15
|
+
customComponent?: JSX.Element;
|
|
15
16
|
}
|
|
16
17
|
export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("./themes.js"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("./themes.js"),i=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),n=require("./ListItem.styled.js");const l=r.forwardRef(((r,l)=>{var{id:a,onSelect:c,variant:d="default",trailingIcon:m,leadingIcon:u,subText:j,listItem:x,borderBottom:y,customComponent:g}=r,b=e.__rest(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent"]);return t.jsx(n.ListItem,Object.assign({ref:l,id:a,variant:d,onClick:()=>c&&c(x),borderBottom:y},b,{children:g?t.jsx(t.Fragment,{children:g}):t.jsxs(t.Fragment,{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:s.getColor(d)}},{children:x.label})),!!j&&t.jsx(i.BodyCaption,Object.assign({style:{color:o.COLORS.text.secondary}},{children:j}))]})),!!m&&t.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:m}))]})}))}));l.displayName="ListItem",exports.ListItem=l;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SIZE } from "../avatar/AvatarHelper";
|
|
2
|
+
import React from "react";
|
|
3
|
+
export declare enum RATIO {
|
|
4
|
+
ONE_ONE = "ONE_ONE",
|
|
5
|
+
VERTICAL = "VERTICAL",
|
|
6
|
+
HORIZONTAL = "HORIZONTAL"
|
|
7
|
+
}
|
|
8
|
+
export type ThumbnailProps = {
|
|
9
|
+
size: SIZE;
|
|
10
|
+
ratio: RATIO;
|
|
11
|
+
imageUrl: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const Thumbnail: React.FC<ThumbnailProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require("react/jsx-runtime"),t=require("../avatar/AvatarHelper.js"),r=require("./Thumbnail.styled.js"),s=require("./constants.js");exports.RATIO=void 0,(e=exports.RATIO||(exports.RATIO={})).ONE_ONE="ONE_ONE",e.VERTICAL="VERTICAL",e.HORIZONTAL="HORIZONTAL";const h={[exports.RATIO.VERTICAL]:{[t.SIZE.SMALL]:{width:30,height:40},[t.SIZE.MEDIUM]:{width:48,height:64},[t.SIZE.LARGE]:{width:60,height:80}},[exports.RATIO.HORIZONTAL]:{[t.SIZE.SMALL]:{width:40,height:30},[t.SIZE.MEDIUM]:{width:64,height:48},[t.SIZE.LARGE]:{width:80,height:60}},[exports.RATIO.ONE_ONE]:{}};exports.Thumbnail=e=>{var t,I;return i.jsx(r.ThumbnailStyle,Object.assign({size:e.size},{children:i.jsx("img",{width:(null===(t=h[e.ratio][e.size])||void 0===t?void 0:t.width)||s.THUMBNAIL_SIZE_MAP[e.size],height:(null===(I=h[e.ratio][e.size])||void 0===I?void 0:I.height)||s.THUMBNAIL_SIZE_MAP[e.size],style:{borderRadius:e.ratio===exports.RATIO.ONE_ONE?4:0,objectFit:"cover"},src:e.imageUrl})}))};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js"),r=require("./constants.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=s(e).default.div`
|
|
2
|
+
width: ${e=>r.THUMBNAIL_SIZE_MAP[e.size]+"px"};
|
|
3
|
+
height: ${e=>r.THUMBNAIL_SIZE_MAP[e.size]+"px"};
|
|
4
|
+
display: flex;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
align-items: center;
|
|
7
|
+
background-color: ${t.COLORS.surface.standard};
|
|
8
|
+
border: 1px solid ${t.COLORS.stroke.primary};
|
|
9
|
+
border-radius: 4px;
|
|
10
|
+
`;exports.ThumbnailStyle=i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../avatar/AvatarHelper.js");const r={[e.SIZE.SMALL]:40,[e.SIZE.MEDIUM]:64,[e.SIZE.LARGE]:80};exports.THUMBNAIL_SIZE_MAP=r;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Thumbnail';
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -23,3 +23,8 @@ export * from './components/modals';
|
|
|
23
23
|
export * from './components/dropdown';
|
|
24
24
|
export * from './components/analytics-card';
|
|
25
25
|
export * from './components/input';
|
|
26
|
+
export * from './components/analytics-chips-and-dropdowns';
|
|
27
|
+
export * from './components/avatar';
|
|
28
|
+
export * from './components/thumbnail';
|
|
29
|
+
export * from './components/curtain';
|
|
30
|
+
export * from './components/datePicker';
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/StringUtils.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./utils/StringUtils.js"),o=require("./constants/Theme.js"),t=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),p=require("./components/toaster/Toaster.js"),i=require("./components/tooltips/Tooltip.js"),a=require("./components/tooltips/CustomisedTooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/constants/regexPatterns.js"),x=require("./components/template-preview/TemplatePreview.js"),y=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/helpers/SmsTemplateHelper.js"),A=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),C=require("./components/fab-menu/FABMenu.js"),g=require("./components/floating-action-button/FloatingActionButton.js"),B=require("./components/floating-action-button/FloatingActionButton.styles.js"),P=require("./components/image-compress/ImageCompress.js"),j=require("./components/TypographyStyle.js"),S=require("./components/button/Button.js"),O=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/modals/styledModal.js"),w=require("./components/dropdown/Dropdown.js"),I=require("./components/dropdown/DropdownPopover/index.js"),D=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),h=require("./components/analytics-card/AnalyticsCard.js"),M=require("./components/analytics-card/AnalyticsCard.styled.js"),_=require("./components/input/Input.js"),L=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),b=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),v=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),R=require("./components/analytics-chips-and-dropdowns/CommonStyles.js"),F=require("./components/avatar/Avatar.js"),E=require("./components/thumbnail/Thumbnail.js"),N=require("./components/curtain/Curtain.js"),f=require("./components/datePicker/DatePicker.js");exports.StringUtils=e.default,exports.BASE_COLORS=o.BASE_COLORS,exports.COLORS=o.COLORS,exports.DEFAULT_THEME=o.DEFAULT_THEME,exports.FONTS=o.FONTS,exports.CheckBox=t.CheckBox,exports.ListItem=r.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=p.Toaster,exports.Tooltip=i.Tooltip,exports.CustomisedTooltip=a.CustomisedTooltip,Object.defineProperty(exports,"TooltipPlacement",{enumerable:!0,get:function(){return a.TooltipPlacement}}),exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.regexPatterns=m,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=y.WhatsappLikePreview,exports.renderVariableUIForPreview=T.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=A.WhatsAppFormatToHTML,exports.FABMenu=C.FABMenu,exports.FloatingActionButton=g.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return B.DROP_POSITION}}),exports.DropdownToggleContainer=B.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return B.FAB_POSITION}}),exports.FloatingActionButtonContainer=B.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=B.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return B.MENU_ALIGNMENT}}),exports.StyledDropdown=B.StyledDropdown,exports.ImageService=P.ImageService,exports.BodyCaption=j.BodyCaption,exports.BodyLarge=j.BodyLarge,exports.BodyPrimary=j.BodyPrimary,exports.BodyPrimaryLink=j.BodyPrimaryLink,exports.BodyRegular=j.BodyRegular,exports.BodySecondary=j.BodySecondary,exports.BodySecondaryLink=j.BodySecondaryLink,exports.BodyTiny=j.BodyTiny,exports.ButtonLarge=j.ButtonLarge,exports.ButtonRegular=j.ButtonRegular,exports.Caption=j.Caption,exports.Display=j.Display,exports.SubHeading=j.SubHeading,exports.TitleLarge=j.TitleLarge,exports.TitleMedium=j.TitleMedium,exports.TitleRegular=j.TitleRegular,exports.TitleSmall=j.TitleSmall,exports.Button=S.Button,exports.ProgressBarComponent=O.ProgressBarComponent,exports.ProgressCompletedBar=O.ProgressCompletedBar,exports.StyledModal=q.StyledModal,exports.Dropdown=w.Dropdown,exports.DropdownPopover=I.DropdownPopover,exports.OpenedDropdown=D.OpenedDropdown,exports.AnalyticsCard=h.AnalyticsCard,exports.AnalyticsContainer=M.AnalyticsContainer,exports.CardDataContainer=M.CardDataContainer,exports.Input=_.Input,exports.AnalyticsChip=L.AnalyticsChip,exports.AnalyticsDropdown=b.AnalyticsDropdown,exports.AnalyticsMultiChip=v.AnalyticsMultiChip,exports.AnalyticsChipContainer=R.AnalyticsChipContainer,exports.AnalyticsMultiWrapper=R.AnalyticsMultiWrapper,exports.ItemMenuContainer=R.ItemMenuContainer,exports.MainDropdown=R.MainDropdown,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=F.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=F.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=F.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return E.RATIO}}),exports.Thumbnail=E.Thumbnail,exports.Curtain=N.Curtain,exports.DatePicker=f.DatePicker;
|
|
@@ -0,0 +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 24 24"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M7.707 10.707C7.077 10.077 7.523 9 8.414 9h7.172c.89 0 1.337 1.077.707 1.707l-3.586 3.586a1 1 0 0 1-1.414 0l-3.586-3.586Z"})));export{a as default};
|