chop-logic-components 0.11.0 → 0.12.0

package/dist/components/containers/form/FormContext.d.ts

@@ -3,10 +3,12 @@ import { default as React } from 'react';
 export type ChopLogicFormData = {
     [key: string]: unknown;
 };
+export type ChopLogicFormValidationState = [string, boolean][];
 export type ChopLogicFormInput = HTMLInputElement | HTMLSelectElement;
 export type ChopLogicFormInputParams = {
     name: string;
     value: unknown;
+    valid?: boolean;
 };
 export type ChopLogicFormContextProps = {
     onChangeFormInput?: (params: ChopLogicFormInputParams) => void;

package/dist/components/containers/form/controller.d.ts

@@ -0,0 +1,15 @@
+import { FormEvent } from 'react';
+import { ChopLogicFormData, ChopLogicFormInputParams } from './FormContext';
+
+export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
+    initialValues?: ChopLogicFormData;
+    onReset?: React.FormEventHandler<HTMLFormElement>;
+    onSubmit?: React.FormEventHandler<HTMLFormElement>;
+    onClickSubmit?: (data: ChopLogicFormData) => void;
+}): {
+    handleInputChange: (params: ChopLogicFormInputParams) => void;
+    handleSubmit: (event: FormEvent<HTMLFormElement>) => void;
+    handleReset: (event: FormEvent<HTMLFormElement>) => void;
+    resetSignal: number;
+    valid: boolean;
+};

package/dist/components/containers/form/helpers.d.ts

@@ -1,14 +1,5 @@
-import { FormEvent } from 'react';
-import { ChopLogicFormData, ChopLogicFormInputParams } from './FormContext';
+import { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormValidationState } from './FormContext';
 
-export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
-    initialValues?: ChopLogicFormData;
-    onReset?: React.FormEventHandler<HTMLFormElement>;
-    onSubmit?: React.FormEventHandler<HTMLFormElement>;
-    onClickSubmit?: (data: ChopLogicFormData) => void;
-}): {
-    handleInputChange: (params: ChopLogicFormInputParams) => void;
-    handleSubmit: (event: FormEvent<HTMLFormElement>) => void;
-    handleReset: (event: FormEvent<HTMLFormElement>) => void;
-    resetSignal: number;
-};
+export declare function getInitialValidationState(data?: ChopLogicFormData): ChopLogicFormValidationState;
+export declare function updateValidationState(state: ChopLogicFormValidationState, params: ChopLogicFormInputParams): ChopLogicFormValidationState;
+export declare function isFormDataValid(state: ChopLogicFormValidationState): boolean;

package/dist/components/inputs/numeric/NumericInput.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
 
+export type NumericValidationFunction = (input?: number) => boolean;
 export type ChopLogicNumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     name: string;
     label: string;
     valid?: boolean;
     errorMessage?: string;
+    validator?: NumericValidationFunction;
 };
 declare const ChopLogicNumericInput: React.FC<ChopLogicNumericInputProps>;
 export default ChopLogicNumericInput;

package/dist/components/inputs/numeric/helpers.d.ts

@@ -1,20 +1,31 @@
 import { ChangeEventHandler } from 'react';
 import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/FormContext';
+import { NumericValidationFunction } from './NumericInput';
 
 export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;
     initialValues?: ChopLogicFormData;
     defaultValue?: string | number | readonly string[];
 }): number;
-export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, min, max, }: {
+export declare function validateNumericInputValue({ value, required, validator, maxValue, minValue, }: {
+    value?: number;
+    required?: boolean;
+    validator?: NumericValidationFunction;
+    maxValue?: number;
+    minValue?: number;
+}): boolean;
+export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, min, max, required, validator, }: {
     name: string;
     defaultValue?: string | number | readonly string[];
     onChange?: ChangeEventHandler<HTMLInputElement>;
     min?: string | number;
     max?: string | number;
+    required: boolean;
+    validator?: NumericValidationFunction;
 }): {
     handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    value: string | number;
+    value: number;
+    valid: boolean;
     minValue: number;
     maxValue: number;
 };

package/dist/components/inputs/text/TextInput.d.ts

@@ -1,12 +1,19 @@
 import { default as React } from 'react';
 
+export type RegExpWithFlags = {
+    regexp: string;
+    flags?: string;
+};
+export type TextValidationFunction = (input: string) => boolean;
 export type ChopLogicTextInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     name: string;
     label: string;
     valid?: boolean;
     errorMessage?: string;
-    hasClearButton?: boolean;
+    clearable?: boolean;
     onClear?: () => void;
+    type?: 'text' | 'email' | 'password';
+    validator?: RegExpWithFlags | TextValidationFunction;
 };
 declare const ChopLogicTextInput: React.FC<ChopLogicTextInputProps>;
 export default ChopLogicTextInput;

package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts

@@ -4,4 +4,6 @@ import { default as TextInputExample } from './TextInputExample';
 declare const meta: Meta<typeof TextInputExample>;
 export default meta;
 type Story = StoryObj<typeof TextInputExample>;
-export declare const Default: Story;
+export declare const DefaultTextInput: Story;
+export declare const PasswordInput: Story;
+export declare const EmailInput: Story;

package/dist/components/inputs/text/helpers.d.ts

@@ -1,17 +1,28 @@
 import { ChangeEventHandler } from 'react';
 import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/FormContext';
+import { RegExpWithFlags, TextValidationFunction } from './TextInput';
 
+export declare function validateTextInputValue({ value, required, validator, }: {
+    value: string;
+    required: boolean;
+    validator?: RegExpWithFlags | TextValidationFunction;
+}): boolean;
 export declare function getTextInputInitialValue({ name, initialValues, defaultValue, }: {
     name: string;
     initialValues?: ChopLogicFormData;
     defaultValue?: string | number | readonly string[];
 }): string;
-export declare function useChopLogicTextInputController({ name, defaultValue, onChange, }: {
+export declare function useChopLogicTextInputController({ name, defaultValue, onChange, required, validator, }: {
     name: string;
+    required: boolean;
+    validator?: RegExpWithFlags | TextValidationFunction;
     defaultValue?: string | number | readonly string[];
     onChange?: ChangeEventHandler<HTMLInputElement>;
 }): {
     value: string;
+    valid: boolean;
+    passwordShown: boolean;
     handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     handleClear: () => void;
+    togglePassword: () => void;
 };

package/dist/components/misc/icon/Icon.d.ts

@@ -16,10 +16,12 @@ export declare enum CLIcon {
     Error = "error",
     Forward = "forward",
     Help = "help",
+    Hide = "hide",
     Info = "info",
     Paste = "paste",
     Question = "question",
     Save = "save",
+    Show = "show",
     Upload = "upload",
     Warning = "warning",
     Remove = "remove"

package/dist/components/misc/icon/elements/Hide.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function HideIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default HideIcon;

package/dist/components/misc/icon/elements/Show.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function ShowIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export default ShowIcon;

package/dist/components/misc/input-inner-button/InputInnerButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { CLIcon } from '../../../../../../../../../src/components/misc/icon/Icon';
+
+type ClearInputButtonProps = {
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    label: string;
+    icon: CLIcon;
+};
+declare const InputInnerButton: React.FC<ClearInputButtonProps>;
+export default InputInnerButton;

package/dist/components/misc/input-inner-button/InputInnerButton.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledInputInnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/hooks/use-element-ids/__tests__/use-element-ids.test.d.ts

@@ -0,0 +1 @@
+export {};