@croquiscom/pds 3.9.0 → 3.10.0-alpha.1

package/dist/input/Input.d.ts

@@ -0,0 +1,9 @@
+import React, { InputHTMLAttributes } from 'react';
+import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+export declare type InputAlignment = 'left' | 'center' | 'right';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    alignment?: InputAlignment;
+    error?: boolean;
+    width?: CSSValueWithLength;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/input/Input.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Input").InputProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Base: any;
+export declare const Error: any;
+export declare const Disabled: any;
+export declare const EnteredDisabled: any;
+export declare const RightAlignment: any;

package/dist/input/InputAddon.d.ts

@@ -0,0 +1,10 @@
+import React, { AllHTMLAttributes } from 'react';
+export interface InputProps extends AllHTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    error?: boolean;
+    /**
+     * @default left
+     */
+    position: 'left' | 'right';
+}
+export declare const InputAddon: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/input/NumericInput.d.ts

@@ -0,0 +1,20 @@
+import React, { ChangeEvent, InputHTMLAttributes } from 'react';
+import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+import { InputAlignment } from './Input';
+export interface NumericInputBaseType {
+    value?: number | string | null;
+    defaultValue?: number | string;
+    alignment?: InputAlignment;
+    error?: boolean;
+    prefix?: string;
+    suffix?: string;
+    /**
+     * @default true
+     */
+    allowNegative?: boolean;
+    decimalScale?: number;
+    width?: CSSValueWithLength;
+    onChange?: (value: number, event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare type NumericInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'width'> & NumericInputBaseType;
+export declare const NumericInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "onChange"> & NumericInputBaseType & React.RefAttributes<HTMLInputElement>>;

package/dist/input/NumericInput.stories.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+import { NumericInputProps } from './NumericInput';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "onChange"> & import("./NumericInput").NumericInputBaseType & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Base: any;
+export declare const Addon: any;
+export declare const Error: any;
+export declare const Disabled: any;
+export declare const WhetherNegativeNumbersAreAllowed: any;
+export declare const DecimalScale: any;
+export declare const EnteredDisabled: any;
+export declare const RightAlignment: any;
+export declare const SetValueWithName: {
+    (args: NumericInputProps): JSX.Element;
+    args: {
+        prefix: string;
+        suffix: string;
+        placeholder: string;
+    };
+};

package/dist/input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Input';
+export * from './NumericInput';

package/dist/input/styles.d.ts

@@ -0,0 +1,16 @@
+export declare const input_base_css: import("@emotion/utils").SerializedStyles;
+export declare const input_default_style: {
+    backgroundColor: string;
+    border: string;
+    color: string;
+};
+export declare const input_error_style: {
+    border: string;
+    '&:focus': {
+        border: string;
+    };
+};
+export declare const input_disabled_style: {
+    backgroundColor: string;
+    color: string;
+};

package/dist/locales/en.d.ts

@@ -30,6 +30,7 @@ export declare const en: {
     DatePicker: {
         placeholder: string;
         footer: {
+            now: string;
             today: string;
             ok: string;
             clear: string;

package/dist/locales/ja.d.ts

@@ -30,6 +30,7 @@ export declare const ja: {
     DatePicker: {
         placeholder: string;
         footer: {
+            now: string;
             today: string;
             ok: string;
             clear: string;

package/dist/locales/ko.d.ts

@@ -30,6 +30,7 @@ export declare const ko: {
     DatePicker: {
         placeholder: string;
         footer: {
+            now: string;
             today: string;
             ok: string;
             clear: string;

package/dist/radio/Radio.d.ts

@@ -0,0 +1,14 @@
+import React, { InputHTMLAttributes } from 'react';
+import { RadioItemType } from './RadioGroup';
+export interface RadioProps extends Exclude<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * @default false
+     */
+    fill?: boolean;
+    className?: string;
+    /**
+     * @default default
+     */
+    radioItemType?: RadioItemType;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/radio/Radio.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Radio").RadioProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Base: any;
+export declare const Checked: any;
+export declare const Disabled: any;
+export declare const CheckedDisabled: any;

package/dist/radio/RadioGroup.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export declare type AlignType = 'horizontal' | 'vertical';
+export declare type RadioItemType = 'default' | 'box';
+interface RadioItem<RadioValue> {
+    label: React.ReactNode;
+    value: RadioValue;
+    disabled?: boolean;
+}
+export interface RadioGroupProps<RadioValue> {
+    className?: string;
+    defaultValue?: RadioValue;
+    value?: RadioValue;
+    name?: string;
+    items: RadioItem<RadioValue>[];
+    /**
+     *  @default 24
+     *  radioItmType - 'box': spacing 속성 미적용
+     */
+    spacing?: number;
+    disabled?: boolean;
+    align?: AlignType;
+    radioItemType?: RadioItemType;
+    keyExtractor?: (item: RadioItem<RadioValue>, index: number) => string | number;
+    onChange?: (value: RadioValue) => void;
+}
+export interface RadioGroupInstance<RadioValue> {
+    value?: RadioValue;
+    focus: () => void;
+}
+export declare const RadioGroup: <RadioValue>(props: RadioGroupProps<RadioValue> & {
+    ref?: React.Ref<RadioGroupInstance<RadioValue>>;
+}) => React.ReactElement;
+export {};

package/dist/radio/RadioGroup.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<(<RadioValue>(props: import("./RadioGroup").RadioGroupProps<RadioValue> & {
+    ref?: React.Ref<import("./RadioGroup").RadioGroupInstance<RadioValue>>;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>)>;
+export default _default;
+export declare const Base: any;
+export declare const Spacing: any;
+export declare const Disabled: any;
+export declare const VerticalAlign: any;
+export declare const Controlled: () => JSX.Element;
+export declare const BoxRadio: () => JSX.Element;

package/dist/radio/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Radio';
+export * from './RadioGroup';

package/dist/radio/styles.d.ts

@@ -0,0 +1,12 @@
+import { RadioItemType, AlignType } from './RadioGroup';
+export declare const getRadioGroupStyleByProps: ({ radio_item_type, align, spacing, }: {
+    radio_item_type?: RadioItemType;
+    align?: AlignType;
+    spacing?: Number;
+}) => import("@emotion/utils").SerializedStyles;
+export declare const getRadioStyleByProps: ({ radio_item_type, fill, disabled, checked, }: {
+    radio_item_type?: RadioItemType;
+    fill?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+}) => import("@emotion/utils").SerializedStyles;