@devopness/ui-react 2.182.0 → 2.184.0

package/dist/src/components/Forms/DynamicField/DynamicField.d.ts

@@ -0,0 +1,74 @@
+import { RefObject } from 'react';
+/**
+ * Supported field types for the DynamicField component.
+ * - `text`: Multi-line text area
+ * - `string`: Single-line text input
+ * - `number`: Numeric input
+ * - `boolean`: Boolean select (Yes/No)
+ */
+type FieldTypes = 'text' | 'boolean' | 'number' | 'string';
+/**
+ * Optional label configuration for a field.
+ */
+type LabelProps = {
+    /** Field label text */
+    value: string;
+    /** Whether to show a help tooltip */
+    help?: boolean;
+    /** Help text content */
+    helpValue?: string;
+};
+/**
+ * External control props for managing field state.
+ * Uses `any` types to remain agnostic to form libraries (e.g. React Hook Form, Formik, etc.)
+ * and support different input types (Input, TextArea, Select) with varying event signatures.
+ */
+type ExternalControlProps = {
+    value?: any;
+    onChange?: (...args: any[]) => void;
+    onBlur?: () => void;
+};
+/**
+ * Props for the `DynamicField` component.
+ */
+type DynamicFieldProps = {
+    /** Field name */
+    name: string;
+    /** Whether the field contains sensitive data (e.g. password) */
+    sensitive?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Validation configuration for the field */
+    validation: {
+        type: FieldTypes;
+        required?: boolean;
+        min: number;
+        max: number;
+    };
+    /** Field validation error */
+    error?: {
+        message: string;
+    } | null;
+    /** Optional label configuration */
+    labelProps?: LabelProps;
+    /** Element reference */
+    inputRef?: RefObject<HTMLInputElement> | RefObject<HTMLTextAreaElement> | RefObject<HTMLSelectElement> | ((instance: HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement | null) => void);
+} & ExternalControlProps;
+/**
+ * `DynamicField` is a flexible component that dynamically renders
+ * different input types (`Input`, `TextArea`, `Select`) based on the given configuration.
+ *
+ * @example
+ * ```tsx
+ * <DynamicField
+ *   name="age"
+ *   value={age}
+ *   onChange={setAge}
+ *   validation={{ type: 'number', min: 0, max: 100 }}
+ *   labelProps={{ value: 'Age' }}
+ * />
+ * ```
+ */
+declare const DynamicField: ({ name, sensitive, placeholder, error, labelProps, inputRef, validation: { type }, ...props }: DynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
+export { DynamicField };
+export type { DynamicFieldProps };

package/dist/src/components/Forms/DynamicField/index.d.ts

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

package/dist/src/components/Forms/Select/CustomComponents/DrodpdownIndicator.d.ts

@@ -0,0 +1,4 @@
+import { OptionProps as OptionReactSelectProps, GroupBase } from 'react-select';
+import { OptionProps } from '../index';
+declare const DropdownIndicator: (args: OptionReactSelectProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element;
+export { DropdownIndicator };

package/dist/src/components/Forms/Select/CustomComponents/LoadingMessage.d.ts

@@ -0,0 +1,2 @@
+declare const LoadingMessage: () => import("react/jsx-runtime").JSX.Element;
+export { LoadingMessage };

package/dist/src/components/Forms/Select/CustomComponents/NoOptionsMessage.d.ts

@@ -0,0 +1,10 @@
+type NoOptionsMessageProps = {
+    selectProps: {
+        inputValue?: string;
+        noOptionsMessage?: string | ((obj: {
+            inputValue: string;
+        }) => React.ReactNode);
+    };
+};
+declare const NoOptionsMessage: ({ selectProps }: NoOptionsMessageProps) => import("react/jsx-runtime").JSX.Element;
+export { NoOptionsMessage };

package/dist/src/components/Forms/Select/CustomComponents/Option.d.ts

@@ -0,0 +1,14 @@
+import { OptionProps as OptionReactSelectProps, GroupBase } from 'react-select';
+import { OptionProps } from '../index';
+import { Icon } from '../../../../icons';
+type OptionConfigurationProps = {
+    iconName?: Icon | Omit<string, Icon>;
+    option: string;
+    iconSize?: number;
+};
+type OptionBodyProps = {
+    optionConfiguration: OptionConfigurationProps;
+};
+declare const OptionBody: ({ optionConfiguration }: OptionBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const memoizedOption: import('react').MemoExoticComponent<({ data, ...args }: OptionReactSelectProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element>;
+export { memoizedOption as Option, OptionBody };

package/dist/src/components/Forms/Select/CustomComponents/Placeholder.d.ts

@@ -0,0 +1,4 @@
+import { PlaceholderProps, GroupBase } from 'react-select';
+import { OptionProps } from '../index';
+declare const Placeholder: (args: PlaceholderProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element;
+export { Placeholder };

package/dist/src/components/Forms/Select/CustomComponents/SingleValue.d.ts

@@ -0,0 +1,4 @@
+import { GroupBase, SingleValueProps } from 'react-select';
+import { OptionProps } from '../index';
+declare const memoizedSingleOption: import('react').MemoExoticComponent<({ data, }: SingleValueProps<OptionProps, boolean, GroupBase<OptionProps>>) => import("react/jsx-runtime").JSX.Element>;
+export { memoizedSingleOption as SingleValue };

package/dist/src/components/Forms/Select/CustomComponents/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DrodpdownIndicator';
+export * from './NoOptionsMessage';
+export * from './Placeholder';
+export * from './SingleValue';
+export * from './LoadingMessage';
+export * from './Option';

package/dist/src/components/Forms/Select/CustomComponents/styled.d.ts

@@ -0,0 +1,11 @@
+type OptionProps = {
+    isOptionSelected?: boolean;
+    isCreateLink?: boolean;
+};
+declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const BoxLoader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const NoOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OptionSelectedWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OptionWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, OptionProps>> & string;
+declare const OptionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { BoxLoader, NoOption, OptionLabel, OptionSelectedWrapper, OptionWrapper, Wrapper, };

package/dist/src/components/Forms/Select/Select.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { Props as SelectPropsBase, GroupBase } from 'react-select';
+import { ErrorMessage } from '../../Primitives';
+import { Icon } from '../../../icons';
+/** Option type for the Select component. */
+type OptionProps<T = unknown> = {
+    icon?: Icon | Omit<string, Icon>;
+    iconSize?: number;
+    value: T;
+    label: string;
+    isCreateLink?: boolean;
+};
+/**
+ * Props for the Select component.
+ */
+type SelectProps<TOption> = Omit<SelectPropsBase<OptionProps<TOption>, boolean, GroupBase<OptionProps<TOption>>>, 'noOptionsMessage'> & Pick<Parameters<typeof ErrorMessage>[0], 'error'> & {
+    /** Ref to the underlying input element (may be callback inputRef or object ref) */
+    inputRef?: React.RefObject<HTMLSelectElement>;
+    /** Options available in the dropdown */
+    options: OptionProps<TOption>[];
+    /** Public style overrides for placeholder and value */
+    publicStyle?: {
+        fontStyleValue?: string;
+        fontStylePlaceholder?: string;
+    };
+    /** If true, disables interactions and search */
+    isReadOnly?: boolean;
+    /** Whether the user can add custom options */
+    isCreatable?: boolean;
+    /** Text to display when there are no options */
+    noOptionsMessage?: string | ((obj: {
+        inputValue: string;
+    }) => React.ReactNode);
+    /** Format the label for create option */
+    formatCreateLabel?: (inputValue: string) => string;
+    /** Handle create option */
+    onCreateOption?: (inputValue: string) => void;
+    /** Class name to be applied to the select container */
+    className?: string;
+};
+declare const memoizedSelect: <TOption>({ inputRef, error, isReadOnly, defaultValue, options, menuIsOpen, placeholder, isCreatable, noOptionsMessage, className, ...restProps }: SelectProps<TOption>) => import("react/jsx-runtime").JSX.Element;
+export { memoizedSelect as Select };
+export type { OptionProps, SelectProps };

package/dist/src/components/Forms/Select/Select.styled.d.ts

@@ -0,0 +1,6 @@
+import { default as Select } from 'react-select';
+import { default as CreatableSelect } from 'react-select/creatable';
+declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ReactSelect: typeof Select;
+declare const ReactCreatableSelect: typeof CreatableSelect;
+export { Container, ReactSelect, ReactCreatableSelect };

package/dist/src/components/Forms/Select/index.d.ts

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

package/dist/src/components/Forms/index.d.ts

@@ -7,3 +7,5 @@ export * from './FormLoading';
 export * from './TextArea';
 export * from './Autocomplete';
 export * from './RadioSelectCards';
+export * from './Select';
+export * from './DynamicField';

package/dist/src/components/Primitives/Status/Status.d.ts

@@ -0,0 +1,13 @@
+import { ActionStatus } from '../../../constants';
+/** Props for the Status component. */
+type StatusProps = {
+    /** The current action status. Must be one of the `ActionStatus` enum values. */
+    status: `${ActionStatus}`;
+    /** A human-readable string describing the status. */
+    statusHumanReadable: string;
+    /** A human-readable string explaining the reason or details of the status. */
+    statusReasonHumanReadable: string;
+};
+declare const MemoizedStatus: ({ status, statusHumanReadable, statusReasonHumanReadable, }: StatusProps) => import("react/jsx-runtime").JSX.Element;
+export { MemoizedStatus as Status };
+export type { ActionStatus, StatusProps };

package/dist/src/components/Primitives/Status/index.d.ts

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

package/dist/src/components/Primitives/index.d.ts

@@ -25,3 +25,4 @@ export * from './Popover';
 export * from './Review';
 export * from './ToggleContent';
 export * from './ViewDetails';
+export * from './Status';

package/dist/src/components/type-guards.d.ts

@@ -10,4 +10,5 @@
  * isDefined(null); // false
  */
 declare function isDefined<T>(data: T | null | undefined): data is T;
-export { isDefined };
+declare const typedMemo: <T>(c: T) => T;
+export { isDefined, typedMemo };

package/dist/src/constants/action.d.ts

@@ -0,0 +1,28 @@
+declare enum ActionStatus {
+    Pending = "pending",
+    Waiting = "waiting",
+    Skipped = "skipped",
+    Queued = "queued",
+    InProgress = "in-progress",
+    Completed = "completed",
+    Failed = "failed"
+}
+declare const actionStatusToIcon: {
+    readonly failed: "error";
+    readonly queued: "snooze";
+    readonly pending: "lens";
+    readonly skipped: "skip";
+    readonly waiting: "pending";
+    readonly completed: "success";
+    readonly 'in-progress': "loading";
+};
+declare const actionStatusToColor: {
+    readonly failed: "red.500";
+    readonly queued: "blue.600";
+    readonly pending: "amber.500";
+    readonly skipped: "gray.600";
+    readonly waiting: "amber.500";
+    readonly completed: "green.600";
+    readonly 'in-progress': "blue.600";
+};
+export { actionStatusToIcon, actionStatusToColor, ActionStatus };

package/dist/src/constants/index.d.ts

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