@fluidattacks/design 3.25.5-pr.5 → 3.25.5-pr.7

package/dist/components/icon-button/types.d.ts

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes } from 'react';
+import { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from '../@core/types';
+import { TVariant } from '../button/styles';
+import { TPlace } from '../tooltip/types';
+/**
+ * IconButton component props.
+ * @interface IIconButtonProps
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ * @extends IBorderModifiable
+ * @extends IDisplayModifiable
+ * @extends IIconModifiable
+ * @extends IPaddingModifiable
+ * @property {string} [tooltip] - Tooltip text.
+ * @property {string} [tooltipPlace] - Tooltip placement.
+ * @property {TVariant} [variant] - Variant
+ */
+interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<IDisplayModifiable, "height" | "justify" | "width">, Pick<IPaddingModifiable, "px" | "py">, IBorderModifiable, IIconModifiable {
+    tooltip?: string;
+    tooltipPlace?: TPlace;
+    variant?: TVariant;
+}
+export type { IIconButtonProps };

package/dist/components/indicator-card/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { IIndicatorCardProps } from './types';
+declare const IndicatorCard: ({ description, height, leftIconName, children, rightIconName, title, tooltipId, tooltipTip, tooltipPlace, variant, width, }: Readonly<PropsWithChildren<IIndicatorCardProps>>) => JSX.Element;
+export type { IIndicatorCardProps };
+export { IndicatorCard };

package/dist/components/indicator-card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-DGfjRRUz.js");const e=require("../../components-Bnce3gbg.js");exports.IndicatorCard=e.IndicatorCard;

package/dist/components/indicator-card/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryFn } from '@storybook/react';
+import { IIndicatorCardProps } from './types';
+declare const config: Meta;
+declare const Default: StoryFn<Readonly<IIndicatorCardProps>>;
+declare const LeftAligned: StoryFn<Readonly<IIndicatorCardProps>>;
+export default config;
+export { Default, LeftAligned };

package/dist/components/indicator-card/types.d.ts

@@ -0,0 +1,30 @@
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { TPlace } from '../tooltip/types';
+type TVariant = "centered" | "left-aligned";
+/**
+ * Indicator card component props.
+ * @interface IIndicatorCardProps
+ * @property { string } [description] - Description of the indicator card.
+ * @property { string } [height] - Height of the indicator card.
+ * @property { IconName } [leftIconName] - Name of the left icon.
+ * @property { IconName } [rightIconName] - Name of the right icon.
+ * @property { string } [title] - Title of the indicator card.
+ * @property { string } [tooltipId] - Id of the tooltip.
+ * @property { string } [tooltipTip] - Tip of the tooltip.
+ * @property { TPlace } [tooltipPlace] - Place of the tooltip.
+ * @property { TVariant } [variant] - Variant of the indicator card.
+ * @property { string } [width] - Width of the indicator card.
+ */
+interface IIndicatorCardProps {
+    description?: string;
+    height?: string;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    title?: string;
+    tooltipId?: string;
+    tooltipTip?: string;
+    tooltipPlace?: TPlace;
+    variant?: TVariant;
+    width?: string;
+}
+export type { IIndicatorCardProps };

package/dist/components/info-sidebar/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { IInfoSidebarProps } from './types';
+declare const InfoSidebar: ({ actions, children, header, title, tabs, footer, }: Readonly<PropsWithChildren<IInfoSidebarProps>>) => JSX.Element;
+export { InfoSidebar };

package/dist/components/info-sidebar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../vendor-DGfjRRUz.js");const e=require("../../components-Bnce3gbg.js");exports.InfoSidebar=e.InfoSidebar;

package/dist/components/info-sidebar/index.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { PropsWithChildren } from 'react';
+import { IInfoSidebarProps } from './types';
+declare const config: Meta;
+declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IInfoSidebarProps>>;
+export { Default };
+export default config;

package/dist/components/info-sidebar/types.d.ts

@@ -0,0 +1,32 @@
+import { IIconModifiable } from '../@core';
+import { ITabProps } from '../tabs/types';
+/**
+ * Button empty state props.
+ * @interface IButtonProps
+ * @extends IIconModifiable
+ * @property { string } [id] - Button id.
+ * @property { string } [text] - Button text.
+ * @property { Function } [onClick] - Button click handler.
+ */
+interface IButtonProps extends Partial<IIconModifiable> {
+    id?: string;
+    onClick?: () => void;
+    text?: string;
+}
+/**
+ * Info sidebar component props.
+ * @interface IInfoSidebarProps
+ * @property { IButtonProps[] } [actions] - Sidebar actions.
+ * @property { React.ReactNode } [header] - Sidebar header.
+ * @property { string } title - Sidebar title.
+ * @property { ITabProps[] } tabs - Sidebar tabs.
+ * @property { IButtonProps[] } [footer] - Sidebar footer.
+ */
+interface IInfoSidebarProps {
+    actions?: IButtonProps[];
+    header?: React.ReactNode;
+    title: string;
+    tabs: ITabProps[];
+    footer?: IButtonProps[];
+}
+export type { IInfoSidebarProps };

package/dist/components/inputs/fields/combobox/field/index.d.ts

@@ -0,0 +1,6 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { IComboBoxProps } from '../types';
+declare const ComboBoxField: ({ field, disabled, disabledKeys, error, helpLink, helpLinkText, helpText, label, loadingItems, name, multiSelection, items, onBlur: onBlurProp, onChange: onChangeProp, placeholder, register, required, setValue, tooltip, value, watch, weight, }: Readonly<IComboBoxProps & {
+    field?: ControllerRenderProps<any>;
+}>) => JSX.Element;
+export { ComboBoxField };

package/dist/components/inputs/fields/combobox/field/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("../../../../../vendor-DGfjRRUz.js");const e=require("../../../../../components-Bnce3gbg.js");exports.ComboBoxField=e.ComboBoxField;

package/dist/components/inputs/fields/combobox/index.d.ts

@@ -0,0 +1,4 @@
+import { IComboBoxProps, IItem } from './types';
+declare const ComboBox: ({ control, disabled, disabledKeys, error, helpLink, helpLinkText, helpText, label, loadingItems, name, multiSelection, items, onBlur, onChange, placeholder, register, required, setValue, tooltip, value, watch, weight, }: Readonly<IComboBoxProps>) => JSX.Element;
+export { ComboBox };
+export type { IComboBoxProps, IItem };

package/dist/components/inputs/fields/combobox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../vendor-DGfjRRUz.js");const e=require("../../../../components-Bnce3gbg.js");exports.ComboBox=e.ComboBox;

package/dist/components/inputs/fields/combobox/index.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import { IComboBoxProps } from '.';
+declare const config: Meta;
+declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IComboBoxProps>;
+declare const Large: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IComboBoxProps>;
+declare const Vulnerabilities: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IComboBoxProps>;
+export { Default, Large, Vulnerabilities };
+export default config;

package/dist/components/inputs/fields/combobox/option/index.d.ts

@@ -0,0 +1,3 @@
+import { IOptionProps } from '../types';
+declare const Option: <T extends object>({ item, multiSelection, name, register, setInputValue, setValue, state, watch, }: Readonly<IOptionProps<T>>) => JSX.Element;
+export { Option };

package/dist/components/inputs/fields/combobox/option/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../vendor-DGfjRRUz.js");require("react");const e=require("../../../../../components-Bnce3gbg.js");exports.Option=e.Option;

package/dist/components/inputs/fields/combobox/styles.d.ts

@@ -0,0 +1,7 @@
+declare const StyledDropdown: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
+    $multiSelection: boolean;
+}>>;
+declare const StyledOption: import('styled-components').IStyledComponent<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    $multiSelection: boolean;
+}>>;
+export { StyledDropdown, StyledOption };

package/dist/components/inputs/fields/combobox/types.d.ts

@@ -0,0 +1,65 @@
+import { Key, Node } from '@react-types/shared';
+import { InputHTMLAttributes } from 'react';
+import { Control, UseFormRegister, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+import { ComboBoxState } from 'react-stately';
+import { IOutlineContainerProps } from '../../types';
+/**
+ * Props for the item component.
+ * @interface IItem
+ * @property { string } [href] - The href of the item.
+ * @property { string } name - The name of the item.
+ * @property { string } [tag] - Optional tag of the item.
+ * @property { string } value - The value of the item.
+ */
+interface IItem {
+    href?: string;
+    name: string;
+    tag?: string;
+    value: string;
+}
+/**
+ * Props for the option component.
+ * @interface IOptionProps
+ * @property { IItem } item - The item to be rendered as an option.
+ * @property { boolean } multiSelection - Enable to select more than one option.
+ * @property { string } name - The name of the Select.
+ * @property { ComboBoxState<T> } state - The state of the ComboBox.
+ */
+interface IOptionProps<T> {
+    item: Node<IItem>;
+    multiSelection: boolean;
+    name: string;
+    setInputValue: React.Dispatch<React.SetStateAction<string>>;
+    state: ComboBoxState<T>;
+    register?: UseFormRegister<any>;
+    setValue?: UseFormSetValue<any>;
+    watch?: UseFormWatch<any>;
+}
+/**
+ * Props for the Select component.
+ * @interface IComboBoxProps
+ * @property { boolean } [disabled] - Whether the Select is disabled.
+ * @property { string } name - The name of the Select.
+ * @property { IItem[] } items - The items to be rendered as options.
+ * @property { boolean } [loadingItems] - Whether the Select items are loading.
+ * @property { boolean } [multiSelection] - Enable to select more than one option.
+ * @property { Function } [onBlur] - The callback to be called on input blur.
+ * @property { Function } [onChange] - The callback to be called on input change.
+ * @property { string } [placeholder] - The placeholder for the input.
+ */
+interface IComboBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onBlur">, Partial<Omit<IOutlineContainerProps, "maxLength" | "value">> {
+    control?: Control<any>;
+    disabled?: boolean;
+    disabledKeys?: Iterable<Key>;
+    items: IItem[];
+    loadingItems?: boolean;
+    name: string;
+    multiSelection?: boolean;
+    onBlur?: () => void;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    register?: UseFormRegister<any>;
+    setValue?: UseFormSetValue<any>;
+    watch?: UseFormWatch<any>;
+}
+export type { IItem, IOptionProps, IComboBoxProps };

package/dist/components/inputs/fields/date/calendar/cell/index.d.ts

@@ -0,0 +1,3 @@
+import { TCellProps } from '../../types';
+declare const CalendarCell: ({ state, date }: Readonly<TCellProps>) => JSX.Element;
+export { CalendarCell };

package/dist/components/inputs/fields/date/calendar/cell/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../../vendor-DGfjRRUz.js");require("react");const e=require("../../../../../../components-Bnce3gbg.js");exports.CalendarCell=e.CalendarCell;

package/dist/components/inputs/fields/date/calendar/grid/index.d.ts

@@ -0,0 +1,3 @@
+import { TGridProps } from '../../types';
+declare const CalendarGrid: ({ state, ...props }: Readonly<TGridProps>) => JSX.Element;
+export { CalendarGrid };

package/dist/components/inputs/fields/date/calendar/grid/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../../vendor-DGfjRRUz.js");const e=require("../../../../../../components-Bnce3gbg.js");exports.CalendarGrid=e.CalendarGrid;

package/dist/components/inputs/fields/date/calendar/header/index.d.ts

@@ -0,0 +1,3 @@
+import { THeaderProps } from '../../types';
+declare const Header: ({ state, prevButtonProps, nextButtonProps, title, }: Readonly<THeaderProps>) => JSX.Element;
+export { Header };

package/dist/components/inputs/fields/date/calendar/header/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../../../../components-Bnce3gbg.js");exports.Header=e.Header;

package/dist/components/inputs/fields/date/calendar/index.d.ts

@@ -0,0 +1,6 @@
+import { CalendarStateOptions } from 'react-stately';
+declare const Calendar: ({ onClose, props, }: Readonly<{
+    onClose: () => void;
+    props: Omit<CalendarStateOptions, "createCalendar" | "locale">;
+}>) => JSX.Element;
+export { Calendar };

package/dist/components/inputs/fields/date/calendar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../../../../vendor-DGfjRRUz.js");const e=require("../../../../../components-Bnce3gbg.js");exports.Calendar=e.Calendar;