@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.
Files changed (177) hide show
  1. package/dist/cjs/assets/icons/chevronDown.svg.js +1 -0
  2. package/dist/cjs/bundle.css +118 -1
  3. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +11 -0
  4. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -0
  5. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +25 -0
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -0
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +5 -0
  8. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -0
  9. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +32 -0
  10. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -0
  11. package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +4 -0
  12. package/dist/cjs/components/avatar/Avatar.d.ts +24 -0
  13. package/dist/cjs/components/avatar/Avatar.js +1 -0
  14. package/dist/cjs/components/avatar/Avatar.styled.d.ts +5 -0
  15. package/dist/cjs/components/avatar/Avatar.styled.js +10 -0
  16. package/dist/cjs/components/avatar/AvatarHelper.d.ts +19 -0
  17. package/dist/cjs/components/avatar/AvatarHelper.js +1 -0
  18. package/dist/cjs/components/avatar/index.d.ts +1 -0
  19. package/dist/cjs/components/curtain/Curtain.d.ts +19 -0
  20. package/dist/cjs/components/curtain/Curtain.js +1 -0
  21. package/dist/cjs/components/curtain/Curtain.styled.d.ts +7 -0
  22. package/dist/cjs/components/curtain/Curtain.styled.js +14 -0
  23. package/dist/cjs/components/curtain/CurtainHelper.d.ts +72 -0
  24. package/dist/cjs/components/curtain/CurtainHelper.js +1 -0
  25. package/dist/cjs/components/curtain/index.d.ts +1 -0
  26. package/dist/cjs/components/datePicker/DatePicker.d.ts +11 -0
  27. package/dist/cjs/components/datePicker/DatePicker.js +1 -0
  28. package/dist/cjs/components/datePicker/DatePicker.styled.d.ts +4 -0
  29. package/dist/cjs/components/datePicker/DatePicker.styled.js +156 -0
  30. package/dist/cjs/components/datePicker/index.d.ts +1 -0
  31. package/dist/cjs/components/dropdown/Common.styled.d.ts +1 -0
  32. package/dist/cjs/components/dropdown/Common.styled.js +11 -3
  33. package/dist/cjs/components/dropdown/Dropdown.d.ts +2 -2
  34. package/dist/cjs/components/dropdown/Dropdown.js +1 -0
  35. package/dist/cjs/components/dropdown/{UnChildDropdown/UnChildDropdown.d.ts → DropdownPopover/index.d.ts} +2 -5
  36. package/dist/cjs/components/dropdown/DropdownPopover/index.js +1 -0
  37. package/dist/{esm/components/dropdown/opennedDropdown → cjs/components/dropdown/OpenedDropdown}/components/OpennedDropdown.d.ts +1 -1
  38. package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -0
  39. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +3 -0
  40. package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.js +1 -1
  41. package/dist/cjs/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +9 -0
  42. package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.js +1 -1
  43. package/dist/cjs/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +24 -0
  44. package/dist/cjs/components/dropdown/index.d.ts +2 -0
  45. package/dist/cjs/components/dropdown/type.d.ts +10 -5
  46. package/dist/cjs/components/fab-menu/FABMenu.d.ts +2 -2
  47. package/dist/cjs/components/fab-menu/FABMenu.js +1 -1
  48. package/dist/cjs/components/list-item/ListItem.d.ts +1 -0
  49. package/dist/cjs/components/list-item/ListItem.js +1 -1
  50. package/dist/cjs/components/stepper/WorkingStepper.d.ts +0 -1
  51. package/dist/cjs/components/thumbnail/Thumbnail.d.ts +13 -0
  52. package/dist/cjs/components/thumbnail/Thumbnail.js +1 -0
  53. package/dist/cjs/components/thumbnail/Thumbnail.styled.d.ts +4 -0
  54. package/dist/cjs/components/thumbnail/Thumbnail.styled.js +10 -0
  55. package/dist/cjs/components/thumbnail/constants.d.ts +5 -0
  56. package/dist/cjs/components/thumbnail/constants.js +1 -0
  57. package/dist/cjs/components/thumbnail/index.d.ts +1 -0
  58. package/dist/cjs/index.d.ts +5 -0
  59. package/dist/cjs/index.js +1 -1
  60. package/dist/esm/assets/icons/chevronDown.svg.js +1 -0
  61. package/dist/esm/bundle.css +118 -1
  62. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts +11 -0
  63. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.js +1 -0
  64. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +25 -0
  65. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -0
  66. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts +5 -0
  67. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js +1 -0
  68. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +32 -0
  69. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -0
  70. package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +4 -0
  71. package/dist/esm/components/avatar/Avatar.d.ts +24 -0
  72. package/dist/esm/components/avatar/Avatar.js +1 -0
  73. package/dist/esm/components/avatar/Avatar.styled.d.ts +5 -0
  74. package/dist/esm/components/avatar/Avatar.styled.js +10 -0
  75. package/dist/esm/components/avatar/AvatarHelper.d.ts +19 -0
  76. package/dist/esm/components/avatar/AvatarHelper.js +1 -0
  77. package/dist/esm/components/avatar/index.d.ts +1 -0
  78. package/dist/esm/components/curtain/Curtain.d.ts +19 -0
  79. package/dist/esm/components/curtain/Curtain.js +1 -0
  80. package/dist/esm/components/curtain/Curtain.styled.d.ts +7 -0
  81. package/dist/esm/components/curtain/Curtain.styled.js +14 -0
  82. package/dist/esm/components/curtain/CurtainHelper.d.ts +72 -0
  83. package/dist/esm/components/curtain/CurtainHelper.js +1 -0
  84. package/dist/esm/components/curtain/index.d.ts +1 -0
  85. package/dist/esm/components/datePicker/DatePicker.d.ts +11 -0
  86. package/dist/esm/components/datePicker/DatePicker.js +1 -0
  87. package/dist/esm/components/datePicker/DatePicker.styled.d.ts +4 -0
  88. package/dist/esm/components/datePicker/DatePicker.styled.js +156 -0
  89. package/dist/esm/components/datePicker/index.d.ts +1 -0
  90. package/dist/esm/components/dropdown/Common.styled.d.ts +1 -0
  91. package/dist/esm/components/dropdown/Common.styled.js +10 -2
  92. package/dist/esm/components/dropdown/Dropdown.d.ts +2 -2
  93. package/dist/esm/components/dropdown/Dropdown.js +1 -0
  94. package/dist/esm/components/dropdown/{UnChildDropdown/UnChildDropdown.d.ts → DropdownPopover/index.d.ts} +2 -5
  95. package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -0
  96. package/dist/{cjs/components/dropdown/opennedDropdown → esm/components/dropdown/OpenedDropdown}/components/OpennedDropdown.d.ts +1 -1
  97. package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.js +1 -0
  98. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js +3 -0
  99. package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.js +1 -1
  100. package/dist/esm/components/dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +9 -0
  101. package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.js +1 -1
  102. package/dist/esm/components/dropdown/OpenedDropdown/utils/iterationOnOptions.d.ts +24 -0
  103. package/dist/esm/components/dropdown/index.d.ts +2 -0
  104. package/dist/esm/components/dropdown/type.d.ts +10 -5
  105. package/dist/esm/components/fab-menu/FABMenu.d.ts +2 -2
  106. package/dist/esm/components/fab-menu/FABMenu.js +1 -1
  107. package/dist/esm/components/list-item/ListItem.d.ts +1 -0
  108. package/dist/esm/components/list-item/ListItem.js +1 -1
  109. package/dist/esm/components/stepper/WorkingStepper.d.ts +0 -1
  110. package/dist/esm/components/thumbnail/Thumbnail.d.ts +13 -0
  111. package/dist/esm/components/thumbnail/Thumbnail.js +1 -0
  112. package/dist/esm/components/thumbnail/Thumbnail.styled.d.ts +4 -0
  113. package/dist/esm/components/thumbnail/Thumbnail.styled.js +10 -0
  114. package/dist/esm/components/thumbnail/constants.d.ts +5 -0
  115. package/dist/esm/components/thumbnail/constants.js +1 -0
  116. package/dist/esm/components/thumbnail/index.d.ts +1 -0
  117. package/dist/esm/index.d.ts +5 -0
  118. package/dist/esm/index.js +1 -1
  119. package/package.json +3 -2
  120. package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.js +0 -1
  121. package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
  122. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
  123. package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
  124. package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -24
  125. package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.js +0 -1
  126. package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
  127. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
  128. package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
  129. package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -24
  130. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.d.ts +0 -0
  131. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.js +0 -0
  132. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.d.ts +0 -0
  133. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.js +0 -0
  134. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.d.ts +0 -0
  135. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.js +0 -0
  136. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.d.ts +0 -0
  137. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.js +0 -0
  138. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.d.ts +0 -0
  139. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.js +0 -0
  140. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuItem.d.ts +0 -0
  141. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.d.ts +0 -0
  142. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.js +0 -0
  143. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.d.ts +0 -0
  144. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.js +0 -0
  145. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.d.ts +0 -0
  146. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -0
  147. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -0
  148. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -0
  149. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.d.ts +0 -0
  150. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.d.ts +0 -0
  151. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.js +0 -0
  152. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/index.d.ts +0 -0
  153. /package/dist/cjs/components/dropdown/{opennedDropdown → OpenedDropdown}/utils/iterationOnOptions.js +0 -0
  154. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.d.ts +0 -0
  155. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/OpennedDropdown.styled.js +0 -0
  156. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.d.ts +0 -0
  157. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.js +0 -0
  158. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.d.ts +0 -0
  159. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/description/Description.styled.js +0 -0
  160. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.d.ts +0 -0
  161. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.js +0 -0
  162. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.d.ts +0 -0
  163. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/FreeFormMenu.styled.js +0 -0
  164. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuItem.d.ts +0 -0
  165. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.d.ts +0 -0
  166. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.js +0 -0
  167. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.d.ts +0 -0
  168. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/MenuList.styled.js +0 -0
  169. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/menu/SelectAllMenu.d.ts +0 -0
  170. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -0
  171. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -0
  172. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -0
  173. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchBox.d.ts +0 -0
  174. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.d.ts +0 -0
  175. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/components/searchbox/SearchZeroState.js +0 -0
  176. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/index.d.ts +0 -0
  177. /package/dist/esm/components/dropdown/{opennedDropdown → OpenedDropdown}/utils/iterationOnOptions.js +0 -0
@@ -1 +1,3 @@
1
1
  export * from './Dropdown';
2
+ export * from './DropdownPopover';
3
+ export * from './OpenedDropdown';
@@ -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?: number | string;
8
+ width?: string;
7
9
  height?: number | string;
8
10
  allowFreeForm?: boolean;
9
11
  onClose?: () => void;
10
- onSelect?: (option: SingleOption | SingleOption[]) => void;
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?: string;
18
- value?: string;
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, SingleOption } from '../dropdown/type';
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: SingleOption | SingleOption[]) => void;
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/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: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.OpennedDropdown,{options:r,height:a||90,width:c,onSelect:i})}))})};
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"),l=require("./ListItem.styled.js");const a=r.forwardRef(((r,a)=>{var{id:n,onSelect:c,variant:d="default",trailingIcon:u,leadingIcon:j,subText:y,listItem:m,borderBottom:x}=r,b=e.__rest(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"]);return t.jsxs(l.ListItem,Object.assign({ref:a,id:n,variant:d,onClick:()=>c&&c(m),borderBottom:x},b,{children:[!!u&&u,t.jsxs("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!m&&t.jsx(i.BodySecondary,Object.assign({style:{color:s.getColor(d)}},{children:m.label})),!!y&&t.jsx(i.BodyCaption,Object.assign({style:{color:o.COLORS.text.secondary}},{children:y}))]})),!!j&&t.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:j}))]}))}));a.displayName="ListItem",exports.ListItem=a;
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;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
@@ -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,4 @@
1
+ import { SIZE } from "../avatar/AvatarHelper";
2
+ export declare const ThumbnailStyle: import("styled-components").StyledComponent<"div", any, {
3
+ size: SIZE;
4
+ }, never>;
@@ -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,5 @@
1
+ export declare const THUMBNAIL_SIZE_MAP: {
2
+ SMALL: number;
3
+ MEDIUM: number;
4
+ LARGE: number;
5
+ };
@@ -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';
@@ -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"),t=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),r=require("./components/list-item/ListItem.js"),n=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),p=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"),m=require("./components/icon-button/IconButton.js"),d=require("./components/template-preview/constants/regexPatterns.js"),x=require("./components/template-preview/TemplatePreview.js"),g=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),B=require("./components/template-preview/helpers/SmsTemplateHelper.js"),y=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),T=require("./components/fab-menu/FABMenu.js"),C=require("./components/floating-action-button/FloatingActionButton.js"),j=require("./components/floating-action-button/FloatingActionButton.styles.js"),S=require("./components/image-compress/ImageCompress.js"),P=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),A=require("./components/progress-bar/ProgressBarComponent.js"),L=require("./components/modals/styledModal.js");require("react/jsx-runtime"),require("react");var O=require("./components/input/Input.js");require("./components/dropdown/UnChildDropdown/UnChildDropdown.js");var I=require("./components/analytics-card/AnalyticsCard.js"),F=require("./components/analytics-card/AnalyticsCard.styled.js");exports.StringUtils=e.default,exports.BASE_COLORS=t.BASE_COLORS,exports.COLORS=t.COLORS,exports.DEFAULT_THEME=t.DEFAULT_THEME,exports.FONTS=t.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=r.ListItem,exports.Pagination=n.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=p.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=m.IconButton,exports.regexPatterns=d,exports.TemplatePreview=x.TemplatePreview,exports.WhatsappLikePreview=g.WhatsappLikePreview,exports.renderVariableUIForPreview=B.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=y.WhatsAppFormatToHTML,exports.FABMenu=T.FABMenu,exports.FloatingActionButton=C.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return j.DROP_POSITION}}),exports.DropdownToggleContainer=j.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return j.FAB_POSITION}}),exports.FloatingActionButtonContainer=j.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=j.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return j.MENU_ALIGNMENT}}),exports.StyledDropdown=j.StyledDropdown,exports.ImageService=S.ImageService,exports.BodyCaption=P.BodyCaption,exports.BodyLarge=P.BodyLarge,exports.BodyPrimary=P.BodyPrimary,exports.BodyPrimaryLink=P.BodyPrimaryLink,exports.BodyRegular=P.BodyRegular,exports.BodySecondary=P.BodySecondary,exports.BodySecondaryLink=P.BodySecondaryLink,exports.BodyTiny=P.BodyTiny,exports.ButtonLarge=P.ButtonLarge,exports.ButtonRegular=P.ButtonRegular,exports.Caption=P.Caption,exports.Display=P.Display,exports.SubHeading=P.SubHeading,exports.TitleLarge=P.TitleLarge,exports.TitleMedium=P.TitleMedium,exports.TitleRegular=P.TitleRegular,exports.TitleSmall=P.TitleSmall,exports.Button=q.Button,exports.ProgressBarComponent=A.ProgressBarComponent,exports.ProgressCompletedBar=A.ProgressCompletedBar,exports.StyledModal=L.StyledModal,exports.Input=O.Input,exports.AnalyticsCard=I.AnalyticsCard,exports.AnalyticsContainer=F.AnalyticsContainer,exports.CardDataContainer=F.CardDataContainer;
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};