@dartech/arsenal-ui 0.0.1 → 0.0.3

package/src/lib/Alert/Alert.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { DialogProps } from '@material-ui/core/Dialog';
+/**
+ * This interface is referencing the [[AlertDialog]] component props.
+ * @category Common UI components
+ */
+export interface AlertDialogProps {
+    /**
+     * Is dialog open flag
+     */
+    open: boolean;
+    /**
+     * Dialog title
+     */
+    title: string;
+    /**
+     * Dialog description
+     */
+    description?: string;
+    /**
+     * Close button text
+     */
+    closeButtonTitle?: string;
+    /**
+     * Confirm button text
+     */
+    confirmButtonTitle?: string;
+    /**
+     * onClose event handle function
+     */
+    onClose: () => void;
+    /**
+     * onConfirm event handle function
+     */
+    onConfirm?: (values?: any) => void;
+    /**
+     * children components
+     */
+    children?: React.ReactNode;
+    /**
+     * Material UI Dialog component props
+     */
+    dialogProps?: Partial<DialogProps>;
+    loading?: boolean;
+    confirmButtonDisabled?: boolean;
+    maxWidth?: false | "xs" | "sm" | "md" | "lg" | "xl";
+}
+/**
+ * Alert dialog component. Used for popup information
+ * @category Common UI components
+ */
+export declare const AlertDialog: ({ open, title, description, closeButtonTitle, onClose, confirmButtonTitle, confirmButtonDisabled, onConfirm, children, dialogProps, loading, maxWidth }: AlertDialogProps) => JSX.Element;
+export default AlertDialog;

package/src/lib/Alert/index.d.ts

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

package/src/lib/Definition/CreateDefinition/CreateDefinition.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Props = {
+    definitionFieldName?: string;
+    title?: string;
+    hideCodeField?: boolean;
+    hideVersionField?: boolean;
+    hideNameField?: boolean;
+    required?: boolean;
+};
+export declare const CreateDefinition: ({ definitionFieldName, title, hideCodeField, hideVersionField, hideNameField, required, }: Props) => JSX.Element;
+export default CreateDefinition;

package/src/lib/Definition/CreateDefinition/{index.ts → index.d.ts}

@@ -1 +1 @@
-export * from './CreateDefinition';
+export * from './CreateDefinition';

package/src/lib/Definition/DefinitionFiller/DefinitionFiller.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { PropertiesArrayType } from '../../../interfaces';
+declare type Props = {
+    properties: PropertiesArrayType;
+    dataFieldName: string;
+};
+export declare const DefinitionFiller: ({ properties, dataFieldName }: Props) => JSX.Element;
+export default DefinitionFiller;

package/src/lib/Definition/DefinitionFiller/WidgetDefinitionFiller.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PropertiesArrayType, PropertiesObjectType } from '../../../interfaces';
+declare type Props = {
+    properties: PropertiesArrayType | PropertiesObjectType;
+    dataFieldName: string;
+    nullable?: boolean;
+};
+export declare const WidgetDefinitionFiller: ({ properties, dataFieldName, nullable }: Props) => JSX.Element;
+export default WidgetDefinitionFiller;

package/src/lib/Definition/DefinitionFiller/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export * from './DefinitionFiller';
-export * from './WidgetDefinitionFiller';
+export * from './DefinitionFiller';
+export * from './WidgetDefinitionFiller';

package/src/lib/Definition/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export * from './CreateDefinition';
-export * from './DefinitionFiller';
+export * from './CreateDefinition';
+export * from './DefinitionFiller';

package/src/lib/DemPropertyField/DemPropertyField.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { PropertyUnion } from '../../interfaces';
+/**
+ * This interface is referencing the [[DemPropertyField]] component props.
+ * @category DEM Property Field
+ */
+export interface DemPropertyFieldProps {
+    /**
+     * Material-UI TextField `variant` prop
+     */
+    variant?: 'standard' | 'outlined' | 'filled';
+    /**
+     * Parent field name for nest field
+     */
+    parentKey?: string;
+    /**
+     * propKey for React Hook Form control name propery
+     */
+    propKey: string;
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * React Hook Form `errors` object
+     */
+    errors: Record<string, any>;
+    /**
+     * Is readOnly field flag
+     */
+    readOnly?: boolean;
+    /**
+     * Is nullable value flag
+     */
+    isNullable?: boolean;
+    /**
+     * DEM property
+     */
+    property: PropertyUnion;
+    /**
+     * @ignore Validation function for JSON type field
+     */
+    jsonValidator?: (attrs: {
+        name: string;
+        errors: any[];
+    }) => void;
+    hasBooleanProperties?: boolean;
+    /**
+     * React Hook Form `watch` function
+     */
+    watch?: any;
+    hideCopy?: boolean;
+}
+/**
+ * Main DEM property field component
+ * @category DEM Property Field
+ */
+export declare const DemPropertyField: ({ propKey, property, parentKey }: DemPropertyFieldProps) => JSX.Element;

package/src/lib/DemPropertyField/DemPropertyView/DemPropertyView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { PropertyUnion } from '../../../interfaces';
+declare type Props = {
+    property: PropertyUnion;
+    value: any;
+};
+export declare const DemPropertyView: ({ property, value }: Props) => JSX.Element;
+export default DemPropertyView;

package/src/lib/DemPropertyField/DemPropertyView/{index.ts → index.d.ts}

@@ -1 +1 @@
-export * from './DemPropertyView';
+export * from './DemPropertyView';

package/src/lib/DemPropertyField/MultipleDemField/MultipleDemField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PropertyUnion } from '../../../interfaces';
+declare type Props = {
+    property: PropertyUnion;
+    name: string;
+    label: string;
+};
+export declare const MultipleDemField: ({ property, label, name }: Props) => JSX.Element;
+export default MultipleDemField;

package/src/lib/DemPropertyField/MultipleDemField/{index.tsx → index.d.ts}

@@ -1 +1 @@
-export * from './MultipleDemField';
+export * from './MultipleDemField';

package/src/lib/DemPropertyField/RestrictedValuesEditor.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type Props = {
+    name: string;
+};
+declare const RestrictedValuesEditor: ({ name }: Props) => JSX.Element;
+export default RestrictedValuesEditor;

package/src/lib/DemPropertyField/SingleDemField/SingleDemField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PropertyUnion } from '../../../interfaces';
+declare type Props = {
+    name: string;
+    label: string;
+    property: PropertyUnion;
+};
+export declare const SingleDemField: ({ property, name, label }: Props) => JSX.Element;
+export default SingleDemField;

package/src/lib/DemPropertyField/SingleDemField/{index.ts → index.d.ts}

@@ -1 +1 @@
-export * from './SingleDemField';
+export * from './SingleDemField';

package/src/lib/DemPropertyField/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export * from './DemPropertyField';
-export * from './DemPropertyView';
+export * from './DemPropertyField';
+export * from './DemPropertyView';

package/src/lib/DemPropertyField/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props?: any) => import("@material-ui/styles").ClassNameMap<"editor" | "editorDisabled" | "editorCopy" | "inputParameterTitle" | "multipleValueTitle" | "multipleValueContainer" | "restrictedValuesContainer">;
+export default _default;

package/src/lib/DemPropertyField/widgets/DemBooleanWidget.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    value: string | boolean;
+    onChange: (value: boolean) => void;
+};
+declare const DemBooleanWidget: ({ value, onChange }: Props) => JSX.Element;
+export default DemBooleanWidget;

package/src/lib/DemPropertyField/widgets/DemDateTimeWidget.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DateTimeProperty } from '../../../interfaces';
+declare type Props = {
+    property: DateTimeProperty;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const DemDateTimeWidget: ({ property, value, onChange }: Props) => JSX.Element;
+export default DemDateTimeWidget;

package/src/lib/DemPropertyField/widgets/DemDateWidget.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DateProperty } from '../../../interfaces';
+declare type Props = {
+    property: DateProperty;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const DemDateWidget: ({ property, value, onChange }: Props) => JSX.Element;
+export default DemDateWidget;

package/src/lib/DemPropertyField/widgets/DemFieldWidget.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PropertyUnion } from '../../../interfaces';
+declare type Props = {
+    property: PropertyUnion;
+    label?: string;
+    value: string;
+    name: string;
+    onChange: (value: any) => void;
+};
+export declare const DemFieldWidget: ({ property, value, name, label, onChange }: Props) => JSX.Element;
+export default DemFieldWidget;

package/src/lib/DemPropertyField/widgets/DemFloatWidget.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FloatProperty } from '../../../interfaces';
+declare type Props = {
+    property: FloatProperty;
+    value: string;
+    name: string;
+    onChange: (value: string) => void;
+};
+declare const DemFloatWidget: ({ property, value, name, onChange }: Props) => JSX.Element;
+export default DemFloatWidget;

package/src/lib/DemPropertyField/widgets/DemIntegerWidget.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BigIntegerProperty, IntegerProperty, LongProperty } from '../../../interfaces';
+declare type Props = {
+    property: IntegerProperty | BigIntegerProperty | LongProperty;
+    value: string;
+    name: string;
+    onChange: (value: string) => void;
+};
+declare const DemIntegerWidget: ({ property, value, name, onChange }: Props) => JSX.Element;
+export default DemIntegerWidget;

package/src/lib/DemPropertyField/widgets/DemJsonWidget.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import 'ace-builds/src-noconflict/ace';
+import 'ace-builds/src-noconflict/mode-json';
+declare type Props = {
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const DemJsonWidget: ({ value, onChange }: Props) => JSX.Element;
+export default DemJsonWidget;

package/src/lib/DemPropertyField/widgets/DemStringWidget.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { StringProperty } from '../../../interfaces';
+declare type Props = {
+    property: StringProperty;
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+};
+export declare const DemStringWidget: ({ property, label, value, onChange }: Props) => JSX.Element;
+export default DemStringWidget;

package/src/lib/DemPropertyField/widgets/DemTimeWidget.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TimeProperty } from '../../../interfaces';
+declare type Props = {
+    property: TimeProperty;
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const DemTimeWidget: ({ property, value, onChange }: Props) => JSX.Element;
+export default DemTimeWidget;

package/src/lib/DemPropertyField/widgets/{index.ts → index.d.ts}

@@ -1 +1 @@
-export * from './DemFieldWidget';
+export * from './DemFieldWidget';

package/src/lib/Forms/BackButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    text?: string;
+    buttonProps?: any;
+};
+export declare const BackButton: ({ text, buttonProps }: Props) => JSX.Element;
+export default BackButton;

package/src/lib/Forms/ControlAceEditor.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import 'ace-builds/src-noconflict/mode-python';
+import 'ace-builds/src-noconflict/theme-monokai';
+import 'ace-builds/src-noconflict/ext-language_tools';
+export interface ControlAceEditorProps {
+    name: string;
+    control: Control<any>;
+    mode?: string;
+    label?: string;
+    width?: string;
+    height?: string;
+    theme?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    validateJson?: boolean;
+    fontSize?: number;
+}
+export declare const ControlAceEditor: ({ control, name, mode, label, width, height, theme, readOnly, required, validateJson, fontSize, }: ControlAceEditorProps) => JSX.Element;
+export default ControlAceEditor;

package/src/lib/Forms/ControlAutocomplete.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+/**
+ * This interface is referencing the [[ControlAutocomplete]] component props.
+ * @category Forms
+ */
+export interface ControlAutocompleteProps {
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * Autocomplete `options` prop
+     */
+    options?: any[];
+    /**
+     * Material-UI TextField `label` prop
+     */
+    label: string;
+    /**
+     * Material-UI TextField `placeholder` prop
+     */
+    placeholder?: string;
+    /**
+     * Autocomplete `multiple` prop
+     */
+    /**
+     * onChange handle function
+     */
+    onChange?: (name: string, value: unknown) => void;
+    multiple?: boolean;
+    required?: boolean;
+    disableCloseOnSelect?: boolean;
+    filterSelectedOptions?: boolean;
+    labelKey?: string;
+    valueKey?: string;
+    loading?: boolean;
+    getOptionDisabled?: (option: any) => boolean;
+}
+/**
+ * Material UI `Autocomplete` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlAutocomplete: ({ control, name, options, label, placeholder, multiple, required, disableCloseOnSelect, labelKey, valueKey, loading, onChange, getOptionDisabled, }: ControlAutocompleteProps) => JSX.Element;
+export default ControlAutocomplete;

package/src/lib/Forms/ControlCheckbox.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+/**
+ * This interface is referencing the [[ControlCheckbox]] component props.
+ * @category Forms
+ */
+export interface ControlCheckboxProps {
+    /**
+     * React Hook Form `control`
+     */
+    control: any;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * Material-UI FormControlLabel `label` prop
+     */
+    label?: string;
+    /**
+     * Is disabled input flag
+     */
+    disabled?: boolean;
+    onChange?: (name: string, value: unknown) => void;
+}
+/**
+ * Material UI `Checkbox` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlCheckbox: ({ name, control, label, disabled, onChange }: ControlCheckboxProps) => JSX.Element;
+export default ControlCheckbox;

package/src/lib/Forms/ControlDebouncedInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ControlInputProps } from './ControlInput';
+export declare const ControlDebouncedInput: ({ inputProps, name, required, validate, label, variant, type, defaultValue, disabled, InputLabelProps, textarea, }: ControlInputProps) => JSX.Element;
+export default ControlDebouncedInput;

package/src/lib/Forms/ControlInput.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+declare type ValidateFunc = (value: string) => boolean | string;
+declare type onChangeCallback = (e: any) => void;
+/**
+ * This interface is referencing the [[ControlInput]] component props.
+ * @category Forms
+ */
+export interface ControlInputProps {
+    /**
+     * Props for MUI TextField component
+     */
+    inputProps?: Record<string, string | number | boolean | onChangeCallback | {
+        [key: string]: any;
+    }>;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    label?: string;
+    type?: 'text' | 'date' | 'password' | 'search' | 'number' | 'email' | 'datetime-local';
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * Is input required flag
+     */
+    required?: boolean;
+    defaultValue?: any;
+    /**
+     * Is disabled input flag
+     */
+    disabled?: boolean;
+    /**
+     * Material-UI TextField `variant` prop
+     */
+    variant?: 'filled' | 'outlined' | 'standard';
+    /**
+     * React Hook Form validate function
+     * ```typescript
+     * type ValidateFunc = (value: string) => boolean | string;
+     * ```
+     */
+    validate?: ValidateFunc | Record<string, ValidateFunc>;
+    InputLabelProps?: any;
+    textarea?: boolean;
+}
+/**
+ * Material UI `TextField` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlInput: ({ inputProps, name, control, required, validate, label, variant, type, defaultValue, disabled, InputLabelProps, textarea, }: ControlInputProps) => JSX.Element;
+export default ControlInput;

package/src/lib/Forms/ControlNumberInput.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+declare type onChangeCallback = (e: any) => void;
+declare type Props = {
+    /**
+     * Props for MUI TextField component
+     */
+    inputProps?: Record<string, string | number | boolean | onChangeCallback | {
+        [key: string]: any;
+    }>;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    label?: string;
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * Is input required flag
+     */
+    required?: boolean;
+    defaultValue?: number;
+    /**
+     * Is disabled input flag
+     */
+    disabled?: boolean;
+    /**
+     * Material-UI TextField `variant` prop
+     */
+    variant?: 'filled' | 'outlined' | 'standard';
+    /**
+     * React Hook Form validate function
+     * ```typescript
+     * type ValidateFunc = (value: string) => boolean | string;
+     * ```
+     */
+    InputLabelProps?: any;
+    decimal?: boolean;
+};
+export declare const ControlNumberInput: ({ inputProps, name, label, control, required, defaultValue, disabled, variant, InputLabelProps, decimal, }: Props) => JSX.Element;
+export default ControlNumberInput;

package/src/lib/Forms/ControlQueryAutocomplete.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ControlAutocompleteProps } from './ControlAutocomplete';
+interface ControlQueryAutocompleteProps extends ControlAutocompleteProps {
+    queryFunction: (searchInput: string, pageNumber: number) => Promise<any>;
+}
+export declare const ControlQueryAutocomplete: ({ name, label, placeholder, queryFunction, }: ControlQueryAutocompleteProps) => JSX.Element;
+export default ControlQueryAutocomplete;

package/src/lib/Forms/ControlRadioBtn.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+/**
+ * This interface is referencing the [[ControlRadioBtn]] component props.
+ * @category Forms
+ */
+export interface ControlRadioBtnProps {
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * Radio group values
+     */
+    values: any[];
+}
+/**
+ * Material UI `Radio` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlRadioBtn: ({ name, values, control }: ControlRadioBtnProps) => JSX.Element;
+export default ControlRadioBtn;

package/src/lib/Forms/ControlSelect.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+declare type ValidateFunc = (value: string) => boolean | string;
+declare type onChangeCallback = (e: any) => void;
+/**
+ * This interface is referencing the [[ControlSelect]] component props.
+ * @category Forms
+ */
+export interface ControlSelectProps {
+    /**
+     * Props for MUI TextField component
+     */
+    inputProps?: Record<string, string | number | boolean | onChangeCallback | {
+        [key: string]: any;
+    }>;
+    /**
+     * Props for MUI SelectProps component
+     */
+    selectProps?: Record<string, string | number | boolean | onChangeCallback | {
+        [key: string]: any;
+    }>;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    defaultValue?: any;
+    /**
+     * Is field required flag
+     */
+    required?: boolean;
+    /**
+     * Select options
+     */
+    options: any[];
+    /**
+     * Key for option label
+     */
+    labelKey?: string;
+    /**
+     * Key for option value
+     */
+    valueKey?: string;
+    /**
+     * Material-UI TextField `variant` prop
+     */
+    variant?: 'filled' | 'outlined' | 'standard';
+    /**
+     * React Hook Form validate function
+     * ```typescript
+     * type ValidateFunc = (value: string) => boolean | string;
+     * ```
+     */
+    validate?: ValidateFunc | Record<string, ValidateFunc>;
+    label?: string;
+    disabled?: boolean;
+}
+/**
+ * Material UI `Select` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlSelect: ({ inputProps, selectProps, name, control, required, defaultValue, options, variant, validate, labelKey, valueKey, label, disabled, }: ControlSelectProps) => JSX.Element;
+export default ControlSelect;