@saleor/macaw-ui 0.3.3 → 0.5.1

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 (110) 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/context.d.ts +6 -1
  7. package/dist/types/Autocomplete/Autocomplete.d.ts +23 -0
  8. package/dist/types/Autocomplete/Autocomplete.stories.d.ts +5 -0
  9. package/dist/types/Autocomplete/fixtures.d.ts +4 -0
  10. package/dist/types/Autocomplete/index.d.ts +1 -0
  11. package/dist/types/Autocomplete/styles.d.ts +2 -0
  12. package/dist/types/Backlink/Backlink.d.ts +6 -4
  13. package/dist/types/Chip/Chip.d.ts +8 -0
  14. package/dist/types/Chip/ChipAdornment.d.ts +6 -0
  15. package/dist/types/Chip/ChipMovable.d.ts +5 -0
  16. package/dist/types/Chip/ChipRemovable.d.ts +6 -0
  17. package/dist/types/Chip/ChipSwatch.d.ts +7 -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/types/Chip/styles.d.ts +2 -0
  21. package/dist/types/CircleIndicator/index.d.ts +1 -1
  22. package/dist/types/Filter/FilterField/AutocompleteFilterField.d.ts +6 -0
  23. package/dist/types/Filter/FilterField/MultipleValueAutocompleteFilterField.d.ts +6 -0
  24. package/dist/types/Filter/stories/Filter.stories.d.ts +5 -0
  25. package/dist/types/Filter/stories/FilterInteractive.stories.d.ts +4 -0
  26. package/dist/types/Filter/stories/labels.d.ts +8 -0
  27. package/dist/types/Filter/styles.d.ts +1 -1
  28. package/dist/types/Filter/types.d.ts +8 -2
  29. package/dist/types/Filter/utils.d.ts +4 -1
  30. package/dist/types/IconButton/IconButton.d.ts +44 -2
  31. package/dist/types/IconButton/styles.d.ts +1 -1
  32. package/dist/types/LayoutButton/LayoutButton.d.ts +29 -2
  33. package/dist/types/MultipleValueAutocomplete/MultipleValueAutocomplete.d.ts +26 -0
  34. package/dist/types/MultipleValueAutocomplete/MultipleValueAutocomplete.stories.d.ts +6 -0
  35. package/dist/types/MultipleValueAutocomplete/fixtures.d.ts +4 -0
  36. package/dist/types/MultipleValueAutocomplete/index.d.ts +1 -0
  37. package/dist/types/MultipleValueAutocomplete/styles.d.ts +2 -0
  38. package/dist/types/MultipleValueAutocomplete/useMultipleValueAutocomplete.d.ts +32 -0
  39. package/dist/types/Sidebar/MenuItem.d.ts +9 -3
  40. package/dist/types/Sidebar/types.d.ts +8 -0
  41. package/dist/types/Sidebar/utils.d.ts +12 -0
  42. package/dist/types/SidebarDrawer/MenuItemBtn.d.ts +2 -1
  43. package/dist/types/SwitchSelector/SwitchSelector.d.ts +2 -0
  44. package/dist/types/SwitchSelector/SwitchSelector.stories.d.ts +4 -0
  45. package/dist/types/SwitchSelector/SwitchSelectorButton.d.ts +8 -0
  46. package/dist/types/SwitchSelector/index.d.ts +2 -0
  47. package/dist/types/index.d.ts +3 -0
  48. package/dist/types/tools/useTextWidth.d.ts +2 -0
  49. package/dist/types/utils/guideStyles.d.ts +1 -1
  50. package/dist/types/utils/mergeRefs.d.ts +2 -0
  51. package/dist/types/utils/useMockAutocomplete.d.ts +10 -0
  52. package/package.json +11 -13
  53. package/src/ActionBar/context.tsx +14 -2
  54. package/src/Autocomplete/Autocomplete.stories.tsx +43 -0
  55. package/src/Autocomplete/Autocomplete.tsx +187 -0
  56. package/src/Autocomplete/fixtures.ts +122 -0
  57. package/src/Autocomplete/index.ts +1 -0
  58. package/src/Autocomplete/styles.ts +19 -0
  59. package/src/Backlink/Backlink.tsx +7 -7
  60. package/src/Backlink/styles.ts +1 -1
  61. package/src/Chip/Chip.tsx +52 -0
  62. package/src/Chip/ChipAdornment.tsx +53 -0
  63. package/src/Chip/ChipMovable.tsx +40 -0
  64. package/src/Chip/ChipRemovable.tsx +29 -0
  65. package/src/Chip/ChipSwatch.tsx +42 -0
  66. package/src/Chip/index.ts +5 -0
  67. package/src/Chip/private/ColorSwatch.tsx +21 -0
  68. package/src/Chip/styles.ts +46 -0
  69. package/src/CircleIndicator/CircleIndicator.stories.tsx +6 -6
  70. package/src/CircleIndicator/index.ts +1 -1
  71. package/src/Filter/Filter.tsx +88 -44
  72. package/src/Filter/FilterBar.tsx +15 -9
  73. package/src/Filter/FilterContent.tsx +8 -1
  74. package/src/Filter/FilterField/AutocompleteFilterField.tsx +61 -0
  75. package/src/Filter/FilterField/MultipleSelectFilterField.tsx +9 -3
  76. package/src/Filter/FilterField/MultipleValueAutocompleteFilterField.tsx +60 -0
  77. package/src/Filter/context.tsx +1 -1
  78. package/src/Filter/{Filter.stories.tsx → stories/Filter.stories.tsx} +47 -13
  79. package/src/Filter/stories/FilterInteractive.stories.tsx +97 -0
  80. package/src/Filter/stories/labels.ts +8 -0
  81. package/src/Filter/styles.ts +37 -6
  82. package/src/Filter/types.ts +8 -1
  83. package/src/Filter/utils.ts +71 -5
  84. package/src/IconButton/IconButton.tsx +36 -12
  85. package/src/IconButton/styles.ts +34 -14
  86. package/src/LayoutButton/LayoutButton.tsx +39 -23
  87. package/src/MultipleValueAutocomplete/MultipleValueAutocomplete.stories.tsx +76 -0
  88. package/src/MultipleValueAutocomplete/MultipleValueAutocomplete.tsx +185 -0
  89. package/src/MultipleValueAutocomplete/fixtures.ts +122 -0
  90. package/src/MultipleValueAutocomplete/index.ts +1 -0
  91. package/src/MultipleValueAutocomplete/styles.ts +39 -0
  92. package/src/MultipleValueAutocomplete/useMultipleValueAutocomplete.ts +172 -0
  93. package/src/Sidebar/MenuItem.tsx +35 -14
  94. package/src/Sidebar/Sidebar.tsx +27 -11
  95. package/src/Sidebar/types.ts +9 -0
  96. package/src/Sidebar/utils.ts +23 -0
  97. package/src/SidebarDrawer/MenuItemBtn.tsx +12 -6
  98. package/src/SidebarDrawer/SidebarDrawer.tsx +8 -2
  99. package/src/SwitchSelector/SwitchSelector.stories.tsx +63 -0
  100. package/src/SwitchSelector/SwitchSelector.tsx +20 -0
  101. package/src/SwitchSelector/SwitchSelectorButton.tsx +60 -0
  102. package/src/SwitchSelector/index.ts +2 -0
  103. package/src/index.tsx +4 -1
  104. package/src/theme/createSaleorTheme/createSaleorTheme.tsx +1 -1
  105. package/src/theme/createSaleorTheme/overrides/inputs.ts +1 -1
  106. package/src/theme/themes.ts +1 -1
  107. package/src/tools/useTextWidth.ts +20 -0
  108. package/src/utils/guideStyles.ts +5 -0
  109. package/src/utils/mergeRefs.ts +14 -0
  110. package/src/utils/useMockAutocomplete.ts +37 -0
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