@dartech/arsenal-ui 1.8.9 → 1.9.0

package/src/lib/DefinitionNode/ViewNode/ObjectNodeView.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { ObjectPropertiesArrayType } from '../../../interfaces';
 type Props = {
     properties: ObjectPropertiesArrayType;
     parentNames?: string[];
 };
-export declare const ObjectNodeView: ({ properties, parentNames }: Props) => JSX.Element;
-declare const _default: import("react").MemoExoticComponent<({ properties, parentNames }: Props) => JSX.Element>;
+export declare const ObjectNodeView: ({ properties, parentNames }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ properties, parentNames }: Props) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/lib/DefinitionNode/ViewNode/PropertyDataTable.d.ts

@@ -1,7 +1,11 @@
-/// <reference types="react" />
-import { NodeUnion } from '../../../interfaces';
+import { NodeType, NodeUnion } from '../../../interfaces';
 type Props = {
     node: NodeUnion;
 };
-declare const NodeDataTable: ({ node }: Props) => JSX.Element;
+type ValueDisplayProps = {
+    value: unknown;
+    type: NodeType;
+};
+export declare const ValueDisplay: ({ value, type }: ValueDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NodeDataTable: ({ node }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NodeDataTable;

package/src/lib/DefinitionNode/ViewNode/ViewNode.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { NodeUnion } from '../../../interfaces';
-type Props = {
+export type ViewNodeProps = {
     node?: NodeUnion;
     parentNames?: string[];
     defaultExpanded?: boolean;
 };
-export declare const ViewNode: ({ node, parentNames, defaultExpanded, }: Props) => JSX.Element;
+export declare const ViewNode: ({ node, parentNames, defaultExpanded, }: ViewNodeProps) => import("react/jsx-runtime").JSX.Element;
 export default ViewNode;

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

@@ -0,0 +1,6 @@
+export type BackButtonProps = {
+    text?: string;
+    buttonProps?: Record<string, unknown>;
+};
+export declare const BackButton: ({ text, buttonProps }: BackButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default BackButton;

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

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

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 import { TextFieldProps } from '@mui/material/TextField';
-type Props = TextFieldProps & {
+export type ControlArrayInputProps = TextFieldProps & {
     name: string;
     control: Control<any>;
     label?: ReactNode;
@@ -10,5 +10,4 @@ type Props = TextFieldProps & {
     onChange?: any;
     textFieldLabel?: string;
 };
-export declare const ControlArrayInput: ({ name, control, label, required, defaultValue, onChange: customOnChange, textFieldLabel, ...textFieldProps }: Props) => JSX.Element;
-export {};
+export declare const ControlArrayInput: ({ name, control, label, required, defaultValue, onChange: customOnChange, textFieldLabel, ...textFieldProps }: ControlArrayInputProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/Forms/ControlArrayInput/index.d.ts

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

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

@@ -72,5 +72,5 @@ export type ControlAutocompleteProps = Omit<AutocompleteProps<unknown, boolean,
  * Material UI `Autocomplete` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlAutocomplete: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, multiple, textFieldProps, disableCloseOnSelect, useStringValue, requiredErrorText, startAdornment, endAdornment, useVirtualList, ...autocompleteProps }: ControlAutocompleteProps) => JSX.Element;
+export declare const ControlAutocomplete: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, multiple, textFieldProps, disableCloseOnSelect, useStringValue, requiredErrorText, startAdornment, endAdornment, useVirtualList, ...autocompleteProps }: ControlAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlAutocomplete;

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

@@ -7,7 +7,7 @@ type PaginateParams = {
     size: string;
     [key: string]: string;
 };
-type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'> & {
+export type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'> & {
     searchBy: string;
     mongoQueryJson?: any;
     sortBy?: string;
@@ -16,5 +16,5 @@ type ControlQueryAutocompleteProps<T> = Omit<ControlAutocompleteProps, 'options'
     requiredErrorText?: string;
     renderInput?: AutocompleteProps<unknown, boolean, boolean, boolean, React.ElementType<any>>['renderInput'];
 };
-export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, mongoQueryJson, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, requiredErrorText, startAdornment, endAdornment, useVirtualList, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): JSX.Element;
+export declare function ControlQueryAutocomplete<T>({ name, label, control, required, searchBy, labelKey, multiple, mongoQueryJson, disabled, valueKey, sortBy, hideErrorMessage, disableCloseOnSelect, textFieldProps, onChange, queryFunction, validate, itemQueryFunction, requiredErrorText, startAdornment, endAdornment, useVirtualList, ...autocompleteProps }: ControlQueryAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
 export default ControlQueryAutocomplete;

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

@@ -1,10 +1,9 @@
-/// <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;
+    renderOption: (props: any, option: any) => import("react/jsx-runtime").JSX.Element;
 };
 export default useAutocomplete;

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

@@ -1,7 +1,7 @@
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-import { ValidateFunc } from '../../interfaces';
+import { ValidateFunc } from '../../../interfaces';
 /**
  * This interface is referencing the [[ControlCheckbox]] component props.
  * @category Forms
@@ -47,5 +47,5 @@ export type ControlCheckboxProps = CheckboxProps & {
  * Material UI `Checkbox` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlCheckbox: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, ...checkboxProps }: ControlCheckboxProps) => JSX.Element;
+export declare const ControlCheckbox: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, ...checkboxProps }: ControlCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlCheckbox;

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

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

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

@@ -1,6 +1,10 @@
 import { ReactCodeMirrorRef } from '@uiw/react-codemirror';
 import { Control } from 'react-hook-form';
 import { ReactNode } from 'react';
+/**
+ * This interface is referencing the [[ControlCodeEditor]] component props.
+ * @category Forms
+ */
 export interface ControlCodeEditorProps {
     name: string;
     control: Control<any>;
@@ -19,5 +23,9 @@ export interface ControlCodeEditorProps {
     [key: string]: unknown;
     useCleanValue?: boolean;
 }
+/**
+ * `CodeMirror` controlled component. Used with react-hook-form
+ * @category Forms
+ */
 export declare const ControlCodeEditor: import("react").ForwardRefExoticComponent<Omit<ControlCodeEditorProps, "ref"> & import("react").RefAttributes<ReactCodeMirrorRef>>;
 export default ControlCodeEditor;

package/src/lib/Forms/ControlCodeEditor/index.d.ts

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

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

@@ -2,7 +2,11 @@ import { ReactNode } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
 import { Control, Validate } from 'react-hook-form';
-type ControlDateProps = Partial<DatePickerProps<Date>> & {
+/**
+ * This interface is referencing the [[ControlDate]] component props.
+ * @category Forms
+ */
+export type ControlDateProps = Partial<DatePickerProps<Date>> & {
     /**
      * React Hook Form `control`
      */
@@ -23,5 +27,9 @@ type ControlDateProps = Partial<DatePickerProps<Date>> & {
     dateCondition?: 'gte' | 'lte' | 'gt' | 'lt' | 'current';
     defaultValue?: string;
 };
-export declare const ControlDate: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, dateCondition, validateErrorText, ...datePickerProps }: ControlDateProps) => JSX.Element;
+/**
+ * Material UI `DatePicker` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlDate: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, dateCondition, validateErrorText, ...datePickerProps }: ControlDateProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlDate;

package/src/lib/Forms/ControlDate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ControlDate';
+export { default } from './ControlDate';

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

@@ -2,7 +2,11 @@ import { ReactNode } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
 import { Control, Validate } from 'react-hook-form';
-type dateTimePickerProps = Partial<DateTimePickerProps<Date>> & {
+/**
+ * This interface is referencing the [[ControlDateTime]] component props.
+ * @category Forms
+ */
+export type ControlDateTimeProps = Partial<DateTimePickerProps<Date>> & {
     /**
      * React Hook Form `control`
      */
@@ -23,5 +27,9 @@ type dateTimePickerProps = Partial<DateTimePickerProps<Date>> & {
     dateCondition?: 'gte' | 'lte' | 'gt' | 'lt' | 'current';
     defaultValue?: string;
 };
-export declare const ControlDateTime: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, dateCondition, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
+/**
+ * Material UI `DateTimePicker` controlled component. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlDateTime: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, dateCondition, validateErrorText, ...dateTimePickerProps }: ControlDateTimeProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlDateTime;

package/src/lib/Forms/ControlDateTime/index.d.ts

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

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

@@ -0,0 +1,9 @@
+import { type ControlInputProps } from '../ControlInput';
+export type ControlDebouncedInputProps = ControlInputProps & {
+    /**
+     * Time to change form state
+     */
+    debounceTime?: number;
+};
+export declare const ControlDebouncedInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, debounceTime, ...textFieldProps }: ControlDebouncedInputProps) => import("react/jsx-runtime").JSX.Element;
+export default ControlDebouncedInput;

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

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

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
 import { TextFieldProps } from '@mui/material/TextField';
-import { ValidateFunc } from '../../interfaces';
+import { ValidateFunc } from '../../../interfaces';
 /**
  * This interface is referencing the [[ControlInput]] component props.
  * @category Forms
@@ -59,5 +59,5 @@ export type ControlInputProps = TextFieldProps & {
  * Material UI `TextField` controlled component. Used with react-hook-form
  * @category Forms
  */
-export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => JSX.Element;
+export declare const ControlInput: ({ control, validate, name, label, required, defaultValue, disabled, textarea, hideErrorMessage, onChange: customOnChange, requiredErrorText, ...textFieldProps }: ControlInputProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlInput;

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

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

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 import { Control } from 'react-hook-form';
-import { ValidateFunc } from '../../interfaces';
+import { ValidateFunc } from '../../../interfaces';
 export interface ErrorText {
     required: string;
     notValidNumber: string;
@@ -12,7 +12,7 @@ export declare const DEFAULT_ERROR_TEXT: {
     notValidNumber: string;
     notValidInteger: string;
 };
-type Props = TextFieldProps & {
+export type ControlNumberInputProps = TextFieldProps & {
     /**
      * React Hook Form control `name` propery
      */
@@ -68,5 +68,9 @@ type Props = TextFieldProps & {
      */
     errorText?: ErrorText;
 };
-export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, useFormattedInputValue, errorText, ...textFieldProps }: Props) => JSX.Element;
+/**
+ * Material UI `TextField` controlled component that accepting only numbers. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlNumberInput: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, decimal, valueAsNumber, useFormattedInputValue, errorText, ...textFieldProps }: ControlNumberInputProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlNumberInput;

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

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

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

@@ -1,11 +1,10 @@
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-type Props = {
+export type ControlPeriodInputProps = {
     name?: string;
     control: Control<any>;
     label?: ReactNode;
     required?: boolean;
     isSecondsVisible?: boolean;
 };
-export declare const ControlPeriodInput: ({ name, control, label, required, isSecondsVisible, }: Props) => JSX.Element;
-export {};
+export declare const ControlPeriodInput: ({ name, control, label, required, isSecondsVisible, }: ControlPeriodInputProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/Forms/ControlPeriodInput/index.d.ts

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

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

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
 import { Control } from 'react-hook-form';
 import { Props as InputMaskProps } from 'react-input-mask';
-import { ValidateFunc } from '../../interfaces';
-type Props = TextFieldProps & {
+import { ValidateFunc } from '../../../interfaces';
+export type ControlPhoneInputProps = TextFieldProps & {
     control: Control<any>;
     name: string;
     required?: boolean;
@@ -15,5 +15,9 @@ type Props = TextFieldProps & {
     inputMaskProps?: InputMaskProps;
     validate?: ValidateFunc | Record<string, ValidateFunc>;
 };
-export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, disabled, validate, invalidErrorText, ...textFieldProps }: Props) => JSX.Element;
+/**
+ * MUI `TextField` controlled component with `react-input-mask`. Used with react-hook-form
+ * @category Forms
+ */
+export declare const ControlPhoneInput: ({ control, name, label, required, mask, requiredErrorText, inputMaskProps, disabled, validate, invalidErrorText, ...textFieldProps }: ControlPhoneInputProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlPhoneInput;

package/src/lib/Forms/ControlPhoneInput/index.d.ts

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

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

@@ -1,6 +1,6 @@
 import { RadioProps } from '@mui/material/Radio';
 import { Control } from 'react-hook-form';
-import { ValidateFunc } from '../../interfaces';
+import { ValidateFunc } from '../../../interfaces';
 import { ReactNode } from 'react';
 /**
  * This interface is referencing the [[ControlRadioBtn]] component props.
@@ -66,5 +66,5 @@ export interface ControlRadioProps {
  * 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, row, radioProps, requiredErrorText, }: ControlRadioProps) => JSX.Element;
+export declare const ControlRadio: ({ name, label, values, control, required, defaultValue, disabled, hideErrorMessage, labelKey, valueKey, validate, onChange: customOnChange, row, radioProps, requiredErrorText, }: ControlRadioProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlRadio;

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

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

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

@@ -1,7 +1,7 @@
 import { TextFieldProps } from '@mui/material/TextField';
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-import { ValidateFunc } from '../../interfaces';
+import { ValidateFunc } from '../../../interfaces';
 /**
  * This interface is referencing the [[ControlSelect]] component props.
  * @category Forms
@@ -63,10 +63,10 @@ export type ControlSelectProps = TextFieldProps & {
      */
     requiredErrorText?: string;
 };
-export declare const PopupIconComponent: () => JSX.Element;
+export declare const PopupIconComponent: () => import("react/jsx-runtime").JSX.Element;
 /**
  * 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, requiredErrorText, ...textFieldProps }: ControlSelectProps) => JSX.Element;
+export declare const ControlSelect: ({ control, validate, name, label, required, defaultValue, disabled, hideErrorMessage, onChange: customOnChange, labelKey, valueKey, options, requiredErrorText, ...textFieldProps }: ControlSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlSelect;

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

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

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

@@ -1,7 +1,7 @@
 import { SwitchProps } from '@mui/material/Switch';
 import { Control } from 'react-hook-form';
 import { ReactNode } from 'react';
-type Props = SwitchProps & {
+export type ControlSwitchProps = SwitchProps & {
     /**
      * React Hook Form `control`
      */
@@ -16,5 +16,5 @@ type Props = SwitchProps & {
     label?: ReactNode;
     defaultValue?: boolean;
 };
-export declare const ControlSwitch: ({ control, name, label, defaultValue, ...switchProps }: Props) => JSX.Element;
+export declare const ControlSwitch: ({ control, name, label, defaultValue, ...switchProps }: ControlSwitchProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlSwitch;

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

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

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

@@ -2,7 +2,7 @@ import { TextFieldProps } from '@mui/material/TextField';
 import { TimePickerProps } from '@mui/x-date-pickers/TimePicker';
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-type Props = Partial<TimePickerProps<Date>> & {
+export type ControlTimeProps = Partial<TimePickerProps<Date>> & {
     /**
      * React Hook Form `control`
      */
@@ -11,6 +11,9 @@ type Props = Partial<TimePickerProps<Date>> & {
      * Is input required flag
      */
     required?: boolean;
+    /**
+     * React Hook Form `name`
+     */
     name: string;
     placeholder?: string;
     textFieldProps?: TextFieldProps;
@@ -20,5 +23,5 @@ type Props = Partial<TimePickerProps<Date>> & {
     requiredErrorText?: string;
     defaultValue?: string;
 };
-export declare const ControlTime: ({ control, name, required, label, textFieldProps, format, hideErrorMessage, requiredErrorText, placeholder, defaultValue, ...timePickerProps }: Props) => JSX.Element;
+export declare const ControlTime: ({ control, name, required, label, textFieldProps, format, hideErrorMessage, requiredErrorText, placeholder, defaultValue, ...timePickerProps }: ControlTimeProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlTime;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * This interface is referencing the [[CopyButton]] component props.
  * @category Forms
@@ -17,4 +16,4 @@ export interface CopyButtonProps {
  * Copy value button
  * @category Forms
  */
-export declare const CopyButton: ({ copyText, helpText }: CopyButtonProps) => JSX.Element;
+export declare const CopyButton: ({ copyText, helpText }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-type Props = {
+export type InfoItemProps = {
     title: string;
     text?: string;
     json?: any;
 };
-export declare const InfoItem: ({ title, text, json }: Props) => JSX.Element;
+export declare const InfoItem: ({ title, text, json }: InfoItemProps) => import("react/jsx-runtime").JSX.Element;
 export default InfoItem;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type Props = {
+export type JsonModalViewProps = {
     open: boolean;
     value: string;
     onClose: () => void;
@@ -8,5 +8,5 @@ type Props = {
         fontSize?: number;
     };
 };
-export declare const JsonModalView: React.FC<Props>;
+export declare const JsonModalView: React.FC<JsonModalViewProps>;
 export default JsonModalView;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ObjectPropertiesArrayType } from '../../interfaces';
 type Props = {
     properties: ObjectPropertiesArrayType<any>;
@@ -7,5 +6,5 @@ type Props = {
     prefix?: string;
     onClick: (path: string) => void;
 };
-declare const PropertyStep: ({ properties, parentKey, activePath, prefix, onClick, }: Props) => JSX.Element;
+declare const PropertyStep: ({ properties, parentKey, activePath, prefix, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default PropertyStep;

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

@@ -1,9 +1,7 @@
-/// <reference types="react" />
 import { ReactCodeMirrorRef } from '@uiw/react-codemirror';
-type Props = {
+export type JsonViewProps = {
     value: unknown;
     height?: number;
     fontSize?: number;
 };
-export declare const JsonView: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<ReactCodeMirrorRef>>;
-export {};
+export declare const JsonView: import("react").ForwardRefExoticComponent<JsonViewProps & import("react").RefAttributes<ReactCodeMirrorRef>>;

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

@@ -1,21 +1,27 @@
-/// <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)`
+     * Background transparency
+     * `boolean` or `number` in 0 to 1 range.
+     * If `true`, the background will be transparent.
+     * Default: `0.3`
      */
-    transparent?: boolean;
+    transparent?: number | boolean;
     /**
      * CSS `position` property. Default: `absolute`
      */
     position?: 'absolute' | 'relative' | 'fixed';
+    /**
+     * Background color
+     * Default: `#fff`
+     */
     bgcolor?: string;
 }
 /**
- * Loader screen component. Used in the data loading process
+ * Loader component. Used in the data loading process
  * @category Common UI components
  */
 export declare const Loader: import("react").NamedExoticComponent<LoaderProps>;

package/src/lib/MenuIcon/MenuIcon.d.ts

@@ -0,0 +1,6 @@
+export type MenuIconProps = {
+    src: string;
+    alt?: string;
+};
+export declare const MenuIcon: ({ src, alt }: MenuIconProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuIcon;

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

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

package/src/lib/OverflowTooltip/OverflowTooltip.d.ts

@@ -1,4 +1,6 @@
-/// <reference types="react" />
-export declare const OverflowTip: ({ children }: {
-    children: any;
-}) => JSX.Element;
+import { ReactNode } from 'react';
+export type OverflowTipProps = {
+    children: ReactNode;
+};
+export declare const OverflowTip: ({ children }: OverflowTipProps) => import("react/jsx-runtime").JSX.Element;
+export default OverflowTip;

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

@@ -1 +1,2 @@
 export * from './OverflowTooltip';
+export { default } from './OverflowTooltip';

package/src/lib/Sidebar/Sidebar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Route } from '../../interfaces';
-type Props = {
+export type SidebarProps = {
     routes: Route[];
     theme?: any;
     title?: string;
@@ -10,5 +10,4 @@ type Props = {
     footer?: React.ReactNode;
     collapsedFooter?: React.ReactNode;
 };
-export declare const Sidebar: ({ routes, theme, title, id, logo, collapsedLogo, footer, collapsedFooter, }: Props) => JSX.Element;
-export {};
+export declare const Sidebar: ({ routes, theme, title, id, logo, collapsedLogo, footer, collapsedFooter, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/Sidebar/Sidebar.styled.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const drawerWidth = 248;
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, React.JSX.IntrinsicElements, {}>;
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Drawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/material/Toolbar").ToolbarOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
@@ -13,12 +12,12 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<import(
 }, "style" | "alignItems" | "classes" | "children" | "className" | "components" | "componentsProps" | "slots" | "slotProps" | "sx" | "disableGutters" | "dense" | "disablePadding" | "ContainerComponent" | "ContainerProps" | "divider" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemButton").ListItemButtonOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "style" | "alignItems" | "classes" | "children" | "className" | "sx" | "tabIndex" | "disableGutters" | "dense" | "divider" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, "style" | "alignItems" | "classes" | "children" | "className" | "sx" | "autoFocus" | "tabIndex" | "disableGutters" | "dense" | "divider" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemIcon").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ListSubheader: import("@emotion/styled").StyledComponent<import("@mui/material/ListSubheader").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: import("react").Ref<HTMLLIElement>;
 }, "style" | "color" | "inset" | "classes" | "children" | "className" | "sx" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const ListItemText: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemText").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const ListItemText: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemText").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 export declare const ChildrenList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
     ref?: import("react").Ref<HTMLUListElement>;
 }, "style" | "classes" | "children" | "className" | "sx" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;