@charcoal-ui/react 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FieldLabelProps } from '../FieldLabel';
+import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
+type DOMProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | keyof ReactAreaUseTextFieldCompat>;
+export interface TextAreaProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>, DOMProps, ReactAreaUseTextFieldCompat {
+    readonly autoHeight?: boolean;
+    readonly rows?: number;
+    readonly defaultValue?: string;
+    readonly value?: string;
+    readonly onChange?: (value: string) => void;
+    readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
+    readonly onFocus?: (event: React.FocusEvent<Element>) => void;
+    readonly onBlur?: (event: React.FocusEvent<Element>) => void;
+    readonly showCount?: boolean;
+    readonly showLabel?: boolean;
+    readonly assistiveText?: string;
+    readonly invalid?: boolean;
+}
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TextArea/index.d.ts.map

@@ -0,0 +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"}

package/dist/components/TextField/TextField.story.d.ts

@@ -0,0 +1,28 @@
+import { Story } from '../../_lib/compat';
+import { TextFieldProps } from '.';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {};
+    args: {
+        showLabel: boolean;
+        label: string;
+        assistiveText: string;
+        disabled: boolean;
+        required: boolean;
+        invalid: boolean;
+    };
+};
+export default _default;
+export declare const Default: import("react").FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasLabel: import("react").FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasCount: import("react").FunctionComponent<Partial<TextFieldProps>> & {
+    args?: Partial<TextFieldProps> | undefined;
+};
+export declare const HasAffix: Story<Partial<TextFieldProps>>;
+export declare const PrefixIcon: Story<Partial<TextFieldProps>>;
+//# sourceMappingURL=TextField.story.d.ts.map

package/dist/components/TextField/TextField.story.d.ts.map

@@ -0,0 +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"}

package/dist/components/TextField/index.d.ts

@@ -1,7 +1,11 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
+import * as React from 'react';
 import { FieldLabelProps } from '../FieldLabel';
-interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'> {
-    readonly className?: string;
+import { ReactAreaUseTextFieldCompat } from '../../_lib/compat';
+type DOMProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | keyof ReactAreaUseTextFieldCompat>;
+export interface TextFieldProps extends Pick<FieldLabelProps, 'label' | 'requiredText' | 'subLabel'>, DOMProps, ReactAreaUseTextFieldCompat {
+    readonly prefix?: ReactNode;
+    readonly suffix?: ReactNode;
     readonly defaultValue?: string;
     readonly value?: string;
     readonly onChange?: (value: string) => void;
@@ -10,35 +14,9 @@ interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredTe
     readonly onBlur?: (event: React.FocusEvent<Element>) => void;
     readonly showCount?: boolean;
     readonly showLabel?: boolean;
-    readonly placeholder?: string;
     readonly assistiveText?: string;
-    readonly disabled?: boolean;
-    readonly required?: boolean;
     readonly invalid?: boolean;
-    readonly maxLength?: number;
-    /**
-     * tab-indexがｰ1かどうか
-     */
-    readonly excludeFromTabOrder?: boolean;
-}
-export interface SingleLineTextFieldProps extends TextFieldBaseProps {
-    readonly autoHeight?: never;
-    readonly multiline?: false;
-    readonly rows?: never;
-    readonly type?: string;
-    readonly prefix?: ReactNode;
-    readonly suffix?: ReactNode;
-}
-export interface MultiLineTextFieldProps extends TextFieldBaseProps {
-    readonly autoHeight?: boolean;
-    readonly multiline: true;
-    readonly rows?: number;
-    readonly type?: never;
-    readonly prefix?: never;
-    readonly suffix?: never;
 }
-export type TextFieldProps = SingleLineTextFieldProps | MultiLineTextFieldProps;
-type TextFieldElement = HTMLInputElement & HTMLTextAreaElement;
-declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<TextFieldElement>>;
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TextField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AAEd,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK3D,UAAU,kBACR,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,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;IAC3C,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;IAC5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CACvC;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAA;AAC/E,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;AAoB9D,QAAA,MAAM,SAAS,yFAQd,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"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"}

package/dist/core/CharcoalProvider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Components } from './ComponentAbstraction';
 import { ThemeMap } from '@charcoal-ui/styled/src/TokenInjector';
 import { CharcoalTheme } from '@charcoal-ui/theme';

package/dist/core/CharcoalProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CharcoalProvider.d.ts","sourceRoot":"","sources":["../../src/core/CharcoalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAA6B,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAKlD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACjC,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CACjC,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAgC,EAChC,UAAe,EACf,YAAmB,EACnB,QAAQ,GACT,EAAE,qBAAqB,eAWvB"}
+{"version":3,"file":"CharcoalProvider.d.ts","sourceRoot":"","sources":["../../src/core/CharcoalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAA6B,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAKlD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IACjC,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CACjC,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAgC,EAChC,UAAe,EACf,YAAmB,EACnB,QAAQ,GACT,EAAE,qBAAqB,eAWvB"}

package/dist/core/ComponentAbstraction.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export type LinkProps = {
     /**
      * リンクのURL

package/dist/core/ComponentAbstraction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentAbstraction.d.ts","sourceRoot":"","sources":["../../src/core/ComponentAbstraction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;AAErD,eAAO,MAAM,WAAW;IANtB;;OAEG;QACC,MAAM;gOAWX,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAC3E;AAQD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,eAQ3E;AAED,wBAAgB,uBAAuB,eAEtC"}
+{"version":3,"file":"ComponentAbstraction.d.ts","sourceRoot":"","sources":["../../src/core/ComponentAbstraction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;CACX,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;AAErD,eAAO,MAAM,WAAW;IANtB;;OAEG;QACC,MAAM;gOAWX,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAC3E;AAQD,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,KAAK,eAQ3E;AAED,wBAAgB,uBAAuB,eAEtC"}