@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.
Files changed (149) hide show
  1. package/dist/cjs/_virtual/_tslib.js +1 -1
  2. package/dist/cjs/assets/icons/cross.svg.js +1 -1
  3. package/dist/cjs/bundle.css +1 -8
  4. package/dist/cjs/components/TypographyStyle.js +10 -10
  5. package/dist/cjs/components/checkBox/CheckBox.js +1 -1
  6. package/dist/cjs/components/input/Input.d.ts +4 -6
  7. package/dist/cjs/components/input/Input.styled.d.ts +5 -5
  8. package/dist/cjs/components/list-item/ListItem.js +1 -1
  9. package/dist/cjs/components/list-item/ListItem.styled.js +1 -1
  10. package/dist/cjs/components/toaster/Toaster.d.ts +1 -1
  11. package/dist/cjs/components/toaster/Toaster.js +1 -1
  12. package/dist/cjs/components/tooltips/index.d.ts +0 -1
  13. package/dist/cjs/index.d.ts +0 -3
  14. package/dist/cjs/index.js +1 -1
  15. package/dist/esm/_virtual/_tslib.js +1 -1
  16. package/dist/esm/assets/icons/cross.svg.js +1 -1
  17. package/dist/esm/bundle.css +1 -8
  18. package/dist/esm/components/TypographyStyle.js +10 -10
  19. package/dist/esm/components/checkBox/CheckBox.js +1 -1
  20. package/dist/esm/components/input/Input.d.ts +4 -6
  21. package/dist/esm/components/input/Input.styled.d.ts +5 -5
  22. package/dist/esm/components/list-item/ListItem.js +1 -1
  23. package/dist/esm/components/list-item/ListItem.styled.js +1 -1
  24. package/dist/esm/components/toaster/Toaster.d.ts +1 -1
  25. package/dist/esm/components/toaster/Toaster.js +1 -1
  26. package/dist/esm/components/tooltips/index.d.ts +0 -1
  27. package/dist/esm/index.d.ts +0 -3
  28. package/dist/esm/index.js +1 -1
  29. package/package.json +3 -8
  30. package/dist/cjs/assets/icons/alert.svg.js +0 -1
  31. package/dist/cjs/assets/icons/question-mark.svg.js +0 -1
  32. package/dist/cjs/assets/icons/search.svg.js +0 -1
  33. package/dist/cjs/components/dropdown/Common.styled.d.ts +0 -2
  34. package/dist/cjs/components/dropdown/Dropdown.d.ts +0 -8
  35. package/dist/cjs/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts +0 -10
  36. package/dist/cjs/components/dropdown/index.d.ts +0 -1
  37. package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.d.ts +0 -3
  38. package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
  39. package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.d.ts +0 -5
  40. package/dist/cjs/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.js +0 -24
  41. package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.d.ts +0 -6
  42. package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.js +0 -1
  43. package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts +0 -1
  44. package/dist/cjs/components/dropdown/opennedDropdown/components/description/Description.styled.js +0 -5
  45. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.d.ts +0 -6
  46. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.js +0 -1
  47. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.d.ts +0 -1
  48. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.js +0 -6
  49. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.d.ts +0 -8
  50. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
  51. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.d.ts +0 -8
  52. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.js +0 -1
  53. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  54. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/MenuList.styled.js +0 -6
  55. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.d.ts +0 -7
  56. package/dist/cjs/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.js +0 -1
  57. package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -8
  58. package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -1
  59. package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -1
  60. package/dist/cjs/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
  61. package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/SearchBox.d.ts +0 -4
  62. package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/SearchBox.js +0 -1
  63. package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/ZeroState.d.ts +0 -4
  64. package/dist/cjs/components/dropdown/opennedDropdown/components/searchbox/ZeroState.js +0 -1
  65. package/dist/cjs/components/dropdown/opennedDropdown/index.d.ts +0 -1
  66. package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -31
  67. package/dist/cjs/components/dropdown/opennedDropdown/utils/iterationOnOptions.js +0 -1
  68. package/dist/cjs/components/dropdown/type.d.ts +0 -26
  69. package/dist/cjs/components/fab-menu/FABMenu.d.ts +0 -21
  70. package/dist/cjs/components/fab-menu/FABMenu.js +0 -1
  71. package/dist/cjs/components/fab-menu/index.d.ts +0 -1
  72. package/dist/cjs/components/floating-action-button/FloatingActionButton.d.ts +0 -19
  73. package/dist/cjs/components/floating-action-button/FloatingActionButton.js +0 -1
  74. package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.d.ts +0 -35
  75. package/dist/cjs/components/floating-action-button/FloatingActionButton.styles.js +0 -87
  76. package/dist/cjs/components/floating-action-button/index.d.ts +0 -2
  77. package/dist/cjs/components/image-compress/ImageCompress.d.ts +0 -7
  78. package/dist/cjs/components/image-compress/ImageCompress.js +0 -1
  79. package/dist/cjs/components/image-compress/index.d.ts +0 -1
  80. package/dist/cjs/components/input/Input.js +0 -1
  81. package/dist/cjs/components/input/Input.styled.js +0 -1
  82. package/dist/cjs/components/input/context/InputStyleProvider.d.ts +0 -7
  83. package/dist/cjs/components/input/context/InputStyleProvider.js +0 -1
  84. package/dist/cjs/components/tooltips/CustomisedTooltip.d.ts +0 -25
  85. package/dist/cjs/components/tooltips/CustomisedTooltip.js +0 -1
  86. package/dist/cjs/components/zeroState/ZeroState.d.ts +0 -7
  87. package/dist/cjs/components/zeroState/ZeroState.js +0 -17
  88. package/dist/cjs/hooks/useOutside.d.ts +0 -1
  89. package/dist/cjs/hooks/useOutside.js +0 -1
  90. package/dist/esm/assets/icons/alert.svg.js +0 -1
  91. package/dist/esm/assets/icons/question-mark.svg.js +0 -1
  92. package/dist/esm/assets/icons/search.svg.js +0 -1
  93. package/dist/esm/components/dropdown/Common.styled.d.ts +0 -2
  94. package/dist/esm/components/dropdown/Dropdown.d.ts +0 -8
  95. package/dist/esm/components/dropdown/UnChildDropdown/UnChildDropdown.d.ts +0 -10
  96. package/dist/esm/components/dropdown/index.d.ts +0 -1
  97. package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.d.ts +0 -3
  98. package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.js +0 -1
  99. package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.d.ts +0 -5
  100. package/dist/esm/components/dropdown/opennedDropdown/components/OpennedDropdown.styled.js +0 -24
  101. package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.d.ts +0 -6
  102. package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.js +0 -1
  103. package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.d.ts +0 -1
  104. package/dist/esm/components/dropdown/opennedDropdown/components/description/Description.styled.js +0 -5
  105. package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.d.ts +0 -6
  106. package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.js +0 -1
  107. package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.d.ts +0 -1
  108. package/dist/esm/components/dropdown/opennedDropdown/components/menu/FreeFormMenu.styled.js +0 -6
  109. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.d.ts +0 -8
  110. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuItem.js +0 -1
  111. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.d.ts +0 -8
  112. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.js +0 -1
  113. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  114. package/dist/esm/components/dropdown/opennedDropdown/components/menu/MenuList.styled.js +0 -6
  115. package/dist/esm/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.d.ts +0 -7
  116. package/dist/esm/components/dropdown/opennedDropdown/components/menu/SelectAllMenu.js +0 -1
  117. package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.d.ts +0 -8
  118. package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.js +0 -1
  119. package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.d.ts +0 -1
  120. package/dist/esm/components/dropdown/opennedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js +0 -8
  121. package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.d.ts +0 -4
  122. package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/SearchBox.js +0 -1
  123. package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/ZeroState.d.ts +0 -4
  124. package/dist/esm/components/dropdown/opennedDropdown/components/searchbox/ZeroState.js +0 -1
  125. package/dist/esm/components/dropdown/opennedDropdown/index.d.ts +0 -1
  126. package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.d.ts +0 -31
  127. package/dist/esm/components/dropdown/opennedDropdown/utils/iterationOnOptions.js +0 -1
  128. package/dist/esm/components/dropdown/type.d.ts +0 -26
  129. package/dist/esm/components/fab-menu/FABMenu.d.ts +0 -21
  130. package/dist/esm/components/fab-menu/FABMenu.js +0 -1
  131. package/dist/esm/components/fab-menu/index.d.ts +0 -1
  132. package/dist/esm/components/floating-action-button/FloatingActionButton.d.ts +0 -19
  133. package/dist/esm/components/floating-action-button/FloatingActionButton.js +0 -1
  134. package/dist/esm/components/floating-action-button/FloatingActionButton.styles.d.ts +0 -35
  135. package/dist/esm/components/floating-action-button/FloatingActionButton.styles.js +0 -87
  136. package/dist/esm/components/floating-action-button/index.d.ts +0 -2
  137. package/dist/esm/components/image-compress/ImageCompress.d.ts +0 -7
  138. package/dist/esm/components/image-compress/ImageCompress.js +0 -1
  139. package/dist/esm/components/image-compress/index.d.ts +0 -1
  140. package/dist/esm/components/input/Input.js +0 -1
  141. package/dist/esm/components/input/Input.styled.js +0 -1
  142. package/dist/esm/components/input/context/InputStyleProvider.d.ts +0 -7
  143. package/dist/esm/components/input/context/InputStyleProvider.js +0 -1
  144. package/dist/esm/components/tooltips/CustomisedTooltip.d.ts +0 -25
  145. package/dist/esm/components/tooltips/CustomisedTooltip.js +0 -1
  146. package/dist/esm/components/zeroState/ZeroState.d.ts +0 -7
  147. package/dist/esm/components/zeroState/ZeroState.js +0 -17
  148. package/dist/esm/hooks/useOutside.d.ts +0 -1
  149. package/dist/esm/hooks/useOutside.js +0 -1
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { InputStateI, InputTypeI, InputVariant } from "./Input";
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?: InputVariant | undefined;
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?: InputVariant | undefined;
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?: InputVariant | undefined;
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?: InputVariant | undefined;
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 o}from"./themes.js";import{BodySecondary as s,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as a}from"./ListItem.styled.js";const m=r(((r,m)=>{var{id:c,onSelect:d,variant:p="default",trailingIcon:f,leadingIcon:b,subText:y,listItem:g,borderBottom:j}=r,x=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom"]);return e(a,Object.assign({ref:m,id:c,variant:p,onClick:()=>d&&d(g),borderBottom:j},x,{children:[!!f&&f,e("div",Object.assign({style:{display:"flex",rowGap:"4px",flexDirection:"column"}},{children:[!!g&&i(s,Object.assign({style:{color:o(p)}},{children:g.label})),!!y&&i(l,Object.assign({style:{color:n.text.secondary}},{children:y}))]})),!!b&&i("div",Object.assign({style:{display:"flex",marginLeft:"auto"}},{children:b}))]}))}));m.displayName="ListItem";export{m as ListItem};
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 o=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 ${t.stroke.primary}`),";column-gap:12px;padding:12px 16px;",(c=>b(c.variant)),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpc3RJdGVtLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR21DIiwiZmlsZSI6Ikxpc3RJdGVtLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgZ2V0VGhlbWUgfSBmcm9tICcuL3RoZW1lcyc7XHJcbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuYm9yZGVyQm90dG9tIHx8IGAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9YH07XG5cdGNvbHVtbi1nYXA6IDEycHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0JHsocHJvcHMpID0+IGdldFRoZW1lKHByb3BzLnZhcmlhbnQpfVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGlzdEl0ZW0uc3R5bGVkLmpzLm1hcCJdfQ== */"));export{o as ListItem};
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:()=>({}),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};
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};
@@ -1,2 +1 @@
1
1
  export * from './Tooltip';
2
- export * from './CustomisedTooltip';
@@ -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{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.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";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";
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-beta.3",
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.2.0",
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,2 +0,0 @@
1
- export declare const OverLapAbs: import("styled-components").StyledComponent<"div", any, {}, never>;
2
- export declare const OpenDropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { OpenDropdownProps } from './type';
3
- export type DropdownProps = OpenDropdownProps & {
4
- placeHolder?: string;
5
- size?: 'default' | 'small';
6
- };
7
- declare const Dropdown: React.FC<DropdownProps>;
8
- export default Dropdown;
@@ -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,3 +0,0 @@
1
- import React from 'react';
2
- import { OpenDropdownProps } from '../../type';
3
- export declare const OpennedDropdown: React.FC<OpenDropdownProps>;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- export declare const Description: React.FC<{
3
- title: string;
4
- visible: boolean;
5
- description: string;
6
- }>;
@@ -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}))]}))})};
@@ -1 +0,0 @@
1
- export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- export declare const FreeFormMenu: React.FC<{
3
- isMultiSelect: boolean;
4
- searchedString: string;
5
- onSelect: (isChecked: boolean) => void;
6
- }>;
@@ -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"}))})})};
@@ -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,8 +0,0 @@
1
- import React from 'react';
2
- import { DropdownOption } from '../../../type';
3
- declare const MultiSelectDropdownBottomBar: React.FC<{
4
- onClear?: () => void;
5
- onApply: () => void;
6
- list: DropdownOption[];
7
- }>;
8
- export default MultiSelectDropdownBottomBar;
@@ -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,4 +0,0 @@
1
- import React from 'react';
2
- export declare const SearchBox: React.FC<{
3
- onSearch: (searchString: string | null) => void;
4
- }>;
@@ -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,4 +0,0 @@
1
- import React from 'react';
2
- export declare const SearchZeroState: React.FC<{
3
- searchedString: string;
4
- }>;
@@ -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>;