@charcoal-ui/react 3.0.0-beta.1 → 3.0.0-beta.3

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 (176) hide show
  1. package/dist/_lib/compat.d.ts +1 -1
  2. package/dist/_lib/compat.d.ts.map +1 -1
  3. package/dist/components/Button/index.d.ts +1 -2
  4. package/dist/components/Button/index.d.ts.map +1 -1
  5. package/dist/components/Button/index.story.d.ts +1 -2
  6. package/dist/components/Button/index.story.d.ts.map +1 -1
  7. package/dist/components/Button/index.test.d.ts +4 -0
  8. package/dist/components/Button/index.test.d.ts.map +1 -0
  9. package/dist/components/Checkbox/index.d.ts +1 -1
  10. package/dist/components/Checkbox/index.d.ts.map +1 -1
  11. package/dist/components/Checkbox/index.story.d.ts +1 -2
  12. package/dist/components/Checkbox/index.story.d.ts.map +1 -1
  13. package/dist/components/Clickable/index.d.ts +1 -1
  14. package/dist/components/Clickable/index.d.ts.map +1 -1
  15. package/dist/components/Clickable/index.story.d.ts +1 -2
  16. package/dist/components/Clickable/index.story.d.ts.map +1 -1
  17. package/dist/components/DropdownSelector/Divider.d.ts +3 -0
  18. package/dist/components/DropdownSelector/Divider.d.ts.map +1 -1
  19. package/dist/components/DropdownSelector/DropdownMenuItem.d.ts +7 -0
  20. package/dist/components/DropdownSelector/DropdownMenuItem.d.ts.map +1 -0
  21. package/dist/components/DropdownSelector/DropdownPopover.d.ts +8 -8
  22. package/dist/components/DropdownSelector/DropdownPopover.d.ts.map +1 -1
  23. package/dist/components/DropdownSelector/ListItem/index.d.ts +18 -0
  24. package/dist/components/DropdownSelector/ListItem/index.d.ts.map +1 -0
  25. package/dist/components/DropdownSelector/ListItem/index.story.d.ts +9 -0
  26. package/dist/components/DropdownSelector/ListItem/index.story.d.ts.map +1 -0
  27. package/dist/components/DropdownSelector/MenuItem/index.d.ts +11 -0
  28. package/dist/components/DropdownSelector/MenuItem/index.d.ts.map +1 -0
  29. package/dist/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.d.ts +9 -0
  30. package/dist/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.d.ts.map +1 -0
  31. package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts +10 -0
  32. package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts.map +1 -0
  33. package/dist/components/DropdownSelector/MenuItemGroup/index.d.ts +14 -0
  34. package/dist/components/DropdownSelector/MenuItemGroup/index.d.ts.map +1 -0
  35. package/dist/components/DropdownSelector/MenuList/MenuListContext.d.ts +10 -0
  36. package/dist/components/DropdownSelector/MenuList/MenuListContext.d.ts.map +1 -0
  37. package/dist/components/DropdownSelector/MenuList/index.d.ts +18 -0
  38. package/dist/components/DropdownSelector/MenuList/index.d.ts.map +1 -0
  39. package/dist/components/DropdownSelector/MenuList/index.story.d.ts +11 -0
  40. package/dist/components/DropdownSelector/MenuList/index.story.d.ts.map +1 -0
  41. package/dist/components/DropdownSelector/MenuList/internals/getValuesRecursive.d.ts +11 -0
  42. package/dist/components/DropdownSelector/MenuList/internals/getValuesRecursive.d.ts.map +1 -0
  43. package/dist/components/DropdownSelector/Popover/index.d.ts +17 -0
  44. package/dist/components/DropdownSelector/Popover/index.d.ts.map +1 -0
  45. package/dist/components/DropdownSelector/Popover/index.story.d.ts +9 -0
  46. package/dist/components/DropdownSelector/Popover/index.story.d.ts.map +1 -0
  47. package/dist/components/DropdownSelector/index.d.ts +3 -10
  48. package/dist/components/DropdownSelector/index.d.ts.map +1 -1
  49. package/dist/components/DropdownSelector/index.story.d.ts +4 -4
  50. package/dist/components/DropdownSelector/index.story.d.ts.map +1 -1
  51. package/dist/components/DropdownSelector/utils/findPreviewRecursive.d.ts +12 -0
  52. package/dist/components/DropdownSelector/utils/findPreviewRecursive.d.ts.map +1 -0
  53. package/dist/components/FieldLabel/index.d.ts +1 -1
  54. package/dist/components/FieldLabel/index.d.ts.map +1 -1
  55. package/dist/components/Icon/index.d.ts +1 -1
  56. package/dist/components/Icon/index.d.ts.map +1 -1
  57. package/dist/components/Icon/index.story.d.ts +2 -3
  58. package/dist/components/Icon/index.story.d.ts.map +1 -1
  59. package/dist/components/IconButton/index.d.ts +1 -2
  60. package/dist/components/IconButton/index.d.ts.map +1 -1
  61. package/dist/components/IconButton/index.story.d.ts +1 -2
  62. package/dist/components/IconButton/index.story.d.ts.map +1 -1
  63. package/dist/components/LoadingSpinner/index.d.ts +1 -2
  64. package/dist/components/LoadingSpinner/index.d.ts.map +1 -1
  65. package/dist/components/Modal/ModalPlumbing.d.ts.map +1 -1
  66. package/dist/components/Modal/index.d.ts +6 -3
  67. package/dist/components/Modal/index.d.ts.map +1 -1
  68. package/dist/components/Modal/index.story.d.ts.map +1 -1
  69. package/dist/components/MultiSelect/context.d.ts +1 -1
  70. package/dist/components/MultiSelect/context.d.ts.map +1 -1
  71. package/dist/components/MultiSelect/index.d.ts +5 -6
  72. package/dist/components/MultiSelect/index.d.ts.map +1 -1
  73. package/dist/components/MultiSelect/index.story.d.ts +7 -14
  74. package/dist/components/MultiSelect/index.story.d.ts.map +1 -1
  75. package/dist/components/Radio/index.d.ts +1 -1
  76. package/dist/components/Radio/index.d.ts.map +1 -1
  77. package/dist/components/Radio/index.story.d.ts +1 -2
  78. package/dist/components/Radio/index.story.d.ts.map +1 -1
  79. package/dist/components/SegmentedControl/RadioGroupContext.d.ts +1 -1
  80. package/dist/components/SegmentedControl/RadioGroupContext.d.ts.map +1 -1
  81. package/dist/components/SegmentedControl/index.d.ts +1 -1
  82. package/dist/components/SegmentedControl/index.d.ts.map +1 -1
  83. package/dist/components/SegmentedControl/index.story.d.ts +1 -2
  84. package/dist/components/SegmentedControl/index.story.d.ts.map +1 -1
  85. package/dist/components/Switch/index.d.ts +1 -1
  86. package/dist/components/Switch/index.d.ts.map +1 -1
  87. package/dist/components/TagItem/index.d.ts +3 -3
  88. package/dist/components/TagItem/index.d.ts.map +1 -1
  89. package/dist/components/TagItem/index.story.d.ts +2 -3
  90. package/dist/components/TagItem/index.story.d.ts.map +1 -1
  91. package/dist/components/TextArea/TextArea.story.d.ts +28 -0
  92. package/dist/components/TextArea/TextArea.story.d.ts.map +1 -0
  93. package/dist/components/TextArea/index.d.ts +28 -0
  94. package/dist/components/TextArea/index.d.ts.map +1 -0
  95. package/dist/components/TextField/TextField.story.d.ts +29 -0
  96. package/dist/components/TextField/TextField.story.d.ts.map +1 -0
  97. package/dist/components/TextField/index.d.ts +2 -1
  98. package/dist/components/TextField/index.d.ts.map +1 -1
  99. package/dist/components/TextField/index.story.d.ts +4 -5
  100. package/dist/components/TextField/index.story.d.ts.map +1 -1
  101. package/dist/core/CharcoalProvider.d.ts +1 -1
  102. package/dist/core/CharcoalProvider.d.ts.map +1 -1
  103. package/dist/core/ComponentAbstraction.d.ts +1 -1
  104. package/dist/core/ComponentAbstraction.d.ts.map +1 -1
  105. package/dist/index.cjs.js +794 -518
  106. package/dist/index.cjs.js.map +1 -1
  107. package/dist/index.d.ts +4 -3
  108. package/dist/index.d.ts.map +1 -1
  109. package/dist/index.esm.js +739 -477
  110. package/dist/index.esm.js.map +1 -1
  111. package/dist/styled.d.ts +13 -13
  112. package/dist/types/CustomJSXElement.d.ts +3 -0
  113. package/dist/types/CustomJSXElement.d.ts.map +1 -0
  114. package/package.json +7 -7
  115. package/src/_lib/compat.ts +1 -1
  116. package/src/components/Button/__snapshots__/index.test.tsx.snap +385 -0
  117. package/src/components/Button/index.story.tsx +1 -1
  118. package/src/components/Button/index.test.tsx +24 -0
  119. package/src/components/Button/index.tsx +2 -2
  120. package/src/components/Checkbox/index.story.tsx +0 -1
  121. package/src/components/Checkbox/index.tsx +2 -1
  122. package/src/components/Clickable/index.story.tsx +0 -1
  123. package/src/components/Clickable/index.tsx +1 -1
  124. package/src/components/DropdownSelector/Divider.tsx +3 -0
  125. package/src/components/DropdownSelector/DropdownMenuItem.tsx +40 -0
  126. package/src/components/DropdownSelector/DropdownPopover.tsx +21 -42
  127. package/src/components/DropdownSelector/ListItem/index.story.tsx +51 -0
  128. package/src/components/DropdownSelector/ListItem/index.tsx +58 -0
  129. package/src/components/DropdownSelector/MenuItem/index.tsx +32 -0
  130. package/src/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.tsx +43 -0
  131. package/src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx +55 -0
  132. package/src/components/DropdownSelector/MenuItemGroup/index.tsx +43 -0
  133. package/src/components/DropdownSelector/MenuList/MenuListContext.ts +17 -0
  134. package/src/components/DropdownSelector/MenuList/index.story.tsx +52 -0
  135. package/src/components/DropdownSelector/MenuList/index.tsx +51 -0
  136. package/src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx +35 -0
  137. package/src/components/DropdownSelector/Popover/index.story.tsx +65 -0
  138. package/src/components/DropdownSelector/Popover/index.tsx +69 -0
  139. package/src/components/DropdownSelector/index.story.tsx +56 -21
  140. package/src/components/DropdownSelector/index.tsx +21 -64
  141. package/src/components/DropdownSelector/utils/findPreviewRecursive.tsx +38 -0
  142. package/src/components/FieldLabel/index.tsx +1 -1
  143. package/src/components/Icon/index.story.tsx +0 -1
  144. package/src/components/Icon/index.tsx +1 -1
  145. package/src/components/IconButton/index.story.tsx +0 -1
  146. package/src/components/IconButton/index.tsx +2 -2
  147. package/src/components/LoadingSpinner/index.story.tsx +1 -1
  148. package/src/components/LoadingSpinner/index.tsx +19 -19
  149. package/src/components/Modal/ModalPlumbing.tsx +0 -1
  150. package/src/components/Modal/index.story.tsx +0 -1
  151. package/src/components/Modal/index.tsx +81 -62
  152. package/src/components/MultiSelect/context.ts +2 -2
  153. package/src/components/MultiSelect/index.story.tsx +16 -29
  154. package/src/components/MultiSelect/index.test.tsx +5 -23
  155. package/src/components/MultiSelect/index.tsx +19 -24
  156. package/src/components/Radio/index.story.tsx +0 -1
  157. package/src/components/Radio/index.test.tsx +0 -1
  158. package/src/components/Radio/index.tsx +4 -1
  159. package/src/components/SegmentedControl/RadioGroupContext.tsx +2 -1
  160. package/src/components/SegmentedControl/index.story.tsx +2 -1
  161. package/src/components/SegmentedControl/index.tsx +11 -4
  162. package/src/components/Switch/index.story.tsx +1 -1
  163. package/src/components/Switch/index.tsx +2 -1
  164. package/src/components/TagItem/index.story.tsx +0 -1
  165. package/src/components/TagItem/index.tsx +1 -6
  166. package/src/components/TextField/index.story.tsx +0 -1
  167. package/src/components/TextField/index.tsx +3 -7
  168. package/src/components/a11y.test.tsx +0 -1
  169. package/src/core/CharcoalProvider.tsx +1 -1
  170. package/src/core/ComponentAbstraction.tsx +2 -1
  171. package/src/index.ts +8 -5
  172. package/dist/components/DropdownSelector/OptionLi.d.ts +0 -11
  173. package/dist/components/DropdownSelector/OptionLi.d.ts.map +0 -1
  174. package/src/components/DropdownSelector/OptionItem.tsx +0 -85
  175. package/src/components/DropdownSelector/utils/focusIfHTMLLIElement.tsx +0 -12
  176. package/src/components/DropdownSelector/utils/handleFocusByKeyBoard.tsx +0 -20
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  /**
3
3
  * import { Story } from '@storybook/react/types-6-0'
4
4
  *
@@ -1 +1 @@
1
- {"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,CAAA"}
1
+ {"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;GAQG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,CAAC,CAAA;CAAE,CAAA"}
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { ClickableElement, ClickableProps } from '../Clickable';
3
2
  type Variant = 'Primary' | 'Default' | 'Overlay' | 'Danger' | 'Navigation';
4
3
  type Size = 'S' | 'M';
@@ -17,6 +16,6 @@ interface StyledProps {
17
16
  fullWidth: boolean;
18
17
  }
19
18
  export type ButtonProps = Partial<StyledProps> & ClickableProps;
20
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
19
+ declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<ClickableElement>>;
21
20
  export default Button;
22
21
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE1E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,UAAU,WAAW;IACnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,cAAc,CAAA;AAE/D,QAAA,MAAM,MAAM,sFAuBV,CAAA;AACF,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAIA,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE1E,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAA;AAC1E,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAErB,UAAU,WAAW;IACnB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,cAAc,CAAA;AAE/D,QAAA,MAAM,MAAM,0GAuBV,CAAA;AACF,eAAe,MAAM,CAAA"}
@@ -1,10 +1,9 @@
1
- import React from 'react';
2
1
  import { Story } from '../../_lib/compat';
3
2
  import { ClickableElement } from '../Clickable';
4
3
  import { ButtonProps } from '.';
5
4
  declare const _default: {
6
5
  title: string;
7
- component: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<ClickableElement>>;
6
+ component: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<ClickableElement>>;
8
7
  argTypes: {
9
8
  variant: {
10
9
  control: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAe,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;AAEvC,wBAiBC;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAEhE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKhE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKnE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKhE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAK/D,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAK9D,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAK9D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKjE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAW7D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAahE,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAuB,CAAA;AA8F5D,eAAO,MAAM,aAAa,SA5FQ,WAAW,gBA4FW,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAe,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;AAEvC,wBAiBC;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAEhE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKhE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKnE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKhE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAK/D,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAK9D,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAK9D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAKjE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAW7D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAyB,CAAA;AAahE,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,CAAuB,CAAA;AA8F5D,eAAO,MAAM,aAAa,SA5FQ,WAAW,gBA4FW,CAAA"}
@@ -0,0 +1,4 @@
1
+ import 'jest-styled-components';
2
+ import renderder from 'react-test-renderer';
3
+ export declare function render(children: JSX.Element): renderder.ReactTestRendererJSON | renderder.ReactTestRendererJSON[] | null;
4
+ //# sourceMappingURL=index.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAG/B,OAAO,SAAS,MAAM,qBAAqB,CAAA;AAI3C,wBAAgB,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,8EAI3C"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  type CheckboxLabelProps = {
3
3
  children: React.ReactNode;
4
4
  } | {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAWxD,KAAK,kBAAkB,GACnB;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAEL,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;;AAoCD,wBAA6B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,kBAAkB,GACnB;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAEL,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEtB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;;AAoCD,wBAA6B"}
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
1
  import { Story } from '../../_lib/compat';
3
2
  declare const _default: {
4
3
  title: string;
5
- component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import(".").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
4
+ component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import(".").CheckboxProps & import("react").RefAttributes<HTMLInputElement>>>;
6
5
  };
7
6
  export default _default;
8
7
  type Props = {
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAEzC,wBAGC;AAED,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAkCjC,CAAA;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAcnC,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAEzC,wBAGC;AAED,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAkCjC,CAAA;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAcnC,CAAA"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { LinkProps } from '../../core/ComponentAbstraction';
3
3
  interface BaseProps {
4
4
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,SAAS,EAEV,MAAM,iCAAiC,CAAA;AAGxC,UAAU,SAAS;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,MAAM,cAAc,GACtB,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,GACxE,CAAC,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAEpE,QAAA,MAAM,SAAS,yFAkBd,CAAA;AACD,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,SAAS,EAEV,MAAM,iCAAiC,CAAA;AAGxC,UAAU,SAAS;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,aAAa;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,MAAM,cAAc,GACtB,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,GACxE,CAAC,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAEpE,QAAA,MAAM,SAAS,yFAkBd,CAAA;AACD,eAAe,SAAS,CAAA"}
@@ -1,7 +1,6 @@
1
- import React from 'react';
2
1
  declare const _default: {
3
2
  title: string;
4
- component: React.ForwardRefExoticComponent<import(".").ClickableProps & React.RefAttributes<import(".").ClickableElement>>;
3
+ component: import("react").ForwardRefExoticComponent<import(".").ClickableProps & import("react").RefAttributes<import(".").ClickableElement>>;
5
4
  };
6
5
  export default _default;
7
6
  export declare const Button: () => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;AAGzB,wBAGC;AAED,eAAO,MAAM,MAAM,mBAElB,CAAA;AAED,eAAO,MAAM,IAAI,mBAIhB,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.story.tsx"],"names":[],"mappings":";;;;AAGA,wBAGC;AAED,eAAO,MAAM,MAAM,mBAElB,CAAA;AAED,eAAO,MAAM,IAAI,mBAIhB,CAAA"}
@@ -1,3 +1,6 @@
1
+ /**
2
+ * 水平方向の直線
3
+ */
1
4
  export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
2
5
  role: "separator";
3
6
  }, "role">;
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Divider.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;UAUnB,CAAA"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/Divider.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,OAAO;;UAUnB,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { MenuItemProps } from './MenuItem';
2
+ export type DropdownMenuItemProps = Omit<MenuItemProps<'div'>, 'as'>;
3
+ /**
4
+ * DropdownSelectorの選択肢として使うMenuItem
5
+ */
6
+ export default function DropdownMenuItem(props: DropdownMenuItemProps): JSX.Element;
7
+ //# sourceMappingURL=DropdownMenuItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownMenuItem.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAMpD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;AAEpE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAWpE"}
@@ -1,13 +1,13 @@
1
1
  import { Key } from 'react';
2
- import { OverlayTriggerState } from 'react-stately';
3
- import { ReactNode } from 'react';
4
- import { AriaPopoverProps } from '@react-aria/overlays';
5
- type Props = Omit<AriaPopoverProps, 'popoverRef'> & {
6
- state: OverlayTriggerState;
7
- } & {
8
- children: ReactNode;
2
+ import { PopoverProps } from './Popover';
3
+ type DropdownPopoverProps = PopoverProps & {
9
4
  value?: Key;
10
5
  };
11
- export declare function DropdownPopover({ children, state, ...props }: Props): JSX.Element;
6
+ /**
7
+ * DropdownSelectorの選択肢をを表示するためのPopover
8
+ * triggerRefの要素と同じ幅になる
9
+ * 表示の際にvalueが等しいDropdownMenuItemを中央に表示する
10
+ */
11
+ export declare function DropdownPopover({ children, ...props }: DropdownPopoverProps): JSX.Element;
12
12
  export {};
13
13
  //# sourceMappingURL=DropdownPopover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,gBAAgB,EAIjB,MAAM,sBAAsB,CAAA;AAS7B,KAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,GAAG;IAClD,KAAK,EAAE,mBAAmB,CAAA;CAC3B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,eAyCnE"}
1
+ {"version":3,"file":"DropdownPopover.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/DropdownPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAA;AAC9C,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,eAgC3E"}
@@ -0,0 +1,18 @@
1
+ import React, { ReactNode } from 'react';
2
+ export type CustomJSXElement = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
3
+ export type ListItemProps<T extends CustomJSXElement = 'div'> = {
4
+ children?: ReactNode;
5
+ as?: T;
6
+ } & Omit<React.ComponentProps<T>, 'children'>;
7
+ /**
8
+ * リストのある要素を示すコンポーネント
9
+ *
10
+ * asを用いて拡張することができる
11
+ * @example
12
+ * ```
13
+ * <ListItem as="a" href="#">Link</ListItem>
14
+ * <ListItem as={NextLink} href="#">NextLink</ListItem>
15
+ * ```
16
+ */
17
+ export default function ListItem<T extends CustomJSXElement = 'div'>(props: ListItemProps<T>): JSX.Element;
18
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,MAAM,MAAM,gBAAgB,GACxB,MAAM,GAAG,CAAC,iBAAiB,GAE3B,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;AAEpC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,IAAI;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,EACjE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAQxB"}
@@ -0,0 +1,9 @@
1
+ import { Story } from '../../../_lib/compat';
2
+ import ListItem, { ListItemProps } from '.';
3
+ declare const _default: {
4
+ title: string;
5
+ component: typeof ListItem;
6
+ };
7
+ export default _default;
8
+ export declare const Basic: Story<ListItemProps>;
9
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/ListItem/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG5C,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;AAG3C,wBAGC;AAMD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAkCtC,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { CustomJSXElement, ListItemProps } from '../ListItem';
2
+ export type MenuItemProps<T extends CustomJSXElement = never> = {
3
+ value?: string;
4
+ disabled?: boolean;
5
+ } & ListItemProps<T>;
6
+ /**
7
+ * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目
8
+ * 基本的に`<MenuList>`, `<MenuGroup>`と合わせて使用する
9
+ */
10
+ export default function MenuItem<T extends CustomJSXElement>(props: MenuItemProps<T>): JSX.Element;
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItem/index.tsx"],"names":[],"mappings":"AACA,OAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGvE,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,gBAAgB,GAAG,KAAK,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAEpB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,gBAAgB,EACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAiBxB"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * elementをparentのスクロールビューに入るようにスクロールする
3
+ * parentがスクロール可能でなければelementが見えるようにスクロールする
4
+ *
5
+ * @param element
6
+ * @param parent
7
+ */
8
+ export declare function handleFocusByKeyBoard(element: Element, parent: HTMLElement): void;
9
+ //# sourceMappingURL=handleFocusByKeyBoard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handleFocusByKeyBoard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,QAiB1E"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ /**
3
+ * MenuListContextに含まれるvalue間で上下キーでfocusを移動できる
4
+ * EnterキーでMenuListContextに値を設定する
5
+ * 上記2つの処理を含む処理(handleKeyDown)と、Enterキーを押下した処理(setContextValue)を配列で返す
6
+ * @param value
7
+ * @returns
8
+ */
9
+ export declare function useMenuItemHandleKeyDown(value?: string): [(e: React.KeyboardEvent<HTMLDivElement>) => void, () => void];
10
+ //# sourceMappingURL=useMenuItemHandleKeyDown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMenuItemHandleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAItD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,CAAC,EAAE,MAAM,GACb,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAyChE"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import MenuItem from '../MenuItem';
3
+ import { Divider } from '../Divider';
4
+ type MenuItemGroupChild = React.ReactElement<typeof MenuItem | typeof Divider>;
5
+ export type MenuItemGroupProps = {
6
+ text: string;
7
+ children: MenuItemGroupChild | MenuItemGroupChild[];
8
+ };
9
+ /**
10
+ * 項目のリストを分類する見出しをつけるコンテナ要素
11
+ */
12
+ export default function MenuItemGroup(props: MenuItemGroupProps): JSX.Element;
13
+ export {};
14
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuItemGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,GAAG,OAAO,OAAO,CAAC,CAAA;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAA;CACpD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAO9D"}
@@ -0,0 +1,10 @@
1
+ import { RefObject } from 'react';
2
+ type MenuListContextType = {
3
+ root?: RefObject<HTMLUListElement>;
4
+ value?: string;
5
+ values?: string[];
6
+ setValue: (v: string) => void;
7
+ };
8
+ export declare const MenuListContext: import("react").Context<MenuListContextType>;
9
+ export {};
10
+ //# sourceMappingURL=MenuListContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/MenuListContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAA;AAEhD,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,eAAe,8CAO1B,CAAA"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import MenuItem from '../MenuItem';
3
+ import { Divider } from '../Divider';
4
+ import MenuItemGroup from '../MenuItemGroup';
5
+ type MenuListChild = React.ReactElement<typeof MenuItem | typeof MenuItemGroup | typeof Divider>;
6
+ export type MenuListChildren = MenuListChild | MenuListChild[];
7
+ export type MenuListProps = {
8
+ children: MenuListChildren;
9
+ value?: string;
10
+ onChange?: (v: string) => void;
11
+ };
12
+ /**
13
+ * 上下キーでフォーカス移動でき、エンターキーで選択できるリストの項目
14
+ * 基本的に`<MenuItem>`, `<MenuGroup>`と合わせて使用する
15
+ */
16
+ export default function MenuList(props: MenuListProps): JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAIrC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CACrC,OAAO,QAAQ,GAAG,OAAO,aAAa,GAAG,OAAO,OAAO,CACxD,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,aAAa,EAAE,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,eAqBpD"}
@@ -0,0 +1,11 @@
1
+ import { Story } from '../../../_lib/compat';
2
+ import MenuList, { MenuListProps } from '.';
3
+ declare const _default: {
4
+ title: string;
5
+ component: typeof MenuList;
6
+ };
7
+ export default _default;
8
+ export declare const Basic: Story<MenuListProps>;
9
+ export declare const Disabled: Story<MenuListProps>;
10
+ export declare const Group: Story<MenuListProps>;
11
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/MenuList/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;AAI3C,wBAGC;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAMtC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAWzC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAOtC,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { MenuListChildren } from '..';
2
+ /**
3
+ * valueというpropsを持つ子要素の値を再起的に探索して配列にする
4
+ *
5
+ * @param children
6
+ * @param value
7
+ * @param values
8
+ * @returns
9
+ */
10
+ export declare function getValuesRecursive(children: MenuListChildren, values?: string[]): void;
11
+ //# sourceMappingURL=getValuesRecursive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getValuesRecursive.d.ts","sourceRoot":"","sources":["../../../../../src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAA;AAGrC;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,GAAE,MAAM,EAAO,QAmBtB"}
@@ -0,0 +1,17 @@
1
+ import { RefObject } from 'react';
2
+ import { ReactNode } from 'react';
3
+ export type PopoverProps = {
4
+ isOpen: boolean;
5
+ onClose: () => void;
6
+ children: ReactNode;
7
+ triggerRef: RefObject<Element>;
8
+ popoverRef?: RefObject<HTMLDivElement>;
9
+ };
10
+ /**
11
+ * 画面の全面に動的に開くことができるコンテナ要素
12
+ * 外の要素をクリックしたり、内部からフォーカスを移動した場合に自動的に閉じる
13
+ *
14
+ * triggerRefの付近に画面内に収まるように表示される
15
+ */
16
+ export default function Popover(props: PopoverProps): JSX.Element | null;
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACvC,CAAA;AAID;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,sBAgClD"}
@@ -0,0 +1,9 @@
1
+ import { Story } from '../../../_lib/compat';
2
+ import Popover, { PopoverProps } from '.';
3
+ declare const _default: {
4
+ title: string;
5
+ component: typeof Popover;
6
+ };
7
+ export default _default;
8
+ export declare const Basic: Story<PopoverProps>;
9
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/Popover/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,OAAO,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;;;;;AAGzC,wBAGC;AA2BD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,YAAY,CA6BrC,CAAA"}
@@ -1,8 +1,5 @@
1
- import React, { ReactNode } from 'react';
2
- export declare const DropdownSelectorContext: React.Context<{
3
- value: string;
4
- setValue: (_v: string) => void;
5
- }>;
1
+ import { ReactNode } from 'react';
2
+ import { MenuListChildren } from './MenuList';
6
3
  export type DropdownSelectorProps = {
7
4
  label: string;
8
5
  value: string;
@@ -14,12 +11,8 @@ export type DropdownSelectorProps = {
14
11
  required?: boolean;
15
12
  requiredText?: string;
16
13
  subLabel?: ReactNode;
17
- children?: ReactNode;
14
+ children: MenuListChildren;
18
15
  onChange: (value: string) => void;
19
16
  };
20
- export type DropdownSelectorOption = {
21
- label: string;
22
- id: string;
23
- };
24
17
  export default function DropdownSelector(props: DropdownSelectorProps): JSX.Element;
25
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAS/D,eAAO,MAAM,uBAAuB;;mBAEnB,MAAM;EAGrB,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAuEpE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAQnD,OAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAsDpE"}
@@ -5,8 +5,8 @@ declare const _default: {
5
5
  component: typeof DropdownSelector;
6
6
  };
7
7
  export default _default;
8
- type Props = Omit<DropdownSelectorProps, 'subLabel' | 'children' | 'onOpenChange'>;
9
- export declare const Playground: Story<Props>;
10
- export declare const Basic: Story<Props>;
11
- export declare const CustomChildren: Story<Props>;
8
+ export declare const Playground: Story<DropdownSelectorProps>;
9
+ export declare const Basic: Story<DropdownSelectorProps>;
10
+ export declare const CustomChildren: Story<DropdownSelectorProps>;
11
+ export declare const SectionList: Story<DropdownSelectorProps>;
12
12
  //# sourceMappingURL=index.story.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,EAAE,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,KAAK,KAAK,GAAG,IAAI,CACf,qBAAqB,EACrB,UAAU,GAAG,UAAU,GAAG,cAAc,CACzC,CAAA;AAWD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAsBnC,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAkB9B,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,KAAK,CA6CvC,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelector/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,EAAE,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAKzC,wBAGC;AAYD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,qBAAqB,CAwBnD,CAAA;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,qBAAqB,CAoB9C,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,qBAAqB,CA+CvD,CAAA;AAID,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,qBAAqB,CA4BpD,CAAA"}
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from 'react';
2
+ /**
3
+ * DropdownSelectorの選択中の要素をレンダリングするため、
4
+ * 選択中のMenuItemを再帰的に探索しReactNodeを返す。
5
+ *
6
+ * @param children
7
+ * @param value
8
+ * @param values
9
+ * @returns
10
+ */
11
+ export declare function findPreviewRecursive(children: ReactNode, value: string): ReactNode | undefined;
12
+ //# sourceMappingURL=findPreviewRecursive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"findPreviewRecursive.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownSelector/utils/findPreviewRecursive.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,MAAM,GACZ,SAAS,GAAG,SAAS,CAuBvB"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  export interface FieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
3
3
  readonly className?: string;
4
4
  readonly label: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,0FAyBf,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,QAAA,MAAM,UAAU,0FAyBf,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import '@charcoal-ui/icons';
3
3
  import type { PixivIcon, Props } from '@charcoal-ui/icons';
4
4
  export interface OwnProps {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,WAAW,QAAQ;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,SACf,SAAQ,QAAQ,EACd,KAAK,CAAC,eAAe,CACnB,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,4BAA4B,GAAG,KAAK,CAAC,CAC5D;CAAG;AAER,QAAA,MAAM,IAAI,6EAcR,CAAA;AAEF,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1D,MAAM,WAAW,QAAQ;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,SACf,SAAQ,QAAQ,EACd,KAAK,CAAC,eAAe,CACnB,IAAI,CAAC,KAAK,EAAE,OAAO,GAAG,4BAA4B,GAAG,KAAK,CAAC,CAC5D;CAAG;AAER,QAAA,MAAM,IAAI,6EAcR,CAAA;AAEF,eAAe,IAAI,CAAA"}
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
1
  import { IconProps } from '.';
3
2
  declare const _default: {
4
3
  title: string;
5
- component: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<import("@charcoal-ui/icons").PixivIcon>>;
4
+ component: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<import("@charcoal-ui/icons").PixivIcon>>;
6
5
  argTypes: {
7
6
  name: {
8
7
  control: {
@@ -19,7 +18,7 @@ declare const _default: {
19
18
  };
20
19
  };
21
20
  export default _default;
22
- export declare const Default: React.FunctionComponent<IconProps & {
21
+ export declare const Default: import("react").FunctionComponent<IconProps & {
23
22
  name: any;
24
23
  }> & {
25
24
  args?: (IconProps & {
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAa,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;AAInC,wBAiBC;AAQD,eAAO,MAAM,OAAO;UAJsB,GAAG;;;cAAH,GAAG;;CAIL,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.story.tsx"],"names":[],"mappings":"AAAA,OAAa,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;AAInC,wBAiBC;AAQD,eAAO,MAAM,OAAO;UAJsB,GAAG;;;cAAH,GAAG;;CAIL,CAAA"}
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { ClickableElement, ClickableProps } from '../Clickable';
3
2
  import type { KnownIconType } from '@charcoal-ui/icons';
4
3
  type Variant = 'Default' | 'Overlay';
@@ -9,6 +8,6 @@ interface StyledProps {
9
8
  readonly icon: keyof KnownIconType;
10
9
  }
11
10
  export type IconButtonProps = StyledProps & ClickableProps;
12
- declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<ClickableElement>>;
11
+ declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<ClickableElement>>;
13
12
  export default IconButton;
14
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AACpC,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,UAAU,WAAW;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,aAAa,CAAA;CACnC;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,UAAU,0FAYf,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAGA,OAAkB,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,KAAK,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AACpC,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B,UAAU,WAAW;IACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,aAAa,CAAA;CACnC;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,UAAU,8GAYf,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -1,9 +1,8 @@
1
- import React from 'react';
2
1
  import type { Story } from '../../_lib/compat';
3
2
  import '@charcoal-ui/icons';
4
3
  declare const _default: {
5
4
  title: string;
6
- component: React.ForwardRefExoticComponent<import(".").IconButtonProps & React.RefAttributes<import("../Clickable").ClickableElement>>;
5
+ component: import("react").ForwardRefExoticComponent<import(".").IconButtonProps & import("react").RefAttributes<import("../Clickable").ClickableElement>>;
7
6
  argTypes: {
8
7
  variant: {
9
8
  control: {
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;AAI3B,wBAiBC;AAED,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;CACxB,CAAA;AAYD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAqB,CAAA;AAMvD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAqB,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;;AAI3B,wBAiBC;AAED,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;CACxB,CAAA;AAYD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAqB,CAAA;AAMvD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAqB,CAAA"}
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  export default function LoadingSpinner({ size, padding, transparent, }: {
3
2
  size?: number | undefined;
4
3
  padding?: number | undefined;
@@ -10,6 +9,6 @@ interface Props {
10
9
  export interface LoadingSpinnerIconHandler {
11
10
  restart(): void;
12
11
  }
13
- export declare const LoadingSpinnerIcon: React.ForwardRefExoticComponent<Props & React.RefAttributes<LoadingSpinnerIconHandler>>;
12
+ export declare const LoadingSpinnerIcon: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<LoadingSpinnerIconHandler>>;
14
13
  export {};
15
14
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAI1D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAS,EACT,OAAY,EACZ,WAAmB,GACpB;;;;CAAA,eAMA;AA8CD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,yFAmB7B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAS,EACT,OAAY,EACZ,WAAmB,GACpB;;;;CAAA,eAMA;AA+CD,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,eAAO,MAAM,kBAAkB,6GAkB9B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,gBAM1B;AAaD,eAAO,MAAM,UAAU,yGAEtB,CAAA;AAED,eAAO,MAAM,SAAS,yGAErB,CAAA;AAED,eAAO,MAAM,YAAY,yGAMxB,CAAA"}
1
+ {"version":3,"file":"ModalPlumbing.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPlumbing.tsx"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,gBAM1B;AAaD,eAAO,MAAM,UAAU,yGAEtB,CAAA;AAED,eAAO,MAAM,SAAS,yGAErB,CAAA;AAED,eAAO,MAAM,YAAY,yGAMxB,CAAA"}