powell-react 0.0.0

package/dist/cjs/types/src/powell/components/SelectButton/index.d.ts

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

package/dist/cjs/types/src/powell/components/Slider/Slider.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@powell/models";
+import { $SliderProps } from "@powell/api";
+import { SafeAny } from "@powell/models";
+import '@components/Slider/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.Element;
+export {};

package/dist/cjs/types/src/powell/components/Slider/index.d.ts

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

package/dist/cjs/types/src/powell/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@powell/models";
+import { $ToggleButtonProps } from "@powell/api";
+import { SafeAny } from "@powell/models";
+import '@components/ToggleButton/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.Element;
+export {};

package/dist/cjs/types/src/powell/components/ToggleButton/index.d.ts

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

package/dist/cjs/types/src/powell/components/TreeSelect/TreeSelect.d.ts

@@ -0,0 +1,24 @@
+import { ChangeEvent, ReactNode } from "react";
+import { Addon, LabelPosition, Size } from "@powell/models";
+import { $IconFieldProps, $TreeSelectProps } from "@powell/api";
+import { SafeAny } from "@powell/models";
+import '@components/TreeSelect/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.Element;
+export {};

package/dist/cjs/types/src/powell/components/TreeSelect/index.d.ts

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

package/dist/cjs/types/src/powell/components/TriStateCheckbox/TriStateCheckbox.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent, ReactNode } from "react";
+import { FixLabelPosition } from "@powell/models";
+import { $TriStateCheckboxProps } from "@powell/api";
+import { SafeAny } from "@powell/models";
+import '@components/TriStateCheckbox/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.Element;
+export {};

package/dist/cjs/types/src/powell/components/TriStateCheckbox/index.d.ts

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

package/dist/cjs/types/src/powell/hooks/index.d.ts

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

package/dist/cjs/types/src/powell/hooks/useApplyConfig.d.ts

@@ -0,0 +1,17 @@
+import { PowellConfig } from "@powell/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("@powell/models").LabelPosition | undefined;
+};
+export {};

package/dist/cjs/types/src/powell/hooks/useFormContext.d.ts

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

package/dist/cjs/types/src/powell/hooks/usePowellConfig.d.ts

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

package/dist/cjs/types/src/powell/index.d.ts

@@ -0,0 +1,29 @@
+export { PowellProvider } from "./api/PowellProvider";
+export { AutoComplete } from "./components/AutoComplete";
+export { Button } from "./components/Button";
+export { CascadeSelect } from "./components/CascadeSelect";
+export { Checkbox } from "./components/Checkbox";
+export { Chips } from "./components/Chips";
+export { ColorPicker } from "./components/ColorPicker";
+export { Dropdown } from "./components/Dropdown";
+export { Editor } from "./components/Editor";
+export { FormContainer } from "./components/FormContainer";
+export { InputMask } from "./components/InputMask";
+export { InputNumber } from "./components/InputNumber";
+export { InputOtp } from "./components/InputOtp";
+export { InputPassword } from "./components/InputPassword";
+export { InputSwitch } from "./components/InputSwitch";
+export { InputText } from "./components/InputText";
+export { InputTextarea } from "./components/InputTextarea";
+export { Knob } from "./components/Knob";
+export { ListBox } from "./components/ListBox";
+export { Mention } from "./components/Mention";
+export { MultiSelect } from "./components/MultiSelect";
+export { MultiStateCheckbox } from "./components/MultiStateCheckbox";
+export { RadioGroup } from "./components/RadioGroup";
+export { Rating } from "./components/Rating";
+export { SelectButton } from "./components/SelectButton";
+export { Slider } from "./components/Slider";
+export { ToggleButton } from "./components/ToggleButton";
+export { TreeSelect } from "./components/TreeSelect";
+export { TriStateCheckbox } from "./components/TriStateCheckbox";

package/dist/cjs/types/src/powell/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/cjs/types/src/powell/models/config.d.ts

@@ -0,0 +1,13 @@
+import { $APIOptions } from "@powell/api";
+import { FixLabelPosition, LabelPosition, Size } from "@powell/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/cjs/types/src/powell/models/forms.d.ts

@@ -0,0 +1,28 @@
+import { $ButtonProps } from "@powell/api";
+import { ButtonAppearance, Nullable, Position, SafeAny } from "@powell/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: Nullable<V>;
+    onChange: (...event: SafeAny[]) => void;
+    transform?: {
+        input?: (value: Nullable<V>) => SafeAny;
+        output?: (...event: T[]) => SafeAny;
+    };
+};

package/dist/cjs/types/src/powell/models/index.d.ts

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

package/dist/cjs/types/src/powell/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/cjs/types/src/powell/utils/index.d.ts

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

package/dist/cjs/types/src/powell/utils/utilsService.d.ts

@@ -0,0 +1,8 @@
+import { AddonConfig, TransformOptions } from "@powell/models";
+import { $FormikContextType, $FormikValues } from "@powell/api";
+export declare const getAddonTemplate: (config?: AddonConfig) => import("react").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/cjs/types/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/esm/index.js

@@ -0,0 +1 @@
+import t from"react";"function"==typeof SuppressedError&&SuppressedError;!function(t,e){void 0===e&&(e={});var o=e.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}('.button{background-color:#4caf50;border:none;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#fff;cursor:pointer;font-size:28px;overflow:hidden;padding:20px;position:relative;text-align:center;text-decoration:none;-webkit-transition-duration:.4s;transition-duration:.4s;width:200px}.button:after{background:#f1f1f1;content:"";display:block;margin-left:-20px!important;margin-top:-120%;opacity:0;padding-left:350%;padding-top:300%;position:absolute;transition:all .8s}.button:active:after{margin:0;opacity:1;padding:0;transition:0s}.button--dsiabled{background-color:grey;opacity:.5}');const e=e=>{var{onClick:o,disabled:n,className:r,children:i}=e,a=function(t,e){var o={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(o[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(t);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r])&&(o[n[r]]=t[n[r]])}return o}(e,["onClick","disabled","className","children"]);return t.createElement("button",Object.assign({type:"button",className:`button ${r} ${n&&"button--dsiabled"}`,onClick:o,disabled:n},a),i)};export{e as Button};

package/dist/esm/types/src/components/Button/Button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import './Button.scss';
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+export declare const Button: FC<IButtonProps>;

package/dist/esm/types/src/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

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

@@ -0,0 +1 @@
+export * from './Button';

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

@@ -0,0 +1 @@
+export * from './components';

package/dist/esm/types/src/powell/api/PowellProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { PowellConfig } from "@powell/models";
+export declare const PowellProvider: (props: PropsWithChildren<{
+    config?: PowellConfig;
+}>) => import("react").JSX.Element;

package/dist/esm/types/src/powell/api/configService.d.ts

@@ -0,0 +1,2 @@
+import { PowellConfig } from "@powell/models";
+export declare const configService: import("@powell/utils").StateWithValue<PowellConfig>;

package/dist/esm/types/src/powell/api/forms.d.ts

@@ -0,0 +1,73 @@
+import { ArrayHelpers, ComponentDecorator, CompositeComponent, connect, ErrorMessage, ErrorMessageProps, FastField, FastFieldAttributes, FastFieldConfig, FastFieldProps, Field, FieldArray, FieldArrayConfig, FieldArrayRenderProps, FieldAttributes, FieldConfig, FieldHelperProps, FieldHookConfig, FieldInputProps, FieldMetaProps, FieldProps, FieldValidator, Form, Formik, FormikBag, FormikComputedProps, FormikConfig, FormikConsumer, FormikContext, FormikContextType, FormikErrors, FormikFormProps, FormikHandlers, FormikHelpers, FormikProps, FormikProvider, FormikRegistration, FormikSharedConfig, FormikState, FormikTouched, FormikValues, GenericFieldHTMLAttributes, getActiveElement, getIn, InferableComponentDecorator, InjectedFormikProps, insert, isEmptyArray, isEmptyChildren, isFunction, isInputEvent, isInteger, isNaN, isObject, isPromise, isString, move, prepareDataForValidation, replace, setIn, setNestedObjectValues, SharedRenderProps, swap, useField, useFormik, useFormikContext, validateYupSchema, withFormik, WithFormikConfig, yupToFormErrors } from 'formik';
+import * as Yup from 'yup';
+export { ErrorMessage as $ErrorMessage };
+export type { ErrorMessageProps as $ErrorMessageProps };
+export type { FieldProps as $FieldProps };
+export { Field as $Field };
+export { FieldArray as $FieldArray };
+export { Form as $Form };
+export type { ArrayHelpers as $ArrayHelpers };
+export type { FieldArrayConfig as $FieldArrayConfig };
+export type { FastFieldConfig as $FastFieldConfig };
+export type { FastFieldProps as $FastFieldProps };
+export { FastField as $FastField };
+export type { FastFieldAttributes as $FastFieldAttributes };
+export type { FieldConfig as $FieldConfig };
+export type { FieldAttributes as $FieldAttributes };
+export type { FieldHookConfig as $FieldHookConfig };
+export type { FieldInputProps as $FieldInputProps };
+export type { FieldMetaProps as $FieldMetaProps };
+export type { FieldHelperProps as $FieldHelperProps };
+export type { FieldValidator as $FieldValidator };
+export type { FieldArrayRenderProps as $FieldArrayRenderProps };
+export { useField as $useField };
+export type { FormikProps as $FormikProps };
+export type { FormikComputedProps as $FormikComputedProps };
+export type { FormikFormProps as $FormikFormProps };
+export { Formik as $Formik };
+export type { FormikConfig as $FormikConfig };
+export type { FormikSharedConfig as $FormikSharedConfig };
+export type { FormikBag as $FormikBag };
+export { FormikConsumer as $FormikConsumer };
+export type { FormikErrors as $FormikErrors };
+export { FormikContext as $FormikContext };
+export type { FormikContextType as $FormikContextType };
+export type { FormikHandlers as $FormikHandlers };
+export type { FormikHelpers as $FormikHelpers };
+export { FormikProvider as $FormikProvider };
+export type { FormikRegistration as $FormikRegistration };
+export type { FormikState as $FormikState };
+export type { FormikTouched as $FormikTouched };
+export type { FormikValues as $FormikValues };
+export { useFormikContext as $useFormikContext };
+export type { WithFormikConfig as $WithFormikConfig };
+export type { GenericFieldHTMLAttributes as $GenericFieldHTMLAttributes };
+export type { SharedRenderProps as $SharedRenderProps };
+export { connect as $connect };
+export { getIn as $getIn };
+export { isEmptyArray as $isEmptyArray };
+export { useFormik as $useFormik };
+export { withFormik as $withFormik };
+export type { ComponentDecorator as $ComponentDecorator };
+export type { InferableComponentDecorator as $InferableComponentDecorator };
+export { insert as $insert };
+export type { CompositeComponent as $CompositeComponent };
+export { isEmptyChildren as $isEmptyChildren };
+export { isInputEvent as $isInputEvent };
+export { isNaN as $isNaN };
+export type { InjectedFormikProps as $InjectedFormikProps };
+export { isFunction as $isFunction };
+export { move as $move };
+export { isInteger as $isInteger };
+export { isObject as $isObject };
+export { isPromise as $isPromise };
+export { isString as $isString };
+export { swap as $swap };
+export { replace as $replace };
+export { setIn as $setIn };
+export { prepareDataForValidation as $prepareDataForValidation };
+export { setNestedObjectValues as $setNestedObjectValues };
+export { validateYupSchema as $validateYupSchema };
+export { yupToFormErrors as $yupToFormErrors };
+export { getActiveElement as $getActiveElement };
+export { Yup as $Yup };

package/dist/esm/types/src/powell/api/index.d.ts

@@ -0,0 +1,5 @@
+export * from './configService';
+export * from './forms';
+export * from './powellDefaults';
+export * from './PowellProvider';
+export * from './primereact';

package/dist/esm/types/src/powell/api/powellDefaults.d.ts

@@ -0,0 +1,2 @@
+import { PowellConfig } from "@powell/models";
+export declare const powellDefaults: PowellConfig;