@charcoal-ui/react 3.0.0-beta.3 → 3.0.0-beta.5
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 +18 -0
- package/dist/_lib/compat.d.ts.map +1 -1
- package/dist/_lib/index.d.ts +7 -0
- package/dist/_lib/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.story.d.ts +1 -0
- package/dist/components/Checkbox/index.story.d.ts.map +1 -1
- package/dist/components/DropdownSelector/index.d.ts.map +1 -1
- package/dist/components/LoadingSpinner/index.d.ts +8 -6
- package/dist/components/LoadingSpinner/index.d.ts.map +1 -1
- package/dist/components/LoadingSpinner/index.story.d.ts +1 -2
- package/dist/components/LoadingSpinner/index.story.d.ts.map +1 -1
- package/dist/components/Modal/index.d.ts +17 -26
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.story.d.ts +12 -2
- package/dist/components/Modal/index.story.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +14 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.story.d.ts +14 -2
- package/dist/components/MultiSelect/index.story.d.ts.map +1 -1
- package/dist/components/Radio/index.d.ts +12 -5
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.story.d.ts +10 -6
- package/dist/components/Radio/index.story.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +1 -0
- package/dist/components/SegmentedControl/index.d.ts.map +1 -1
- package/dist/components/Switch/index.d.ts +2 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.story.d.ts +1 -2
- package/dist/components/Switch/index.story.d.ts.map +1 -1
- package/dist/components/TextArea/index.d.ts +3 -10
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextField/TextField.story.d.ts +4 -5
- package/dist/components/TextField/TextField.story.d.ts.map +1 -1
- package/dist/components/TextField/index.d.ts +6 -29
- package/dist/components/TextField/index.d.ts.map +1 -1
- package/dist/components/TextField/index.story.d.ts +5 -4
- package/dist/components/TextField/index.story.d.ts.map +1 -1
- package/dist/index.cjs.js +636 -594
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +604 -563
- package/dist/index.esm.js.map +1 -1
- package/package.json +6 -6
- package/src/_lib/compat.ts +19 -0
- package/src/_lib/index.ts +23 -0
- package/src/components/Checkbox/index.story.tsx +1 -0
- package/src/components/Checkbox/index.tsx +2 -1
- package/src/components/DropdownSelector/DropdownMenuItem.tsx +1 -1
- package/src/components/DropdownSelector/ListItem/index.story.tsx +1 -1
- package/src/components/DropdownSelector/ListItem/index.tsx +1 -1
- package/src/components/DropdownSelector/MenuItem/index.tsx +0 -1
- package/src/components/DropdownSelector/MenuItem/internals/useMenuItemHandleKeyDown.tsx +1 -1
- package/src/components/DropdownSelector/MenuItemGroup/index.tsx +0 -1
- package/src/components/DropdownSelector/MenuList/index.story.tsx +0 -1
- package/src/components/DropdownSelector/MenuList/index.tsx +1 -1
- package/src/components/DropdownSelector/MenuList/internals/getValuesRecursive.tsx +1 -1
- package/src/components/DropdownSelector/Popover/index.story.tsx +1 -1
- package/src/components/DropdownSelector/Popover/index.tsx +1 -1
- package/src/components/DropdownSelector/index.tsx +16 -14
- package/src/components/DropdownSelector/utils/findPreviewRecursive.tsx +2 -1
- package/src/components/LoadingSpinner/index.story.tsx +7 -1
- package/src/components/LoadingSpinner/index.tsx +27 -11
- package/src/components/Modal/index.tsx +18 -12
- package/src/components/MultiSelect/index.story.tsx +16 -4
- package/src/components/MultiSelect/index.tsx +70 -60
- package/src/components/Radio/index.story.tsx +7 -8
- package/src/components/Radio/index.test.tsx +3 -3
- package/src/components/Radio/index.tsx +23 -23
- package/src/components/SegmentedControl/index.tsx +6 -1
- package/src/components/Switch/index.tsx +37 -32
- package/src/components/TextArea/TextArea.story.tsx +61 -0
- package/src/components/TextArea/index.tsx +247 -0
- package/src/components/TextField/{index.story.tsx → TextField.story.tsx} +6 -28
- package/src/components/TextField/index.tsx +146 -371
- package/src/index.ts +1 -2
- package/dist/components/DropdownSelector/OptionItem.d.ts +0 -7
- package/dist/components/DropdownSelector/OptionItem.d.ts.map +0 -1
- package/dist/components/DropdownSelector/utils/focusIfHTMLLIElement.d.ts +0 -6
- package/dist/components/DropdownSelector/utils/focusIfHTMLLIElement.d.ts.map +0 -1
- package/dist/components/DropdownSelector/utils/handleFocusByKeyBoard.d.ts +0 -6
- package/dist/components/DropdownSelector/utils/handleFocusByKeyBoard.d.ts.map +0 -1
- package/dist/types/CustomJSXElement.d.ts +0 -3
- package/dist/types/CustomJSXElement.d.ts.map +0 -1
package/dist/_lib/compat.d.ts
CHANGED
|
@@ -11,4 +11,22 @@ import * as React from 'react';
|
|
|
11
11
|
export type Story<P> = React.ComponentType<P> & {
|
|
12
12
|
args?: P;
|
|
13
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* react-ariaの`useTextField()`は、<textarea>をサポートするにも関わらず、
|
|
16
|
+
* `React.KeyboardEvent<HTMLInputElement>`しか想定していないイベントハンドラがいくつかある
|
|
17
|
+
* ↓ が直るまで、以下のイベントハンドラの型は信用しない(本当は`Element`ではなく`HTMLTextAreaElement`とかにしたい)
|
|
18
|
+
*
|
|
19
|
+
* @see https://github.com/adobe/react-spectrum/issues/4662
|
|
20
|
+
*/
|
|
21
|
+
export interface ReactAreaUseTextFieldCompat<E = Element> {
|
|
22
|
+
readonly onCopy?: React.ClipboardEventHandler<E>;
|
|
23
|
+
readonly onPaste?: React.ClipboardEventHandler<E>;
|
|
24
|
+
readonly onCut?: React.ClipboardEventHandler<E>;
|
|
25
|
+
readonly onCompositionStart?: React.CompositionEventHandler<E>;
|
|
26
|
+
readonly onCompositionEnd?: React.CompositionEventHandler<E>;
|
|
27
|
+
readonly onCompositionUpdate?: React.CompositionEventHandler<E>;
|
|
28
|
+
readonly onSelect?: React.ReactEventHandler<E>;
|
|
29
|
+
readonly onBeforeInput?: React.FormEventHandler<E>;
|
|
30
|
+
readonly onInput?: React.FormEventHandler<E>;
|
|
31
|
+
}
|
|
14
32
|
//# sourceMappingURL=compat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"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;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,OAAO;IACtD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC9D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC5D,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9C,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAClD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;CAC7C"}
|
package/dist/_lib/index.d.ts
CHANGED
|
@@ -23,4 +23,11 @@ export declare function unreachable(): never;
|
|
|
23
23
|
* @param value Value to be asserted as unreachable
|
|
24
24
|
*/
|
|
25
25
|
export declare function unreachable(value: never): never;
|
|
26
|
+
/**
|
|
27
|
+
* 複数のrefをマージする。
|
|
28
|
+
*
|
|
29
|
+
* forwardRefで受け取ったrefと、コンポーネント内で定義したrefを同じ要素につけたいケースなどで使う
|
|
30
|
+
*/
|
|
31
|
+
export declare function mergeRefs<T>(...refs: React.Ref<T>[]): React.RefCallback<T>;
|
|
32
|
+
export declare function countCodePointsInString(string: string): number;
|
|
26
33
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/_lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/_lib/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,KAAK,CAAA;AACpC;;;;;;;;;;;;;;;;GAgBG;AAGH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/_lib/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,WAAW,IAAI,KAAK,CAAA;AACpC;;;;;;;;;;;;;;;;GAgBG;AAGH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAA;AAShD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAU1E;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,UAIrD"}
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAE3B,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 +1 @@
|
|
|
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;
|
|
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;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,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/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,
|
|
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,eAwDpE"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
export
|
|
2
|
-
size?: number
|
|
3
|
-
padding?: number
|
|
4
|
-
transparent?: boolean
|
|
5
|
-
|
|
1
|
+
export type LoadingSpinnerProps = {
|
|
2
|
+
readonly size?: number;
|
|
3
|
+
readonly padding?: number;
|
|
4
|
+
readonly transparent?: boolean;
|
|
5
|
+
readonly className?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<LoadingSpinnerProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
8
|
+
export default _default;
|
|
6
9
|
interface Props {
|
|
7
10
|
once?: boolean;
|
|
8
11
|
}
|
|
@@ -10,5 +13,4 @@ export interface LoadingSpinnerIconHandler {
|
|
|
10
13
|
restart(): void;
|
|
11
14
|
}
|
|
12
15
|
export declare const LoadingSpinnerIcon: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<LoadingSpinnerIconHandler>>;
|
|
13
|
-
export {};
|
|
14
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;;AAqBD,wBAAmC;AA+CnC,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,7 +1,6 @@
|
|
|
1
|
-
import LoadingSpinner from '.';
|
|
2
1
|
declare const _default: {
|
|
3
2
|
title: string;
|
|
4
|
-
component:
|
|
3
|
+
component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import(".").LoadingSpinnerProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
5
4
|
decorators: ((...args: any) => any)[];
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.story.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.story.tsx"],"names":[],"mappings":";;;;;AAaA,wBAIC;AAED,wBAAgB,KAAK,gBAcpB;AAED,wBAAgB,IAAI,gBAEnB"}
|
|
@@ -12,38 +12,29 @@ export type ModalProps = AriaModalOverlayProps & AriaDialogProps & {
|
|
|
12
12
|
bottomSheet?: BottomSheet;
|
|
13
13
|
isOpen: boolean;
|
|
14
14
|
onClose: () => void;
|
|
15
|
+
className?: string;
|
|
15
16
|
/**
|
|
16
17
|
* https://github.com/adobe/react-spectrum/issues/3787
|
|
17
18
|
* Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
|
|
18
19
|
*/
|
|
19
20
|
portalContainer?: HTMLElement;
|
|
20
21
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
* <ModalHeader />
|
|
38
|
-
* <ModalBody>...</ModalBody>
|
|
39
|
-
* <ModalButtons>...</ModalButtons>
|
|
40
|
-
* </Modal>
|
|
41
|
-
* </App>
|
|
42
|
-
* </OverlayProvider>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export default function Modal({ children, zIndex, portalContainer, ...props }: ModalProps): JSX.Element;
|
|
22
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AriaModalOverlayProps & AriaDialogProps & {
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
zIndex?: number | undefined;
|
|
25
|
+
title: string;
|
|
26
|
+
size?: Size | undefined;
|
|
27
|
+
bottomSheet?: BottomSheet | undefined;
|
|
28
|
+
isOpen: boolean;
|
|
29
|
+
onClose: () => void;
|
|
30
|
+
className?: string | undefined;
|
|
31
|
+
/**
|
|
32
|
+
* https://github.com/adobe/react-spectrum/issues/3787
|
|
33
|
+
* Next.jsで使用する際に発生するエラーの一時的な回避策でdocument.bodyを指定する必要がある
|
|
34
|
+
*/
|
|
35
|
+
portalContainer?: HTMLElement | undefined;
|
|
36
|
+
} & React.RefAttributes<HTMLDivElement>>>;
|
|
37
|
+
export default _default;
|
|
46
38
|
export declare function ModalTitle(props: React.HTMLAttributes<HTMLHeadingElement>): JSX.Element;
|
|
47
39
|
export declare function ModalDismissButton({ children, ...props }: ButtonProps): JSX.Element | null;
|
|
48
|
-
export {};
|
|
49
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EAItB,MAAM,sBAAsB,CAAA;AAK7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAMrD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,qBAAqB,EAItB,MAAM,sBAAsB,CAAA;AAK7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAMrD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAI/C,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AACnC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAE3B,MAAM,MAAM,UAAU,GAAG,qBAAqB,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,eAAe,CAAC,EAAE,WAAW,CAAA;CAC9B,CAAA;;;;;;;;;;IALC;;;OAGG;;;AAuIP,wBAA0B;AA6F1B,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,eAOzE;AAQD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,sBAYrE"}
|
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
import { Story } from '../../_lib/compat';
|
|
2
|
-
import
|
|
2
|
+
import { ModalProps } from '.';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("@react-aria/overlays").AriaModalOverlayProps & import("@react-types/dialog").AriaDialogProps & {
|
|
6
|
+
children: import("react").ReactNode;
|
|
7
|
+
zIndex?: number | undefined;
|
|
8
|
+
title: string;
|
|
9
|
+
size?: ("S" | "M" | "L") | undefined;
|
|
10
|
+
bottomSheet?: (boolean | "full") | undefined;
|
|
11
|
+
isOpen: boolean;
|
|
12
|
+
onClose: () => void;
|
|
13
|
+
className?: string | undefined;
|
|
14
|
+
portalContainer?: HTMLElement | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
16
|
args: {
|
|
7
17
|
title: string;
|
|
8
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAc,EAAsB,UAAU,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAczD,wBAqBC;AA+DD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,UAAU,CAAyB,CAAA;AAuD/D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,UAAU,CAAiC,CAAA;AAuC/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAAU,CAA6B,CAAA"}
|
|
@@ -3,12 +3,25 @@ export type MultiSelectProps = React.PropsWithChildren<{
|
|
|
3
3
|
value: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
variant?: 'default' | 'overlay';
|
|
6
|
+
className?: string;
|
|
6
7
|
onChange?: (payload: {
|
|
7
8
|
value: string;
|
|
8
9
|
selected: boolean;
|
|
9
10
|
}) => void;
|
|
10
11
|
}>;
|
|
11
|
-
|
|
12
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
|
|
13
|
+
value: string;
|
|
14
|
+
disabled?: boolean | undefined;
|
|
15
|
+
variant?: "default" | "overlay" | undefined;
|
|
16
|
+
className?: string | undefined;
|
|
17
|
+
onChange?: ((payload: {
|
|
18
|
+
value: string;
|
|
19
|
+
selected: boolean;
|
|
20
|
+
}) => void) | undefined;
|
|
21
|
+
} & {
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
} & React.RefAttributes<HTMLInputElement>>>;
|
|
24
|
+
export default _default;
|
|
12
25
|
export type MultiSelectGroupProps = React.PropsWithChildren<{
|
|
13
26
|
className?: string;
|
|
14
27
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACnE,CAAC,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACnE,CAAC,CAAA;;;;;;;;;;;;;AAuEF,wBAAgC;AA4EhC,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAQ,GACT,EAAE,qBAAqB,eAkCvB"}
|
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
import { Story } from '../../_lib/compat';
|
|
2
|
-
import { default as MultiSelect } from '.';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
|
-
component:
|
|
4
|
+
component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
5
|
+
value: string;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
variant?: "default" | "overlay" | undefined;
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
onChange?: ((payload: {
|
|
10
|
+
value: string;
|
|
11
|
+
selected: boolean;
|
|
12
|
+
}) => void) | undefined;
|
|
13
|
+
} & {
|
|
14
|
+
children?: import("react").ReactNode;
|
|
15
|
+
} & import("react").RefAttributes<HTMLInputElement>>>;
|
|
6
16
|
argTypes: {
|
|
7
17
|
name: {
|
|
8
18
|
control: {
|
|
@@ -52,6 +62,7 @@ type Props = {
|
|
|
52
62
|
readonly?: boolean;
|
|
53
63
|
invalid?: boolean;
|
|
54
64
|
variant?: 'default' | 'overlay';
|
|
65
|
+
className?: string;
|
|
55
66
|
};
|
|
56
67
|
export declare const Default: import("react").FunctionComponent<Props> & {
|
|
57
68
|
args?: Props | undefined;
|
|
@@ -62,6 +73,7 @@ type PlaygroundProps = {
|
|
|
62
73
|
disabled?: boolean;
|
|
63
74
|
readonly?: boolean;
|
|
64
75
|
invalid?: boolean;
|
|
76
|
+
className?: string;
|
|
65
77
|
variant?: 'default' | 'overlay';
|
|
66
78
|
};
|
|
67
79
|
export declare const Playground: Story<PlaygroundProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzC,wBAyCC;AAED,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAwCD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAaxC,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAqB7C,CAAA"}
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export type RadioProps = React.PropsWithChildren<{
|
|
3
3
|
value: string;
|
|
4
|
-
forceChecked?: boolean;
|
|
5
4
|
disabled?: boolean;
|
|
5
|
+
className?: string;
|
|
6
6
|
}>;
|
|
7
|
-
|
|
7
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
|
|
8
|
+
value: string;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
} & {
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
} & React.RefAttributes<HTMLInputElement>>>;
|
|
14
|
+
export default _default;
|
|
8
15
|
export declare const RadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
|
|
9
16
|
type: "radio";
|
|
10
17
|
} & {
|
|
11
|
-
|
|
18
|
+
invalid?: boolean | undefined;
|
|
12
19
|
}, "type">;
|
|
13
20
|
export type RadioGroupProps = React.PropsWithChildren<{
|
|
14
21
|
className?: string;
|
|
@@ -18,7 +25,7 @@ export type RadioGroupProps = React.PropsWithChildren<{
|
|
|
18
25
|
onChange(next: string): void;
|
|
19
26
|
disabled?: boolean;
|
|
20
27
|
readonly?: boolean;
|
|
21
|
-
|
|
28
|
+
invalid?: boolean;
|
|
22
29
|
}>;
|
|
23
|
-
export declare function RadioGroup({ className, value, label, name, onChange, disabled, readonly,
|
|
30
|
+
export declare function RadioGroup({ className, value, label, name, onChange, disabled, readonly, invalid, children, }: RadioGroupProps): JSX.Element;
|
|
24
31
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;;;;;;;;AAgDF,wBAA0B;AAY1B,eAAO,MAAM,UAAU;;;;UAgDtB,CAAA;AAMD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC,CAAA;AA+BF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,eA8BjB"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
import Radio from '.';
|
|
2
1
|
declare const _default: {
|
|
3
2
|
title: string;
|
|
4
|
-
component:
|
|
3
|
+
component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
4
|
+
value: string;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
} & {
|
|
8
|
+
children?: import("react").ReactNode;
|
|
9
|
+
} & import("react").RefAttributes<HTMLInputElement>>>;
|
|
5
10
|
argTypes: {
|
|
6
11
|
value: {
|
|
7
12
|
control: {
|
|
@@ -11,21 +16,20 @@ declare const _default: {
|
|
|
11
16
|
};
|
|
12
17
|
};
|
|
13
18
|
args: {
|
|
14
|
-
|
|
19
|
+
invalid: boolean;
|
|
15
20
|
parentDisabled: boolean;
|
|
16
21
|
childDisabled: boolean;
|
|
17
|
-
forceChecked: boolean;
|
|
18
22
|
readonly: boolean;
|
|
19
23
|
};
|
|
20
24
|
};
|
|
21
25
|
export default _default;
|
|
22
26
|
interface Props {
|
|
23
27
|
value?: string;
|
|
24
|
-
|
|
28
|
+
invalid: boolean;
|
|
25
29
|
parentDisabled: boolean;
|
|
26
30
|
childDisabled: boolean;
|
|
27
|
-
forceChecked: boolean;
|
|
28
31
|
readonly: boolean;
|
|
32
|
+
className?: string;
|
|
29
33
|
}
|
|
30
34
|
export declare const Default: import("react").FunctionComponent<Partial<Props>> & {
|
|
31
35
|
args?: Partial<Props> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.story.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAeC;AAED,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2CD,eAAO,MAAM,OAAO;;CAAoB,CAAA"}
|
|
@@ -10,6 +10,7 @@ export type SegmentedControlProps = {
|
|
|
10
10
|
readonly disabled?: boolean;
|
|
11
11
|
readonly readonly?: boolean;
|
|
12
12
|
readonly required?: boolean;
|
|
13
|
+
readonly className?: string;
|
|
13
14
|
readonly value?: string;
|
|
14
15
|
readonly defaultValue?: string;
|
|
15
16
|
readonly data: string[] | SegmentedControlItem[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAE3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEhD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,CAAA;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAE3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;IAEhD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C,CAAA;;AA4CD,wBAAqC"}
|
|
@@ -12,5 +12,6 @@ export type SwitchProps = {
|
|
|
12
12
|
} | {
|
|
13
13
|
label: string;
|
|
14
14
|
});
|
|
15
|
-
|
|
15
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>>;
|
|
16
|
+
export default _default;
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACjC,GAAG,CACA,0BAA0B;AAC5B;IACI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GACD;IACE,KAAK,EAAE,MAAM,CAAA;CACd,CACJ,CAAA;;AAoCD,wBAAmC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { Story } from '../../_lib/compat';
|
|
2
|
-
import Switch from '.';
|
|
3
2
|
declare const _default: {
|
|
4
3
|
title: string;
|
|
5
|
-
component:
|
|
4
|
+
component: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import(".").SwitchProps & import("react").RefAttributes<HTMLInputElement>>>;
|
|
6
5
|
};
|
|
7
6
|
export default _default;
|
|
8
7
|
interface Props {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;;;;;AAGzC,wBAGC;AAED,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CAiBnC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,KAAK,CAMjC,CAAA;AAOD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,KAAK,CASnC,CAAA"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FieldLabelProps } from '../FieldLabel';
|
|
3
|
-
|
|
3
|
+
import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
|
|
4
|
+
type DOMProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | keyof ReactAreaUseTextFieldCompat>;
|
|
5
|
+
export interface TextAreaProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>, DOMProps, ReactAreaUseTextFieldCompat {
|
|
4
6
|
readonly autoHeight?: boolean;
|
|
5
7
|
readonly rows?: number;
|
|
6
|
-
readonly className?: string;
|
|
7
8
|
readonly defaultValue?: string;
|
|
8
9
|
readonly value?: string;
|
|
9
10
|
readonly onChange?: (value: string) => void;
|
|
@@ -12,16 +13,8 @@ export interface TextAreaProps extends Pick<FieldLabelProps, 'label' | 'required
|
|
|
12
13
|
readonly onBlur?: (event: React.FocusEvent<Element>) => void;
|
|
13
14
|
readonly showCount?: boolean;
|
|
14
15
|
readonly showLabel?: boolean;
|
|
15
|
-
readonly placeholder?: string;
|
|
16
16
|
readonly assistiveText?: string;
|
|
17
|
-
readonly disabled?: boolean;
|
|
18
|
-
readonly required?: boolean;
|
|
19
17
|
readonly invalid?: boolean;
|
|
20
|
-
readonly maxLength?: number;
|
|
21
|
-
/**
|
|
22
|
-
* tab-indexがー1かどうか
|
|
23
|
-
*/
|
|
24
|
-
readonly excludeFromTabOrder?: boolean;
|
|
25
18
|
}
|
|
26
19
|
declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
27
20
|
export default TextArea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,QAAQ,GAAG,IAAI,CAClB,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAE/C,UAAU,GAEV,MAAM,2BAA2B,CACpC,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EAClE,QAAQ,EACR,2BAA2B;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IAGtB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAG3C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAE5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,QAAA,MAAM,QAAQ,2FAkHb,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { Story } from '../../_lib/compat';
|
|
3
2
|
import { TextFieldProps } from '.';
|
|
4
3
|
declare const _default: {
|
|
5
4
|
title: string;
|
|
6
|
-
component:
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
7
6
|
argTypes: {};
|
|
8
7
|
args: {
|
|
9
8
|
showLabel: boolean;
|
|
@@ -15,13 +14,13 @@ declare const _default: {
|
|
|
15
14
|
};
|
|
16
15
|
};
|
|
17
16
|
export default _default;
|
|
18
|
-
export declare const Default:
|
|
17
|
+
export declare const Default: import("react").FunctionComponent<Partial<TextFieldProps>> & {
|
|
19
18
|
args?: Partial<TextFieldProps> | undefined;
|
|
20
19
|
};
|
|
21
|
-
export declare const HasLabel:
|
|
20
|
+
export declare const HasLabel: import("react").FunctionComponent<Partial<TextFieldProps>> & {
|
|
22
21
|
args?: Partial<TextFieldProps> | undefined;
|
|
23
22
|
};
|
|
24
|
-
export declare const HasCount:
|
|
23
|
+
export declare const HasCount: import("react").FunctionComponent<Partial<TextFieldProps>> & {
|
|
25
24
|
args?: Partial<TextFieldProps> | undefined;
|
|
26
25
|
};
|
|
27
26
|
export declare const HasAffix: Story<Partial<TextFieldProps>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.story.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextField.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.story.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAkB,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAI7C,wBAYC;AAqBD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAEnD,CAAA;AAQD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAYrD,CAAA"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { FieldLabelProps } from '../FieldLabel';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
|
|
5
|
+
type DOMProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | keyof ReactAreaUseTextFieldCompat>;
|
|
6
|
+
export interface TextFieldProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>, DOMProps, ReactAreaUseTextFieldCompat {
|
|
7
|
+
readonly prefix?: ReactNode;
|
|
8
|
+
readonly suffix?: ReactNode;
|
|
6
9
|
readonly defaultValue?: string;
|
|
7
10
|
readonly value?: string;
|
|
8
11
|
readonly onChange?: (value: string) => void;
|
|
@@ -11,35 +14,9 @@ interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredTe
|
|
|
11
14
|
readonly onBlur?: (event: React.FocusEvent<Element>) => void;
|
|
12
15
|
readonly showCount?: boolean;
|
|
13
16
|
readonly showLabel?: boolean;
|
|
14
|
-
readonly placeholder?: string;
|
|
15
17
|
readonly assistiveText?: string;
|
|
16
|
-
readonly disabled?: boolean;
|
|
17
|
-
readonly required?: boolean;
|
|
18
18
|
readonly invalid?: boolean;
|
|
19
|
-
readonly maxLength?: number;
|
|
20
|
-
/**
|
|
21
|
-
* tab-indexがー1かどうか
|
|
22
|
-
*/
|
|
23
|
-
readonly excludeFromTabOrder?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export interface SingleLineTextFieldProps extends TextFieldBaseProps {
|
|
26
|
-
readonly autoHeight?: never;
|
|
27
|
-
readonly multiline?: false;
|
|
28
|
-
readonly rows?: never;
|
|
29
|
-
readonly type?: string;
|
|
30
|
-
readonly prefix?: ReactNode;
|
|
31
|
-
readonly suffix?: ReactNode;
|
|
32
|
-
}
|
|
33
|
-
export interface MultiLineTextFieldProps extends TextFieldBaseProps {
|
|
34
|
-
readonly autoHeight?: boolean;
|
|
35
|
-
readonly multiline: true;
|
|
36
|
-
readonly rows?: number;
|
|
37
|
-
readonly type?: never;
|
|
38
|
-
readonly prefix?: never;
|
|
39
|
-
readonly suffix?: never;
|
|
40
19
|
}
|
|
41
|
-
|
|
42
|
-
type TextFieldElement = HTMLInputElement & HTMLTextAreaElement;
|
|
43
|
-
declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldElement>>;
|
|
20
|
+
declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
44
21
|
export default TextField;
|
|
45
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAE/D,KAAK,QAAQ,GAAG,IAAI,CAClB,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAEzC,UAAU,GAIV,QAAQ,GAGR,MAAM,2BAA2B,CACpC,CAAA;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,EAClE,QAAQ,EACR,2BAA2B;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAG3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAG3C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAE5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,QAAA,MAAM,SAAS,yFA4Hd,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { Story } from '../../_lib/compat';
|
|
2
3
|
import { MultiLineTextFieldProps, SingleLineTextFieldProps, TextFieldProps } from '.';
|
|
3
4
|
declare const _default: {
|
|
4
5
|
title: string;
|
|
5
|
-
component:
|
|
6
|
+
component: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
|
|
6
7
|
argTypes: {};
|
|
7
8
|
args: {
|
|
8
9
|
showLabel: boolean;
|
|
@@ -14,13 +15,13 @@ declare const _default: {
|
|
|
14
15
|
};
|
|
15
16
|
};
|
|
16
17
|
export default _default;
|
|
17
|
-
export declare const Default:
|
|
18
|
+
export declare const Default: React.FunctionComponent<Partial<TextFieldProps>> & {
|
|
18
19
|
args?: Partial<TextFieldProps> | undefined;
|
|
19
20
|
};
|
|
20
|
-
export declare const HasLabel:
|
|
21
|
+
export declare const HasLabel: React.FunctionComponent<Partial<TextFieldProps>> & {
|
|
21
22
|
args?: Partial<TextFieldProps> | undefined;
|
|
22
23
|
};
|
|
23
|
-
export declare const HasCount:
|
|
24
|
+
export declare const HasCount: React.FunctionComponent<Partial<TextFieldProps>> & {
|
|
24
25
|
args?: Partial<TextFieldProps> | undefined;
|
|
25
26
|
};
|
|
26
27
|
export declare const HasAffix: Story<Partial<SingleLineTextFieldProps>>;
|