@4alldigital/foundation-ui--gamma 1.24.0 → 1.27.0

package/dist/types/fui/components/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { Props } from './Button.types';
 declare const Button: {
-    ({ variant, size, type, wide, rounded, raised, uppercase, children, id, disabled, ariaLabel, onClick, icon, external, iconFirst, outline, testID, className, }: Props): React.ReactElement;
+    ({ variant, size, type, wide, rounded, raised, uppercase, children, id, disabled, ariaLabel, onClick, icon, external, iconFirst, outline, testID, className, isLoading, }: Props): React.ReactElement;
     displayName: string;
 };
 export default Button;

package/dist/types/fui/components/Button/Button.stories.d.ts

@@ -6,3 +6,4 @@ export declare const Default: Story;
 export default meta;
 export declare const WithIcon: Story;
 export declare const IconOnly: Story;
+export declare const LoadingButton: Story;

package/dist/types/fui/components/Button/Button.types.d.ts

@@ -33,4 +33,5 @@ export interface Props {
     id?: string;
     testID?: string;
     className?: string;
+    isLoading?: boolean;
 }

package/dist/types/fui/components/Card/Card.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './Card.types';
+declare const Card: {
+    ({ variant, className, data, ...rest }: Props): React.ReactElement;
+    displayName: string;
+};
+export default Card;
+export type { Props };

package/dist/types/fui/components/Card/Card.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Card from '.';
+declare const meta: Meta<typeof Card>;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Card/Card.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Card/Card.types.d.ts

@@ -0,0 +1,27 @@
+export declare enum CardVariant {
+    BASIC = "basic",
+    MEDIA = "media",
+    VIDEO = "video"
+}
+export interface ImageData {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+export interface CardData {
+    id: string;
+    title: string;
+    description?: string;
+    image?: ImageData;
+    video?: string;
+    link?: string;
+    tags?: string[];
+    moreTitle?: string;
+    onClick?: () => void;
+}
+export interface Props {
+    variant?: CardVariant;
+    className?: string;
+    data: CardData;
+}

package/dist/types/fui/components/Card/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist/types/fui/components/Card/types/CardBasic/CardBasic.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './CardBasic.types';
+declare const CardBasic: {
+    ({ id, title, description, image, className, onClick }: Props): React.ReactElement;
+    displayName: string;
+};
+export default CardBasic;
+export type { Props };

package/dist/types/fui/components/Card/types/CardBasic/CardBasic.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CardBasic from '.';
+declare const meta: Meta<typeof CardBasic>;
+type Story = StoryObj<typeof CardBasic>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Card/types/CardBasic/CardBasic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Card/types/CardBasic/CardBasic.types.d.ts

@@ -0,0 +1,4 @@
+import { CardData } from "../../Card.types";
+export interface Props extends CardData {
+    className?: string;
+}

package/dist/types/fui/components/Card/types/CardBasic/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardBasic';

package/dist/types/fui/components/Card/types/CardMedia/CardMedia.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './CardMedia.types';
+declare const CardMedia: {
+    ({ className }: Props): React.ReactElement;
+    displayName: string;
+};
+export default CardMedia;
+export type { Props };

package/dist/types/fui/components/Card/types/CardMedia/CardMedia.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CardMedia from '.';
+declare const meta: Meta<typeof CardMedia>;
+type Story = StoryObj<typeof CardMedia>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Card/types/CardMedia/CardMedia.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Card/types/CardMedia/CardMedia.types.d.ts

@@ -0,0 +1,4 @@
+import { CardData } from "../../Card.types";
+export interface Props extends CardData {
+    className?: string;
+}

package/dist/types/fui/components/Card/types/CardMedia/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardMedia';

package/dist/types/fui/components/Card/types/CardVideo/CardVideo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Props } from './CardVideo.types';
+declare const CardVideo: {
+    ({ className }: Props): React.ReactElement;
+    displayName: string;
+};
+export default CardVideo;
+export type { Props };

package/dist/types/fui/components/Card/types/CardVideo/CardVideo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import CardVideo from '.';
+declare const meta: Meta<typeof CardVideo>;
+type Story = StoryObj<typeof CardVideo>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/components/Card/types/CardVideo/CardVideo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/components/Card/types/CardVideo/CardVideo.types.d.ts

@@ -0,0 +1,4 @@
+import { CardData } from '../../Card.types';
+export interface Props extends CardData {
+    className?: string;
+}

package/dist/types/fui/components/Card/types/CardVideo/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardVideo';

package/dist/types/fui/components/Checkbox/Checkbox.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum Size {
     SMALL = "small",
     MEDIUM = "medium",
@@ -5,8 +6,10 @@ export declare enum Size {
 }
 export interface Props {
     id: string;
-    label?: string;
+    label?: string | React.ReactNode[];
     required?: boolean;
     className?: string;
     disabled?: boolean;
+    checked?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }

package/dist/types/fui/components/Container/Container.d.ts

@@ -1,6 +1,6 @@
 import { Props } from './Container.types';
 declare const Container: {
-    ({ children, className, spacing, padded }: Props): React.ReactElement;
+    ({ children, className, spacing, padded, isNarrow, isCentered }: Props): React.ReactElement;
     displayName: string;
 };
 export default Container;

package/dist/types/fui/components/Container/Container.types.d.ts

@@ -4,4 +4,6 @@ export interface Props {
     className?: string;
     spacing?: 'feature' | 'component' | 'module' | 'element' | 'atom' | 'none';
     padded?: boolean;
+    isNarrow?: boolean;
+    isCentered?: boolean;
 }

package/dist/types/fui/components/ContentPageLayout/ContentPageLayout.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare enum SPACING {
+export declare enum CPL_SPACING {
     NONE = "none",
     ATOM = "atom",
     DEFAULT = "default",
@@ -12,6 +12,6 @@ export interface Props {
     children: React.ReactNode;
     narrow?: boolean;
     flush?: boolean;
-    spacing?: SPACING;
+    spacing?: CPL_SPACING;
     className?: string;
 }

package/dist/types/fui/components/ContentRowsLayout/ContentRowsLayout.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare enum SIZE {
+export declare enum CRL_SIZE {
     NONE = "none",
     ATOM = "atom",
     DEFAULT = "default",
@@ -11,5 +11,5 @@ export declare enum SIZE {
 export interface Props {
     className?: string;
     children: React.ReactNode;
-    size?: SIZE;
+    size?: CRL_SIZE;
 }

package/dist/types/fui/components/Copy/Copy.d.ts

@@ -1,6 +1,6 @@
 import { Props } from './Copy.types';
 declare const Copy: {
-    ({ children, as: Tag, size, align, transform, id, testID, }: Props): React.ReactElement;
+    ({ children, as: Tag, size, align, transform, id, className, testID, }: Props): React.ReactElement;
     displayName: string;
 };
 export default Copy;

package/dist/types/fui/components/Copy/Copy.types.d.ts

@@ -1,41 +1,43 @@
 /// <reference types="react" />
-export declare enum ALIGN {
+import { FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+export declare enum COPY_ALIGN {
     LEFT = "left",
     CENTER = "center",
     RIGHT = "right",
     JUSTIFY = "justify",
     NOWRAP = "nowrap"
 }
-export declare enum TRANSFORM {
+export declare enum COPY_TRANSFORM {
     LOWERCASE = "lowercase",
     UPPERCASE = "uppercase",
     CAPITALIZE = "capitalize",
     NORMALCASE = "normal-case"
 }
-export declare enum CONTEXTUAL {
+export declare enum COPY_CONTEXTUAL {
     INVERTED = "inverted",
     MUTED = "muted"
 }
-export declare enum SIZE {
+export declare enum COPY_SIZE {
     SMALL = "small",
     LARGE = "large",
     INTRO = "intro"
 }
-export declare enum TAG {
+export declare enum COPY_TAG {
     P = "p",
     SPAN = "span",
     DIV = "div",
     SMALL = "small"
 }
 export interface Props {
-    children: string | Array<React.ReactNode> | React.ReactNode;
-    align?: ALIGN;
-    size?: SIZE;
-    transform?: TRANSFORM;
-    contextual?: CONTEXTUAL;
+    children: string | Array<React.ReactNode> | React.ReactNode | string | FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;
+    align?: COPY_ALIGN;
+    size?: COPY_SIZE;
+    transform?: COPY_TRANSFORM;
+    contextual?: COPY_CONTEXTUAL;
     inverted?: boolean;
     maxLength?: boolean;
-    as?: TAG;
+    as?: COPY_TAG;
     id?: string;
     testID?: string;
+    className?: string;
 }

package/dist/types/fui/components/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './Form.types';
 declare const Form: {
-    ({ children, className, submit, onSubmit, hideSubmit, ariaSubmitLabel, submitID, initialValues, submitVariant, }: Props): React.ReactElement;
+    ({ children, className, submit, onSubmit, onChange, hideSubmit, ariaSubmitLabel, submitID, submitVariant, initialValues, isBoxed, }: Props): React.ReactElement;
     displayName: string;
 };
 export default Form;

package/dist/types/fui/components/Form/Form.stories.d.ts

@@ -4,4 +4,5 @@ declare const meta: Meta<typeof Form>;
 type Story = StoryObj<typeof Form>;
 export declare const Default: Story;
 export declare const Example: Story;
+export declare const ExampleNoSubmit: Story;
 export default meta;

package/dist/types/fui/components/Form/Form.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BTN_VARIANTS } from "../Button/Button.types";
+import { BTN_VARIANTS } from '../Button/Button.types';
 export interface Props {
     /** The form inputs and content. */
     children: React.ReactNode;
@@ -8,9 +8,9 @@ export interface Props {
     /** Disable form inputs validation. */
     noValidate?: boolean;
     /** The submit handler that will fire once the form is submitted. */
-    onSubmit: (values: {
-        [k: string]: FormDataEntryValue;
-    }) => void;
+    onSubmit?: (values: any) => void;
+    /** The on change handler that will fire once the form is updated. */
+    onChange?: (values: any) => void;
     /** The label for the submit button. */
     submit?: string;
     /** Hide submit button. */
@@ -21,7 +21,10 @@ export interface Props {
     submitID?: string;
     /** Initial form values. */
     initialValues?: {
-        [k: string]: FormDataEntryValue;
+        [k: string]: any;
     };
+    /** The submit button variant. */
     submitVariant?: BTN_VARIANTS;
+    /** The form is boxed. */
+    isBoxed?: boolean;
 }

package/dist/types/fui/components/FormField/FormField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './FormField.types';
 declare const FormField: {
-    ({ name, type, label, required, className, icon, options, disabled, description, showPasswordLabel, hidePasswordLabel, }: Props): React.ReactElement;
+    ({ name, type, label, required, className, icon, options, disabled, description, showPasswordLabel, hidePasswordLabel, validations, }: Props): React.ReactElement;
     displayName: string;
 };
 export default FormField;

package/dist/types/fui/components/FormField/FormField.stories.d.ts

@@ -4,4 +4,5 @@ declare const meta: Meta<typeof FormField>;
 type Story = StoryObj<typeof FormField>;
 export declare const Default: Story;
 export declare const Example: Story;
+export declare const FieldValidation: Story;
 export default meta;

package/dist/types/fui/components/FormField/FormField.types.d.ts

@@ -1,4 +1,6 @@
-export declare enum FieldTypes {
+/// <reference types="react" />
+import { OptionsType } from "../FormSelect/FormSelect.types";
+export declare enum FIELD_TYPES {
     TEXT = "text",
     TEXTAREA = "textarea",
     SELECT = "select",
@@ -14,21 +16,21 @@ export declare enum FieldTypes {
     NUMBER = "number",
     TEL = "tel",
     URL = "url",
-    SEARCH = "search"
+    SEARCH = "search",
+    HIDDEN = "hidden"
 }
 export interface Props {
-    type: FieldTypes;
+    type: FIELD_TYPES;
     name: string;
     className?: string;
-    label?: string;
+    label?: string | React.ReactNode[];
     required?: boolean;
     icon?: string;
-    options?: {
-        value: string;
-        label: string;
-    }[];
+    options?: Array<OptionsType>;
     disabled?: boolean;
     description?: string;
     showPasswordLabel?: string;
     hidePasswordLabel?: string;
+    onChange?: (e: any) => void;
+    validations?: any;
 }

package/dist/types/fui/components/FormSelect/FormSelect.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
 import { Props } from './FormSelect.types';
-declare const FormSelect: {
-    ({ id, name, options, required, className, disabled }: Props): React.ReactElement;
-    displayName: string;
-};
+declare const FormSelect: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
 export default FormSelect;
 export type { Props };

package/dist/types/fui/components/FormSelect/FormSelect.types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-type OptionsType = {
-    value: string;
+import { FilterValue } from "@elastic/search-ui";
+export type OptionsType = {
+    value: FilterValue;
     label: string;
     /** The selected option's value. */
     defaultValue?: string;
@@ -8,11 +9,11 @@ type OptionsType = {
 };
 export interface Props {
     /** The selected option's value. */
-    options: Array<OptionsType>;
+    options?: Array<OptionsType>;
     /** Unique id for the field, required for a11y. */
     id: string;
     /** The select visible default label value. */
-    label?: string;
+    label?: string | React.ReactNode[];
     /** Is field required. */
     required?: boolean;
     /** Additional classes. */
@@ -31,6 +32,8 @@ export interface Props {
     name?: string;
     /** Is field disabled. */
     disabled?: boolean;
+    /** The selected option's value. */
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
 }
 export interface ItemProps {
     children: React.ReactNode;
@@ -38,4 +41,3 @@ export interface ItemProps {
     itemIcon: string;
     iconColor?: string;
 }
-export {};

package/dist/types/fui/components/Heading/Heading.types.d.ts

@@ -1,19 +1,19 @@
 /// <reference types="react" />
-export declare enum HeadingTag {
+export declare enum HEADING_TAGS {
     H1 = "h1",
     H2 = "h2",
     H3 = "h3",
     H4 = "h4",
     H5 = "h5"
 }
-export declare enum HeadingAlign {
+export declare enum HEADING_ALIGN {
     LEFT = "left",
     CENTER = "center",
     RIGHT = "right",
     JUSTIFY = "justify",
     NOWRAP = "nowrap"
 }
-export declare enum HeadingTransform {
+export declare enum HEADING_TRANSFORM {
     LOWERCASE = "lowercase",
     UPPERCASE = "uppercase",
     CAPITALIZE = "capitalize",
@@ -21,9 +21,9 @@ export declare enum HeadingTransform {
 }
 export interface Props {
     children: string | React.ReactNode;
-    tag: HeadingTag;
-    align?: HeadingAlign;
-    transform?: HeadingTransform;
+    tag: HEADING_TAGS;
+    align?: HEADING_ALIGN;
+    transform?: HEADING_TRANSFORM;
     id?: string;
     testID?: string;
     flush?: boolean;

package/dist/types/fui/components/Label/Label.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Props } from './Label.types';
 declare const Label: {
-    ({ label, id }: Props): React.ReactElement;
+    ({ children, id, transform, className }: Props): React.ReactElement;
     displayName: string;
 };
 export default Label;

package/dist/types/fui/components/Label/Label.types.d.ts

@@ -1,4 +1,8 @@
+/// <reference types="react" />
+import { COPY_TRANSFORM } from "../Copy/Copy.types";
 export interface Props {
-    label: string;
-    id: string;
+    children: React.ReactNode;
+    id?: string;
+    className?: string;
+    transform?: COPY_TRANSFORM;
 }

package/dist/types/fui/components/Link/Link.types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { History } from 'history';
 export interface Props {
-    href: string;
+    href?: string;
     children: React.ReactNode;
     history?: History;
     target?: '_self' | '_blank' | '_parent' | '_top';

package/dist/types/fui/components/Notice/Notice.d.ts

@@ -1,6 +1,6 @@
 import { Props } from './Notice.types';
 declare const Notice: {
-    ({ foo, id, testID }: Props): React.ReactElement;
+    ({ custom, id, testID }: Props): React.ReactElement;
     displayName: string;
 };
 export default Notice;

package/dist/types/fui/components/Notice/Notice.types.d.ts

@@ -1,5 +1,5 @@
 export interface Props {
-    foo: string;
+    custom: string;
     id?: string;
     testID?: string;
 }

package/dist/types/fui/components/Radio/Radio.types.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export interface Props {
     id: string;
     name: string;
     icon?: string;
-    label?: string;
+    label?: string | React.ReactNode[];
     required?: boolean;
     disabled?: boolean;
     className?: string;

package/dist/types/fui/components/TextInput/TextInput.types.d.ts

@@ -13,7 +13,8 @@ export declare enum InputType {
     MONTH = "month",
     WEEK = "week",
     FILE = "file",
-    TEXTAREA = "textarea"
+    TEXTAREA = "textarea",
+    HIDDEN = "hidden"
 }
 export interface Props {
     /** Input type. */

package/dist/types/fui/components/index.d.ts

@@ -15,3 +15,26 @@ export { default as ContentPageLayout } from './ContentPageLayout';
 export { default as ContentRowsLayout } from './ContentRowsLayout';
 export { default as Form } from './Form';
 export { default as FormField } from './FormField';
+export type { Props as BlockquoteProps } from './Blockquote/Blockquote.types';
+export type { Props as ButtonProps } from './Button/Button.types';
+export { BTN_TYPES, BTN_VARIANTS, BTN_SIZES } from './Button/Button.types';
+export type { Props as CopyProps } from './Copy/Copy.types';
+export { COPY_ALIGN, COPY_TRANSFORM, COPY_CONTEXTUAL, COPY_SIZE, COPY_TAG } from './Copy/Copy.types';
+export type { Props as HeadingProps } from './Heading/Heading.types';
+export { HEADING_TAGS, HEADING_ALIGN, HEADING_TRANSFORM } from './Heading/Heading.types';
+export type { Props as IconProps } from './Icon/Icon.types';
+export type { Props as ImageProps } from './Image/Image.types';
+export type { Props as LinkProps } from './Link/Link.types';
+export type { Props as ListProps, VariantsTypes } from './List/List.types';
+export { Variants, ListTag } from './List/List.types';
+export type { Props as ListItemProps } from './ListItem/ListItem.types';
+export type { Props as NoticeProps } from './Notice/Notice.types';
+export type { Props as LoaderProps } from './Loader/Loader.types';
+export type { Props as ContainerProps } from './Container/Container.types';
+export type { Props as ContentPageLayoutProps } from './ContentPageLayout/ContentPageLayout.types';
+export { CPL_SPACING } from './ContentPageLayout/ContentPageLayout.types';
+export type { Props as ContentRowsLayoutProps } from './ContentRowsLayout/ContentRowsLayout.types';
+export { CRL_SIZE } from './ContentRowsLayout/ContentRowsLayout.types';
+export type { Props as FormProps } from './Form/Form.types';
+export type { Props as FormFieldProps } from './FormField/FormField.types';
+export { FIELD_TYPES } from './FormField/FormField.types';

package/dist/types/fui/features/Search/Search.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import '@elastic/eui/dist/eui_theme_light.css';
+import '@elastic/react-search-ui-views/lib/styles/styles.css';
+import { Props } from './Search.types';
+export default function Search({ showOptions, resultAs }: Props): React.ReactElement;

package/dist/types/fui/features/Search/Search.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Search from '.';
+declare const meta: Meta<typeof Search>;
+type Story = StoryObj<typeof Search>;
+export declare const Default: Story;
+export default meta;

package/dist/types/fui/features/Search/Search.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/fui/features/Search/Search.types.d.ts

@@ -0,0 +1,10 @@
+export declare enum ResultAsTypes {
+    cardBasic = "cardBasic",
+    cardMedia = "cardMedia",
+    cardVideo = "cardVideo"
+}
+export interface Props {
+    custom: string;
+    showOptions: number[];
+    resultAs: ResultAsTypes;
+}

package/dist/types/fui/features/Search/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Search';

package/dist/types/fui/features/Search/view-helpers/appendClassName.d.ts

@@ -0,0 +1 @@
+export default function appendClassName(baseClassName?: string | string[] | undefined, newClassName?: string | string[] | undefined): string;

package/dist/types/fui/features/Search/view-helpers/formatResult.d.ts

@@ -0,0 +1,3 @@
+export declare function getRaw(object: any): any;
+export declare function getEscapedField(maybeObject: any): any;
+export declare function formatResult(result: any): {};

package/dist/types/fui/features/Search/view-helpers/getFilterValueDisplay.d.ts

@@ -0,0 +1 @@
+export default function getFilterValueDisplay(filterValue: any): string;

package/dist/types/fui/features/Search/view-helpers/getUrlSanitizer.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param {URL} URLParser URL interface provided by browser https://developer.mozilla.org/en-US/docs/Web/API/URL
+ * @param {String} currentLocation String representation of the browser's current location
+ */
+export default function getUrlSanitizer(URLParser: typeof URL, currentLocation: string): (url: string) => string;