powell-react 0.0.2 → 0.0.4

package/dist/esm/types/components/SelectButton/SelectButton.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@models";
+import { $SelectButtonProps } from "@api";
+import { SafeAny } from "@models";
+import './SelectButton.scss';
+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;
+}
+export declare const SelectButton: (props: SelectButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/SelectButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./SelectButton";

package/dist/esm/types/components/Slider/Slider.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@models";
+import { $SliderProps } from "@api";
+import { SafeAny } from "@models";
+import './Slider.scss';
+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;
+}
+export declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Slider";

package/dist/esm/types/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@models";
+import { $ToggleButtonProps } from "@api";
+import { SafeAny } from "@models";
+import './ToggleButton.scss';
+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;
+}
+export declare const ToggleButton: (props: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/ToggleButton/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleButton";

package/dist/esm/types/components/TreeSelect/TreeSelect.d.ts

@@ -0,0 +1,24 @@
+import { ChangeEvent, ReactNode } from "react";
+import { Addon, LabelPosition, Size } from "@models";
+import { $IconFieldProps, $TreeSelectProps } from "@api";
+import { SafeAny } from "@models";
+import './TreeSelect.scss';
+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;
+}
+export declare const TreeSelect: (props: TreeSelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/TreeSelect/index.d.ts

@@ -0,0 +1 @@
+export * from "./TreeSelect";

package/dist/esm/types/components/TriStateCheckbox/TriStateCheckbox.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@models";
+import { $TriStateCheckboxProps } from "@api";
+import { SafeAny } from "@models";
+import './TriStateCheckbox.scss';
+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;
+}
+export declare const TriStateCheckbox: (props: TriStateCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/components/TriStateCheckbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./TriStateCheckbox";

package/dist/esm/types/components22/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./Button.css";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary";
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/esm/types/components22/Button/index.d.ts

@@ -0,0 +1,2 @@
+import Button from "./Button";
+export default Button;

package/dist/esm/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useApplyConfig";
+export * from "./useFormContext";
+export * from "./usePowellConfig";

package/dist/esm/types/hooks/useApplyConfig.d.ts

@@ -0,0 +1,17 @@
+import { PowellConfig } from "@models";
+interface ApplyConfigOptions {
+    isFixLabel?: boolean;
+    sizable?: boolean;
+}
+interface CommonConfigProps {
+    rtl?: PowellConfig["rtl"];
+    showRequiredStar?: PowellConfig["showRequiredStar"];
+    labelPosition?: PowellConfig["labelPosition"];
+    inputSize?: PowellConfig["inputSize"];
+}
+export declare const useApplyConfig: <T extends CommonConfigProps>(props: T, options?: ApplyConfigOptions) => T & {
+    rtl: boolean | undefined;
+    showRequiredStar: boolean | undefined;
+    labelPosition: import("@models").LabelPosition | undefined;
+};
+export {};

package/dist/esm/types/hooks/useFormContext.d.ts

@@ -0,0 +1,2 @@
+import { $FormikContextType, $FormikValues } from "@api";
+export declare const useFormContext: () => $FormikContextType<$FormikValues> | null;

package/dist/esm/types/hooks/usePowellConfig.d.ts

@@ -0,0 +1,2 @@
+import { PowellConfig } from "@models";
+export declare const usePowellConfig: () => [config: PowellConfig, (c: Partial<PowellConfig>) => any];

package/dist/esm/types/index.d.ts

@@ -1 +1 @@
-export * from "./components";
+export { Button } from "./components/Button";

package/dist/esm/types/models/common.d.ts

@@ -0,0 +1,7 @@
+export type ButtonAppearance = 'default' | 'text' | 'outlined' | 'link';
+export type Direction = 'rtl' | 'ltr';
+export type Size = 'sm' | 'md' | 'lg';
+export type Orientation = 'horizontal' | 'vertical';
+export type Position = 'left' | 'right' | 'top' | 'bottom';
+export type Nullable<T = void> = T | null | undefined;
+export type SafeAny = any;

package/dist/esm/types/models/config.d.ts

@@ -0,0 +1,13 @@
+import { $APIOptions } from "@api";
+import { FixLabelPosition, LabelPosition, Size } from "@models";
+export type ThemeName = "arya-blue" | "arya-green" | "arya-orange" | "arya-purple" | "bootstrap4-dark-blue" | "bootstrap4-dark-purple" | "bootstrap4-light-blue" | "bootstrap4-light-purple" | "fluent-light" | "lara-dark-amber" | "lara-dark-blue" | "lara-dark-cyan" | "lara-dark-green" | "lara-dark-indigo" | "lara-dark-pink" | "lara-dark-purple" | "lara-dark-teal" | "lara-light-amber" | "lara-light-blue" | "lara-light-cyan" | "lara-light-green" | "lara-light-indigo" | "lara-light-pink" | "lara-light-purple" | "lara-light-teal" | "luna-amber" | "luna-blue" | "luna-green" | "luna-pink" | "md-dark-deeppurple" | "md-dark-indigo" | "md-light-deeppurple" | "md-light-indigo" | "mdc-dark-deeppurple" | "mdc-dark-indigo" | "mdc-light-deeppurple" | "mdc-light-indigo" | "mira" | "nano" | "nova" | "nova-accent" | "nova-alt" | "rhea" | "saga-blue" | "saga-green" | "saga-orange" | "saga-purple" | "soho-dark" | "soho-light" | "tailwind-light" | "vela-blue" | "vela-green" | "vela-orange" | "vela-purple" | "viva-dark" | "viva-light";
+type OmittedApiOptions = Omit<$APIOptions, "setAppendTo" | "setStyleContainer" | "setAutoZIndex" | "setCssTransition" | "setFilterMatchModeOptions" | "setHideOverlaysOnDocumentScrolling" | "setInputStyle" | "setLocale" | "setNonce" | "setNullSortOrder" | "setRipple" | "setZIndex" | "setPt" | "changeTheme">;
+export interface PowellConfig extends OmittedApiOptions {
+    theme?: ThemeName;
+    rtl?: boolean;
+    showRequiredStar?: boolean;
+    inputSize?: Size;
+    labelPosition?: LabelPosition;
+    fixLabelPosition?: FixLabelPosition;
+}
+export {};

package/dist/esm/types/models/forms.d.ts

@@ -0,0 +1,28 @@
+import { $ButtonProps } from "@api";
+import { ButtonAppearance, Position, SafeAny } from "@models";
+import { MouseEvent } from "react";
+export type LabelPosition = 'float' | 'fix-side' | 'fix-top';
+export type FixLabelPosition = Exclude<LabelPosition, 'float'>;
+export type IconPosition = Exclude<Position, 'top' | 'bottom'>;
+export interface AddonConfig {
+    type: 'button' | 'icon' | 'text';
+    label?: string;
+    severity?: $ButtonProps["severity"];
+    appearance?: ButtonAppearance;
+    icon?: string;
+    iconPosition?: IconPosition;
+    text?: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+}
+export interface Addon {
+    before?: AddonConfig;
+    after?: AddonConfig;
+}
+export type TransformOptions<V = SafeAny, T = SafeAny> = {
+    value: V;
+    onChange: (...event: V[]) => void;
+    transform?: {
+        input?: (value: V) => SafeAny;
+        output?: (...event: T[]) => SafeAny;
+    };
+};

package/dist/esm/types/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./common";
+export * from "./config";
+export * from "./forms";

package/dist/esm/types/utils/globalState.d.ts

@@ -0,0 +1,19 @@
+import { SetStateAction } from "react";
+type Set<T> = (newState: SetStateAction<T>, callback?: (newState: T) => void) => void;
+type UseSelector<T> = <TSelected = unknown>(selector: (state: T) => TSelected, equalityFn?: Comparator<TSelected>) => TSelected;
+export interface StateWithValue<T> {
+    use: () => [T, Set<T>];
+    useValue: () => T;
+    get: () => T;
+    useSelector: UseSelector<T>;
+    set: Set<T>;
+    reset: () => void;
+    subscribe(subscriber: SubscriberFunc<T>): () => void;
+}
+type SubscriberFunc<T> = (newState: T, previousState: T) => void;
+interface Options<T> {
+    onSet?: SubscriberFunc<T>;
+}
+type Comparator<TSelected = unknown> = (a: TSelected, b: TSelected) => boolean;
+export declare function globalState<T>(initialValue: T, options?: Options<T>): StateWithValue<T>;
+export {};

package/dist/esm/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./globalState";
+export * from "./utilsService";

package/dist/esm/types/utils/utilsService.d.ts

@@ -0,0 +1,8 @@
+import { AddonConfig, TransformOptions } from "@models";
+import { $FormikContextType, $FormikValues } from "@api";
+export declare const getAddonTemplate: (config?: AddonConfig) => import("react/jsx-runtime").JSX.Element;
+export declare const isRequiredField: (formContext: $FormikContextType<$FormikValues> | null, name: string | undefined) => any;
+export declare const transformer: <V = any, T = any>(options: TransformOptions<V, T>) => {
+    value: V;
+    onChange: (...event: T[]) => void;
+};

package/dist/index.d.ts

@@ -1,11 +1,26 @@
-import React from 'react';
+import * as react from 'react';
+import { MouseEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { $ButtonProps } from '@api';
+import { ButtonAppearance } from '@models';
 
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary";
+type ButtonState = 'default' | 'loading' | 'next';
+interface ButtonOnClickAsyncEvent {
+    loadingCallback: (ok?: boolean) => void;
+    event: MouseEvent<HTMLButtonElement>;
 }
-declare const Button: React.FC<ButtonProps>;
-
-declare const Input: () => react_jsx_runtime.JSX.Element;
+interface ButtonProps extends Omit<$ButtonProps, "loading" | "link" | "text" | "outlined"> {
+    async?: boolean;
+    onClickAsync?: (event: ButtonOnClickAsyncEvent) => void;
+    appearance?: ButtonAppearance;
+    nextLabel?: string;
+    nextIcon?: string;
+    nextRaised?: boolean;
+    nextAppearance?: ButtonAppearance;
+    nextSeverity?: ButtonProps['severity'];
+    state?: ButtonState;
+    onStateChange?: (state: ButtonState) => void;
+}
+declare const Button: react.MemoExoticComponent<(props: ButtonProps) => react_jsx_runtime.JSX.Element>;
 
-export { Button, Input };
+export { Button };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powell-react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",