@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.
- package/dist/_lib/compat.d.ts +1 -1
- package/dist/_lib/compat.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts +1 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.story.d.ts +1 -2
- package/dist/components/Button/index.story.d.ts.map +1 -1
- package/dist/components/Button/index.test.d.ts +4 -0
- package/dist/components/Button/index.test.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.story.d.ts +1 -2
- package/dist/components/Checkbox/index.story.d.ts.map +1 -1
- package/dist/components/Clickable/index.d.ts +1 -1
- package/dist/components/Clickable/index.d.ts.map +1 -1
- package/dist/components/Clickable/index.story.d.ts +1 -2
- package/dist/components/Clickable/index.story.d.ts.map +1 -1
- package/dist/components/DropdownSelector/Divider.d.ts +3 -0
- package/dist/components/DropdownSelector/Divider.d.ts.map +1 -1
- package/dist/components/DropdownSelector/DropdownMenuItem.d.ts +7 -0
- package/dist/components/DropdownSelector/DropdownMenuItem.d.ts.map +1 -0
- package/dist/components/DropdownSelector/DropdownPopover.d.ts +8 -8
- package/dist/components/DropdownSelector/DropdownPopover.d.ts.map +1 -1
- package/dist/components/DropdownSelector/ListItem/index.d.ts +18 -0
- package/dist/components/DropdownSelector/ListItem/index.d.ts.map +1 -0
- package/dist/components/DropdownSelector/ListItem/index.story.d.ts +9 -0
- package/dist/components/DropdownSelector/ListItem/index.story.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuItem/index.d.ts +11 -0
- package/dist/components/DropdownSelector/MenuItem/index.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.d.ts +9 -0
- package/dist/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts +10 -0
- package/dist/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuItemGroup/index.d.ts +14 -0
- package/dist/components/DropdownSelector/MenuItemGroup/index.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuList/MenuListContext.d.ts +10 -0
- package/dist/components/DropdownSelector/MenuList/MenuListContext.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuList/index.d.ts +18 -0
- package/dist/components/DropdownSelector/MenuList/index.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuList/index.story.d.ts +11 -0
- package/dist/components/DropdownSelector/MenuList/index.story.d.ts.map +1 -0
- package/dist/components/DropdownSelector/MenuList/internals/getValuesRecursive.d.ts +11 -0
- package/dist/components/DropdownSelector/MenuList/internals/getValuesRecursive.d.ts.map +1 -0
- package/dist/components/DropdownSelector/Popover/index.d.ts +17 -0
- package/dist/components/DropdownSelector/Popover/index.d.ts.map +1 -0
- package/dist/components/DropdownSelector/Popover/index.story.d.ts +9 -0
- package/dist/components/DropdownSelector/Popover/index.story.d.ts.map +1 -0
- package/dist/components/DropdownSelector/index.d.ts +3 -10
- package/dist/components/DropdownSelector/index.d.ts.map +1 -1
- package/dist/components/DropdownSelector/index.story.d.ts +4 -4
- package/dist/components/DropdownSelector/index.story.d.ts.map +1 -1
- package/dist/components/DropdownSelector/utils/findPreviewRecursive.d.ts +12 -0
- package/dist/components/DropdownSelector/utils/findPreviewRecursive.d.ts.map +1 -0
- package/dist/components/FieldLabel/index.d.ts +1 -1
- package/dist/components/FieldLabel/index.d.ts.map +1 -1
- package/dist/components/Icon/index.d.ts +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.story.d.ts +2 -3
- package/dist/components/Icon/index.story.d.ts.map +1 -1
- package/dist/components/IconButton/index.d.ts +1 -2
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/IconButton/index.story.d.ts +1 -2
- package/dist/components/IconButton/index.story.d.ts.map +1 -1
- package/dist/components/LoadingSpinner/index.d.ts +1 -2
- package/dist/components/LoadingSpinner/index.d.ts.map +1 -1
- package/dist/components/Modal/ModalPlumbing.d.ts.map +1 -1
- package/dist/components/Modal/index.d.ts +6 -3
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.story.d.ts.map +1 -1
- package/dist/components/MultiSelect/context.d.ts +1 -1
- package/dist/components/MultiSelect/context.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +5 -6
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.story.d.ts +7 -14
- package/dist/components/MultiSelect/index.story.d.ts.map +1 -1
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.story.d.ts +1 -2
- package/dist/components/Radio/index.story.d.ts.map +1 -1
- package/dist/components/SegmentedControl/RadioGroupContext.d.ts +1 -1
- package/dist/components/SegmentedControl/RadioGroupContext.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +1 -1
- package/dist/components/SegmentedControl/index.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.story.d.ts +1 -2
- package/dist/components/SegmentedControl/index.story.d.ts.map +1 -1
- package/dist/components/Switch/index.d.ts +1 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/TagItem/index.d.ts +3 -3
- package/dist/components/TagItem/index.d.ts.map +1 -1
- package/dist/components/TagItem/index.story.d.ts +2 -3
- package/dist/components/TagItem/index.story.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.story.d.ts +28 -0
- package/dist/components/TextArea/TextArea.story.d.ts.map +1 -0
- package/dist/components/TextArea/index.d.ts +28 -0
- package/dist/components/TextArea/index.d.ts.map +1 -0
- package/dist/components/TextField/TextField.story.d.ts +29 -0
- package/dist/components/TextField/TextField.story.d.ts.map +1 -0
- package/dist/components/TextField/index.d.ts +2 -1
- package/dist/components/TextField/index.d.ts.map +1 -1
- package/dist/components/TextField/index.story.d.ts +4 -5
- package/dist/components/TextField/index.story.d.ts.map +1 -1
- package/dist/core/CharcoalProvider.d.ts +1 -1
- package/dist/core/CharcoalProvider.d.ts.map +1 -1
- package/dist/core/ComponentAbstraction.d.ts +1 -1
- package/dist/core/ComponentAbstraction.d.ts.map +1 -1
- package/dist/index.cjs.js +794 -518
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +739 -477
- package/dist/index.esm.js.map +1 -1
- package/dist/styled.d.ts +13 -13
- package/dist/types/CustomJSXElement.d.ts +3 -0
- package/dist/types/CustomJSXElement.d.ts.map +1 -0
- package/package.json +7 -7
- package/src/_lib/compat.ts +1 -1
- package/src/components/Button/__snapshots__/index.test.tsx.snap +385 -0
- package/src/components/Button/index.story.tsx +1 -1
- package/src/components/Button/index.test.tsx +24 -0
- package/src/components/Button/index.tsx +2 -2
- package/src/components/Checkbox/index.story.tsx +0 -1
- package/src/components/Checkbox/index.tsx +2 -1
- package/src/components/Clickable/index.story.tsx +0 -1
- package/src/components/Clickable/index.tsx +1 -1
- package/src/components/DropdownSelector/Divider.tsx +3 -0
- package/src/components/DropdownSelector/DropdownMenuItem.tsx +40 -0
- package/src/components/DropdownSelector/DropdownPopover.tsx +21 -42
- package/src/components/DropdownSelector/ListItem/index.story.tsx +51 -0
- package/src/components/DropdownSelector/ListItem/index.tsx +58 -0
- package/src/components/DropdownSelector/MenuItem/index.tsx +32 -0
- package/src/components/DropdownSelector/MenuItem/internals/handleFocusByKeyBoard.tsx +43 -0
- package/src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx +55 -0
- package/src/components/DropdownSelector/MenuItemGroup/index.tsx +43 -0
- package/src/components/DropdownSelector/MenuList/MenuListContext.ts +17 -0
- package/src/components/DropdownSelector/MenuList/index.story.tsx +52 -0
- package/src/components/DropdownSelector/MenuList/index.tsx +51 -0
- package/src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx +35 -0
- package/src/components/DropdownSelector/Popover/index.story.tsx +65 -0
- package/src/components/DropdownSelector/Popover/index.tsx +69 -0
- package/src/components/DropdownSelector/index.story.tsx +56 -21
- package/src/components/DropdownSelector/index.tsx +21 -64
- package/src/components/DropdownSelector/utils/findPreviewRecursive.tsx +38 -0
- package/src/components/FieldLabel/index.tsx +1 -1
- package/src/components/Icon/index.story.tsx +0 -1
- package/src/components/Icon/index.tsx +1 -1
- package/src/components/IconButton/index.story.tsx +0 -1
- package/src/components/IconButton/index.tsx +2 -2
- package/src/components/LoadingSpinner/index.story.tsx +1 -1
- package/src/components/LoadingSpinner/index.tsx +19 -19
- package/src/components/Modal/ModalPlumbing.tsx +0 -1
- package/src/components/Modal/index.story.tsx +0 -1
- package/src/components/Modal/index.tsx +81 -62
- package/src/components/MultiSelect/context.ts +2 -2
- package/src/components/MultiSelect/index.story.tsx +16 -29
- package/src/components/MultiSelect/index.test.tsx +5 -23
- package/src/components/MultiSelect/index.tsx +19 -24
- package/src/components/Radio/index.story.tsx +0 -1
- package/src/components/Radio/index.test.tsx +0 -1
- package/src/components/Radio/index.tsx +4 -1
- package/src/components/SegmentedControl/RadioGroupContext.tsx +2 -1
- package/src/components/SegmentedControl/index.story.tsx +2 -1
- package/src/components/SegmentedControl/index.tsx +11 -4
- package/src/components/Switch/index.story.tsx +1 -1
- package/src/components/Switch/index.tsx +2 -1
- package/src/components/TagItem/index.story.tsx +0 -1
- package/src/components/TagItem/index.tsx +1 -6
- package/src/components/TextField/index.story.tsx +0 -1
- package/src/components/TextField/index.tsx +3 -7
- package/src/components/a11y.test.tsx +0 -1
- package/src/core/CharcoalProvider.tsx +1 -1
- package/src/core/ComponentAbstraction.tsx +2 -1
- package/src/index.ts +8 -5
- package/dist/components/DropdownSelector/OptionLi.d.ts +0 -11
- package/dist/components/DropdownSelector/OptionLi.d.ts.map +0 -1
- package/src/components/DropdownSelector/OptionItem.tsx +0 -85
- package/src/components/DropdownSelector/utils/focusIfHTMLLIElement.tsx +0 -12
- package/src/components/DropdownSelector/utils/handleFocusByKeyBoard.tsx +0 -20
package/dist/_lib/compat.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compat.d.ts","sourceRoot":"","sources":["../../src/_lib/compat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,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:
|
|
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":"
|
|
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:
|
|
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":"
|
|
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 @@
|
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
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:
|
|
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":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Clickable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,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:
|
|
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":"
|
|
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 +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 {
|
|
3
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
|
2
|
-
|
|
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
|
|
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,
|
|
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
|
-
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
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;;;;;
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,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:
|
|
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:
|
|
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,
|
|
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:
|
|
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":"
|
|
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:
|
|
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,
|
|
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:
|
|
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":"
|
|
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":"
|
|
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"}
|