@saleor/macaw-ui 0.3.1 → 0.4.0

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 (291) hide show
  1. package/README.md +20 -0
  2. package/dist/cjs/index.js +2 -2
  3. package/dist/cjs/index.js.map +3 -3
  4. package/dist/esm/index.js +2 -2
  5. package/dist/esm/index.js.map +3 -3
  6. package/dist/types/ActionBar/ActionBar.d.ts +1 -0
  7. package/dist/types/ActionBar/context.d.ts +6 -3
  8. package/dist/types/Chip/Chip.d.ts +8 -0
  9. package/dist/types/Chip/ChipAdornment.d.ts +6 -0
  10. package/dist/types/Chip/ChipMovable.d.ts +5 -0
  11. package/dist/types/Chip/ChipRemovable.d.ts +6 -0
  12. package/dist/types/Chip/ChipSwatch.d.ts +7 -0
  13. package/dist/types/Chip/ColorSwatch.d.ts +6 -0
  14. package/dist/types/Chip/common/ChipMovable.d.ts +5 -0
  15. package/dist/types/Chip/common/ChipRemovable.d.ts +6 -0
  16. package/dist/types/Chip/common/ChipSwatch.d.ts +7 -0
  17. package/dist/types/Chip/common/index.d.ts +3 -0
  18. package/dist/types/Chip/index.d.ts +5 -0
  19. package/dist/types/Chip/private/ColorSwatch.d.ts +6 -0
  20. package/dist/{LayoutButton → types/Chip}/styles.d.ts +1 -1
  21. package/dist/types/CircleIndicator/CircleIndicator.d.ts +7 -0
  22. package/dist/{PageTabs/PageTab.stories.d.ts → types/CircleIndicator/CircleIndicator.stories.d.ts} +0 -0
  23. package/dist/types/CircleIndicator/index.d.ts +1 -0
  24. package/dist/{ActionBar → types/CircleIndicator}/styles.d.ts +1 -1
  25. package/dist/types/ConfirmButton/ConfirmButton.d.ts +1 -1
  26. package/dist/types/IconButton/IconButton.d.ts +2 -0
  27. package/dist/types/IconButton/partials.d.ts +1 -1
  28. package/dist/types/IconButton/styles.d.ts +1 -1
  29. package/dist/types/Pill/Pill.d.ts +1 -1
  30. package/dist/types/Savebar/Savebar.d.ts +1 -0
  31. package/dist/types/Sidebar/MenuItem.d.ts +9 -3
  32. package/dist/types/Sidebar/types.d.ts +8 -0
  33. package/dist/types/Sidebar/utils.d.ts +12 -0
  34. package/dist/types/SidebarDrawer/MenuItemBtn.d.ts +2 -1
  35. package/dist/{icons/CheckboxCheckedIcon.d.ts → types/icons/CircleIndicatorIcon.d.ts} +1 -1
  36. package/dist/types/icons/SuccessCircleIndicatorIcon.d.ts +1 -0
  37. package/dist/types/icons/index.d.ts +2 -0
  38. package/dist/types/index.d.ts +1 -0
  39. package/dist/types/theme/ThemeProvider.d.ts +4 -0
  40. package/dist/types/theme/types.d.ts +1 -0
  41. package/dist/types/utils/guideStyles.d.ts +1 -1
  42. package/package.json +4 -8
  43. package/src/ActionBar/ActionBar.tsx +8 -11
  44. package/src/ActionBar/context.tsx +15 -6
  45. package/src/ActionBar/styles.ts +2 -2
  46. package/src/Alert/Alert.tsx +2 -2
  47. package/src/Backlink/Backlink.stories.tsx +0 -1
  48. package/src/Backlink/Backlink.tsx +4 -2
  49. package/src/BaseList/BaseList.tsx +1 -0
  50. package/src/BaseList/context.ts +1 -0
  51. package/src/BaseList/styles.ts +1 -0
  52. package/src/Chip/.DS_Store +0 -0
  53. package/src/Chip/Chip.tsx +52 -0
  54. package/src/Chip/ChipAdornment.tsx +53 -0
  55. package/src/Chip/ChipMovable.tsx +40 -0
  56. package/src/Chip/ChipRemovable.tsx +29 -0
  57. package/src/Chip/ChipSwatch.tsx +42 -0
  58. package/src/Chip/index.ts +5 -0
  59. package/src/Chip/private/ColorSwatch.tsx +21 -0
  60. package/src/Chip/styles.ts +45 -0
  61. package/src/CircleIndicator/CircleIndicator.stories.tsx +48 -0
  62. package/src/CircleIndicator/CircleIndicator.tsx +34 -0
  63. package/src/CircleIndicator/index.ts +1 -0
  64. package/src/CircleIndicator/styles.ts +31 -0
  65. package/src/ConfirmButton/ConfirmButton.tsx +1 -1
  66. package/src/Filter/Filter.tsx +1 -3
  67. package/src/Filter/FilterBar.tsx +0 -1
  68. package/src/Filter/FilterField/MultipleSelectFilterField.tsx +4 -2
  69. package/src/IconButton/IconButton.tsx +17 -2
  70. package/src/IconButton/partials.ts +1 -1
  71. package/src/IconButton/styles.ts +38 -16
  72. package/src/LayoutButton/LayoutButton.tsx +1 -2
  73. package/src/List/List.stories.tsx +4 -2
  74. package/src/List/List.tsx +1 -0
  75. package/src/List/styles.ts +1 -0
  76. package/src/NavigationCard/NavigationCard.stories.tsx +2 -2
  77. package/src/NavigationCard/NavigationCard.tsx +1 -1
  78. package/src/Notification/Notification.tsx +3 -3
  79. package/src/OffsettedList/OffsettedList.stories.tsx +2 -2
  80. package/src/OffsettedList/OffsettedList.tsx +1 -0
  81. package/src/Pill/Pill.stories.tsx +3 -3
  82. package/src/Pill/Pill.tsx +3 -2
  83. package/src/PillLink/PillLink.tsx +1 -0
  84. package/src/Savebar/Savebar.tsx +4 -5
  85. package/src/Sidebar/ExpandButton.tsx +1 -1
  86. package/src/Sidebar/MenuItem.tsx +35 -14
  87. package/src/Sidebar/Sidebar.tsx +27 -11
  88. package/src/Sidebar/types.ts +9 -0
  89. package/src/Sidebar/utils.ts +23 -0
  90. package/src/SidebarDrawer/MenuItemBtn.tsx +12 -6
  91. package/src/SidebarDrawer/SidebarDrawer.tsx +8 -2
  92. package/src/StatusChip/StatusChip.tsx +1 -1
  93. package/src/UserChipMenu/UserChipMenu.tsx +1 -1
  94. package/src/consts.ts +1 -0
  95. package/src/icons/CircleIndicatorIcon.tsx +10 -0
  96. package/src/icons/SuccessCircleIndicatorIcon.tsx +16 -0
  97. package/src/icons/index.ts +2 -0
  98. package/src/index.tsx +1 -0
  99. package/src/theme/ThemeProvider.tsx +6 -1
  100. package/src/theme/createSaleorTheme/createSaleorTheme.tsx +3 -2
  101. package/src/theme/createSaleorTheme/overrides/controls.ts +4 -1
  102. package/src/theme/createSaleorTheme/overrides/inputs.ts +2 -2
  103. package/src/theme/themes.ts +1 -1
  104. package/src/theme/types.ts +1 -0
  105. package/src/theme/utils.test.ts +4 -4
  106. package/src/theme/utils.ts +1 -1
  107. package/src/tools/useLocalStorage.ts +16 -9
  108. package/src/utils/guideStyles.ts +5 -0
  109. package/dist/ActionBar/ActionBar.d.ts +0 -8
  110. package/dist/ActionBar/ActionBar.stories.d.ts +0 -4
  111. package/dist/ActionBar/context.d.ts +0 -9
  112. package/dist/ActionBar/index.d.ts +0 -2
  113. package/dist/Alert/Alert.d.ts +0 -7
  114. package/dist/Alert/Alert.stories.d.ts +0 -12
  115. package/dist/Alert/AlertBase.d.ts +0 -8
  116. package/dist/Alert/index.d.ts +0 -2
  117. package/dist/Alert/styles.d.ts +0 -2
  118. package/dist/Backlink/Backlink.d.ts +0 -8
  119. package/dist/Backlink/Backlink.stories.d.ts +0 -5
  120. package/dist/Backlink/context.d.ts +0 -5
  121. package/dist/Backlink/index.d.ts +0 -2
  122. package/dist/Backlink/styles.d.ts +0 -2
  123. package/dist/BaseList/BaseList.d.ts +0 -26
  124. package/dist/BaseList/context.d.ts +0 -7
  125. package/dist/BaseList/index.d.ts +0 -1
  126. package/dist/BaseList/styles.d.ts +0 -5
  127. package/dist/Button/Button.d.ts +0 -18
  128. package/dist/Button/index.d.ts +0 -1
  129. package/dist/Button/styles.d.ts +0 -2
  130. package/dist/ConfirmButton/ConfirmButton.d.ts +0 -11
  131. package/dist/ConfirmButton/ConfirmButton.stories.d.ts +0 -8
  132. package/dist/ConfirmButton/index.d.ts +0 -1
  133. package/dist/ConfirmButton/styles.d.ts +0 -2
  134. package/dist/DialogHeader/DialogHeader.d.ts +0 -6
  135. package/dist/DialogHeader/index.d.ts +0 -1
  136. package/dist/DialogHeader/styles.d.ts +0 -1
  137. package/dist/DialogTable/DialogTable.d.ts +0 -6
  138. package/dist/DialogTable/index.d.ts +0 -1
  139. package/dist/DialogTable/styles.d.ts +0 -1
  140. package/dist/Filter/Filter.d.ts +0 -10
  141. package/dist/Filter/Filter.stories.d.ts +0 -5
  142. package/dist/Filter/FilterBar.d.ts +0 -11
  143. package/dist/Filter/FilterContent.d.ts +0 -7
  144. package/dist/Filter/FilterField/MultipleSelectFilterField.d.ts +0 -6
  145. package/dist/Filter/FilterField/RangeFilterField.d.ts +0 -7
  146. package/dist/Filter/FilterField/SelectFilterField.d.ts +0 -6
  147. package/dist/Filter/FilterField/TextFilterField.d.ts +0 -6
  148. package/dist/Filter/FilterMenu.d.ts +0 -9
  149. package/dist/Filter/context.d.ts +0 -4
  150. package/dist/Filter/index.d.ts +0 -4
  151. package/dist/Filter/styles.d.ts +0 -2
  152. package/dist/Filter/types.d.ts +0 -49
  153. package/dist/Filter/utils.d.ts +0 -8
  154. package/dist/IconButton/IconButton.d.ts +0 -8
  155. package/dist/IconButton/index.d.ts +0 -1
  156. package/dist/IconButton/partials.d.ts +0 -14
  157. package/dist/IconButton/styles.d.ts +0 -2
  158. package/dist/LayoutButton/LayoutButton.d.ts +0 -7
  159. package/dist/LayoutButton/index.d.ts +0 -1
  160. package/dist/List/List.d.ts +0 -13
  161. package/dist/List/List.stories.d.ts +0 -5
  162. package/dist/List/context.d.ts +0 -8
  163. package/dist/List/index.d.ts +0 -1
  164. package/dist/List/styles.d.ts +0 -1
  165. package/dist/Notification/Notification.d.ts +0 -3
  166. package/dist/Notification/Notification.stories.d.ts +0 -10
  167. package/dist/Notification/index.d.ts +0 -2
  168. package/dist/Notification/styles.d.ts +0 -2
  169. package/dist/Notification/types.d.ts +0 -16
  170. package/dist/OffsettedList/OffsettedList.d.ts +0 -12
  171. package/dist/OffsettedList/OffsettedList.stories.d.ts +0 -5
  172. package/dist/OffsettedList/index.d.ts +0 -1
  173. package/dist/OffsettedList/styles.d.ts +0 -2
  174. package/dist/PageTabs/PageTab.d.ts +0 -3
  175. package/dist/PageTabs/PageTabPanel.d.ts +0 -4
  176. package/dist/PageTabs/PageTabs.d.ts +0 -5
  177. package/dist/PageTabs/index.d.ts +0 -3
  178. package/dist/PageTabs/styles.d.ts +0 -2
  179. package/dist/Pagination/Pagination.d.ts +0 -10
  180. package/dist/Pagination/PaginationActions.d.ts +0 -11
  181. package/dist/Pagination/PaginationRowNumberSelect.d.ts +0 -11
  182. package/dist/Pagination/TablePagination.d.ts +0 -6
  183. package/dist/Pagination/index.d.ts +0 -4
  184. package/dist/Pagination/styles.d.ts +0 -2
  185. package/dist/PillLink/PillLink.d.ts +0 -15
  186. package/dist/PillLink/index.d.ts +0 -1
  187. package/dist/PillLink/styles.d.ts +0 -2
  188. package/dist/ResponsiveTable/ResponsiveTable.d.ts +0 -8
  189. package/dist/ResponsiveTable/index.d.ts +0 -1
  190. package/dist/ResponsiveTable/styles.d.ts +0 -2
  191. package/dist/Savebar/ButtonTooltipDecorator.d.ts +0 -6
  192. package/dist/Savebar/Savebar.d.ts +0 -14
  193. package/dist/Savebar/Savebar.stories.d.ts +0 -6
  194. package/dist/Savebar/index.d.ts +0 -1
  195. package/dist/Savebar/styles.d.ts +0 -2
  196. package/dist/ScrollShadow/ScrollShadow.d.ts +0 -6
  197. package/dist/ScrollShadow/index.d.ts +0 -1
  198. package/dist/ScrollShadow/styles.d.ts +0 -1
  199. package/dist/Sidebar/ExpandButton.d.ts +0 -6
  200. package/dist/Sidebar/MenuItem.d.ts +0 -11
  201. package/dist/Sidebar/Sidebar.d.ts +0 -6
  202. package/dist/Sidebar/Sidebar.stories.d.ts +0 -6
  203. package/dist/Sidebar/fixtures.d.ts +0 -2
  204. package/dist/Sidebar/index.d.ts +0 -4
  205. package/dist/Sidebar/types.d.ts +0 -16
  206. package/dist/SidebarDrawer/MenuItemBtn.d.ts +0 -7
  207. package/dist/SidebarDrawer/SidebarDrawer.d.ts +0 -4
  208. package/dist/SidebarDrawer/SidebarDrawer.stories.d.ts +0 -4
  209. package/dist/SidebarDrawer/index.d.ts +0 -2
  210. package/dist/SidebarDrawer/styles.d.ts +0 -2
  211. package/dist/SquareButton/SquareButton.d.ts +0 -3
  212. package/dist/SquareButton/SquareButton.stories.d.ts +0 -5
  213. package/dist/SquareButton/index.d.ts +0 -1
  214. package/dist/StatusChip/StatusChip.d.ts +0 -3
  215. package/dist/StatusChip/StatusChip.stories.d.ts +0 -8
  216. package/dist/StatusChip/index.d.ts +0 -2
  217. package/dist/StatusChip/styles.d.ts +0 -3
  218. package/dist/StatusChip/types.d.ts +0 -8
  219. package/dist/Tooltip/Tooltip.d.ts +0 -6
  220. package/dist/Tooltip/Tooltip.stories.d.ts +0 -7
  221. package/dist/Tooltip/index.d.ts +0 -1
  222. package/dist/Tooltip/styles.d.ts +0 -3
  223. package/dist/UserChipMenu/UserChipMenu.d.ts +0 -9
  224. package/dist/UserChipMenu/UserChipMenu.stories.d.ts +0 -6
  225. package/dist/UserChipMenu/UserChipMenuItem.d.ts +0 -6
  226. package/dist/UserChipMenu/context.d.ts +0 -4
  227. package/dist/UserChipMenu/index.d.ts +0 -2
  228. package/dist/UserChipMenu/styles.d.ts +0 -2
  229. package/dist/extensions/index.d.ts +0 -3
  230. package/dist/extensions/sendMessage.d.ts +0 -3
  231. package/dist/extensions/types.d.ts +0 -22
  232. package/dist/extensions/useExtensionMessage.d.ts +0 -2
  233. package/dist/icons/ArrowDropdownIcon.d.ts +0 -2
  234. package/dist/icons/ArrowRightIcon.d.ts +0 -1
  235. package/dist/icons/CheckboxIcon.d.ts +0 -1
  236. package/dist/icons/CheckboxIndeterminateIcon.d.ts +0 -1
  237. package/dist/icons/CloseIcon.d.ts +0 -1
  238. package/dist/icons/CompleteIcon.d.ts +0 -2
  239. package/dist/icons/DeleteIcon.d.ts +0 -1
  240. package/dist/icons/EditIcon.d.ts +0 -1
  241. package/dist/icons/FilteringIcon.d.ts +0 -1
  242. package/dist/icons/ImageIcon.d.ts +0 -1
  243. package/dist/icons/InfoIcon.d.ts +0 -2
  244. package/dist/icons/Logo.d.ts +0 -2
  245. package/dist/icons/LogoLight.d.ts +0 -2
  246. package/dist/icons/MoreIcon.d.ts +0 -1
  247. package/dist/icons/NavigatorIcon.d.ts +0 -1
  248. package/dist/icons/NotAllowedIcon.d.ts +0 -2
  249. package/dist/icons/NotAllowedInvertedIcon.d.ts +0 -2
  250. package/dist/icons/PlusIcon.d.ts +0 -1
  251. package/dist/icons/RadioCheckedIcon.d.ts +0 -1
  252. package/dist/icons/RadioIcon.d.ts +0 -1
  253. package/dist/icons/SearchIcon.d.ts +0 -1
  254. package/dist/icons/WarningIcon.d.ts +0 -2
  255. package/dist/icons/index.d.ts +0 -21
  256. package/dist/index.d.ts +0 -32
  257. package/dist/index.js +0 -5
  258. package/dist/index.js.map +0 -7
  259. package/dist/localStorageKeys.d.ts +0 -4
  260. package/dist/macaw-ui.cjs.development.js +0 -2626
  261. package/dist/macaw-ui.cjs.development.js.map +0 -1
  262. package/dist/macaw-ui.cjs.production.min.js +0 -2
  263. package/dist/macaw-ui.cjs.production.min.js.map +0 -1
  264. package/dist/macaw-ui.esm.js +0 -2578
  265. package/dist/macaw-ui.esm.js.map +0 -1
  266. package/dist/theme/Baseline.d.ts +0 -2
  267. package/dist/theme/ThemeProvider.d.ts +0 -17
  268. package/dist/theme/context.d.ts +0 -3
  269. package/dist/theme/createSaleorTheme/createSaleorTheme.d.ts +0 -3
  270. package/dist/theme/createSaleorTheme/index.d.ts +0 -2
  271. package/dist/theme/createSaleorTheme/overrides/buttons.d.ts +0 -3
  272. package/dist/theme/createSaleorTheme/overrides/controls.d.ts +0 -3
  273. package/dist/theme/createSaleorTheme/overrides/index.d.ts +0 -3
  274. package/dist/theme/createSaleorTheme/overrides/inputs.d.ts +0 -3
  275. package/dist/theme/createSaleorTheme/overrides/tables.d.ts +0 -3
  276. package/dist/theme/createSaleorTheme/palette.d.ts +0 -2
  277. package/dist/theme/createSaleorTheme/shadows.d.ts +0 -2
  278. package/dist/theme/createSaleorTheme/types.d.ts +0 -55
  279. package/dist/theme/index.d.ts +0 -4
  280. package/dist/theme/styles.d.ts +0 -5
  281. package/dist/theme/themes.d.ts +0 -3
  282. package/dist/theme/types.d.ts +0 -6
  283. package/dist/theme/utils.d.ts +0 -1
  284. package/dist/theme/utils.test.d.ts +0 -1
  285. package/dist/tools/index.d.ts +0 -2
  286. package/dist/tools/useElementScroll.d.ts +0 -12
  287. package/dist/tools/useLocalStorage.d.ts +0 -5
  288. package/dist/tools/useWindowScroll.d.ts +0 -4
  289. package/dist/types/Button/Button.stories.d.ts +0 -5
  290. package/dist/utils/Decorator.d.ts +0 -4
  291. package/dist/utils/useListStory.d.ts +0 -21
package/README.md CHANGED
@@ -23,6 +23,26 @@ npm i @material-ui/core @material-ui/icons @material-ui/lab
23
23
  ## Documentation
24
24
  Take a look at our [storybook docs](https://macaw-ui.vercel.app). You can find guides, component overview, and project ideas there.
25
25
 
26
+ ### Development
27
+
28
+ To begin, you need to install dependencies:
29
+
30
+ ```sh
31
+ npm install
32
+ ```
33
+
34
+ We use [husky](https://www.npmjs.com/package/husky) to provide precommit and prepush git hooks:
35
+
36
+ ```sh
37
+ npx husky install
38
+ ```
39
+
40
+ To develop our components we utilize [Storybook](https://storybook.js.org/) which is playing very nicely with our development flow. To run storybook's developer server run:
41
+
42
+ ```sh
43
+ npm run storybook
44
+ ```
45
+
26
46
  ### Working with Material-UI
27
47
  MacawUI was created to integrate with [Material-UI](https://material-ui.com/) seamlessly. It exports a `ThemeProvider` that will override Material-UI component styles:
28
48
  ```jsx