@primer/components 0.0.0-2021929153151 → 0.0.0-202192923313

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 (186) hide show
  1. package/CHANGELOG.md +1 -25
  2. package/dist/browser.esm.js +49 -53
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +46 -50
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.d.ts +0 -6
  7. package/lib/ActionList/Item.js +1 -5
  8. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  9. package/lib/Autocomplete/Autocomplete.d.ts +32 -30
  10. package/lib/Autocomplete/AutocompleteInput.d.ts +32 -30
  11. package/lib/Button/Button.d.ts +27 -27
  12. package/lib/Button/ButtonBase.d.ts +1 -1
  13. package/lib/Button/ButtonClose.d.ts +45 -45
  14. package/lib/Button/ButtonDanger.d.ts +27 -27
  15. package/lib/Button/ButtonInvisible.d.ts +27 -27
  16. package/lib/Button/ButtonOutline.d.ts +27 -27
  17. package/lib/Button/ButtonPrimary.d.ts +27 -27
  18. package/lib/CircleBadge.d.ts +2 -2
  19. package/lib/CircleOcticon.d.ts +43 -43
  20. package/lib/DatePicker/DatePicker.d.ts +48 -0
  21. package/lib/DatePicker/DatePicker.js +106 -0
  22. package/lib/DatePicker/DatePickerAnchor.d.ts +5 -0
  23. package/lib/DatePicker/DatePickerAnchor.js +223 -0
  24. package/lib/DatePicker/DatePickerOverlay.d.ts +3 -0
  25. package/lib/DatePicker/DatePickerOverlay.js +48 -0
  26. package/lib/DatePicker/DatePickerPanel.d.ts +2 -0
  27. package/lib/DatePicker/DatePickerPanel.js +126 -0
  28. package/lib/DatePicker/Day.d.ts +14 -0
  29. package/lib/DatePicker/Day.js +192 -0
  30. package/lib/DatePicker/Month.d.ts +9 -0
  31. package/lib/DatePicker/Month.js +122 -0
  32. package/lib/DatePicker/dateParser.d.ts +11 -0
  33. package/lib/DatePicker/dateParser.js +192 -0
  34. package/lib/DatePicker/index.d.ts +2 -0
  35. package/lib/DatePicker/index.js +13 -0
  36. package/lib/DatePicker/useDatePicker.d.ts +89 -0
  37. package/lib/DatePicker/useDatePicker.js +439 -0
  38. package/lib/Dialog.d.ts +46 -46
  39. package/lib/Dropdown.d.ts +178 -178
  40. package/lib/DropdownMenu/DropdownButton.d.ts +47 -47
  41. package/lib/FilterList.d.ts +42 -42
  42. package/lib/Flash.d.ts +1 -1
  43. package/lib/Label.d.ts +1 -1
  44. package/lib/Position.d.ts +4 -4
  45. package/lib/ProgressBar.d.ts +1 -1
  46. package/lib/SelectMenu/SelectMenu.d.ts +248 -246
  47. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  48. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  49. package/lib/TextInputWithTokens.d.ts +32 -34
  50. package/lib/TextInputWithTokens.js +29 -102
  51. package/lib/Timeline.d.ts +44 -44
  52. package/lib/Token/AvatarToken.d.ts +1 -1
  53. package/lib/Token/IssueLabelToken.d.ts +1 -1
  54. package/lib/Token/Token.d.ts +1 -1
  55. package/lib/Token/Token.js +2 -13
  56. package/lib/Token/TokenBase.js +4 -0
  57. package/lib/Token/_RemoveTokenButton.js +2 -15
  58. package/lib/_TextInputWrapper.d.ts +1 -1
  59. package/lib/_TextInputWrapper.js +1 -1
  60. package/lib/hooks/useDebounce.d.ts +2 -0
  61. package/lib/hooks/useDebounce.js +24 -0
  62. package/lib/sx.d.ts +2 -10
  63. package/lib/sx.js +0 -8
  64. package/lib/theme-preval.js +2 -2
  65. package/lib/theme.d.ts +0 -78
  66. package/lib/theme.js +1 -3
  67. package/lib/utils/testing.d.ts +1 -1
  68. package/lib-esm/ActionList/Item.d.ts +0 -6
  69. package/lib-esm/ActionList/Item.js +1 -5
  70. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  71. package/lib-esm/Autocomplete/Autocomplete.d.ts +32 -30
  72. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +32 -30
  73. package/lib-esm/Button/Button.d.ts +27 -27
  74. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  75. package/lib-esm/Button/ButtonClose.d.ts +45 -45
  76. package/lib-esm/Button/ButtonDanger.d.ts +27 -27
  77. package/lib-esm/Button/ButtonInvisible.d.ts +27 -27
  78. package/lib-esm/Button/ButtonOutline.d.ts +27 -27
  79. package/lib-esm/Button/ButtonPrimary.d.ts +27 -27
  80. package/lib-esm/CircleBadge.d.ts +2 -2
  81. package/lib-esm/CircleOcticon.d.ts +43 -43
  82. package/lib-esm/DatePicker/DatePicker.d.ts +48 -0
  83. package/lib-esm/DatePicker/DatePicker.js +89 -0
  84. package/lib-esm/DatePicker/DatePickerAnchor.d.ts +5 -0
  85. package/lib-esm/DatePicker/DatePickerAnchor.js +196 -0
  86. package/lib-esm/DatePicker/DatePickerOverlay.d.ts +3 -0
  87. package/lib-esm/DatePicker/DatePickerOverlay.js +29 -0
  88. package/lib-esm/DatePicker/DatePickerPanel.d.ts +2 -0
  89. package/lib-esm/DatePicker/DatePickerPanel.js +100 -0
  90. package/lib-esm/DatePicker/Day.d.ts +14 -0
  91. package/lib-esm/DatePicker/Day.js +169 -0
  92. package/lib-esm/DatePicker/Month.d.ts +9 -0
  93. package/lib-esm/DatePicker/Month.js +98 -0
  94. package/lib-esm/DatePicker/dateParser.d.ts +11 -0
  95. package/lib-esm/DatePicker/dateParser.js +178 -0
  96. package/lib-esm/DatePicker/index.d.ts +2 -0
  97. package/lib-esm/DatePicker/index.js +1 -0
  98. package/lib-esm/DatePicker/useDatePicker.d.ts +89 -0
  99. package/lib-esm/DatePicker/useDatePicker.js +408 -0
  100. package/lib-esm/Dialog.d.ts +46 -46
  101. package/lib-esm/Dropdown.d.ts +178 -178
  102. package/lib-esm/DropdownMenu/DropdownButton.d.ts +47 -47
  103. package/lib-esm/FilterList.d.ts +42 -42
  104. package/lib-esm/Flash.d.ts +1 -1
  105. package/lib-esm/Label.d.ts +1 -1
  106. package/lib-esm/Position.d.ts +4 -4
  107. package/lib-esm/ProgressBar.d.ts +1 -1
  108. package/lib-esm/SelectMenu/SelectMenu.d.ts +248 -246
  109. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  110. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  111. package/lib-esm/TextInputWithTokens.d.ts +32 -34
  112. package/lib-esm/TextInputWithTokens.js +30 -101
  113. package/lib-esm/Timeline.d.ts +44 -44
  114. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  115. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  116. package/lib-esm/Token/Token.d.ts +1 -1
  117. package/lib-esm/Token/Token.js +2 -13
  118. package/lib-esm/Token/TokenBase.js +4 -0
  119. package/lib-esm/Token/_RemoveTokenButton.js +2 -11
  120. package/lib-esm/_TextInputWrapper.d.ts +1 -1
  121. package/lib-esm/_TextInputWrapper.js +1 -1
  122. package/lib-esm/hooks/useDebounce.d.ts +2 -0
  123. package/lib-esm/hooks/useDebounce.js +16 -0
  124. package/lib-esm/sx.d.ts +2 -10
  125. package/lib-esm/sx.js +1 -3
  126. package/lib-esm/theme-preval.js +2 -2
  127. package/lib-esm/theme.d.ts +0 -78
  128. package/lib-esm/theme.js +1 -2
  129. package/lib-esm/utils/testing.d.ts +1 -1
  130. package/package.json +14 -16
  131. package/lib/ActionList2/Description.d.ts +0 -6
  132. package/lib/ActionList2/Description.js +0 -53
  133. package/lib/ActionList2/Divider.d.ts +0 -5
  134. package/lib/ActionList2/Divider.js +0 -33
  135. package/lib/ActionList2/Group.d.ts +0 -11
  136. package/lib/ActionList2/Group.js +0 -55
  137. package/lib/ActionList2/Header.d.ts +0 -26
  138. package/lib/ActionList2/Header.js +0 -55
  139. package/lib/ActionList2/Item.d.ts +0 -48
  140. package/lib/ActionList2/Item.js +0 -204
  141. package/lib/ActionList2/List.d.ts +0 -26
  142. package/lib/ActionList2/List.js +0 -56
  143. package/lib/ActionList2/Selection.d.ts +0 -5
  144. package/lib/ActionList2/Selection.js +0 -73
  145. package/lib/ActionList2/Visuals.d.ts +0 -11
  146. package/lib/ActionList2/Visuals.js +0 -90
  147. package/lib/ActionList2/hacks.d.ts +0 -30
  148. package/lib/ActionList2/hacks.js +0 -38
  149. package/lib/ActionList2/index.d.ts +0 -28
  150. package/lib/ActionList2/index.js +0 -42
  151. package/lib/experiments.d.ts +0 -1
  152. package/lib/experiments.js +0 -18
  153. package/lib/utils/create-slots.d.ts +0 -17
  154. package/lib/utils/create-slots.js +0 -105
  155. package/lib/utils/types/KeyPaths.d.ts +0 -3
  156. package/lib/utils/types/KeyPaths.js +0 -1
  157. package/lib/utils/use-force-update.d.ts +0 -1
  158. package/lib/utils/use-force-update.js +0 -19
  159. package/lib-esm/ActionList2/Description.d.ts +0 -6
  160. package/lib-esm/ActionList2/Description.js +0 -37
  161. package/lib-esm/ActionList2/Divider.d.ts +0 -5
  162. package/lib-esm/ActionList2/Divider.js +0 -21
  163. package/lib-esm/ActionList2/Group.d.ts +0 -11
  164. package/lib-esm/ActionList2/Group.js +0 -38
  165. package/lib-esm/ActionList2/Header.d.ts +0 -26
  166. package/lib-esm/ActionList2/Header.js +0 -45
  167. package/lib-esm/ActionList2/Item.d.ts +0 -48
  168. package/lib-esm/ActionList2/Item.js +0 -176
  169. package/lib-esm/ActionList2/List.d.ts +0 -26
  170. package/lib-esm/ActionList2/List.js +0 -38
  171. package/lib-esm/ActionList2/Selection.d.ts +0 -5
  172. package/lib-esm/ActionList2/Selection.js +0 -55
  173. package/lib-esm/ActionList2/Visuals.d.ts +0 -11
  174. package/lib-esm/ActionList2/Visuals.js +0 -68
  175. package/lib-esm/ActionList2/hacks.d.ts +0 -30
  176. package/lib-esm/ActionList2/hacks.js +0 -30
  177. package/lib-esm/ActionList2/index.d.ts +0 -28
  178. package/lib-esm/ActionList2/index.js +0 -29
  179. package/lib-esm/experiments.d.ts +0 -1
  180. package/lib-esm/experiments.js +0 -2
  181. package/lib-esm/utils/create-slots.d.ts +0 -17
  182. package/lib-esm/utils/create-slots.js +0 -84
  183. package/lib-esm/utils/types/KeyPaths.d.ts +0 -3
  184. package/lib-esm/utils/types/KeyPaths.js +0 -1
  185. package/lib-esm/utils/use-force-update.d.ts +0 -1
  186. package/lib-esm/utils/use-force-update.js +0 -6
@@ -1,84 +0,0 @@
1
- import React from 'react';
2
- import { useForceUpdate } from './use-force-update';
3
- /** createSlots is a factory that can create a
4
- * typesafe Slots + Slot pair to use in a component definition
5
- * For example: ActionList.Item uses createSlots to get a Slots wrapper
6
- * + Slot component that is used by LeadingVisual, Description
7
- */
8
-
9
- const createSlots = slotNames => {
10
- const SlotsContext = /*#__PURE__*/React.createContext({
11
- registerSlot: () => null,
12
- unregisterSlot: () => null,
13
- context: {}
14
- });
15
- /** Slots uses a Double render strategy inspired by [reach-ui/descendants](https://github.com/reach/reach-ui/tree/develop/packages/descendants)
16
- * Slot registers themself with the Slots parent.
17
- * When all the children have mounted = registered themselves in slot,
18
- * we re-render the parent component to render with slots
19
- */
20
-
21
- const Slots = ({
22
- context,
23
- children
24
- }) => {
25
- // initialise slots
26
- const slotsDefinition = {};
27
- slotNames.map(name => slotsDefinition[name] = null);
28
- const slotsRef = React.useRef(slotsDefinition);
29
- const rerenderWithSlots = useForceUpdate();
30
- const [isMounted, setIsMounted] = React.useState(false); // fires after all the effects in children
31
-
32
- React.useEffect(() => {
33
- rerenderWithSlots();
34
- setIsMounted(true);
35
- }, [rerenderWithSlots]);
36
- const registerSlot = React.useCallback((name, contents) => {
37
- slotsRef.current[name] = contents; // don't render until the component mounts = all slots are registered
38
-
39
- if (isMounted) rerenderWithSlots();
40
- }, [isMounted, rerenderWithSlots]); // Slot can be removed from the tree as well,
41
- // we need to unregister them from the slot
42
-
43
- const unregisterSlot = React.useCallback(name => {
44
- slotsRef.current[name] = null;
45
- rerenderWithSlots();
46
- }, [rerenderWithSlots]);
47
- /**
48
- * Slots uses a render prop API so abstract the
49
- * implementation detail of using a context provider.
50
- */
51
-
52
- const slots = slotsRef.current;
53
- return /*#__PURE__*/React.createElement(SlotsContext.Provider, {
54
- value: {
55
- registerSlot,
56
- unregisterSlot,
57
- context
58
- }
59
- }, children(slots));
60
- };
61
-
62
- const Slot = ({
63
- name,
64
- children
65
- }) => {
66
- const {
67
- registerSlot,
68
- unregisterSlot,
69
- context
70
- } = React.useContext(SlotsContext);
71
- React.useEffect(() => {
72
- registerSlot(name, typeof children === 'function' ? children(context) : children);
73
- return () => unregisterSlot(name);
74
- }, [name, children, registerSlot, unregisterSlot, context]);
75
- return null;
76
- };
77
-
78
- return {
79
- Slots,
80
- Slot
81
- };
82
- };
83
-
84
- export default createSlots;
@@ -1,3 +0,0 @@
1
- export declare type KeyPaths<O extends Record<string, unknown>> = {
2
- [K in keyof O]: K extends string ? (O[K] extends string ? `${K}` : `${K}.${KeyPaths<O[K]>}`) : never;
3
- }[keyof O];
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export declare const useForceUpdate: () => () => void;
@@ -1,6 +0,0 @@
1
- // Inspired from reach-ui: https://github.com/reach/reach-ui/blob/develop/packages/utils/src/use-force-update.ts
2
- import React from 'react';
3
- export const useForceUpdate = () => {
4
- const [, rerender] = React.useState({});
5
- return React.useCallback(() => rerender({}), []);
6
- };