@saleor/macaw-ui 0.4.0 → 0.5.2

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 (264) hide show
  1. package/dist/ActionBar/ActionBar.d.ts +8 -0
  2. package/dist/ActionBar/ActionBar.stories.d.ts +4 -0
  3. package/dist/ActionBar/context.d.ts +9 -0
  4. package/dist/ActionBar/index.d.ts +2 -0
  5. package/dist/ActionBar/styles.d.ts +2 -0
  6. package/dist/Alert/Alert.d.ts +8 -0
  7. package/dist/Alert/Alert.stories.d.ts +12 -0
  8. package/dist/Alert/AlertBase.d.ts +8 -0
  9. package/dist/Alert/index.d.ts +2 -0
  10. package/dist/Alert/styles.d.ts +2 -0
  11. package/dist/Backlink/Backlink.d.ts +8 -0
  12. package/dist/Backlink/Backlink.stories.d.ts +5 -0
  13. package/dist/Backlink/context.d.ts +5 -0
  14. package/dist/Backlink/index.d.ts +2 -0
  15. package/dist/Backlink/styles.d.ts +2 -0
  16. package/dist/BaseList/BaseList.d.ts +26 -0
  17. package/dist/BaseList/context.d.ts +7 -0
  18. package/dist/BaseList/index.d.ts +1 -0
  19. package/dist/BaseList/styles.d.ts +5 -0
  20. package/dist/Button/Button.d.ts +16 -0
  21. package/dist/Button/index.d.ts +1 -0
  22. package/dist/Button/styles.d.ts +2 -0
  23. package/dist/ConfirmButton/ConfirmButton.d.ts +11 -0
  24. package/dist/ConfirmButton/ConfirmButton.stories.d.ts +8 -0
  25. package/dist/ConfirmButton/index.d.ts +1 -0
  26. package/dist/ConfirmButton/styles.d.ts +2 -0
  27. package/dist/DialogHeader/DialogHeader.d.ts +6 -0
  28. package/dist/DialogHeader/index.d.ts +1 -0
  29. package/dist/DialogHeader/styles.d.ts +1 -0
  30. package/dist/DialogTable/DialogTable.d.ts +6 -0
  31. package/dist/DialogTable/index.d.ts +1 -0
  32. package/dist/DialogTable/styles.d.ts +1 -0
  33. package/dist/Filter/Filter.d.ts +10 -0
  34. package/dist/Filter/Filter.stories.d.ts +5 -0
  35. package/dist/Filter/FilterBar.d.ts +11 -0
  36. package/dist/Filter/FilterContent.d.ts +7 -0
  37. package/dist/Filter/FilterField/MultipleSelectFilterField.d.ts +6 -0
  38. package/dist/Filter/FilterField/RangeFilterField.d.ts +7 -0
  39. package/dist/Filter/FilterField/SelectFilterField.d.ts +6 -0
  40. package/dist/Filter/FilterField/TextFilterField.d.ts +6 -0
  41. package/dist/Filter/FilterMenu.d.ts +9 -0
  42. package/dist/Filter/context.d.ts +4 -0
  43. package/dist/Filter/index.d.ts +4 -0
  44. package/dist/Filter/styles.d.ts +2 -0
  45. package/dist/Filter/types.d.ts +49 -0
  46. package/dist/Filter/utils.d.ts +8 -0
  47. package/dist/IconButton/IconButton.d.ts +8 -0
  48. package/dist/IconButton/index.d.ts +1 -0
  49. package/dist/IconButton/partials.d.ts +14 -0
  50. package/dist/IconButton/styles.d.ts +2 -0
  51. package/dist/LayoutButton/LayoutButton.d.ts +7 -0
  52. package/dist/LayoutButton/index.d.ts +1 -0
  53. package/dist/LayoutButton/styles.d.ts +2 -0
  54. package/dist/List/List.d.ts +13 -0
  55. package/dist/List/List.stories.d.ts +5 -0
  56. package/dist/List/context.d.ts +8 -0
  57. package/dist/List/index.d.ts +1 -0
  58. package/dist/List/styles.d.ts +1 -0
  59. package/dist/Notification/Notification.d.ts +3 -0
  60. package/dist/Notification/Notification.stories.d.ts +10 -0
  61. package/dist/Notification/index.d.ts +2 -0
  62. package/dist/Notification/styles.d.ts +2 -0
  63. package/dist/Notification/types.d.ts +16 -0
  64. package/dist/OffsettedList/OffsettedList.d.ts +12 -0
  65. package/dist/OffsettedList/OffsettedList.stories.d.ts +5 -0
  66. package/dist/OffsettedList/index.d.ts +1 -0
  67. package/dist/OffsettedList/styles.d.ts +2 -0
  68. package/dist/PageTabs/PageTab.d.ts +3 -0
  69. package/dist/PageTabs/PageTab.stories.d.ts +4 -0
  70. package/dist/PageTabs/PageTabPanel.d.ts +4 -0
  71. package/dist/PageTabs/PageTabs.d.ts +5 -0
  72. package/dist/PageTabs/index.d.ts +3 -0
  73. package/dist/PageTabs/styles.d.ts +2 -0
  74. package/dist/Pagination/Pagination.d.ts +10 -0
  75. package/dist/Pagination/PaginationActions.d.ts +11 -0
  76. package/dist/Pagination/PaginationRowNumberSelect.d.ts +11 -0
  77. package/dist/Pagination/TablePagination.d.ts +6 -0
  78. package/dist/Pagination/index.d.ts +4 -0
  79. package/dist/Pagination/styles.d.ts +2 -0
  80. package/dist/PillLink/PillLink.d.ts +15 -0
  81. package/dist/PillLink/index.d.ts +1 -0
  82. package/dist/PillLink/styles.d.ts +2 -0
  83. package/dist/ResponsiveTable/ResponsiveTable.d.ts +8 -0
  84. package/dist/ResponsiveTable/index.d.ts +1 -0
  85. package/dist/ResponsiveTable/styles.d.ts +2 -0
  86. package/dist/Savebar/ButtonTooltipDecorator.d.ts +6 -0
  87. package/dist/Savebar/Savebar.d.ts +14 -0
  88. package/dist/Savebar/Savebar.stories.d.ts +6 -0
  89. package/dist/Savebar/index.d.ts +1 -0
  90. package/dist/Savebar/styles.d.ts +2 -0
  91. package/dist/ScrollShadow/ScrollShadow.d.ts +6 -0
  92. package/dist/ScrollShadow/index.d.ts +1 -0
  93. package/dist/ScrollShadow/styles.d.ts +1 -0
  94. package/dist/Sidebar/ExpandButton.d.ts +6 -0
  95. package/dist/Sidebar/MenuItem.d.ts +11 -0
  96. package/dist/Sidebar/Sidebar.d.ts +6 -0
  97. package/dist/Sidebar/Sidebar.stories.d.ts +6 -0
  98. package/dist/Sidebar/fixtures.d.ts +2 -0
  99. package/dist/Sidebar/index.d.ts +4 -0
  100. package/dist/Sidebar/types.d.ts +16 -0
  101. package/dist/SidebarDrawer/MenuItemBtn.d.ts +7 -0
  102. package/dist/SidebarDrawer/SidebarDrawer.d.ts +4 -0
  103. package/dist/SidebarDrawer/SidebarDrawer.stories.d.ts +4 -0
  104. package/dist/SidebarDrawer/index.d.ts +2 -0
  105. package/dist/SidebarDrawer/styles.d.ts +2 -0
  106. package/dist/SquareButton/SquareButton.d.ts +3 -0
  107. package/dist/SquareButton/SquareButton.stories.d.ts +5 -0
  108. package/dist/SquareButton/index.d.ts +1 -0
  109. package/dist/StatusChip/StatusChip.d.ts +3 -0
  110. package/dist/StatusChip/StatusChip.stories.d.ts +8 -0
  111. package/dist/StatusChip/index.d.ts +2 -0
  112. package/dist/StatusChip/styles.d.ts +3 -0
  113. package/dist/StatusChip/types.d.ts +8 -0
  114. package/dist/Tooltip/Tooltip.d.ts +6 -0
  115. package/dist/Tooltip/Tooltip.stories.d.ts +7 -0
  116. package/dist/Tooltip/index.d.ts +1 -0
  117. package/dist/Tooltip/styles.d.ts +3 -0
  118. package/dist/UserChipMenu/UserChipMenu.d.ts +9 -0
  119. package/dist/UserChipMenu/UserChipMenu.stories.d.ts +6 -0
  120. package/dist/UserChipMenu/UserChipMenuItem.d.ts +6 -0
  121. package/dist/UserChipMenu/context.d.ts +4 -0
  122. package/dist/UserChipMenu/index.d.ts +2 -0
  123. package/dist/UserChipMenu/styles.d.ts +2 -0
  124. package/dist/cjs/index.js +2 -2
  125. package/dist/cjs/index.js.map +3 -3
  126. package/dist/esm/index.js +2 -2
  127. package/dist/esm/index.js.map +3 -3
  128. package/dist/extensions/index.d.ts +3 -0
  129. package/dist/extensions/sendMessage.d.ts +3 -0
  130. package/dist/extensions/types.d.ts +22 -0
  131. package/dist/extensions/useExtensionMessage.d.ts +2 -0
  132. package/dist/icons/ArrowDropdownIcon.d.ts +2 -0
  133. package/dist/icons/ArrowRightIcon.d.ts +1 -0
  134. package/dist/icons/CheckboxCheckedIcon.d.ts +1 -0
  135. package/dist/icons/CheckboxIcon.d.ts +1 -0
  136. package/dist/icons/CheckboxIndeterminateIcon.d.ts +1 -0
  137. package/dist/icons/CloseIcon.d.ts +1 -0
  138. package/dist/icons/CompleteIcon.d.ts +2 -0
  139. package/dist/icons/DeleteIcon.d.ts +1 -0
  140. package/dist/icons/EditIcon.d.ts +1 -0
  141. package/dist/icons/FilteringIcon.d.ts +1 -0
  142. package/dist/icons/ImageIcon.d.ts +1 -0
  143. package/dist/icons/InfoIcon.d.ts +2 -0
  144. package/dist/icons/Logo.d.ts +2 -0
  145. package/dist/icons/LogoLight.d.ts +2 -0
  146. package/dist/icons/MoreIcon.d.ts +1 -0
  147. package/dist/icons/NavigatorIcon.d.ts +1 -0
  148. package/dist/icons/NotAllowedIcon.d.ts +2 -0
  149. package/dist/icons/NotAllowedInvertedIcon.d.ts +2 -0
  150. package/dist/icons/PlusIcon.d.ts +1 -0
  151. package/dist/icons/RadioCheckedIcon.d.ts +1 -0
  152. package/dist/icons/RadioIcon.d.ts +1 -0
  153. package/dist/icons/SearchIcon.d.ts +1 -0
  154. package/dist/icons/WarningIcon.d.ts +2 -0
  155. package/dist/icons/index.d.ts +18 -0
  156. package/dist/index.d.ts +29 -0
  157. package/dist/index.js +2 -0
  158. package/dist/index.js.map +7 -0
  159. package/dist/localStorageKeys.d.ts +4 -0
  160. package/dist/mjs/index.js +5 -0
  161. package/dist/mjs/index.js.map +7 -0
  162. package/dist/theme/Baseline.d.ts +2 -0
  163. package/dist/theme/ThemeProvider.d.ts +17 -0
  164. package/dist/theme/context.d.ts +3 -0
  165. package/dist/theme/createSaleorTheme/createSaleorTheme.d.ts +3 -0
  166. package/dist/theme/createSaleorTheme/index.d.ts +2 -0
  167. package/dist/theme/createSaleorTheme/overrides/buttons.d.ts +3 -0
  168. package/dist/theme/createSaleorTheme/overrides/controls.d.ts +3 -0
  169. package/dist/theme/createSaleorTheme/overrides/index.d.ts +3 -0
  170. package/dist/theme/createSaleorTheme/overrides/inputs.d.ts +3 -0
  171. package/dist/theme/createSaleorTheme/overrides/tables.d.ts +3 -0
  172. package/dist/theme/createSaleorTheme/palette.d.ts +2 -0
  173. package/dist/theme/createSaleorTheme/shadows.d.ts +2 -0
  174. package/dist/theme/createSaleorTheme/types.d.ts +51 -0
  175. package/dist/theme/index.d.ts +4 -0
  176. package/dist/theme/styles.d.ts +5 -0
  177. package/dist/theme/themes.d.ts +3 -0
  178. package/dist/theme/types.d.ts +6 -0
  179. package/dist/theme/utils.d.ts +1 -0
  180. package/dist/theme/utils.test.d.ts +1 -0
  181. package/dist/tools/index.d.ts +2 -0
  182. package/dist/tools/useElementScroll.d.ts +12 -0
  183. package/dist/tools/useLocalStorage.d.ts +5 -0
  184. package/dist/tools/useWindowScroll.d.ts +4 -0
  185. package/dist/types/Autocomplete/Autocomplete.d.ts +23 -0
  186. package/dist/types/Autocomplete/Autocomplete.stories.d.ts +5 -0
  187. package/dist/types/Autocomplete/fixtures.d.ts +4 -0
  188. package/dist/types/Autocomplete/index.d.ts +1 -0
  189. package/dist/types/Autocomplete/styles.d.ts +2 -0
  190. package/dist/types/Backlink/Backlink.d.ts +6 -4
  191. package/dist/types/Filter/FilterField/AutocompleteFilterField.d.ts +6 -0
  192. package/dist/types/Filter/FilterField/MultipleValueAutocompleteFilterField.d.ts +6 -0
  193. package/dist/types/Filter/stories/Filter.stories.d.ts +5 -0
  194. package/dist/types/Filter/stories/FilterInteractive.stories.d.ts +4 -0
  195. package/dist/types/Filter/stories/labels.d.ts +8 -0
  196. package/dist/types/Filter/styles.d.ts +1 -1
  197. package/dist/types/Filter/types.d.ts +8 -2
  198. package/dist/types/Filter/utils.d.ts +4 -1
  199. package/dist/types/IconButton/IconButton.d.ts +44 -2
  200. package/dist/types/LayoutButton/LayoutButton.d.ts +29 -2
  201. package/dist/types/MultipleValueAutocomplete/MultipleValueAutocomplete.d.ts +26 -0
  202. package/dist/types/MultipleValueAutocomplete/MultipleValueAutocomplete.stories.d.ts +6 -0
  203. package/dist/types/MultipleValueAutocomplete/fixtures.d.ts +4 -0
  204. package/dist/types/MultipleValueAutocomplete/index.d.ts +1 -0
  205. package/dist/types/MultipleValueAutocomplete/styles.d.ts +2 -0
  206. package/dist/types/MultipleValueAutocomplete/useMultipleValueAutocomplete.d.ts +32 -0
  207. package/dist/types/StatusChip/styles.d.ts +3 -0
  208. package/dist/types/SwitchSelector/SwitchSelector.d.ts +2 -0
  209. package/dist/types/SwitchSelector/SwitchSelector.stories.d.ts +4 -0
  210. package/dist/types/SwitchSelector/SwitchSelectorButton.d.ts +8 -0
  211. package/dist/types/SwitchSelector/index.d.ts +2 -0
  212. package/dist/types/consts.d.ts +4 -0
  213. package/dist/types/index.d.ts +3 -0
  214. package/dist/types/tools/useTextWidth.d.ts +2 -0
  215. package/dist/types/utils/mergeRefs.d.ts +2 -0
  216. package/dist/types/utils/useMockAutocomplete.d.ts +10 -0
  217. package/dist/utils/Decorator.d.ts +4 -0
  218. package/dist/utils/useListStory.d.ts +21 -0
  219. package/package.json +10 -6
  220. package/src/Autocomplete/Autocomplete.stories.tsx +43 -0
  221. package/src/Autocomplete/Autocomplete.tsx +188 -0
  222. package/src/Autocomplete/fixtures.ts +122 -0
  223. package/src/Autocomplete/index.ts +1 -0
  224. package/src/Autocomplete/styles.ts +22 -0
  225. package/src/Backlink/Backlink.tsx +7 -7
  226. package/src/Backlink/styles.ts +1 -1
  227. package/src/Chip/styles.ts +2 -1
  228. package/src/Filter/Filter.tsx +88 -44
  229. package/src/Filter/FilterBar.tsx +15 -9
  230. package/src/Filter/FilterContent.tsx +8 -1
  231. package/src/Filter/FilterField/AutocompleteFilterField.tsx +61 -0
  232. package/src/Filter/FilterField/MultipleSelectFilterField.tsx +6 -2
  233. package/src/Filter/FilterField/MultipleValueAutocompleteFilterField.tsx +60 -0
  234. package/src/Filter/context.tsx +1 -1
  235. package/src/Filter/{Filter.stories.tsx → stories/Filter.stories.tsx} +47 -13
  236. package/src/Filter/stories/FilterInteractive.stories.tsx +97 -0
  237. package/src/Filter/stories/labels.ts +8 -0
  238. package/src/Filter/styles.ts +37 -6
  239. package/src/Filter/types.ts +8 -1
  240. package/src/Filter/utils.ts +71 -5
  241. package/src/IconButton/IconButton.tsx +29 -7
  242. package/src/LayoutButton/LayoutButton.tsx +39 -23
  243. package/src/MultipleValueAutocomplete/MultipleValueAutocomplete.stories.tsx +76 -0
  244. package/src/MultipleValueAutocomplete/MultipleValueAutocomplete.tsx +185 -0
  245. package/src/MultipleValueAutocomplete/fixtures.ts +122 -0
  246. package/src/MultipleValueAutocomplete/index.ts +1 -0
  247. package/src/MultipleValueAutocomplete/styles.ts +41 -0
  248. package/src/MultipleValueAutocomplete/useMultipleValueAutocomplete.ts +172 -0
  249. package/src/SwitchSelector/SwitchSelector.stories.tsx +63 -0
  250. package/src/SwitchSelector/SwitchSelector.tsx +20 -0
  251. package/src/SwitchSelector/SwitchSelectorButton.tsx +60 -0
  252. package/src/SwitchSelector/index.ts +2 -0
  253. package/src/consts.ts +4 -0
  254. package/src/index.tsx +3 -0
  255. package/src/theme/createSaleorTheme/createSaleorTheme.tsx +1 -1
  256. package/src/tools/useTextWidth.ts +20 -0
  257. package/src/utils/mergeRefs.ts +14 -0
  258. package/src/utils/useMockAutocomplete.ts +37 -0
  259. package/dist/types/Chip/ColorSwatch.d.ts +0 -6
  260. package/dist/types/Chip/common/ChipMovable.d.ts +0 -5
  261. package/dist/types/Chip/common/ChipRemovable.d.ts +0 -6
  262. package/dist/types/Chip/common/ChipSwatch.d.ts +0 -7
  263. package/dist/types/Chip/common/index.d.ts +0 -3
  264. package/src/Chip/.DS_Store +0 -0
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { PaginationActionsProps } from "./PaginationActions";
3
+ import { PaginationRowNumberSelectProps } from "./PaginationRowNumberSelect";
4
+ export interface PaginationProps extends PaginationActionsProps, Omit<PaginationRowNumberSelectProps, "className" | "choices" | "onChange"> {
5
+ choices?: number[];
6
+ disabled?: boolean;
7
+ rowNumber: number;
8
+ onRowNumberUpdate?: (rowNumber: number) => void;
9
+ }
10
+ export declare const Pagination: React.FC<PaginationProps>;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ export interface PaginationActionsProps {
3
+ className?: string;
4
+ disabled?: boolean;
5
+ hasNextPage: boolean;
6
+ hasPreviousPage: boolean;
7
+ nextIconButtonProps?: any;
8
+ onNextPage: () => void;
9
+ onPreviousPage: () => void;
10
+ }
11
+ export declare const PaginationActions: React.FC<PaginationActionsProps>;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ export declare type PaginationRowNumberSelectLabels = Record<"noOfRows", string>;
3
+ export interface PaginationRowNumberSelectProps {
4
+ choices: number[];
5
+ className?: string;
6
+ disabled?: boolean;
7
+ labels: PaginationRowNumberSelectLabels;
8
+ rowNumber: number;
9
+ onChange?: (value: number) => void;
10
+ }
11
+ export declare const PaginationRowNumberSelect: React.FC<PaginationRowNumberSelectProps>;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { PaginationProps } from "./Pagination";
3
+ export interface TablePaginationProps extends PaginationProps {
4
+ colSpan: number;
5
+ }
6
+ export declare const TablePagination: React.FC<TablePaginationProps>;
@@ -0,0 +1,4 @@
1
+ export * from "./Pagination";
2
+ export * from "./PaginationActions";
3
+ export * from "./PaginationRowNumberSelect";
4
+ export * from "./TablePagination";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"dark" | "root" | "toolbar" | "spacer" | "actions" | "actionsButton" | "actionsButtonDisabled" | "rowNumber" | "rowNumberLabel" | "rowNumberSelect" | "rowNumberSelectLabel">;
2
+ export default useStyles;
@@ -0,0 +1,15 @@
1
+ import { OverridableComponent, OverrideProps } from "@material-ui/core/OverridableComponent";
2
+ import React from "react";
3
+ import { UserInteraction } from "../../types/utils";
4
+ export interface PillLinkInnerProps {
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ state?: UserInteraction;
8
+ }
9
+ export interface PillLinkTypeMap<P = {}, D extends React.ElementType = "a"> {
10
+ props: P & PillLinkInnerProps;
11
+ classKey: never;
12
+ defaultComponent: D;
13
+ }
14
+ export declare type PillLinkProps<D extends React.ElementType = PillLinkTypeMap["defaultComponent"], P = {}> = OverrideProps<PillLinkTypeMap<P, D>, D>;
15
+ export declare const PillLink: OverridableComponent<PillLinkTypeMap<{}, "a">>;
@@ -0,0 +1 @@
1
+ export * from "./PillLink";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "active" | "hover">;
2
+ export default useStyles;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface ResponsiveTableProps {
3
+ children: React.ReactNode | React.ReactNodeArray;
4
+ className?: string;
5
+ key?: string;
6
+ }
7
+ export declare const ResponsiveTable: React.FC<ResponsiveTableProps>;
8
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./ResponsiveTable";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root">;
2
+ export default useStyles;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ interface ButtonTooltipDecoratorProps {
3
+ tooltip?: string;
4
+ }
5
+ export declare const ButtonTooltipDecorator: React.FC<ButtonTooltipDecoratorProps>;
6
+ export {};
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import { ConfirmButtonLabels, ConfirmButtonTransitionState } from "../ConfirmButton";
3
+ export declare type SavebarLabels = ConfirmButtonLabels & Record<"delete" | "cancel", string>;
4
+ export declare type SavebarTooltips = Partial<Record<"confirm" | "delete" | "cancel", string>>;
5
+ export interface SavebarProps {
6
+ disabled: boolean;
7
+ state: ConfirmButtonTransitionState;
8
+ labels: SavebarLabels;
9
+ tooltips?: SavebarTooltips;
10
+ onCancel: () => void;
11
+ onDelete?: () => void;
12
+ onSubmit: () => void;
13
+ }
14
+ export declare const Savebar: React.FC<SavebarProps>;
@@ -0,0 +1,6 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Default: Story;
3
+ export declare const WithDelete: Story;
4
+ export declare const WithTooltips: Story;
5
+ declare const _default: Meta<import("@storybook/react").Args>;
6
+ export default _default;
@@ -0,0 +1 @@
1
+ export * from "./Savebar";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "spacer" | "cancelButton" | "deleteButton">;
2
+ export default useStyles;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ export interface ScrollShadowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
3
+ show: boolean;
4
+ variant: "bottom" | "top";
5
+ }
6
+ export declare const ScrollShadow: React.FC<ScrollShadowProps>;
@@ -0,0 +1 @@
1
+ export * from "./ScrollShadow";
@@ -0,0 +1 @@
1
+ export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "bottom" | "top">;
@@ -0,0 +1,6 @@
1
+ import { ButtonProps } from "@material-ui/core/Button";
2
+ import React from "react";
3
+ export interface ExpandButtonProps extends ButtonProps {
4
+ isShrunk: boolean;
5
+ }
6
+ export declare const ExpandButton: React.FC<ExpandButtonProps>;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { SidebarMenuItem } from "./types";
3
+ export interface MenuItemProps {
4
+ activeId: string;
5
+ isMenuShrunk: boolean;
6
+ menuItem: SidebarMenuItem;
7
+ onClick: (url: string) => void;
8
+ }
9
+ export declare const menuWidth = 210;
10
+ export declare const shrunkMenuWidth = 72;
11
+ export declare const MenuItem: React.FC<MenuItemProps>;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { BaseSidebarProps } from "./types";
3
+ export interface SidebarProps extends BaseSidebarProps {
4
+ activeId: string;
5
+ }
6
+ export declare const Sidebar: React.FC<SidebarProps>;
@@ -0,0 +1,6 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Default: Story;
3
+ export declare const SubmenuSelected: Story;
4
+ export declare const WithToolbar: Story;
5
+ declare const _default: Meta<import("@storybook/react").Args>;
6
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import { SidebarMenuItem } from "./types";
2
+ export declare const menu: SidebarMenuItem[];
@@ -0,0 +1,4 @@
1
+ export * from "./Sidebar";
2
+ export * from "./MenuItem";
3
+ export * from "./types";
4
+ export * from "./ExpandButton";
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ export interface SidebarMenuItem {
3
+ ariaLabel: string;
4
+ children?: SidebarMenuItem[];
5
+ iconSrc?: string;
6
+ label: string;
7
+ id: string;
8
+ url?: string;
9
+ external?: boolean;
10
+ }
11
+ export interface BaseSidebarProps {
12
+ className?: string;
13
+ menuItems: SidebarMenuItem[];
14
+ toolbar?: React.ReactNode;
15
+ onMenuItemClick: (url: string) => void;
16
+ }
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { SidebarMenuItem } from "../Sidebar/types";
3
+ export interface MenuItemBtnProps {
4
+ menuItem: SidebarMenuItem;
5
+ onClick: (url: string) => void;
6
+ }
7
+ export declare const MenuItemBtn: React.FC<MenuItemBtnProps>;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { BaseSidebarProps } from "../Sidebar/types";
3
+ export declare type SideBarDrawerProps = BaseSidebarProps;
4
+ export declare const SidebarDrawer: React.FC<SideBarDrawerProps>;
@@ -0,0 +1,4 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Default: Story;
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export * from "./MenuItemBtn";
2
+ export * from "./SidebarDrawer";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "icon" | "root" | "content" | "container" | "menuItemBtn" | "logo" | "activeMenuLabel" | "containerSubMenu" | "innerContainer" | "secondaryContentActive" | "subMenuTopBar">;
2
+ export default useStyles;
@@ -0,0 +1,3 @@
1
+ import { ButtonBaseProps } from "@material-ui/core/ButtonBase";
2
+ import React from "react";
3
+ export declare const SquareButton: React.FC<ButtonBaseProps>;
@@ -0,0 +1,5 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Default: Story;
3
+ export declare const Disabled: Story;
4
+ declare const _default: Meta<import("@storybook/react").Args>;
5
+ export default _default;
@@ -0,0 +1 @@
1
+ export * from "./SquareButton";
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { StatusChipProps } from "./types";
3
+ export declare const StatusChip: React.FC<StatusChipProps>;
@@ -0,0 +1,8 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Info: Story;
3
+ export declare const Warn: Story;
4
+ export declare const Success: Story;
5
+ export declare const Error: Story;
6
+ export declare const Large: Story;
7
+ declare const _default: Meta<import("@storybook/react").Args>;
8
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export * from "./StatusChip";
2
+ export * from "./types";
@@ -0,0 +1,3 @@
1
+ import { StatusChipProps } from "./types";
2
+ declare const useStyles: (props: StatusChipProps) => import("@material-ui/styles").ClassNameMap<"label" | "root">;
3
+ export default useStyles;
@@ -0,0 +1,8 @@
1
+ export declare type StatusChipSize = "md" | "lg";
2
+ export interface StatusChipProps {
3
+ children?: null;
4
+ className?: string;
5
+ label: string;
6
+ size?: StatusChipSize;
7
+ variant: "success" | "warning" | "neutral" | "error";
8
+ }
@@ -0,0 +1,6 @@
1
+ import { TooltipProps as MUITooltipProps } from "@material-ui/core/Tooltip";
2
+ import React from "react";
3
+ export interface TooltipProps extends MUITooltipProps {
4
+ variant?: "info" | "success" | "warning" | "error";
5
+ }
6
+ export declare const Tooltip: React.FC<TooltipProps>;
@@ -0,0 +1,7 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Info: Story;
3
+ export declare const Success: Story;
4
+ export declare const Error: Story;
5
+ export declare const Warning: Story;
6
+ declare const _default: Meta<import("@storybook/react").Args>;
7
+ export default _default;
@@ -0,0 +1 @@
1
+ export * from "./Tooltip";
@@ -0,0 +1,3 @@
1
+ import { TooltipProps } from "./Tooltip";
2
+ declare const useStyles: (props: TooltipProps) => import("@material-ui/styles").ClassNameMap<"tooltip">;
3
+ export default useStyles;
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ export interface UserChipProps {
3
+ avatar: string | null;
4
+ initials: string;
5
+ name: string;
6
+ subtext?: string;
7
+ open?: boolean;
8
+ }
9
+ export declare const UserChipMenu: React.FC<UserChipProps>;
@@ -0,0 +1,6 @@
1
+ import { Meta, Story } from "@storybook/react";
2
+ export declare const Default: Story;
3
+ export declare const WithSubtext: Story;
4
+ export declare const WithAvatar: Story;
5
+ declare const _default: Meta<import("@storybook/react").Args>;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import { MenuItemProps } from "@material-ui/core/MenuItem";
2
+ import React from "react";
3
+ export interface UserChipMenuItemProps extends Omit<MenuItemProps, "button"> {
4
+ leaveOpen?: boolean;
5
+ }
6
+ export declare const UserChipMenuItem: React.FC<UserChipMenuItemProps>;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ export declare type UserChipMenuContextType = () => void;
3
+ export declare const UserChipMenuContext: import("react").Context<UserChipMenuContextType | undefined>;
4
+ export declare const useUserChipMenu: () => UserChipMenuContextType;
@@ -0,0 +1,2 @@
1
+ export * from "./UserChipMenu";
2
+ export * from "./UserChipMenuItem";
@@ -0,0 +1,2 @@
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "avatar" | "labelContainer" | "avatarInitials" | "avatarPlaceholder" | "popover" | "userChip" | "userMenuContainer">;
2
+ export default useStyles;