@devopness/ui-react 2.177.0 → 2.179.0

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

@@ -0,0 +1,18 @@
+type FormLoadingProps = {
+    /** Optional aria-label for accessibility */
+    ariaLabel?: string;
+};
+/**
+ * FormLoading
+ *
+ * Displays a structured skeleton UI for forms.
+ * Includes placeholders for title, paragraphs, a separator line, and buttons.
+ *
+ * @example
+ * ```tsx
+ * <FormLoading ariaLabel="Loading form data" />
+ * ```
+ */
+declare const FormLoading: ({ ariaLabel }: FormLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export { FormLoading };
+export type { FormLoadingProps };

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

@@ -0,0 +1,6 @@
+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 WrapperTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const WrapperParagraph: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Line: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const WrapperButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { Container, WrapperTitle, WrapperParagraph, Line, WrapperButton };

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

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

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

@@ -3,3 +3,5 @@ export * from './Input';
 export * from './Container';
 export * from './FormText';
 export * from './Illustration';
+export * from './FormLoading';
+export * from './TextArea';

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,4 @@ export * from './CheckBox';
 export * from './Cover';
 export * from './PopoverPopupState';
 export * from './TimerCounter';
+export * from './SourceAndHash';