@fluidattacks/design 6.13.0 → 6.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/@core/index.js +4 -4
- package/dist/components/accordion/accordion-content/index.js +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/advanced-badge/index.js +3 -2
- package/dist/components/advisories-card/index.js +1 -1
- package/dist/components/alert/index.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/card/card-header/index.js +1 -1
- package/dist/components/card/card-with-image/index.js +1 -1
- package/dist/components/card/card-with-input/index.js +1 -1
- package/dist/components/card/card-with-options/index.js +1 -1
- package/dist/components/card/card-with-selector/index.js +1 -1
- package/dist/components/card/card-with-switch/index.js +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/card/indicator-card/index.js +1 -1
- package/dist/components/card-container/index.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/index.stories.d.ts +2 -1
- package/dist/components/checkbox/types.d.ts +2 -0
- package/dist/components/circular-progress/index.js +1 -1
- package/dist/components/cloud-image/index.js +1 -1
- package/dist/components/code-snippet/index.js +1 -1
- package/dist/components/colors/index.js +1 -1
- package/dist/components/conditions-dialog/index.js +1 -1
- package/dist/components/conditions-dialog/types.d.ts +17 -1
- package/dist/components/confirm-dialog/index.js +1 -1
- package/dist/components/container/index.js +1 -1
- package/dist/components/copy-button/index.js +1 -1
- package/dist/components/divider/index.js +1 -1
- package/dist/components/drawer/index.js +1 -1
- package/dist/components/dropdown/index.js +1 -1
- package/dist/components/empty-state/empty-button/index.js +1 -1
- package/dist/components/empty-state/index.js +1 -1
- package/dist/components/fa-tag/index.js +1 -1
- package/dist/components/file-preview/index.js +1 -1
- package/dist/components/filters/active-filters/active-filter/index.js +2 -2
- package/dist/components/filters/active-filters/index.js +1 -1
- package/dist/components/filters/context/index.js +1 -1
- package/dist/components/filters/filters-menu/index.js +2 -2
- package/dist/components/filters/index.js +1 -1
- package/dist/components/filters/options-menu/include-exclude/index.js +1 -1
- package/dist/components/filters/options-menu/index.js +1 -1
- package/dist/components/filters/options-menu/options/index.js +1 -1
- package/dist/components/filters/search/no-matches/index.js +1 -1
- package/dist/components/form/index.js +1 -1
- package/dist/components/form/inner-form/index.js +1 -1
- package/dist/components/grid-container/index.js +1 -1
- package/dist/components/group-selector/index.js +1 -1
- package/dist/components/group-selector/option-container/index.js +2 -2
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon-button/index.js +1 -1
- package/dist/components/indicator-card-db/index.js +1 -1
- package/dist/components/info-sidebar/index.js +1 -1
- package/dist/components/inputs/fields/combobox/field/index.js +1 -1
- package/dist/components/inputs/fields/combobox/index.js +1 -1
- package/dist/components/inputs/fields/combobox/option/index.d.ts +1 -1
- package/dist/components/inputs/fields/combobox/option/index.js +1 -1
- package/dist/components/inputs/fields/combobox/types.d.ts +5 -1
- package/dist/components/inputs/fields/date/calendar/cell/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/grid/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/header/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/index.js +1 -1
- package/dist/components/inputs/fields/date/index.js +1 -1
- package/dist/components/inputs/fields/date-range/calendar/index.js +1 -1
- package/dist/components/inputs/fields/date-range/index.js +1 -1
- package/dist/components/inputs/fields/date-time/calendar/index.js +1 -1
- package/dist/components/inputs/fields/date-time/index.js +1 -1
- package/dist/components/inputs/fields/editable/index.js +1 -1
- package/dist/components/inputs/fields/input-array/field/index.js +1 -1
- package/dist/components/inputs/fields/input-array/index.js +1 -1
- package/dist/components/inputs/fields/input-file/default/index.js +1 -1
- package/dist/components/inputs/fields/input-file/dropzone/index.js +1 -1
- package/dist/components/inputs/fields/input-file/index.js +1 -1
- package/dist/components/inputs/fields/input-section/index.js +1 -1
- package/dist/components/inputs/fields/input-tags/field/index.js +1 -1
- package/dist/components/inputs/fields/input-tags/index.js +1 -1
- package/dist/components/inputs/fields/number/index.js +1 -1
- package/dist/components/inputs/fields/number-range/index.js +1 -1
- package/dist/components/inputs/fields/phone/index.js +1 -1
- package/dist/components/inputs/fields/text-area/index.js +1 -1
- package/dist/components/inputs/fields/text-input/index.js +1 -1
- package/dist/components/inputs/index.js +1 -1
- package/dist/components/inputs/label/index.js +1 -1
- package/dist/components/inputs/outline-container/index.d.ts +4 -2
- package/dist/components/inputs/outline-container/index.js +1 -1
- package/dist/components/inputs/utils/action-button/index.js +1 -1
- package/dist/components/inputs/utils/calendar-button/index.js +1 -1
- package/dist/components/inputs/utils/date-selector/index.js +1 -1
- package/dist/components/inputs/utils/date-time-field/index.js +1 -1
- package/dist/components/inputs/utils/dialog/index.js +1 -1
- package/dist/components/inputs/utils/number-field/index.js +1 -1
- package/dist/components/inputs/utils/popover/index.js +1 -1
- package/dist/components/item-card-db/index.js +1 -1
- package/dist/components/language-switcher/index.js +1 -1
- package/dist/components/language-switcher/language-option/index.js +1 -1
- package/dist/components/language-switcher/spinner/index.js +2 -2
- package/dist/components/layout/categories/buttons/index.js +1 -1
- package/dist/components/layout/categories/column/index.js +1 -1
- package/dist/components/layout/categories/gap/index.js +1 -1
- package/dist/components/layout/categories/row/index.js +1 -1
- package/dist/components/layout/index.js +1 -1
- package/dist/components/link/index.js +1 -1
- package/dist/components/list-item/index.js +1 -1
- package/dist/components/little-flag/index.js +1 -1
- package/dist/components/loading/index.js +1 -1
- package/dist/components/logo/index.js +1 -1
- package/dist/components/lottie/index.js +1 -1
- package/dist/components/menu/index.js +2 -2
- package/dist/components/message-banner/index.js +1 -1
- package/dist/components/modal/columns-modal/index.js +1 -1
- package/dist/components/modal/columns-modal/preview-panel/index.js +1 -1
- package/dist/components/modal/columns-modal/search-panel/index.js +1 -1
- package/dist/components/modal/footer/index.js +1 -1
- package/dist/components/modal/header/index.js +1 -1
- package/dist/components/modal/index.js +1 -1
- package/dist/components/modal/modal-confirm/index.js +1 -1
- package/dist/components/notification/index.js +1 -1
- package/dist/components/notification-sign/index.js +1 -1
- package/dist/components/oauth-selector/index.js +1 -1
- package/dist/components/oauth-selector/option-container/index.js +1 -1
- package/dist/components/option-card/index.d.ts +4 -0
- package/dist/components/option-card/index.js +7 -0
- package/dist/components/option-card/index.stories.d.ts +6 -0
- package/dist/components/option-card/index.test.d.ts +1 -0
- package/dist/components/option-card/types.d.ts +22 -0
- package/dist/components/package-card/index.js +1 -1
- package/dist/components/paginator-db/btn/index.js +1 -1
- package/dist/components/paginator-db/dropdown/index.js +1 -1
- package/dist/components/paginator-db/index.js +1 -1
- package/dist/components/pop-up/description/index.js +1 -1
- package/dist/components/pop-up/index.js +2 -2
- package/dist/components/premium-feature/index.js +1 -1
- package/dist/components/priority-cards/card/index.js +1 -1
- package/dist/components/priority-cards/index.js +1 -1
- package/dist/components/priority-score/index.js +1 -1
- package/dist/components/progress-bar/index.js +1 -1
- package/dist/components/progress-indicator/in-progress-icon/index.js +1 -1
- package/dist/components/progress-indicator/index.js +1 -1
- package/dist/components/progress-indicator/step/index.js +1 -1
- package/dist/components/radio-button/index.js +1 -1
- package/dist/components/rank-position/icon/index.js +1 -1
- package/dist/components/rank-position/index.js +1 -1
- package/dist/components/rules-card/index.js +1 -1
- package/dist/components/scroll-button/index.js +1 -1
- package/dist/components/search/index.js +1 -1
- package/dist/components/search-dropdown/index.js +1 -1
- package/dist/components/segmented-control/index.js +1 -1
- package/dist/components/segmented-progress-bar/index.js +1 -1
- package/dist/components/severity-badge/index.js +1 -1
- package/dist/components/severity-indicator/index.js +1 -1
- package/dist/components/severity-overview/badge/index.js +1 -1
- package/dist/components/severity-overview/index.js +1 -1
- package/dist/components/show-on-hover/index.js +1 -1
- package/dist/components/slide-out-menu/index.js +1 -1
- package/dist/components/slide-out-menu/menu-item/index.js +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/thumb/index.js +1 -1
- package/dist/components/step-lapse/index.js +1 -1
- package/dist/components/summary-card/index.js +1 -1
- package/dist/components/table/context/index.js +1 -1
- package/dist/components/table/export-csv/index.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/pagination/pagination-control/index.js +1 -1
- package/dist/components/table/pagination/pagination-dropdown/index.js +1 -1
- package/dist/components/table/pagination/pagination-size/index.js +1 -1
- package/dist/components/table/sort-icon/index.js +1 -1
- package/dist/components/table/table-body/index.js +1 -1
- package/dist/components/table/table-column-toggle/index.js +1 -1
- package/dist/components/table/table-content/head/index.js +1 -1
- package/dist/components/table/table-content/index.js +1 -1
- package/dist/components/table/table-footer/footer-content/index.js +1 -1
- package/dist/components/table/table-footer/index.js +1 -1
- package/dist/components/table/table-options/caption-content/index.js +1 -1
- package/dist/components/table/table-options/controls-content/index.js +1 -1
- package/dist/components/table/table-options/highlighted-content/index.js +1 -1
- package/dist/components/table/table-options/index.js +1 -1
- package/dist/components/table/wrapper/index.js +1 -1
- package/dist/components/table-button/index.js +1 -1
- package/dist/components/table-content/index.js +1 -1
- package/dist/components/table-content/item-content/index.js +1 -1
- package/dist/components/table-of-contents/index.js +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/tab/index.js +1 -1
- package/dist/components/tag/index.js +1 -1
- package/dist/components/timeline/card/index.js +1 -1
- package/dist/components/timeline/index.js +1 -1
- package/dist/components/toggle/index.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tour/index.js +3 -3
- package/dist/components/tree/index.js +1 -1
- package/dist/components/truncated-list/index.js +1 -1
- package/dist/components/typography/heading/index.js +1 -1
- package/dist/components/typography/index.js +1 -1
- package/dist/components/typography/span/index.js +1 -1
- package/dist/components/typography/text/index.js +1 -1
- package/dist/components/weaknesses-card/index.js +2 -2
- package/dist/{components-Do4ke88k.mjs → components-DMtjaICm.mjs} +5610 -5483
- package/dist/globals/design-tokens-css/index.js +1 -1
- package/dist/globals/designs-provider/index.js +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/use-click-outside.d.ts +3 -1
- package/dist/hooks/use-click-outside.test.d.ts +1 -0
- package/dist/hooks/use-local-storage.test.d.ts +1 -0
- package/dist/hooks/use-query-states.test.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +107 -106
- package/dist/utils/index.js +8 -8
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as e, f as t, g as n, h as o,
|
|
1
|
+
import { B as e, f as t, g as n, h as o, bo as b, bp as i, bA as p, bB as r, bC as B, bD as d, bE as C, bF as g, bG as m, bS as f } from "../../components-DMtjaICm.mjs";
|
|
2
2
|
export {
|
|
3
3
|
e as BaseButtonComponent,
|
|
4
4
|
t as BaseComponent,
|
|
@@ -6,9 +6,9 @@ export {
|
|
|
6
6
|
o as BaseTextComponent,
|
|
7
7
|
b as getStyledConfig,
|
|
8
8
|
i as hiddenProps,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
p as setBorder,
|
|
10
|
+
r as setDisplay,
|
|
11
|
+
B as setInteraction,
|
|
12
12
|
d as setMargin,
|
|
13
13
|
C as setPadding,
|
|
14
14
|
g as setPosition,
|
|
@@ -3,5 +3,6 @@ import { ICheckboxProps } from './types';
|
|
|
3
3
|
declare const config: Meta;
|
|
4
4
|
declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ICheckboxProps>;
|
|
5
5
|
declare const Disabled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ICheckboxProps>;
|
|
6
|
-
|
|
6
|
+
declare const Indeterminate: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ICheckboxProps>;
|
|
7
|
+
export { Default, Disabled, Indeterminate };
|
|
7
8
|
export default config;
|
|
@@ -5,6 +5,7 @@ import { HTMLAttributes } from 'react';
|
|
|
5
5
|
* @extends HTMLAttributes<HTMLInputElement>
|
|
6
6
|
* @property {boolean} [disabled] - Disable checkbox.
|
|
7
7
|
* @property {boolean} [checked] - Checkbox checked state.
|
|
8
|
+
* @property {boolean} [indeterminate] - Partial state, takes over `checked`.
|
|
8
9
|
* @property {string} [label] - Checkbox label.
|
|
9
10
|
* @property {string} [tooltip] - Tooltip associated with the checkbox.
|
|
10
11
|
* @property {string} name - Input name.
|
|
@@ -13,6 +14,7 @@ import { HTMLAttributes } from 'react';
|
|
|
13
14
|
interface ICheckboxProps extends HTMLAttributes<HTMLInputElement> {
|
|
14
15
|
disabled?: boolean;
|
|
15
16
|
checked?: boolean;
|
|
17
|
+
indeterminate?: boolean;
|
|
16
18
|
label?: string | JSX.Element;
|
|
17
19
|
name: string;
|
|
18
20
|
tooltip?: string;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IUseModal } from '../../hooks';
|
|
1
2
|
/**
|
|
2
3
|
* Interface for conditions
|
|
3
4
|
*/
|
|
@@ -13,7 +14,22 @@ interface IConditions {
|
|
|
13
14
|
interface IConditionsModalProps {
|
|
14
15
|
readonly children?: React.ReactNode;
|
|
15
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* Props for the conditions dialog content
|
|
19
|
+
*/
|
|
20
|
+
interface IConditionsDialogContentProps extends IConditionsModalProps {
|
|
21
|
+
/** Conditions the dialog starts from, captured when the hook mounts */
|
|
22
|
+
readonly conditions: TConditionsMap;
|
|
23
|
+
/** Identifier shared by the modal and its confirm button */
|
|
24
|
+
readonly id: string;
|
|
25
|
+
/** Modal handle, with close wired to the cancel branch */
|
|
26
|
+
readonly modalRef: IUseModal;
|
|
27
|
+
/** Resolves the deferred promise with true */
|
|
28
|
+
readonly onConfirm: VoidFunction;
|
|
29
|
+
/** Title of the modal */
|
|
30
|
+
readonly title: string;
|
|
31
|
+
}
|
|
16
32
|
type TConditionsMap = Record<string, IConditions>;
|
|
17
33
|
type TConfirmAction = () => Promise<boolean>;
|
|
18
34
|
type TModal = React.FC<IConditionsModalProps>;
|
|
19
|
-
export type { IConditionsModalProps, TConditionsMap, TConfirmAction, TModal };
|
|
35
|
+
export type { IConditionsDialogContentProps, IConditionsModalProps, TConditionsMap, TConfirmAction, TModal, };
|
|
@@ -2,8 +2,8 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../../vendor-Drh0tBdw.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "styled-components";
|
|
5
|
-
import {
|
|
5
|
+
import { cl as l } from "../../../components-DMtjaICm.mjs";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
export {
|
|
8
|
-
|
|
8
|
+
l as FiltersMenu
|
|
9
9
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "../../vendor-Drh0tBdw.mjs";
|
|
4
|
-
import { a, Q as e,
|
|
4
|
+
import { a, Q as e, by as p } from "../../components-DMtjaICm.mjs";
|
|
5
5
|
export {
|
|
6
6
|
a as ActiveFilters,
|
|
7
7
|
e as Filters,
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../../vendor-Drh0tBdw.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "styled-components";
|
|
5
|
-
import {
|
|
5
|
+
import { cp as e } from "../../../components-DMtjaICm.mjs";
|
|
6
6
|
export {
|
|
7
7
|
e as OptionsMenu
|
|
8
8
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../../vendor-Drh0tBdw.mjs";
|
|
3
3
|
import "react";
|
|
4
|
-
import {
|
|
4
|
+
import { cn as n, co as s } from "../../../../components-DMtjaICm.mjs";
|
|
5
5
|
import "styled-components";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import { D as s, aH as t, aI as m, aD as l, aJ as n } from "../../vendor-Drh0tBdw.mjs";
|
|
3
3
|
import "styled-components";
|
|
4
|
-
import { R as u, $ as F } from "../../components-
|
|
4
|
+
import { R as u, $ as F } from "../../components-DMtjaICm.mjs";
|
|
5
5
|
export {
|
|
6
6
|
s as Controller,
|
|
7
7
|
u as Form,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "styled-components";
|
|
4
|
-
import {
|
|
4
|
+
import { cq as p, cr as a } from "../../../components-DMtjaICm.mjs";
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as OptionBoxContainer,
|
|
7
7
|
a as OptionContainer
|
|
8
8
|
};
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../../../../vendor-Drh0tBdw.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "styled-components";
|
|
5
|
-
import {
|
|
5
|
+
import { bX as b } from "../../../../../components-DMtjaICm.mjs";
|
|
6
6
|
export {
|
|
7
7
|
b as ComboBoxField
|
|
8
8
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IOptionProps } from '../types';
|
|
2
|
-
declare const Option: <T extends object>({ allItemKeys, item, multiSelection, name, setInputValue, setValue, state, watch, }: Readonly<IOptionProps<T>>) => JSX.Element;
|
|
2
|
+
declare const Option: <T extends object>({ allItemKeys, containerRef, item, multiSelection, name, popoverRef, setInputValue, setValue, state, watch, }: Readonly<IOptionProps<T>>) => JSX.Element;
|
|
3
3
|
export { Option };
|
|
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
|
|
2
2
|
import "../../../../../vendor-Drh0tBdw.mjs";
|
|
3
3
|
import "react";
|
|
4
4
|
import "styled-components";
|
|
5
|
-
import {
|
|
5
|
+
import { bW as a } from "../../../../../components-DMtjaICm.mjs";
|
|
6
6
|
export {
|
|
7
7
|
a as Option
|
|
8
8
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Key, Node } from '@react-types/shared';
|
|
2
|
-
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
import { InputHTMLAttributes, MutableRefObject } from 'react';
|
|
3
3
|
import { Control, UseFormSetValue, UseFormWatch } from 'react-hook-form';
|
|
4
4
|
import { ComboBoxState } from 'react-stately';
|
|
5
5
|
import { IOutlineContainerProps } from '../../types';
|
|
@@ -22,16 +22,20 @@ interface IItem {
|
|
|
22
22
|
/**
|
|
23
23
|
* Props for the option component.
|
|
24
24
|
* @interface IOptionProps
|
|
25
|
+
* @property { MutableRefObject } containerRef - The ref of the ComboBox container.
|
|
25
26
|
* @property { IItem } item - The item to be rendered as an option.
|
|
26
27
|
* @property { boolean } multiSelection - Enable to select more than one option.
|
|
27
28
|
* @property { string } name - The name of the Select.
|
|
29
|
+
* @property { MutableRefObject } popoverRef - The ref of the options popover.
|
|
28
30
|
* @property { ComboBoxState<T> } state - The state of the ComboBox.
|
|
29
31
|
*/
|
|
30
32
|
interface IOptionProps<T> {
|
|
31
33
|
allItemKeys: string[];
|
|
34
|
+
containerRef: MutableRefObject<HTMLDivElement | null>;
|
|
32
35
|
item: Node<IItem>;
|
|
33
36
|
multiSelection: boolean;
|
|
34
37
|
name: string;
|
|
38
|
+
popoverRef: MutableRefObject<HTMLDivElement | null>;
|
|
35
39
|
setInputValue: React.Dispatch<React.SetStateAction<string>>;
|
|
36
40
|
state: ComboBoxState<T>;
|
|
37
41
|
setValue?: UseFormSetValue<any>;
|