@emeraldemperaur/vector-sigma 1.4.10 → 1.4.12

package/lib/types/components/avatar/avatar.d.ts

@@ -2,25 +2,102 @@ import React, { ReactNode } from 'react';
 export type AvatarDesign = 'avatar' | 'avatar-outline' | 'avatar-material' | 'avatar-neumorphic';
 export type AvatarShape = 'circle' | 'square' | 'rounded';
 export interface AvatarProps {
+    /**
+     * * The design variation of the Avatar input.
+     * Default: 'avatar-outline'
+     * Variants: 'avatar', 'avatar-outline', 'avatar-material', 'avatar-neumorphic'.
+     * * @example
+     * inputtype="avatar-neumorphic"
+     */
     inputtype?: AvatarDesign & {};
+    /**
+     * * The required unique identifier for the input field in useFormikContext().
+     * Alias referenced as `name` attribute and Formik state key.
+     * * @example
+     * alias="torukMakto"
+     */
     alias: string;
-    inputlabel?: string;
-    icon?: React.ReactNode;
+    /**
+     * * The optional input label or description for the Avatar input field.
+     * * @example
+     * inputLabel="Upload VΣ Profile"
+     */
+    inputLabel?: string;
+    /**
+      * * The required viewport column width for the Avatar input field.
+      * i.e. 1 - 12
+      * * @example
+      * width={5}
+      */
     width: number;
-    defaultvalue?: any[];
-    value?: any[];
+    /**
+     * * Option to render Avatar input field on new row.
+     * * @example
+     * newRow
+     */
     newRow?: boolean;
-    isEdit?: boolean;
-    placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    /**
+    * * Option to disable edits for Avatar input field.
+    * * @example
+    * readOnly
+    */
+    readOnly?: boolean;
+    /**
+       * * Option to enable a hint for Avatar input field.
+       * * @example
+       * isHinted
+       */
+    isHinted?: boolean;
+    /**
+     * * Option to specify hint text for Avatar input field.
+     * * @example
+     * hintText="This is a hint for a VΣ AvatarInput"
+     */
+    hintText?: string;
+    /**
+     * * Option to specify a hint url reference or resource for Avatar input field.
+     * * @example
+     * hintUrl="https://www.mekaegwim.ca"
+     */
+    hintUrl?: string;
+    /**
+    * * Option to specify the layout shape of the Avatar input field.
+    * Variants: 'circle', 'square', 'rounded'
+    * * @example
+    * shape="rounded"
+    */
     shape?: AvatarShape;
-    errortext?: ReactNode | string | null;
+    /**
+    * * Option to specify the isRequired error text for the Avatar input field.
+    * * @example
+    * errorText="A profile is required for VΣ Plus user subscription"
+    */
+    errorText?: ReactNode | string | null;
+    /**
+   * * Option to specify the size for the Avatar input field.
+   * Default: 120 (i.e. 120px x 120px)
+   * * @example
+   * size={200}
+   */
     size?: number;
+    /**
+    * * Option to specify the SCSS class selector for the Avatar input field.
+    * * @example
+    * className="teletraan-1-profile"
+    */
     className?: string;
+    /**
+     * * Option to inject custom CSS the Avatar input field.
+     * * @example
+     * style={{ color: "#000000" }}
+     */
     style?: React.CSSProperties;
+    /**
+   * * Option to specify the accepted file formats for the Avatar input field.
+   * Default: image/*
+   * * @example
+   * accept="image/*"
+   */
     accept?: string;
 }
-export declare const AvatarInput: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, shape, size, style, accept, ...props }: AvatarProps) => React.JSX.Element;
+export declare const AvatarInput: ({ inputtype, alias, readOnly, width, inputLabel, shape, size, newRow, isHinted, hintText, hintUrl, errorText, style, className, accept, ...props }: AvatarProps) => React.JSX.Element;

package/lib/types/components/button/button.d.ts

@@ -1,22 +1,71 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import type { ButtonProps } from '@radix-ui/themes';
 export type ButtonDesign = 'button' | 'button-material' | 'button-outline' | 'button-neumorphic';
 import '../../styles/main.scss';
 export interface DesignButtonProps extends ButtonProps {
+    /**
+   * * The design variation of the Button input.
+   * Default: 'button-outline'
+   * Variants: 'button', 'button-outline', 'button-material', 'button-neumorphic'.
+   * * @example
+   * inputtype="button-neumorphic"
+   */
     inputtype?: ButtonDesign & {};
+    /**
+     * * The required unique identifier for the input field in useFormikContext().
+     * Alias referenced as `name` attribute and Formik state key.
+     * * @example
+     * alias="dontPushMe"
+     */
     alias: string;
-    inputlabel?: string;
+    /**
+     * * Option to render Button input with icon passed as a ReactNode {}.
+     * * @example
+     * icon={<Icon name="stack"/>}
+     */
     icon?: React.ReactNode;
+    /**
+    * * The required viewport column width for the Button input field.
+    * i.e. 1 - 12
+    * * @example
+    * width={5}
+    */
     width: number;
-    defaultvalue?: string;
-    value?: string;
+    /**
+   * * Option to render Button input field on new row.
+   * * @example
+   * newRow
+   */
     newRow?: boolean;
-    errorText?: ReactNode | string | null;
-    placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    /**
+    * * Option to disable edits for Button input field.
+    * * @example
+    * readOnly
+    */
+    readOnly?: boolean;
+    /**
+     * * Option to enable a hint for Button input field.
+     * * @example
+     * isHinted
+     */
+    isHinted?: boolean;
+    /**
+   * * Option to specify hint text for Button input field.
+   * * @example
+   * hintText="This is a hint for a VΣ AvatarInput"
+   */
+    hintText?: string;
+    /**
+     * * Option to specify a hint url reference or resource for Button input field.
+     * * @example
+     * hintUrl="https://www.mekaegwim.ca"
+     */
+    hintUrl?: string;
+    /**
+    * * Option to inject onClick event handler function for Button input field.
+    * * @example
+    * onClick={() => { lesEnfantsTerribles() }}
+    */
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare const ButtonInput: ({ inputtype, type, inputlabel, alias, readonly, style, width, children, ...props }: DesignButtonProps) => React.JSX.Element;
+export declare const ButtonInput: ({ inputtype, type, alias, readOnly, style, width, children, newRow, isHinted, hintText, hintUrl, ...props }: DesignButtonProps) => React.JSX.Element;

package/lib/types/components/checkbox/checkbox.d.ts

@@ -3,25 +3,105 @@ import { InputOption } from 'utils/vinci';
 import '../../styles/main.scss';
 export type CheckBoxDesign = 'checkbox' | 'checkbox-material' | 'checkbox-outline' | 'checkbox-neumorphic';
 export interface CheckboxGroup {
+    /**
+    * * The design variation of the Checkbox Group input.
+    * Default: 'checkbox-outline'
+    * Variants: 'checkbox', 'checkbox-outline', 'checkbox-material', 'checkbox-neumorphic'.
+    * * @example
+    * inputtype="checkbox-neumorphic"
+    */
     inputtype?: CheckBoxDesign & {};
+    /**
+     * * The required unique identifier for the input field in useFormikContext().
+     * Alias referenced as `name` attribute and Formik state key.
+     * * @example
+     * alias="carteBlanche"
+     */
     alias: string;
-    inputlabel?: string;
-    icon?: React.ReactNode;
+    /**
+     * * The optional input label or description for the Checkbox Group input field.
+     * * @example
+     * inputLabel="Select VΣ Product Categories"
+     */
+    inputLabel?: string;
+    /**
+     * * The required viewport column width for the Checkbox Group input field.
+     * i.e. 1 - 12
+     * * @example
+     * width={6}
+     */
     width: number;
-    defaultvalue?: any[];
-    value?: any[];
+    /**
+    * * Option to render Checkbox Group input field on new row.
+    * * @example
+    * newRow
+    */
     newRow?: boolean;
-    isEdit?: boolean;
-    placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    inputoptions: InputOption[];
-    errortext?: ReactNode | string | null;
+    /**
+    * * Option to disable edits for Checkbox Group input field.
+    * * @example
+    * readOnly
+    */
+    readOnly?: boolean;
+    /**
+       * * Option to enable a hint for Checkbox Group input field.
+       * * @example
+       * isHinted
+       */
+    isHinted?: boolean;
+    /**
+     * * Option to specify hint text for Checkbox Group input field.
+     * * @example
+     * hintText="This is a hint for a VΣ Checkbox Group"
+     */
+    hintText?: string;
+    /**
+     * * Option to specify a hint url reference or resource for Checkbox Group input field.
+     * * @example
+     * hintUrl="https://www.mekaegwim.ca"
+     */
+    hintUrl?: string;
+    /**
+     * * Required  inputOptions{} for the Checkbox Group input field.
+     * * @example
+     * inputOptions={
+              [
+                {optionid: 1, optionvalue: "Kaiju", optionurl:"https://github.com/emeraldemperaur", text: "Kaiju"},
+                {optionid: 2, optionvalue: "MekaGodzilla", optionurl:"https://github.com/emeraldemperaur", text: "MekaGodzilla"},
+                {optionid: 3, optionvalue: "Zaibatsu", optionurl:"https://github.com/emeraldemperaur", text: "Zaibatsu"},
+                ]}
+    */
+    inputOptions: InputOption[];
+    /**
+     * * Option to specify the isRequired error text for the Checkbox Group input field.
+     * * @example
+     * errorText="A VΣ category selection is required"
+     */
+    errorText?: ReactNode | string | null;
+    /**
+    * * Option to specify CSS layout direction for the Checkbox Group input field.
+    * Default: "row"
+    * * @example
+    * direction="column"
+    */
     direction?: 'row' | 'column';
+    /**
+     * * Option to specify CSS grid template columns for the Checkbox Group input field.
+     * * @example
+     * columns="1fr 1fr"
+     */
     columns?: string;
+    /**
+     * * Option to specify the .scss class selector for the Checkbox Group input field.
+     * * @example
+     * className="teletraan-1-checkbox"
+     */
     className?: string;
+    /**
+     * * Option to inject custom CSS the Checkbox Group input field.
+     * * @example
+     * style={{ color: "#000000" }}
+     */
     style?: React.CSSProperties;
 }
-export declare const CheckboxGroupInput: ({ inputtype, alias, readonly, width, placeholder, inputlabel, style, value, inputoptions, direction, columns, className, ...props }: CheckboxGroup) => React.JSX.Element;
+export declare const CheckboxGroupInput: ({ inputtype, alias, readOnly, width, inputLabel, style, inputOptions, newRow, isHinted, hintText, hintUrl, errorText, direction, columns, className, ...props }: CheckboxGroup) => React.JSX.Element;

package/lib/types/components/conditional/conditional.d.ts

@@ -6,26 +6,113 @@ export type CheckboxTriggerDesign = 'conditionalcheckbox' | 'conditionalcheckbox
 export type SelectTriggerDesign = 'conditionalselect' | 'conditionalselect-outline' | 'conditionalselect-material' | 'conditionalselect-neumorphic';
 export type TriggerType = 'conditionaltoggle' | 'conditionalcheckbox' | 'conditionalselect';
 export interface ConditionalProps {
+    /**
+     * * The design variation of the Conditional Trigger input.
+     * Default: 'conditionaltoggle-outline'
+     * Variants: 'conditionaltoggle-outline', 'conditionalcheckbox-outline', 'conditionalselect-outline',
+     * 'conditionaltoggle-material', 'conditionalcheckbox-material', 'conditionalselect-material',
+     * 'conditionaltoggle-neumorphic', 'conditionalcheckbox-neumorphic', 'conditionalselect-neumorphic'.
+     * * @example
+     * inputtype="conditionalcheckbox-outline"
+     */
+    inputtype?: ToggleTriggerDesign & {} | CheckboxTriggerDesign & {} | SelectTriggerDesign & {};
+    /**
+     * * The required unique identifier for the Conditional Trigger input field in useFormikContext().
+     * Alias referenced as `name` attribute and Formik state key.
+     * * @example
+     * alias="isAIEnabled"
+     */
     alias: string;
-    inputlabel?: string;
-    icon?: React.ReactNode;
+    /**
+    * * The required conditional toggled (child) xForm input field.
+    * * @example
+    * children={<Avatar name="Upload Display Profile/>}
+    */
+    children: React.ReactNode;
+    /**
+    * * Option to specify a value for Conditional Trigger element to reveal render the toggled child input field if trigger value is inputted.
+    * (e.g. Boolean, String, Number)
+    * * @example
+    * hintUrl="https://www.mekaegwim.ca"
+    */
+    triggerValue: any;
+    /**
+     * * The optional input label or description for the Conditional Trigger input field.
+     * * @example
+     * inputLabel="Enable VΣ AI Models"
+     */
+    inputLabel?: string;
+    /**
+     * * The required viewport column width for the Conditional Trigger input field.
+     * i.e. 1 - 12
+     * * @example
+     * width={6}
+     */
     width: number;
-    defaultvalue?: any[] | any;
-    value?: any | any[];
+    /**
+     * * Option to render Conditional Trigger input field on new row.
+     * * @example
+     * newRow
+     */
     newRow?: boolean;
-    isEdit?: boolean;
+    /**
+    * * Option to force set the default value for a Conditional Trigger (Select) input field.
+    * * @example
+    * placeholder="Activate Plan"
+    */
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    inputtype?: ToggleTriggerDesign & {} | CheckboxTriggerDesign & {} | SelectTriggerDesign & {};
-    toggledinputtype?: ToggleTriggerDesign & {} | CheckboxTriggerDesign & {} | SelectTriggerDesign & {};
-    triggerValue?: any;
-    inputoptions?: InputOption[];
-    errortext?: ReactNode | string | null;
-    children: React.ReactNode;
+    /**
+     * * Option to disable edits for Conditional Trigger input field.
+     * * @example
+     * readOnly
+     */
+    readOnly?: boolean;
+    /**
+       * * Option to enable a hint for Conditional Trigger input field.
+       * * @example
+       * isHinted
+       */
+    isHinted?: boolean;
+    /**
+     * * Option to specify hint text for Conditional Trigger input field.
+     * * @example
+     * hintText="This is a hint for a VΣ Conditional Trigger"
+     */
+    hintText?: string;
+    /**
+     * * Option to specify a hint url reference or resource for Conditional Trigger input field.
+     * * @example
+     * hintUrl="https://www.mekaegwim.ca"
+     */
+    hintUrl?: string;
+    /**
+    * * Required  inputOptions{} for the Conditional Trigger input field.
+    * * @example
+    * inputOptions={
+             [
+               {optionid: 1, optionvalue: "Kaiju", optionurl:"https://github.com/emeraldemperaur", text: "Kaiju"},
+               {optionid: 2, optionvalue: "MekaGodzilla", optionurl:"https://github.com/emeraldemperaur", text: "MekaGodzilla"},
+               {optionid: 3, optionvalue: "Zaibatsu", optionurl:"https://github.com/emeraldemperaur", text: "Zaibatsu"},
+               ]}
+   */
+    inputOptions?: InputOption[];
+    /**
+    * * Option to specify the isRequired error text for the Conditional Trigger input field.
+    * * @example
+    * errorText="A VΣ category selection is required"
+    */
+    errorText?: ReactNode | string | null;
+    /**
+     * * Option to specify the .scss class selector for the Conditional Trigger input field.
+     * * @example
+     * className="teletraan-1-checkbox"
+     */
     className?: string;
+    /**
+     * * Option to inject custom CSS the Conditional Trigger input field.
+     * * @example
+     * style={{ color: "#000000" }}
+     */
     style?: React.CSSProperties;
 }
-export declare const ConditionalTrigger: ({ alias, readonly, width, placeholder, value, inputlabel, inputtype, triggerValue, inputoptions, toggledinputtype, children, style, className, ...props }: ConditionalProps) => React.JSX.Element;
+export declare const ConditionalTrigger: ({ alias, readOnly, width, placeholder, inputLabel, inputtype, triggerValue, inputOptions, children, newRow, isHinted, hintText, hintUrl, errorText, style, className, ...props }: ConditionalProps) => React.JSX.Element;

package/lib/types/components/datepicker/datepicker.d.ts

@@ -2,23 +2,20 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DatePickerDesign = 'datepicker' | 'datepicker-material' | 'datepicker-outline' | 'datepicker-neumorphic';
 export interface DatePickerProps {
-    inputtype?: DatePickerDesign & {};
+    inputtype?: DatePickerDesign;
     alias: string;
-    inputlabel?: string;
-    icon?: React.ReactNode;
+    inputLabel?: string;
     width: number;
-    defaultvalue?: string;
-    value?: string;
     newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    minvalue?: Date | string;
-    maxvalue?: Date | string;
-    errortext?: ReactNode | string | null;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    errorText?: ReactNode | string | null;
     className?: string;
     style?: React.CSSProperties;
 }
-export declare const DatePicker: ({ inputtype, alias, readonly, width, inputlabel, placeholder, minvalue, maxvalue, className, style, ...props }: DatePickerProps) => React.JSX.Element;
+export declare const DatePicker: ({ inputtype, alias, readOnly, newRow, isHinted, hintText, hintUrl, errorText, width, inputLabel, placeholder, minDate, maxDate, className, style, ...props }: DatePickerProps) => React.JSX.Element;

package/lib/types/components/daterangepicker/daterangepicker.d.ts

@@ -2,23 +2,20 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DateRangePickerDesign = 'daterangepicker' | 'daterangepicker-material' | 'daterangepicker-outline' | 'daterangepicker-neumorphic';
 export interface DateRangePickerProps {
-    inputtype?: DateRangePickerDesign & {};
+    inputtype?: DateRangePickerDesign;
     alias: string;
-    inputlabel?: string;
-    icon?: React.ReactNode;
+    inputLabel?: string;
     width: number;
-    defaultvalue?: string;
-    value?: string;
-    newrow?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    minvalue?: Date | string;
-    maxvalue?: Date | string;
-    errortext?: ReactNode | string | null;
-    classname?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    errorText?: ReactNode | string | null;
+    className?: string;
     style?: React.CSSProperties;
 }
-export declare const DateRangePicker: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, minvalue, maxvalue, classname, style, ...props }: DateRangePickerProps) => React.JSX.Element;
+export declare const DateRangePicker: ({ inputtype, alias, readOnly, newRow, isHinted, hintText, hintUrl, errorText, width, inputLabel, placeholder, minDate, maxDate, className, style, ...props }: DateRangePickerProps) => React.JSX.Element;

package/lib/types/components/datetimepicker/datetimepicker.d.ts

@@ -2,23 +2,20 @@ import React, { ReactNode } from 'react';
 import '../../styles/main.scss';
 export type DateTimePickerDesign = 'datetimepicker' | 'datetimepicker-material' | 'datetimepicker-outline' | 'datetimepicker-neumorphic';
 export interface DateTimePickerProps {
-    inputtype?: DateTimePickerDesign & {};
+    inputtype?: DateTimePickerDesign;
     alias: string;
-    inputlabel?: string;
-    icon?: React.ReactNode;
+    inputLabel?: string;
     width: number;
-    defaultvalue?: string;
-    value?: string;
-    newrow?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
-    minvalue?: Date | string;
-    maxvalue?: Date | string;
-    errortext?: ReactNode | string | null;
-    classname?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    errorText?: ReactNode | string | null;
+    className?: string;
     style?: React.CSSProperties;
 }
-export declare const DateTimePicker: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, minvalue, maxvalue, classname, style, ...props }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ inputtype, alias, readOnly, newRow, isHinted, hintText, hintUrl, errorText, width, inputLabel, placeholder, minDate, maxDate, className, style, ...props }: DateTimePickerProps) => React.JSX.Element;

package/lib/types/components/dropdown/dropdown.d.ts

@@ -4,20 +4,20 @@ export type xDropDownDesign = 'dropdown' | 'dropdown-material' | 'dropdown-outli
 export interface xDropDownProps {
     inputtype?: xDropDownDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: string;
     value?: string;
-    newrow?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     onValueChange?: (value: string) => void;
-    errortext?: ReactNode | string | null;
-    inputoptions: {
+    errorText?: ReactNode | string | null;
+    inputOptions: {
         optionid: number | string;
         text: string;
         optionvalue: string;
@@ -26,7 +26,7 @@ export interface xDropDownProps {
         note?: string;
         optionurl?: string;
     }[];
-    classname?: string;
+    className?: string;
     style?: React.CSSProperties;
 }
-export declare const Dropdown: ({ inputtype, alias, readonly, width, inputlabel, placeholder, value, inputoptions, style, newrow, ishinted, hinttext, hinturl, defaultvalue, errortext, ...props }: xDropDownProps) => React.JSX.Element;
+export declare const Dropdown: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, value, inputOptions, style, newRow, isHinted, hintText, hintUrl, defaultvalue, errorText, className, ...props }: xDropDownProps) => React.JSX.Element;

package/lib/types/components/file/file.d.ts

@@ -4,21 +4,20 @@ export type FileInputDesign = 'fileinput' | 'fileinput-material' | 'fileinput-ou
 export interface FileInputProps {
     inputtype?: FileInputDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: any;
     value?: any;
-    newrow?: boolean;
-    isedit?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     preview?: boolean;
-    classname?: string;
-    errortext?: ReactNode | string | null;
+    className?: string;
+    errorText?: ReactNode | string | null;
     style?: React.CSSProperties;
 }
-export declare const File: ({ inputtype, alias, readonly, width, inputlabel, placeholder, preview, classname, style, ...props }: FileInputProps) => React.JSX.Element;
+export declare const File: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, preview, className, style, ...props }: FileInputProps) => React.JSX.Element;

package/lib/types/components/file/filemultiple.d.ts

@@ -4,21 +4,20 @@ export type FileMultipleInputDesign = 'filemultiple' | 'filemultiple-material' |
 export interface FileMultipleInputProps {
     inputtype?: FileMultipleInputDesign & {};
     alias: string;
-    inputlabel?: string;
+    inputLabel?: string;
     icon?: React.ReactNode;
     width: number;
     defaultvalue?: any;
     value?: any;
-    newrow?: boolean;
-    isedit?: boolean;
+    newRow?: boolean;
     placeholder?: string;
-    readonly?: boolean;
-    ishinted?: boolean;
-    hinttext?: string;
-    hinturl?: string;
+    readOnly?: boolean;
+    isHinted?: boolean;
+    hintText?: string;
+    hintUrl?: string;
     preview?: boolean;
-    errortext?: ReactNode | string | null;
-    classname?: string;
+    errorText?: ReactNode | string | null;
+    className?: string;
     style?: React.CSSProperties;
 }
-export declare const FileMultiple: ({ inputtype, alias, readonly, width, inputlabel, placeholder, preview, classname, style, ...props }: FileMultipleInputProps) => React.JSX.Element;
+export declare const FileMultiple: ({ inputtype, alias, readOnly, width, inputLabel, placeholder, newRow, isHinted, hintText, hintUrl, errorText, preview, className, style, ...props }: FileMultipleInputProps) => React.JSX.Element;