@dartech/arsenal-ui 1.2.6 → 1.2.7

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { TextFieldProps } from '@mui/material/TextField';
+import { Control } from 'react-hook-form';
+import { ValidateFunc } from '../../interfaces';
+type Props = TextFieldProps & {
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * Label for MUI TextField component
+     */
+    label?: string;
+    /**
+     * React Hook Form `control`
+     */
+    control: Control;
+    /**
+     * Is input required flag
+     */
+    required?: boolean;
+    /**
+     * React Hook Form `defaultValue`
+     */
+    defaultValue?: number;
+    /**
+     * Is disabled input flag
+     */
+    disabled?: boolean;
+    /**
+     * React Hook Form validate function
+     * ```typescript
+     * type ValidateFunc = (value: string) => boolean | string;
+     * ```
+     */
+    validate?: ValidateFunc | Record<string, ValidateFunc>;
+    /**
+     * Hide error message flag
+     */
+    hideErrorMessage?: boolean;
+    /**
+     * Custom onChange function
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Is number decimal or integer flag
+     */
+    decimal?: boolean;
+};
+export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, ...textFieldProps }: Props) => JSX.Element;
+export default ControlNumberInput;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ControlAutocompleteProps } from './ControlAutocomplete';
+import { PaginateData } from '../../interfaces';
+type PaginateParams = {
+    page: string;
+    size: string;
+    [key: string]: string;
+};
+type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'> & {
+    searchBy: string;
+    sortBy?: string;
+    queryFunction: (params: PaginateParams) => Promise<PaginateData<T>>;
+    itemQueryFunction?: (valueKey: string) => Promise<T>;
+};
+export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
+export default ControlQueryAutocomplete;

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

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { ValidateFunc } from '../../interfaces';
+/**
+ * This interface is referencing the [[ControlRadioBtn]] component props.
+ * @category Forms
+ */
+export interface ControlRadioProps {
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * Label for component
+     */
+    label?: string;
+    /**
+     * Radio group values
+     */
+    values: string[] | unknown[];
+    /**
+     * Is input required flag
+     */
+    required?: boolean;
+    /**
+     * React Hook Form `defaultValue`
+     */
+    defaultValue?: unknown;
+    /**
+     * Is disabled input flag
+     */
+    disabled?: boolean;
+    /**
+     * Hide error message flag
+     */
+    hideErrorMessage?: boolean;
+    /**
+     * Custom onChange functionƒ
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * React Hook Form validate function
+     * ```typescript
+     * type ValidateFunc = (value: string) => boolean | string;
+     * ```
+     */
+    validate?: ValidateFunc | Record<string, ValidateFunc>;
+    /**
+     * Key for option label
+     */
+    labelKey?: string;
+    /**
+     * Key for option value
+     */
+    valueKey?: string;
+}
+/**
+ * Material UI `Radio` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, }: ControlRadioProps) => JSX.Element;
+export default ControlRadio;

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { TextFieldProps } from '@mui/material/TextField';
+import { Control } from 'react-hook-form';
+import { ValidateFunc } from '../../interfaces';
+/**
+ * This interface is referencing the [[ControlSelect]] component props.
+ * @category Forms
+ */
+export type ControlSelectProps = TextFieldProps & {
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * Label for MUI TextField select component
+     */
+    label?: string;
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * Is input required flag
+     */
+    required?: boolean;
+    /**
+     * React Hook Form `defaultValue`
+     */
+    defaultValue?: unknown;
+    /**
+     * Is disabled input flag
+     */
+    disabled?: boolean;
+    /**
+     * React Hook Form validate function
+     * ```typescript
+     * type ValidateFunc = (value: string) => boolean | string;
+     * ```
+     */
+    validate?: ValidateFunc | Record<string, ValidateFunc>;
+    /**
+     * Hide error message flag
+     */
+    hideErrorMessage?: boolean;
+    /**
+     * Custom onChange functionƒ
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Key for option label
+     */
+    labelKey?: string;
+    /**
+     * Key for option value
+     */
+    valueKey?: string;
+    /**
+     * Select options
+     */
+    options: string[] | unknown[];
+};
+/**
+ * Material UI `Select` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlSelect: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, ...textFieldProps }: ControlSelectProps) => JSX.Element;
+export default ControlSelect;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { SwitchProps } from '@mui/material/Switch';
+import { Control } from 'react-hook-form';
+type Props = SwitchProps & {
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * React Hook Form control `name` propery
+     */
+    name: string;
+    /**
+     * Material-UI FormControlLabel `label` prop
+     */
+    label?: string;
+};
+export declare const ControlSwitch: ({ control, name, label, ...switchProps }: Props) => JSX.Element;
+export default ControlSwitch;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+type Props = {
+    /**
+     * React Hook Form `control`
+     */
+    control: Control<any>;
+    /**
+     * Is input required flag
+     */
+    required?: boolean;
+    name: string;
+    label?: string;
+    format?: string;
+    hideErrorMessage?: boolean;
+};
+export declare const ControlTime: ({ control, name, required, label, format, hideErrorMessage, }: Props) => JSX.Element;
+export default ControlTime;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/**
+ * This interface is referencing the [[CopyButton]] component props.
+ * @category Forms
+ */
+export interface CopyButtonProps {
+    /**
+     * Text to copy
+     */
+    copyText: string;
+    /**
+     * Tooltip help text
+     */
+    helpText?: string;
+}
+/**
+ * Copy value button
+ * @category Forms
+ */
+export declare const CopyButton: ({ copyText, helpText }: CopyButtonProps) => JSX.Element;

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

@@ -1,15 +1,15 @@
-export * from './ControlInput';
-export * from './ControlDebouncedInput';
-export * from './ControlSelect';
-export * from './ControlCheckbox';
-export * from './ControlRadio';
-export * from './ControlAutocomplete';
-export * from './ControlQueryAutocomplete';
-export * from './CopyButton';
-export * from './BackButton';
-export * from './ControlAceEditor';
-export * from './ControlNumberInput';
-export * from './ControlSwitch';
-export * from './ControlDate';
-export * from './ControlDateTime';
-export * from './ControlTime';
+export * from './ControlInput';
+export * from './ControlDebouncedInput';
+export * from './ControlSelect';
+export * from './ControlCheckbox';
+export * from './ControlRadio';
+export * from './ControlAutocomplete';
+export * from './ControlQueryAutocomplete';
+export * from './CopyButton';
+export * from './BackButton';
+export * from './ControlAceEditor';
+export * from './ControlNumberInput';
+export * from './ControlSwitch';
+export * from './ControlDate';
+export * from './ControlDateTime';
+export * from './ControlTime';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const useAutocomplete: ({ valueKey, labelKey }: {
+    valueKey: any;
+    labelKey: any;
+}) => {
+    isOptionEqualToValue: (option: any, value: any) => boolean;
+    getOptionLabel: (option: any) => string;
+    renderOption: (props: any, option: any) => JSX.Element;
+};
+export default useAutocomplete;

package/src/lib/InfoItem/InfoItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import 'ace-builds/src-noconflict/ace';
+import 'ace-builds/src-noconflict/mode-json';
+type Props = {
+    title: string;
+    text?: string;
+    json?: any;
+};
+export declare const InfoItem: ({ title, text, json }: Props) => JSX.Element;
+export default InfoItem;

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

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

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

@@ -0,0 +1,12 @@
+declare const _default: (params: void, styleOverrides?: {
+    props: {
+        classes?: Record<string, string>;
+    } & Record<string, unknown>;
+    ownerState?: Record<string, unknown>;
+}) => {
+    classes: Record<"container" | "title" | "text", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default _default;

package/src/lib/JsonPathPicker/JsonPathPicker.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { JsonPathPickerProperty } from '../../interfaces';
+type Props = {
+    properties: JsonPathPickerProperty[];
+    open: boolean;
+    onClose: () => void;
+    onPaste: (path: string) => void;
+};
+export declare const JsonPathPicker: ({ open, onClose, onPaste, properties }: Props) => JSX.Element;
+export default JsonPathPicker;

package/src/lib/JsonPathPicker/PropertyStep.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PropertiesArrayType } from '../../interfaces';
+type Props = {
+    properties: PropertiesArrayType;
+    parentKey?: string;
+    activePath: string;
+    prefix?: string;
+    onClick: (path: string) => void;
+};
+declare const PropertyStep: ({ properties, parentKey, activePath, prefix, onClick }: Props) => JSX.Element;
+export default PropertyStep;

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

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

package/src/lib/JsonView/JsonView.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Props = {
+    value: unknown;
+    height?: string;
+};
+export declare const JsonView: ({ value, height }: Props) => JSX.Element;
+export {};

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

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

package/src/lib/Loader/Loader.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+/**
+ * This interface is referencing the [[Loader]] component props.
+ * @category Common UI components
+ */
+export interface LoaderProps {
+    /**
+     * Background transparency flag. Default: `rgba(255, 255, 255, .3)`
+     */
+    transparent?: boolean;
+    /**
+     * CSS `position` property. Default: `absolute`
+     */
+    position?: 'absolute' | 'relative' | 'fixed';
+}
+/**
+ * Loader screen component. Used in the data loading process
+ * @category Common UI components
+ */
+export declare const Loader: ({ transparent, position }: LoaderProps) => JSX.Element;
+export default Loader;

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

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

package/src/lib/Modals/JsonModalView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import 'ace-builds/src-noconflict/ace';
+import 'ace-builds/src-noconflict/mode-json';
+type Props = {
+    open: boolean;
+    value: string;
+    onClose: () => void;
+};
+export declare const JsonModalView: React.FC<Props>;
+export default JsonModalView;

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

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

package/src/lib/Property/PropertyFiller/JsonEditor.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import 'ace-builds/src-noconflict/mode-json';
+import { RefCallBack } from 'react-hook-form';
+type Props = {
+    validate?: boolean;
+    name: string;
+    inputRef: RefCallBack;
+};
+declare const JsonEditor: ({ validate, name, inputRef }: Props) => JSX.Element;
+export default JsonEditor;

package/src/lib/Property/PropertyFiller/MultiplePropertyFiller.d.ts

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

package/src/lib/Property/PropertyFiller/MultiplePropertyWidget.d.ts

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

package/src/lib/Property/PropertyFiller/PropertyFiller.d.ts

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

package/src/lib/Property/PropertyFiller/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export * from './PropertyFiller';
-export * from './MultiplePropertyFiller';
+export * from './PropertyFiller';
+export * from './MultiplePropertyFiller';

package/src/lib/Property/PropertyFiller/usePropertyFiller.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { PropertyFillType, PropertyUnion } from '../../../interfaces';
+type Props = {
+    value: unknown;
+    property: PropertyUnion;
+    isDirty: boolean;
+    label?: string;
+    required?: boolean;
+    useExpression?: boolean;
+    multipleOptions?: boolean;
+};
+declare const usePropertyFiller: ({ value, property, label, isDirty, required, useExpression, multipleOptions, }: Props) => {
+    propertyType: import("../../../interfaces").PropertyType;
+    valueLabel: string;
+    fillOptionLabel: string;
+    fillOption: PropertyFillType;
+    fillOptions: {
+        value: PropertyFillType;
+        label: string;
+        sortOrder: number;
+    }[];
+    setFillOption: import("react").Dispatch<import("react").SetStateAction<PropertyFillType>>;
+};
+export default usePropertyFiller;

package/src/lib/Property/PropertyFiller/useStyles.d.ts

@@ -0,0 +1,12 @@
+declare const useStyles: (params: void, styleOverrides?: {
+    props: {
+        classes?: Record<string, string>;
+    } & Record<string, unknown>;
+    ownerState?: Record<string, unknown>;
+}) => {
+    classes: Record<"inputLabel", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+export default useStyles;

package/src/lib/Property/PropertyValidator/NodeValidator.d.ts

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

package/src/lib/Property/PropertyValidator/NodesList.d.ts

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

package/src/lib/Property/PropertyValidator/NumericTypeValidator.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+type Props = {
+    name: string;
+    control: Control<any>;
+};
+export declare const NumericTypeValidator: ({ name, control }: Props) => JSX.Element;
+export default NumericTypeValidator;

package/src/lib/Property/PropertyValidator/PropertyValidator.d.ts

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

package/src/lib/Property/PropertyValidator/PropertyValidatorContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { PropertyType } from '../../../interfaces';
+export declare const PropertyValidatorContext: import("react").Context<"" | PropertyType>;

package/src/lib/Property/PropertyValidator/StringTypeValidator.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+type Props = {
+    name: string;
+    control: Control;
+};
+export declare const StringTypeValidator: ({ name, control }: Props) => JSX.Element;
+export default StringTypeValidator;

package/src/lib/Property/PropertyValidator/ValidationNodeSelector.d.ts

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

package/src/lib/Property/PropertyValidator/index.d.ts

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

package/src/lib/Property/PropertyValueField/BooleanValueField.d.ts

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

package/src/lib/Property/PropertyValueField/DateTimeValueField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    name: string;
+    label?: string;
+    required?: boolean;
+    format?: string;
+};
+declare const DateTimeValueField: ({ name, label, required, format }: Props) => JSX.Element;
+export default DateTimeValueField;

package/src/lib/Property/PropertyValueField/DateValueField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    name: string;
+    format: string;
+    label?: string;
+    required?: boolean;
+};
+declare const DateValueField: ({ name, label, required, format }: Props) => JSX.Element;
+export default DateValueField;

package/src/lib/Property/PropertyValueField/JsonValueField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import 'ace-builds/src-noconflict/ace';
+import 'ace-builds/src-noconflict/mode-json';
+type Props = {
+    name: string;
+    label?: string;
+    required?: boolean;
+};
+declare const JsonValueField: ({ name, label, required }: Props) => JSX.Element;
+export default JsonValueField;

package/src/lib/Property/PropertyValueField/PropertyValueField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    propertyFieldName: string;
+    name: string;
+    label?: string;
+    required?: boolean;
+};
+export declare const PropertyValueField: ({ propertyFieldName, name, label, required }: Props) => JSX.Element;
+export default PropertyValueField;

package/src/lib/Property/PropertyValueField/StringValueField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    name: string;
+    label?: string;
+    required?: boolean;
+    restrictedValues?: string[];
+};
+declare const StringValueField: ({ name, label, required, restrictedValues }: Props) => JSX.Element;
+export default StringValueField;

package/src/lib/Property/PropertyValueField/TimeValueField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Props = {
+    name: string;
+    label?: string;
+    format?: string;
+    required?: boolean;
+};
+declare const TimeValueField: ({ name, label, format, required }: Props) => JSX.Element;
+export default TimeValueField;