@devopness/ui-react 2.178.0 → 2.180.0

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

@@ -0,0 +1,32 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { default as MuiAutocomplete } from '@mui/material/Autocomplete';
+import { Input } from '../Input';
+/**
+ * Props for the Autocomplete component
+ */
+type AutocompleteProps = {
+    /** Props passed directly to Input component */
+    inputProps: Omit<ComponentPropsWithoutRef<typeof Input>, 'type'>;
+    /** Props passed directly to MUI Autocomplete component */
+    autocompleteProps: Pick<ComponentPropsWithoutRef<typeof MuiAutocomplete>, 'options' | 'onInputChange' | 'onChange' | 'onBlur' | 'value' | 'open'>;
+};
+/**
+ * Autocomplete component
+ *
+ * Wraps a Material UI Autocomplete with a styled Input component.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete
+ *   inputProps={{ placeholder: 'Type something' }}
+ *   autocompleteProps={{
+ *     options: ['Option 1', 'Option 2'],
+ *     value: 'Option 1',
+ *     onChange: (val) => console.log(val)
+ *   }}
+ * />
+ * ```
+ */
+declare const Autocomplete: ({ inputProps, autocompleteProps }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export { Autocomplete };
+export type { AutocompleteProps };

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

@@ -0,0 +1 @@
+export declare const AutocompletePopper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

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

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

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

@@ -0,0 +1,58 @@
+import { default as React } from 'react';
+import { ErrorMessage } from '../../Primitives';
+import { Unwrap } from '../../types';
+import { Icon } from '../../../icons';
+/**
+ * Props for individual radio card inputs
+ */
+type CardRadioCardProps = Unwrap<Required<Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'value'>> & Pick<React.InputHTMLAttributes<HTMLInputElement>, 'id'> & {
+    /** Icon to display in the card */
+    icon: Icon | Omit<string, Icon> | {
+        name: Icon | Omit<string, Icon>;
+        color?: string;
+    };
+    /** Label for the card */
+    label: string;
+    /** Additional props for the input element */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'name' | 'type' | 'value'> & {
+        ref?: React.Ref<HTMLInputElement>;
+    };
+}>;
+/**
+ * Props for the RadioSelectCards component
+ */
+type RadioSelectCardsProps = Unwrap<Pick<CardRadioCardProps, 'name' | 'inputProps'> & Pick<React.HTMLAttributes<HTMLDivElement>, 'style'> & {
+    /** Array of card data to render */
+    data: Unwrap<Omit<CardRadioCardProps, 'name' | 'inputProps'> & {
+        defaultChecked?: boolean;
+        checked?: boolean;
+        disabled?: boolean;
+    }>[];
+    /** Loader state */
+    isLoading?: boolean;
+    /** External error to display */
+    error?: React.ComponentPropsWithoutRef<typeof ErrorMessage>['error'];
+}>;
+/**
+ * RadioSelectCards component
+ *
+ * Displays a group of selectable radio cards. Supports loading state and error display.
+ *
+ * @example
+ * ```tsx
+ * const options = [
+ *   { value: 'option1', label: 'Option 1', icon: 'icon1' },
+ *   { value: 'option2', label: 'Option 2', icon: { name: 'icon2', color: 'blue' } },
+ * ]
+ *
+ * <RadioSelectCards
+ *   name="exampleRadio"
+ *   data={options}
+ *   isLoading={false}
+ *   error="Please select an option"
+ * />
+ * ```
+ */
+declare const RadioSelectCards: ({ data, style, isLoading, error, name, inputProps: sharedInputProps, }: RadioSelectCardsProps) => import("react/jsx-runtime").JSX.Element;
+export { RadioSelectCards };
+export type { RadioSelectCardsProps };

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

@@ -0,0 +1,2 @@
+declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export { StyledLabel };

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

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

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

@@ -0,0 +1,40 @@
+import { TextareaHTMLAttributes, RefObject } from 'react';
+import { LabelProps } from '../../Primitives';
+/**
+ * Props for the TextArea component.
+ */
+type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    /** Reference to the underlying textarea element. Can be RefObject or callback ref */
+    inputRef?: RefObject<HTMLTextAreaElement> | ((instance: HTMLTextAreaElement | null) => void);
+    /** Error information to display below the textarea. */
+    error?: Record<string, unknown> | undefined | null;
+    /** Disable textarea resize when true.
+     * @default true
+     */
+    isResizable?: boolean;
+    /** Optional label props for the field. */
+    label?: LabelProps;
+    /** Optional className to pass to the container. */
+    className?: string;
+};
+/**
+ * TextArea component
+ *
+ * A styled multiline text input that supports an optional label,
+ * an error message and optional resize control.
+ *
+ * @example
+ * ```tsx
+ * <TextArea
+ *   id="notes"
+ *   name="notes"
+ *   placeholder="Type here..."
+ *   label={{ htmlFor: 'notes', value: 'Notes' }}
+ *   inputRef={ref}
+ *   error={{ message: 'Required' }}
+ * />
+ * ```
+ */
+declare const TextArea: ({ className, inputRef, error, label, isResizable, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export { TextArea };
+export type { TextAreaProps };

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

@@ -0,0 +1,9 @@
+type PropsStyled = {
+    hasError?: boolean;
+    noResize?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+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 StyledTextarea: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, PropsStyled>> & string;
+export { Container, StyledTextarea };

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

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

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

@@ -4,3 +4,6 @@ export * from './Container';
 export * from './FormText';
 export * from './Illustration';
 export * from './FormLoading';
+export * from './TextArea';
+export * from './Autocomplete';
+export * from './RadioSelectCards';

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

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { PopoverProps as MaterialPopoverProps } from '@mui/material';
+type PopoverProps = {
+    /** Optional header title */
+    title?: string;
+    /** Optional footer content */
+    footer?: ReactNode;
+    /** Popover children */
+    children?: ReactNode;
+} & MaterialPopoverProps;
+/**
+ * Popover component
+ *
+ * Displays a panel anchored to another element.
+ * Can optionally show a header title and footer content.
+ * Supports closing via the built-in close button.
+ *
+ * @example
+ * ```tsx
+ * <Popover
+ *   open={isOpen}
+ *   anchorEl={anchorElement}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Popover Title"
+ *   footer={<div>Footer content</div>}
+ * >
+ *   <div>Main content of the popover</div>
+ * </Popover>
+ * ```
+ */
+declare const Popover: ({ title, footer, children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export { Popover };
+export type { PopoverProps };

package/dist/src/components/Primitives/Popover/Popover.styled.d.ts

@@ -0,0 +1,10 @@
+import { Popover } from '@mui/material';
+declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@mui/material').PopoverProps, never>> & string & Omit<typeof Popover, keyof import('react').Component<any, {}, any>>;
+declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    justifyContent: "space-between" | "end";
+}>> & string;
+declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    justifyContent: "space-between" | "end";
+}>> & string;
+export { Container, Header, Title, Footer };

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

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

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

@@ -0,0 +1,59 @@
+import { Tooltip } from '../Tooltip';
+/**
+ * The type of the deployment source.
+ * Can be a branch, a tag, or a commit.
+ */
+type LocalSourceType = 'branch' | 'commit' | 'tag';
+/**
+ * Minimal information about a commit required for the SourceAndHash component.
+ */
+type Commit = {
+    /** The commit hash */
+    hash: string;
+    /** The URL to view the commit in the source provider */
+    url: string;
+    /** The commit message to display in the tooltip */
+    message: string;
+};
+/**
+ * Minimal information about a deployment required for the SourceAndHash component.
+ */
+type Deployment = {
+    /** The git reference used for this deployment (branch, tag, or commit hash) */
+    source_ref?: string;
+    /** The type of source used in the deployment */
+    source_type?: LocalSourceType;
+};
+/**
+ * Props for the SourceAndHash component.
+ */
+type SourceAndHashProps = {
+    /** Commit information to display */
+    commit: Commit;
+    /** Deployment information to display optional source reference */
+    deployment: Deployment;
+    /** Maximum number of characters to display for the commit hash */
+    maxDisplayCharacters?: number;
+    /** Additional props to pass to the Tooltip component */
+    tooltipOptions?: Omit<Parameters<typeof Tooltip>[0], 'children' | 'title'> & {
+        title?: string;
+    };
+};
+/**
+ * SourceAndHash component
+ *
+ * Displays a shortened commit hash with an optional deployment source reference.
+ * The commit hash is wrapped in a link and a tooltip showing the full commit message.
+ *
+ * @example
+ * ```tsx
+ * <SourceAndHash
+ *   commit={{ hash: 'abcd1234', url: 'https://github.com/repo/commit/abcd1234', message: 'Fix bug' }}
+ *   deployment={{ source_ref: 'feature/new-feature', source_type: 'branch' }}
+ *   maxDisplayCharacters={8}
+ * />
+ * ```
+ */
+declare const SourceAndHash: ({ commit, deployment, maxDisplayCharacters, tooltipOptions, }: SourceAndHashProps) => import("react/jsx-runtime").JSX.Element;
+export { SourceAndHash };
+export type { SourceAndHashProps, Commit, Deployment };

package/dist/src/components/Primitives/SourceAndHash/SourceAndHash.styled.d.ts

@@ -0,0 +1,3 @@
+declare const SourceAndHashSpan: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const WrapperCommit: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { SourceAndHashSpan, WrapperCommit };

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

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

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

@@ -20,3 +20,5 @@ export * from './CheckBox';
 export * from './Cover';
 export * from './PopoverPopupState';
 export * from './TimerCounter';
+export * from './SourceAndHash';
+export * from './Popover';