@arquimedes.co/eureka-forms 3.0.0-refactor → 3.0.2-refactor

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileComponent/FileComponent.d.ts

@@ -0,0 +1,13 @@
+import { FileObject, UploadedFileObject } from '../MaterialFileUploadStep';
+import { FormStyle } from '../../../../@Types/Form';
+interface FileComponentProps {
+    file: FileObject | UploadedFileObject;
+    formStyle: FormStyle;
+    error: boolean;
+    editable: boolean;
+    handleRemove: () => void;
+    /** Function to call on postview to fetch the download url of a file */
+    fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
+}
+declare function FileUploadComponent({ file, formStyle, error, editable, handleRemove, fetchDownloadUrl, }: FileComponentProps): JSX.Element;
+export default FileUploadComponent;

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/FileFunctions.d.ts

@@ -0,0 +1,2 @@
+import { UploadedFileObject, FileObject } from './MaterialFileUploadStep';
+export declare function isUploadedFileObject(file: UploadedFileObject | FileObject): file is UploadedFileObject;

package/dist/FormSteps/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.d.ts

@@ -0,0 +1,16 @@
+import { FileUploadStepProps } from '../FileUploadStep';
+export interface FileObject {
+    state: 'STARTING' | 'UPLOADING' | 'DONE' | 'CANCEL' | 'ERROR';
+    file: File;
+    postInfo: any;
+    fileName?: string;
+    S3Key?: string;
+    error?: boolean;
+}
+export interface UploadedFileObject {
+    fileName: string;
+    S3Key: string;
+    downloadUrl?: string;
+}
+declare function FileUploadStep({ step, editable }: FileUploadStepProps): JSX.Element;
+export default FileUploadStep;

package/dist/FormSteps/MapperStep/MapperStep.d.ts

@@ -0,0 +1,17 @@
+import { Mapper } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+import { MapperElement } from '../../@Types/MapperElement';
+interface CustomMapperElementModifiers<Type> {
+    calcName?: (element: MapperElement<Type>) => string;
+    isDeleted?: (element: MapperElement<Type>) => boolean;
+}
+export interface MapperStepProps<Type> extends StepProps {
+    /** The MapperStep to display */
+    step: Mapper;
+    customAdd?: (ref: React.RefObject<HTMLDivElement>, disabled: boolean, handleAddElement: (value?: any) => void) => JSX.Element;
+    customElementRender?: (element: MapperElement<Type>, index: number, renderElement: (renderElementButtons?: (element: MapperElement<any>) => JSX.Element) => JSX.Element) => JSX.Element;
+    customElementModifiers?: CustomMapperElementModifiers<Type>;
+    calcCustomStepProps?: (element: MapperElement<Type>, customStepProps: Record<string, any>) => Record<string, any>;
+}
+declare function MapperStep<Type>(props: MapperStepProps<Type>): JSX.Element;
+export default MapperStep;

package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/ListMapperElement/ListMapperElement.d.ts

@@ -0,0 +1,4 @@
+import { MapperStepProps } from '../../../MapperStep';
+import { MapperElementComponentProps } from '../MapperElementComponent';
+declare function ListMapperElement<Type = any>({ step, num, loading, element, children, editable, handleDelete, customElementModifiers, }: MapperStepProps<Type> & MapperElementComponentProps<Type>): JSX.Element;
+export default ListMapperElement;

package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/MapperElementComponent.d.ts

@@ -0,0 +1,15 @@
+import { MapperStepProps } from '../../MapperStep';
+import React from 'react';
+import { MapperElement } from '../../../../@Types/MapperElement';
+import { MapperValue } from '../MaterialMapperStep';
+export interface MapperElementComponentProps<Type> {
+    num: number;
+    loading?: boolean;
+    element: MapperElement<Type>;
+    onChange: (value: MapperValue<Type>) => void;
+    value: MapperValue<Type>;
+    handleDelete: () => void;
+    children?: React.ReactNode;
+}
+declare function MapperElementComponent<Type = any>(props: MapperStepProps<Type> & MapperElementComponentProps<Type>): JSX.Element;
+export default MapperElementComponent;

package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PagedMapperElement/PagedMapperElement.d.ts

@@ -0,0 +1,4 @@
+import { MapperStepProps } from '../../../MapperStep';
+import { MapperElementComponentProps } from '../MapperElementComponent';
+declare function PagedMapperElement<Type = any>({ step, num, loading, element, children, editable, onChange, value, handleDelete, customElementModifiers, customElementRender, }: MapperStepProps<Type> & MapperElementComponentProps<Type>): JSX.Element;
+export default PagedMapperElement;

package/dist/FormSteps/MapperStep/MaterialMapperStep/Element/PillMapperElement/PillMapperElement.d.ts

@@ -0,0 +1,4 @@
+import { MapperStepProps } from '../../../MapperStep';
+import { MapperElementComponentProps } from '../MapperElementComponent';
+declare function PillMapperElement<Type = any>({ step, num, loading, element, children, editable, handleDelete, customElementModifiers, customElementRender, }: MapperStepProps<Type> & MapperElementComponentProps<Type>): JSX.Element;
+export default PillMapperElement;

package/dist/FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep.d.ts

@@ -0,0 +1,20 @@
+import { MapperStepProps } from '../MapperStep';
+import { FieldError } from 'react-hook-form';
+import { MapperElement } from '../../../@Types/MapperElement';
+import { Form } from '../../../@Types';
+export interface MapperValue<Type> {
+    elements: MapperElement<Type>[];
+    page: number;
+}
+export interface MapperComponentProps<Type> extends MapperStepProps<Type> {
+    form: Form;
+    loading?: boolean;
+    error: FieldError | undefined;
+    onChange: (value: MapperValue<Type>) => void;
+    handleAddElement: (elementValue?: Type) => void;
+    value: MapperValue<Type>;
+    inputRef: any;
+}
+declare function MapperStep<Type>(props: MapperStepProps<Type>): JSX.Element;
+export declare function CustomMapperStep<Type>(props: Omit<MapperComponentProps<Type>, 'form' | 'handleAddElement'>): JSX.Element;
+export default MapperStep;

package/dist/FormSteps/PhoneInputStep/MaterialTextInputStep/MaterialPhoneInputStep.d.ts

@@ -0,0 +1,3 @@
+import { PhoneInputStepProps } from '../PhoneInputStep';
+declare function PhoneInputStep({ step, editable, defaultValue }: PhoneInputStepProps): JSX.Element;
+export default PhoneInputStep;

package/dist/FormSteps/PhoneInputStep/PhoneInputStep.d.ts

@@ -0,0 +1,10 @@
+import { TextInput } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface PhoneInputStepProps extends StepProps {
+    /** The TextInputStep to display */
+    step: TextInput;
+    /** Default value to display */
+    defaultValue?: string;
+}
+declare function PhoneInputStep(props: PhoneInputStepProps): JSX.Element;
+export default PhoneInputStep;

package/dist/FormSteps/RatingStep/MaterialRatingStep/MaterialRatingStep.d.ts

@@ -0,0 +1,3 @@
+import { RatingStepProps } from '../RatingStep';
+declare function RatingStep({ step, editable }: RatingStepProps): JSX.Element;
+export default RatingStep;

package/dist/FormSteps/RatingStep/RatingStep.d.ts

@@ -0,0 +1,8 @@
+import { Rating } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface RatingStepProps extends StepProps {
+    /** The RatingStep to display */
+    step: Rating;
+}
+declare function RatingStep(props: RatingStepProps): JSX.Element;
+export default RatingStep;

package/dist/FormSteps/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.d.ts

@@ -0,0 +1,3 @@
+import { SelectorStepProps } from '../SelectorStep';
+declare function SelectorStepContainer(props: SelectorStepProps): JSX.Element;
+export default SelectorStepContainer;

package/dist/FormSteps/SelectorStep/SelectorStep.d.ts

@@ -0,0 +1,8 @@
+import { FormSelector } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface SelectorStepProps extends StepProps {
+    /** The SelectorStep to display */
+    step: FormSelector;
+}
+declare function SelectorStep(props: SelectorStepProps): JSX.Element;
+export default SelectorStep;

package/dist/FormSteps/SeparatorStep/MaterialSeparatorStep/MaterialSeparatorStep.d.ts

@@ -0,0 +1,3 @@
+import { SeparatorStepProps } from '../SeparatorStep';
+declare function SeparatorStep({ step }: SeparatorStepProps): JSX.Element;
+export default SeparatorStep;

package/dist/FormSteps/SeparatorStep/SeparatorStep.d.ts

@@ -0,0 +1,8 @@
+import { Separator } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface SeparatorStepProps extends StepProps {
+    /** The TitleStep to display */
+    step: Separator;
+}
+declare function SeparatorStep(props: SeparatorStepProps): JSX.Element;
+export default SeparatorStep;

package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.d.ts

@@ -0,0 +1,4 @@
+import { SmartSelectStepProps } from '../SmartSelectStep';
+import { GSmartSelect } from '../../../@Types/GenericFormSteps';
+declare function SmartSelectStep<StepType extends GSmartSelect>({ step, editable, getOptions, calcDepError, defaultValue, filterOptions, IconComponent, valueOverwrite, getValueString, changeListener, getValueWarning, getOptionSelected, getOptionsConditionsIdSteps, renderNestedSteps, }: SmartSelectStepProps<StepType>): JSX.Element;
+export default SmartSelectStep;

package/dist/FormSteps/SmartSelectStep/SmartSelectStep.d.ts

@@ -0,0 +1,35 @@
+import { StepProps } from '../Step';
+import { GSmartSelect } from '../../@Types/GenericFormSteps';
+import { FormStep } from '../../@Types/FormStep';
+import { DependencyStore } from '../../Form/Form';
+import React from 'react';
+export interface SmartSelectStepProps<StepType extends GSmartSelect = GSmartSelect> extends Omit<StepProps, 'step'> {
+    /** The SmartSelectStep to display */
+    step: StepType;
+    /** The icon to display */
+    IconComponent?: React.ElementType;
+    /** Function to call to get the options of the selector, return null if dependency is not met */
+    getOptions: (idOrganization: string | undefined, step: StepType, dependencyStore: DependencyStore) => Promise<any[] | null>;
+    /** Function to call to filter the options of the selector */
+    filterOptions?: (options: any[], dependencyStore: DependencyStore) => any[];
+    /** Function to determine the currently selected option */
+    getOptionSelected: (option: any, value: any) => boolean;
+    /** Function to determine the current value in string format */
+    getValueString: (value: any) => string;
+    /** Function to if currently selected option has warning */
+    getValueWarning?: (value: any) => string | null;
+    /** Function called to get the idSteps of the step's conditions for better refreshing */
+    getOptionsConditionsIdSteps?: (step: StepType) => string[];
+    /** Function that returns the error message based on the steps of the missing Dependencies, undefined if no error msg */
+    calcDepError?: (steps: FormStep[]) => string | undefined;
+    /** Function that overwrites the value before setting it */
+    valueOverwrite?: (value: any) => any;
+    /** Function called on each value change */
+    changeListener?: (value: any) => void;
+    /** default Value to select */
+    defaultValue?: any;
+    /** function called to render nested elements when selected */
+    renderNestedSteps?: (value: any) => JSX.Element;
+}
+declare function SmartSelectStep(props: SmartSelectStepProps): JSX.Element;
+export default SmartSelectStep;

package/dist/FormSteps/Step.d.ts

@@ -0,0 +1,7 @@
+import { FormStep } from '../@Types/FormStep';
+export interface StepProps {
+    step: FormStep;
+    editable: boolean;
+}
+declare function StepComponent({ step, ...props }: StepProps): JSX.Element;
+export default StepComponent;

package/dist/FormSteps/StepFunctions.d.ts

@@ -0,0 +1,27 @@
+import { FormSize } from '../@Types/Form';
+import { ApiSelector, CheckBox, ClassifierSelector, EntityValuePicker, FormSelector, FormStep } from '../@Types/FormStep';
+import { AYFFormStep } from '../@Types/AYFFormStep';
+import { CBRFormStep } from '../@Types/CBRFormStep';
+import { Condition } from '../@Types/Condition';
+import { DependencyStore } from '../Form/Form';
+import { Entity } from '../@Types/Entity';
+export type FillerSteps = FormSelector | ClassifierSelector | EntityValuePicker | ApiSelector | CheckBox;
+export declare function calcFillerSize(step: FillerSteps, steps: Record<string, FormStep>, values: Record<string, unknown>, size: FormSize): number;
+export declare const calcStepWidth: (stepSize: 1 | 2 | 3 | 4, size: FormSize) => number;
+export declare const calcDefaultValue: (step: FormStep | CBRFormStep) => any;
+export declare const iterateNestedSteps: (idStep: string, steps: Record<string, FormStep>, iteration: (step: FormStep) => void) => void;
+/**
+ * Utility function to calc the substeps of a step
+ * @param step step to calc the substeps
+ * @param idModifier optional modifier for the ids of the substeps and all other properties
+ * @returns list of the ids of the substeps of the step, if modifier returns modified steps
+ */
+export declare const calcSubSteps: (idStep: string, allSteps: Record<string, FormStep | CBRFormStep | AYFFormStep>, idModifier?: (idSubStep: string) => string) => string[];
+export declare const evaluateCondition: (condition: Condition, dependencies: DependencyStore, entityValue?: {
+    entity?: Entity;
+    entityValue: {
+        _id: string;
+        value: string;
+    } & Record<string, any>;
+}) => boolean;
+export declare function getRelativeDate(nDays?: number, nHours?: number, nMinutes?: number, subtract?: boolean, date?: Date): Date;

package/dist/FormSteps/StepFunctions.test.d.ts

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

package/dist/FormSteps/StepHooks.d.ts

@@ -0,0 +1,109 @@
+import { GBaseStep } from '../@Types/GenericFormSteps';
+import { ValuesStore } from '../States/SiteSlice';
+import { RootState } from '../Utils/store';
+import { Form } from '../@Types';
+import { DependencyStore } from '../Form/Form';
+import { FormStep } from '../@Types/FormStep';
+import { FieldError, RefCallBack, UseControllerProps, useController } from 'react-hook-form';
+import { Condition } from '../@Types/Condition';
+import { CBRFormStep } from '../@Types/CBRFormStep';
+export declare const selectOriginalValue: ((state: RootState, step: GBaseStep) => any) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: ValuesStore, resultFuncArgs_1: GBaseStep) => any;
+    memoizedResultFunc: ((resultFuncArgs_0: ValuesStore, resultFuncArgs_1: GBaseStep) => any) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => any;
+    dependencies: [(state: RootState) => ValuesStore, (_state: RootState, step: GBaseStep) => GBaseStep];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export interface StepDependency {
+    originalValue: any;
+    isDependency: boolean;
+    handleStepDep: (value: any) => void;
+}
+export declare const useStepDependency: (step: GBaseStep, defaultValue?: any) => StepDependency;
+export declare const selectStepDependencies: ((state: RootState, _step: GBaseStep, form: Form) => {
+    invalids: string[];
+    emptyDep: boolean;
+}) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: DependencyStore, resultFuncArgs_1: GBaseStep, resultFuncArgs_2: Form) => {
+        invalids: string[];
+        emptyDep: boolean;
+    };
+    memoizedResultFunc: ((resultFuncArgs_0: DependencyStore, resultFuncArgs_1: GBaseStep, resultFuncArgs_2: Form) => {
+        invalids: string[];
+        emptyDep: boolean;
+    }) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => {
+        invalids: string[];
+        emptyDep: boolean;
+    };
+    dependencies: [(state: RootState) => DependencyStore, (_state: RootState, step: GBaseStep) => GBaseStep, (_state: RootState, _step: GBaseStep, form: Form) => Form];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export interface UseFormStepOptions<ValueType> {
+    defaultValue: ValueType;
+    /** If true, will not trigger onChange until the user has finished typing */
+    debounce?: boolean;
+    rules?: UseControllerProps['rules'];
+    /** If the step should trigger a filler(root StepFiller) size change */
+    sizeChange?: boolean;
+}
+export interface FormStepFunctions<ValueType = unknown> {
+    value: ValueType;
+    ref: RefCallBack;
+    onChange: (value: ValueType) => void;
+    error: FieldError | undefined;
+    field: Omit<ReturnType<typeof useController>['field'], 'ref' | 'value' | 'onChange'>;
+}
+export declare const useFormStep: <ValueType = unknown>(step: GBaseStep, { rules, debounce, sizeChange, defaultValue }: UseFormStepOptions<ValueType>) => FormStepFunctions<ValueType>;
+export declare const selectDependencies: ((state: RootState, idDeps: string[] | undefined) => DependencyStore) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: DependencyStore, resultFuncArgs_1: string[]) => DependencyStore;
+    memoizedResultFunc: ((resultFuncArgs_0: DependencyStore, resultFuncArgs_1: string[]) => DependencyStore) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => DependencyStore;
+    dependencies: [(state: RootState) => DependencyStore, (_state: RootState, idDeps: string[] | undefined) => string[]];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
+export declare const useCondition: (condition?: Condition) => boolean;
+export declare const calcStepDeps: (step: FormStep | CBRFormStep) => string[];
+export declare const recursivelyCalcConditionSteps: (condition: Condition | undefined) => string[];

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaEditorStep.d.ts

@@ -0,0 +1,9 @@
+import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
+import './DraftEditor.css';
+import { TextAreaStepProps } from '../TextAreaStep';
+export interface Payload {
+    text: string;
+    draft: any;
+}
+declare function TextAreaStep({ step, editable }: TextAreaStepProps): JSX.Element;
+export default TextAreaStep;

package/dist/FormSteps/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.d.ts

@@ -0,0 +1,7 @@
+import { TextAreaStepProps } from '../TextAreaStep';
+export interface Payload {
+    text: string;
+    draft: any;
+}
+declare function TextAreaStep({ step, editable, maxLength }: TextAreaStepProps): JSX.Element;
+export default TextAreaStep;

package/dist/FormSteps/TextAreaStep/TextAreaStep.d.ts

@@ -0,0 +1,9 @@
+import { TextArea } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface TextAreaStepProps extends StepProps {
+    /** The TextAreaStep to display */
+    step: TextArea;
+    maxLength?: number;
+}
+declare function TextAreaStep(props: TextAreaStepProps): JSX.Element;
+export default TextAreaStep;

package/dist/FormSteps/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts

@@ -0,0 +1,3 @@
+import { TextInputStepProps } from '../TextInputStep';
+declare function TextInputStep({ step, editable, maxLength, IconComponent, defaultValue, validation, }: TextInputStepProps): JSX.Element;
+export default TextInputStep;

package/dist/FormSteps/TextInputStep/TextInputStep.d.ts

@@ -0,0 +1,16 @@
+import { TextInput } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface TextInputStepProps extends StepProps {
+    /** The TextInputStep to display */
+    step: TextInput;
+    /** The icon to display */
+    IconComponent?: React.ElementType;
+    /** Default value to display */
+    defaultValue?: string;
+    /** Custom Validation to display */
+    validation?: TextInput['validation'];
+    /** Custom step Max char length */
+    maxLength?: number;
+}
+declare function TextInputStep(props: TextInputStepProps): JSX.Element;
+export default TextInputStep;

package/dist/FormSteps/TimePickerStep/MaterialTimePickerStep/MaterialTimePickerStep.d.ts

@@ -0,0 +1,3 @@
+import { TimePickerStepProps } from '../TimePickerStep';
+declare function TimePickerStep({ step, editable, defaultValue }: TimePickerStepProps): JSX.Element;
+export default TimePickerStep;

package/dist/FormSteps/TimePickerStep/TimePickerStep.d.ts

@@ -0,0 +1,11 @@
+import { TimePicker } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+import { Time } from '../../@Types/Time';
+export interface TimePickerStepProps extends StepProps {
+    /** The TimePickerStep to display */
+    step: TimePicker;
+    /** Default value to display */
+    defaultValue?: Time;
+}
+declare function TimePickerStep(props: TimePickerStepProps): JSX.Element;
+export default TimePickerStep;

package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.d.ts

@@ -0,0 +1,3 @@
+import { TitleStepProps } from '../TitleStep';
+declare function TitleStep({ step }: TitleStepProps): JSX.Element;
+export default TitleStep;

package/dist/FormSteps/TitleStep/TitleStep.d.ts

@@ -0,0 +1,8 @@
+import { Title } from '../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface TitleStepProps extends StepProps {
+    /** The TitleStep to display */
+    step: Title;
+}
+declare function TitleStep(props: TitleStepProps): JSX.Element;
+export default TitleStep;

package/dist/FormSteps/Utils/@StepFiller/StepFiller.d.ts

@@ -0,0 +1,9 @@
+import { FillerSteps } from '../../StepFunctions';
+import React from 'react';
+export declare const SizeChangeContext: React.Context<(() => void) | undefined>;
+export interface StepFillerContainerProps {
+    step: FillerSteps;
+    children: React.ReactNode;
+}
+declare function StepFillerContainer({ step, children }: StepFillerContainerProps): JSX.Element;
+export default StepFillerContainer;

package/dist/FormSteps/Utils/MaterialInputContainer/MaterialInputContainer.d.ts

@@ -0,0 +1,11 @@
+import { GSmartSelect } from '../../../@Types/GenericFormSteps';
+import { CheckBox, DatePicker, ClassifierSelector, FormSelector, TimePicker } from '../../../@Types/FormStep';
+interface MaterialInputProps {
+    step: GSmartSelect | CheckBox | ClassifierSelector | DatePicker | TimePicker | FormSelector;
+    editable: boolean;
+    onClick?: () => void;
+    children: React.ReactNode;
+    maxHeight?: boolean;
+}
+declare function MaterialInputContainer({ step, editable, children, onClick, maxHeight, }: MaterialInputProps): JSX.Element;
+export default MaterialInputContainer;

package/dist/Icons/@ErkIcon.d.ts

@@ -0,0 +1,14 @@
+import './@ErkIcon.css';
+export interface IconProps {
+    fill?: string;
+    contrast?: string;
+    stroke?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    size?: number;
+}
+export declare function useIconProps(props: IconProps): IconProps & {
+    width?: number;
+    height?: number;
+    color?: string;
+};

package/dist/Icons/@ErkIcon.js

@@ -0,0 +1,10 @@
+import './@ErkIcon.css';
+export function useIconProps(props) {
+    return {
+        color: props.fill,
+        width: props.size,
+        height: props.size,
+        className: 'ErkIcon',
+        ...props,
+    };
+}

package/dist/Icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function ArrowLeftIcon(props: IconProps): JSX.Element;
+export default ArrowLeftIcon;

package/dist/Icons/ArrowLeftIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function ArrowLeftIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41a.9959.9959 0 00-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z" }) }));
+import { useIconProps } from './@ErkIcon';
+function ArrowLeftIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41a.9959.9959 0 00-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z" }) }));
 }
 export default ArrowLeftIcon;

package/dist/Icons/ArrowRightIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function ArrowRightIcon(props: IconProps): JSX.Element;
+export default ArrowRightIcon;

package/dist/Icons/ArrowRightIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function ArrowRightIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9.29 15.88L13.17 12 9.29 8.12a.9959.9959 0 010-1.41c.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z" }) }));
+import { useIconProps } from './@ErkIcon';
+function ArrowRightIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9.29 15.88L13.17 12 9.29 8.12a.9959.9959 0 010-1.41c.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z" }) }));
 }
 export default ArrowRightIcon;

package/dist/Icons/CalendarIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function CalendarIcon(props: IconProps): JSX.Element;
+export default CalendarIcon;

package/dist/Icons/CalendarIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function CalendarIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, xmlns: "http://www.w3.org/2000/svg", height: "24", viewBox: "-1 -1 26 26", width: "24", children: _jsx("path", { d: "M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z" }) }));
+import { useIconProps } from './@ErkIcon';
+function CalendarIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "-1 -1 26 26", children: _jsx("path", { d: "M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z" }) }));
 }
 export default CalendarIcon;

package/dist/Icons/CheckCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function CheckCircleIcon(props: IconProps): JSX.Element;
+export default CheckCircleIcon;

package/dist/Icons/CheckCircleIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function CheckCircleIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.88-11.71L10 14.17l-1.88-1.88a.9959.9959 0 00-1.41 0c-.39.39-.39 1.02 0 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7c.39-.39.39-1.02 0-1.41-.39-.39-1.03-.39-1.42 0z" }) }));
+import { useIconProps } from './@ErkIcon';
+function CheckCircleIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.88-11.71L10 14.17l-1.88-1.88a.9959.9959 0 00-1.41 0c-.39.39-.39 1.02 0 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7c.39-.39.39-1.02 0-1.41-.39-.39-1.03-.39-1.42 0z" }) }));
 }
 export default CheckCircleIcon;

package/dist/Icons/CheckboxCheckedIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function CheckboxCheckedIcon(props: IconProps): JSX.Element;
+export default CheckboxCheckedIcon;

package/dist/Icons/CheckboxCheckedIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function CheckboxCheckedIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29c-.39.39-1.02.39-1.41 0L5.71 12.7a.9959.9959 0 010-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.58 7.59z" }) }));
+import { useIconProps } from './@ErkIcon';
+function CheckboxCheckedIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29c-.39.39-1.02.39-1.41 0L5.71 12.7a.9959.9959 0 010-1.41c.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.58 7.59z" }) }));
 }
 export default CheckboxCheckedIcon;

package/dist/Icons/CheckboxUncheckedIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function CheckboxUncheckedIcon(props: IconProps): JSX.Element;
+export default CheckboxUncheckedIcon;

package/dist/Icons/CheckboxUncheckedIcon.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './ErkIcon.module.css';
-function CheckboxUncheckedIcon({ className = styles.ErkIcon, ...props }) {
-    return (_jsx("svg", { ...props, className: className, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }) }));
+import { useIconProps } from './@ErkIcon';
+function CheckboxUncheckedIcon(props) {
+    const iconProps = useIconProps(props);
+    return (_jsx("svg", { ...iconProps, version: "1.1", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" }) }));
 }
 export default CheckboxUncheckedIcon;

package/dist/Icons/ClockIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './@ErkIcon';
+declare function ClockIcon(props: IconProps): JSX.Element;
+export default ClockIcon;