@sproutsocial/seeds-react-menu 0.1.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 (91) hide show
  1. package/.eslintrc.js +4 -0
  2. package/.turbo/turbo-build.log +21 -0
  3. package/CHANGELOG.md +46 -0
  4. package/dist/esm/index.js +2651 -0
  5. package/dist/esm/index.js.map +1 -0
  6. package/dist/index.d.mts +197 -0
  7. package/dist/index.d.ts +197 -0
  8. package/dist/index.js +2670 -0
  9. package/dist/index.js.map +1 -0
  10. package/jest.config.js +12 -0
  11. package/package.json +50 -0
  12. package/src/ActionMenu/ActionMenu.feature +20 -0
  13. package/src/ActionMenu/ActionMenu.tsx +113 -0
  14. package/src/ActionMenu/__tests__/ActionMenu.test.tsx +99 -0
  15. package/src/ActionMenu/__tests__/ActionMenu.typetest.tsx +73 -0
  16. package/src/ActionMenu/index.ts +1 -0
  17. package/src/ComboBox/ComboBox.feature +96 -0
  18. package/src/ComboBox/TokenInput.feature +84 -0
  19. package/src/MenuContent/MenuContent.tsx +28 -0
  20. package/src/MenuContent/MenuContentTypes.ts +7 -0
  21. package/src/MenuContent/__tests__/MenuContent.test.tsx +59 -0
  22. package/src/MenuContent/__tests__/MenuContent.typetest.tsx +18 -0
  23. package/src/MenuContent/index.tsx +2 -0
  24. package/src/MenuContent/styles.tsx +10 -0
  25. package/src/MenuContext.tsx +116 -0
  26. package/src/MenuFooter/MenuFooter.feature +30 -0
  27. package/src/MenuFooter/MenuFooter.tsx +7 -0
  28. package/src/MenuFooter/MenuFooterTypes.ts +1 -0
  29. package/src/MenuFooter/__tests__/MenuFooter.test.tsx +76 -0
  30. package/src/MenuFooter/__tests__/MenuFooter.typetest.tsx +20 -0
  31. package/src/MenuFooter/index.ts +2 -0
  32. package/src/MenuFooter/styles.tsx +7 -0
  33. package/src/MenuGroup/MenuGroup.feature +114 -0
  34. package/src/MenuGroup/MenuGroup.tsx +33 -0
  35. package/src/MenuGroup/MenuGroupTypes.ts +29 -0
  36. package/src/MenuGroup/__tests__/MenuGroup.test.tsx +95 -0
  37. package/src/MenuGroup/__tests__/MenuGroup.typetest.tsx +45 -0
  38. package/src/MenuGroup/index.tsx +8 -0
  39. package/src/MenuGroup/styles.tsx +37 -0
  40. package/src/MenuHeader/MenuHeader.feature +59 -0
  41. package/src/MenuHeader/MenuHeader.tsx +30 -0
  42. package/src/MenuHeader/MenuHeaderTypes.ts +26 -0
  43. package/src/MenuHeader/__tests__/MenuHeader.test.tsx +67 -0
  44. package/src/MenuHeader/__tests__/MenuHeader.typetest.tsx +27 -0
  45. package/src/MenuHeader/index.ts +2 -0
  46. package/src/MenuHeader/styles.tsx +75 -0
  47. package/src/MenuItem/MenuItem.feature +88 -0
  48. package/src/MenuItem/MenuItem.tsx +44 -0
  49. package/src/MenuItem/MenuItemTypes.ts +37 -0
  50. package/src/MenuItem/__tests__/MenuItem.test.tsx +228 -0
  51. package/src/MenuItem/__tests__/MenuItem.typetest.tsx +41 -0
  52. package/src/MenuItem/index.ts +5 -0
  53. package/src/MenuItem/styles.tsx +71 -0
  54. package/src/MenuItemSelectable/MenuItemSelectable.feature +99 -0
  55. package/src/MenuItemSelectable/MenuItemSelectable.tsx +136 -0
  56. package/src/MenuItemSelectable/MenuItemSelectableTypes.ts +15 -0
  57. package/src/MenuItemSelectable/__tests__/MenuItemSelectable.test.tsx +303 -0
  58. package/src/MenuItemSelectable/__tests__/MenuItemSelectable.typetest.tsx +56 -0
  59. package/src/MenuItemSelectable/index.ts +5 -0
  60. package/src/MenuItemSelectable/styles.tsx +21 -0
  61. package/src/MenuLabel.tsx +12 -0
  62. package/src/MenuRoot/MenuRoot.feature +93 -0
  63. package/src/MenuRoot/MenuRoot.tsx +70 -0
  64. package/src/MenuRoot/__tests__/MenuRoot.test.tsx +197 -0
  65. package/src/MenuRoot/__tests__/MenuRoot.typetest.tsx +76 -0
  66. package/src/MenuRoot/index.ts +1 -0
  67. package/src/MenuToggleButton.tsx +29 -0
  68. package/src/MultiSelectMenu/MultiSelectMenu.feature +70 -0
  69. package/src/MultiSelectMenu/MultiSelectMenu.tsx +133 -0
  70. package/src/MultiSelectMenu/MultiSelectMenuTypes.ts +8 -0
  71. package/src/MultiSelectMenu/__tests__/MultiSelectMenu.test.tsx +349 -0
  72. package/src/MultiSelectMenu/__tests__/MultiSelectMenu.typetest.tsx +78 -0
  73. package/src/MultiSelectMenu/index.ts +1 -0
  74. package/src/SingleSelectMenu/SingleSelectMenu.feature +23 -0
  75. package/src/SingleSelectMenu/SingleSelectMenu.tsx +56 -0
  76. package/src/SingleSelectMenu/SingleSelectMenuTypes.ts +9 -0
  77. package/src/SingleSelectMenu/__tests__/SingleSelectMenu.test.tsx +167 -0
  78. package/src/SingleSelectMenu/__tests__/SingleSelectMenu.typetest.tsx +95 -0
  79. package/src/SingleSelectMenu/index.ts +3 -0
  80. package/src/__tests__/Menu.test.tsx +423 -0
  81. package/src/constants.ts +17 -0
  82. package/src/hooks/useItemsFromChildren.tsx +81 -0
  83. package/src/index.ts +20 -0
  84. package/src/menuTestingUtils.tsx +72 -0
  85. package/src/reducers/__tests__/useSelectStateReducer.test.tsx +37 -0
  86. package/src/reducers/useSelectStateReducer.tsx +27 -0
  87. package/src/styled.d.ts +7 -0
  88. package/src/types.ts +16 -0
  89. package/src/utils/itemToString.ts +5 -0
  90. package/tsconfig.json +12 -0
  91. package/tsup.config.ts +11 -0
package/.eslintrc.js ADDED
@@ -0,0 +1,4 @@
1
+ module.exports = {
2
+ root: "",
3
+ extends: ["eslint-config-seeds/racine"],
4
+ };
package/.turbo/turbo-build.log ADDED
@@ -0,0 +1,21 @@
1
+ yarn run v1.22.22
2
+ $ tsup --dts
3
+ CLI Building entry: src/index.ts
4
+ CLI Using tsconfig: tsconfig.json
5
+ CLI tsup v8.0.2
6
+ CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-menu/tsup.config.ts
7
+ CLI Target: es2022
8
+ CLI Cleaning output folder
9
+ CJS Build start
10
+ ESM Build start
11
+ ESM dist/esm/index.js 79.32 KB
12
+ ESM dist/esm/index.js.map 245.01 KB
13
+ ESM ⚡️ Build success in 193ms
14
+ CJS dist/index.js 83.96 KB
15
+ CJS dist/index.js.map 245.88 KB
16
+ CJS ⚡️ Build success in 194ms
17
+ DTS Build start
18
+ DTS ⚡️ Build success in 4228ms
19
+ DTS dist/index.d.ts 10.69 KB
20
+ DTS dist/index.d.mts 10.69 KB
21
+ Done in 5.04s.
package/CHANGELOG.md ADDED
@@ -0,0 +1,46 @@
1
+ # @sproutsocial/seeds-react-menu
2
+
3
+ ## 0.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - cae32b2: ### New Menu Component (Experimental Release)
8
+
9
+ This is an **experimental release** of the new Menu components and its primitive components. **Use at your own risk**, as the components and their APIs may undergo significant changes based on feedback and any upgrades prior to v1 may include breaking changes.
10
+
11
+ The new Menu components are designed to provide a flexible, composable solution for menu interfaces. It includes several primitive components and specialized menu variants to support different use cases. The full release will include additional components for more use cases, such as nesting menus, filtering items and virtualizing long lists.
12
+
13
+ See the [Storybook](https://racine.netlify.app/?path=/story/development-action-menu--action-menu-simple) for usage examples for these components.
14
+ Reach out in slack at #design-systems with any questions, feedback or concerns.
15
+
16
+ #### Core Components
17
+
18
+ - **MenuRoot**: The main container for managing the menu context and the underlying Popout component.
19
+ - **MenuHeader**: Displays header content such as titles or icons.
20
+ - **MenuContent**: The main container for menu items and groups.
21
+ - **MenuGroup**: Allows grouping of items within the menu with visual dividers.
22
+ - **MenuItem**: Represents a clickable item within the menu.
23
+ - **MenuItemSelectable**: A selectable item that can display checkbox or radio indicators.
24
+ - **MenuFooter**: Supports additional footer content for summary or action items.
25
+
26
+ #### Specialized Menu Variants
27
+
28
+ - **ActionMenu**: A simplified menu for basic action-oriented use cases.
29
+ - **SingleSelectMenu**: A single-selection variant of the menu.
30
+ - **MultiSelectMenu**: A multi-selection variant for cases where multiple items need to be selected.
31
+
32
+ ### Experimental Release Notice
33
+
34
+ This release is provided on an **experimental** basis for experimental features or very specific use cases. Please note:
35
+
36
+ - **Use at your own risk**: This version is best suited for testing and new features used behind feature flags.
37
+ - **The API is subject to change**: We may make modifications based on user feedback and usage patterns.
38
+
39
+ ### Patch Changes
40
+
41
+ - Updated dependencies [5832ea2]
42
+ - Updated dependencies [da4c0fc]
43
+ - Updated dependencies [d8ed1e3]
44
+ - @sproutsocial/seeds-react-theme@2.1.0
45
+ - @sproutsocial/seeds-react-checkbox@1.3.0
46
+ - @sproutsocial/seeds-react-popout@1.2.3