powell-react 0.0.5 → 0.0.7

package/dist/index.d.ts

@@ -1,8 +1,31 @@
-import * as react from 'react';
-import { MouseEvent, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { $ButtonProps } from '@api';
-import { ButtonAppearance, PowellConfig } from '@models';
+import * as react from 'react';
+import { PropsWithChildren, ReactNode, ChangeEvent, MouseEvent } from 'react';
+import { PowellConfig, SafeAny, Addon, Size, LabelPosition, ButtonAppearance, FixLabelPosition } from '@models';
+import { $AutoCompleteProps, $IconFieldProps, $ButtonProps, $CascadeSelectProps, $CheckboxProps, $ChipsProps, $ChipsChangeEvent, $ColorPickerProps, $DropdownProps, $EditorProps, $FormikValues, $FormikConfig, $FormikContextType, $InputMaskProps, $InputNumberProps, $InputOtpProps, $PasswordProps, $InputSwitchProps, $InputTextProps, $InputTextareaProps, $KnobProps, $ListBoxProps, $MentionProps, $MultiSelectProps, $MultiStateCheckboxProps, $RadioButtonProps, $RatingProps, $SelectButtonProps, $SliderProps, $ToggleButtonProps, $TreeSelectProps, $TriStateCheckboxProps } from '@api';
+
+declare const PowellProvider: (props: PropsWithChildren<{
+    config?: PowellConfig;
+}>) => react_jsx_runtime.JSX.Element;
+
+interface AutoCompleteProps extends $AutoCompleteProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    addon?: Addon;
+    inputSize?: Size;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const AutoComplete: (props: AutoCompleteProps) => react_jsx_runtime.JSX.Element;
 
 type ButtonState = 'default' | 'loading' | 'next';
 interface ButtonOnClickAsyncEvent {
@@ -23,8 +46,450 @@ interface ButtonProps extends Omit<$ButtonProps, "loading" | "link" | "text" | "
 }
 declare const Button: react.MemoExoticComponent<(props: ButtonProps) => react_jsx_runtime.JSX.Element>;
 
-declare const PowellProvider: (props: PropsWithChildren<{
-    config?: PowellConfig;
-}>) => react_jsx_runtime.JSX.Element;
+interface CascadeSelectProps extends $CascadeSelectProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    addon?: Addon;
+    inputSize?: Size;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const CascadeSelect: (props: CascadeSelectProps) => react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends Omit<$CheckboxProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
+interface ChipsProps extends $ChipsProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: $ChipsChangeEvent) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const Chips: (props: ChipsProps) => react_jsx_runtime.JSX.Element;
+
+interface ColorPickerProps extends $ColorPickerProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const ColorPicker: (props: ColorPickerProps) => react_jsx_runtime.JSX.Element;
+
+interface DropdownProps extends $DropdownProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const Dropdown: (props: DropdownProps) => react_jsx_runtime.JSX.Element;
+
+interface EditorProps extends $EditorProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const Editor: (props: EditorProps) => react_jsx_runtime.JSX.Element;
+
+interface FormContainerProps<T extends $FormikValues> extends $FormikConfig<T> {
+    onInit?: (context: $FormikContextType<T>) => void;
+    className?: string;
+}
+declare const FormContainer: react.ForwardRefExoticComponent<FormContainerProps<$FormikValues> & react.RefAttributes<HTMLFormElement>>;
+
+interface InputMaskProps extends $InputMaskProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const InputMask: (props: InputMaskProps) => react_jsx_runtime.JSX.Element;
+
+interface InputNumberProps extends $InputNumberProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const InputNumber: (props: InputNumberProps) => react_jsx_runtime.JSX.Element;
+
+interface InputOtpProps extends $InputOtpProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    inputSize?: Size;
+    labelPosition?: FixLabelPosition;
+}
+declare const InputOtp: (props: InputOtpProps) => react_jsx_runtime.JSX.Element;
+
+interface InputPasswordProps extends $PasswordProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const InputPassword: (props: InputPasswordProps) => react_jsx_runtime.JSX.Element;
+
+interface InputSwitchProps extends Omit<$InputSwitchProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const InputSwitch: (props: InputSwitchProps) => react_jsx_runtime.JSX.Element;
+
+interface InputTextProps extends $InputTextProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const InputText: (props: InputTextProps) => react_jsx_runtime.JSX.Element;
+
+interface InputTextareaProps extends $InputTextareaProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const InputTextarea: (props: InputTextareaProps) => react_jsx_runtime.JSX.Element;
+
+interface KnobProps extends Omit<$KnobProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const Knob: (props: KnobProps) => react_jsx_runtime.JSX.Element;
+
+interface ListBoxProps extends Omit<$ListBoxProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const ListBox: (props: ListBoxProps) => react_jsx_runtime.JSX.Element;
+
+interface MentionProps extends $MentionProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const Mention: (props: MentionProps) => react_jsx_runtime.JSX.Element;
+
+interface MultiSelectProps extends $MultiSelectProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const MultiSelect: (props: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+
+interface MultiStateCheckboxProps extends Omit<$MultiStateCheckboxProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const MultiStateCheckbox: (props: MultiStateCheckboxProps) => react_jsx_runtime.JSX.Element;
+
+interface RadioGroupProps extends Omit<$RadioButtonProps, 'checked'> {
+    checked?: boolean;
+    name: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+    options: SafeAny[];
+    optionLabel?: string;
+    optionValue?: string;
+}
+declare const RadioGroup: (props: RadioGroupProps) => react_jsx_runtime.JSX.Element;
+
+interface RatingProps extends Omit<$RatingProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const Rating: (props: RatingProps) => react_jsx_runtime.JSX.Element;
+
+interface SelectButtonProps extends Omit<$SelectButtonProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const SelectButton: (props: SelectButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface SliderProps extends Omit<$SliderProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
+
+interface ToggleButtonProps extends Omit<$ToggleButtonProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const ToggleButton: (props: ToggleButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface TreeSelectProps extends $TreeSelectProps {
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    icon?: string | ReactNode;
+    hint?: string;
+    inputSize?: Size;
+    addon?: Addon;
+    iconPosition?: $IconFieldProps["iconPosition"];
+    labelPosition?: LabelPosition;
+}
+declare const TreeSelect: (props: TreeSelectProps) => react_jsx_runtime.JSX.Element;
+
+interface TriStateCheckboxProps extends Omit<$TriStateCheckboxProps, 'checked'> {
+    checked?: boolean;
+    name?: string;
+    parseError?: (error: string) => ReactNode;
+    transform?: {
+        input?: (value: SafeAny) => string;
+        output?: (event: ChangeEvent<HTMLInputElement>) => SafeAny;
+    };
+    showRequiredStar?: boolean;
+    rtl?: boolean;
+    label?: string;
+    hint?: string;
+    labelPosition?: FixLabelPosition;
+}
+declare const TriStateCheckbox: (props: TriStateCheckboxProps) => react_jsx_runtime.JSX.Element;
 
-export { Button, PowellProvider };
+export { AutoComplete, Button, CascadeSelect, Checkbox, Chips, ColorPicker, Dropdown, Editor, FormContainer, InputMask, InputNumber, InputOtp, InputPassword, InputSwitch, InputText, InputTextarea, Knob, ListBox, Mention, MultiSelect, MultiStateCheckbox, PowellProvider, RadioGroup, Rating, SelectButton, Slider, ToggleButton, TreeSelect, TriStateCheckbox };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powell-react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
@@ -75,6 +75,7 @@
     "formik": "^2.4.6",
     "primeicons": "^7.0.0",
     "primereact": "^10.8.4",
+    "sass": "^1.80.6",
     "yup": "^1.4.0"
   }
 }