@hazelcast/ui 1.3.2-next.47 → 1.3.2-next.49
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/lib/Alert.d.ts +5 -5
- package/lib/AutocompleteField.d.ts +4 -4
- package/lib/AutocompleteField.js.map +1 -1
- package/lib/AutocompleteFieldFormik.d.ts +1 -1
- package/lib/Badge.d.ts +4 -4
- package/lib/Button.d.ts +14 -14
- package/lib/Calendar/Calendar.d.ts +2 -2
- package/lib/Calendar/Calendar.js +5 -3
- package/lib/Calendar/Calendar.js.map +1 -1
- package/lib/Calendar/CalendarRange.d.ts +2 -2
- package/lib/Calendar/components/CalendarHeader.d.ts +2 -2
- package/lib/Calendar/components/CalendarInput.d.ts +3 -3
- package/lib/Calendar/components/CalendarTime.d.ts +2 -2
- package/lib/Card.d.ts +1 -1
- package/lib/Carousel.d.ts +1 -1
- package/lib/Checkbox.d.ts +4 -3
- package/lib/Checkbox.js +2 -2
- package/lib/Checkbox.js.map +1 -1
- package/lib/CheckboxFormik.d.ts +1 -1
- package/lib/CircularProgressBar.d.ts +1 -1
- package/lib/Dialog.d.ts +2 -2
- package/lib/EmptyState.d.ts +5 -5
- package/lib/FieldHeader.d.ts +4 -4
- package/lib/Icon.d.ts +4 -4
- package/lib/Icon.js +1 -1
- package/lib/Icon.js.map +1 -1
- package/lib/IconButton.d.ts +6 -6
- package/lib/InteractiveList.d.ts +5 -5
- package/lib/InteractiveList.js +4 -2
- package/lib/InteractiveList.js.map +1 -1
- package/lib/InteractiveListFormik.d.ts +1 -1
- package/lib/Label.d.ts +1 -1
- package/lib/Link.d.ts +6 -6
- package/lib/Loader.d.ts +1 -1
- package/lib/Modal.d.ts +2 -2
- package/lib/Notification.d.ts +4 -4
- package/lib/NumberBadge.d.ts +1 -1
- package/lib/NumberField.d.ts +3 -3
- package/lib/NumberFieldFormik.d.ts +1 -1
- package/lib/Overlay.d.ts +2 -2
- package/lib/Overlay.module.scss +1 -1
- package/lib/Pagination.d.ts +3 -3
- package/lib/PasswordField.d.ts +3 -3
- package/lib/PasswordFieldFormik.d.ts +1 -1
- package/lib/Radio.d.ts +3 -3
- package/lib/RadioFormik.d.ts +1 -1
- package/lib/RadioGroup.d.ts +3 -3
- package/lib/RadioGroupFormik.d.ts +1 -1
- package/lib/SegmentedControl.d.ts +3 -3
- package/lib/SegmentedControlFormik.d.ts +1 -1
- package/lib/Select/CheckableSelectField.d.ts +3 -3
- package/lib/Select/CheckableSelectFieldFormik.d.ts +1 -1
- package/lib/Select/Common.d.ts +6 -6
- package/lib/Select/MultiSelectField.d.ts +7 -7
- package/lib/Select/MultiSelectField.js.map +1 -1
- package/lib/Select/MultiSelectFieldFormik.d.ts +1 -1
- package/lib/Select/SelectField.d.ts +5 -5
- package/lib/Select/SelectField.js.map +1 -1
- package/lib/Select/SelectFieldFormik.d.ts +1 -1
- package/lib/Select/helpers.d.ts +2 -2
- package/lib/SimpleTable.d.ts +1 -1
- package/lib/Slider.d.ts +8 -8
- package/lib/SliderFormik.d.ts +1 -1
- package/lib/Table/Cell.d.ts +2 -2
- package/lib/Table/CellWrapper.d.ts +1 -1
- package/lib/Table/EnhancedRenderers.d.ts +2 -2
- package/lib/Table/Header.d.ts +1 -1
- package/lib/Table/Row.d.ts +4 -4
- package/lib/Table/Table.d.ts +8 -8
- package/lib/Table/TableContent.d.ts +1 -1
- package/lib/Table/features/columnsSelection/columnsSelection.d.ts +1 -1
- package/lib/Table/features/columnsSelection/helpers.d.ts +1 -1
- package/lib/Tabs/Tab.d.ts +6 -6
- package/lib/Tabs/TabContext.d.ts +3 -3
- package/lib/Tabs/TabList.d.ts +1 -1
- package/lib/Tabs/TabPanel.d.ts +1 -1
- package/lib/Terminal.d.ts +1 -1
- package/lib/TextArea.d.ts +4 -4
- package/lib/TextAreaFormik.d.ts +1 -1
- package/lib/TextField.d.ts +6 -6
- package/lib/TextFieldFormik.d.ts +1 -1
- package/lib/TimeField.d.ts +3 -3
- package/lib/TimeFieldFormik.d.ts +1 -1
- package/lib/Toast.d.ts +3 -3
- package/lib/Toggle.d.ts +3 -3
- package/lib/ToggleFormik.d.ts +1 -1
- package/lib/Tooltip.d.ts +2 -2
- package/lib/Tooltip.js.map +1 -1
- package/lib/hooks/useCloseOnResize.d.ts +1 -1
- package/lib/hooks/useDimensions.d.ts +1 -1
- package/lib/hooks/useOnClickOutside.d.ts +1 -1
- package/lib/hooks/usePagination.d.ts +2 -2
- package/lib/utils/formik.d.ts +2 -2
- package/lib/utils/portal.d.ts +2 -2
- package/lib/utils/types.d.ts +1 -1
- package/package.json +61 -56
package/lib/Alert.d.ts
CHANGED
|
@@ -3,22 +3,22 @@ import { PartialRequired } from '@hazelcast/helpers';
|
|
|
3
3
|
import { LinkProps } from './Link';
|
|
4
4
|
import { ToastType } from './Toast';
|
|
5
5
|
import { IconProps } from './Icon';
|
|
6
|
-
|
|
6
|
+
type AlertAccessibleActionButtonIconProps = {
|
|
7
7
|
icon: IconProps['icon'];
|
|
8
8
|
ariaLabel: string;
|
|
9
9
|
} | {
|
|
10
10
|
icon?: never;
|
|
11
11
|
ariaLabel?: never;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type AlertActionButton = {
|
|
14
14
|
text: string;
|
|
15
15
|
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
16
16
|
} & AlertAccessibleActionButtonIconProps;
|
|
17
|
-
export
|
|
17
|
+
export type AlertActionLink = {
|
|
18
18
|
text: string;
|
|
19
19
|
} & Omit<PartialRequired<LinkProps, 'href'>, 'children' | 'size'>;
|
|
20
|
-
export
|
|
21
|
-
export
|
|
20
|
+
export type AlertAction = AlertActionButton | AlertActionLink;
|
|
21
|
+
export type AlertProps = {
|
|
22
22
|
type: ToastType;
|
|
23
23
|
title?: ReactNode;
|
|
24
24
|
content?: ReactNode;
|
|
@@ -3,12 +3,12 @@ import { HelpProps } from './Help';
|
|
|
3
3
|
import { FormatOptionLabelMeta } from 'react-select/src/Select';
|
|
4
4
|
import { SelectFieldSize } from './Select/SelectField';
|
|
5
5
|
import { FieldHeaderProps } from './FieldHeader';
|
|
6
|
-
export
|
|
6
|
+
export type AutocompleteFieldOption = {
|
|
7
7
|
label: string;
|
|
8
8
|
value: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
11
|
-
export
|
|
10
|
+
export type RenderOptionFunction<O = AutocompleteFieldOption> = (highlightedLabelText: ReactNode, option: O extends AutocompleteFieldOption ? O : never, labelMeta: FormatOptionLabelMeta<AutocompleteFieldOption, false>) => ReactNode;
|
|
11
|
+
export type AutocompleteFieldProps = {
|
|
12
12
|
'data-test'?: string;
|
|
13
13
|
size?: SelectFieldSize;
|
|
14
14
|
className?: string;
|
|
@@ -32,7 +32,7 @@ export declare type AutocompleteFieldProps = {
|
|
|
32
32
|
placeholder?: string;
|
|
33
33
|
openMenuOnClick?: boolean;
|
|
34
34
|
} & Omit<FieldHeaderProps, 'id'>;
|
|
35
|
-
|
|
35
|
+
type GetSelectedOptionFromValueProps = {
|
|
36
36
|
value?: string | null;
|
|
37
37
|
optionsMap: {
|
|
38
38
|
[key: string]: AutocompleteFieldOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteField.js","sourceRoot":"","sources":["../src/AutocompleteField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"AutocompleteField.js","sourceRoot":"","sources":["../src/AutocompleteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtF,OAAO,WAAW,EAAE,EAAc,UAAU,EAAa,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,MAAM,MAAM,iCAAiC,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AA2C7D;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAmC;;IAC/F,IAAI,MAAM,GAAG,IAAI,CAAA;IACjB,IAAI,KAAK,EAAE;QACT,MAAM,GAAG,MAAA,UAAU,CAAC,KAAK,CAAC,mCAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;KAC7D;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,KAAK,GAA4B,CAAC,UAAU,EAAE,EAAE;IACpD,mFAAmF;IACnF,kEAAkE;IAClE,MAAM,KAAK,GAAG;QACZ,GAAG,UAAU;QACb,YAAY,EAAE,YAAY;KAC3B,CAAA;IACD,OAAO,oBAAC,UAAU,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAwC,CAAC,KAAK,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,UAAU,CAAC,iBAAiB,OAAK,KAAK;QACrC,oBAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,CACS,CAChC,CAAA;AACH,CAAC,CAAA;AAED,gCAAgC;AAChC,MAAM,cAAc,GAAqC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IAC1E,mJAAmJ;IACnJ,OAAO,oBAAC,UAAU,OAAK,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,QAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI,CAAA;AAC/H,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAAiB,EAAE,UAA8B,EAAa,EAAE;IAClG,MAAM,SAAS,GAAG,KAAK,CAAA;IACvB,MAAM,KAAK,GAAG,UAAU,IAAI,EAAE,CAAA;IAC9B,OAAO,KAAK;QACV,CAAC,CAAC,SAAS;aACN,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,GAAG,SAAS,KAAK,SAAS,EAAE,CAAC;aAC9D,KAAK,CAAC,SAAS,CAAC;aAChB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC;aACpB,GAAG,CAAC,CAAC,GAAW,EAAE,CAAS,EAAE,EAAE,CAAC,CAC/B,8BACE,SAAS,EAAE,EAAE,CAAC;gBACZ,4CAA4C,EAAE,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE;aACxF,CAAC,EACF,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,EAAE,IAEhB,GAAG,CACC,CACR,CAAC;QACN,CAAC,CAAC,SAAS,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,WAAW,EAAE,QAAQ,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,WAAW,EACX,KAAK,EACL,cAAc,EACd,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,gBAAgB,GAAG,MAAM,EACzB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,aAAa,EACb,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,WAAW,EACzB,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,eAAe,GAAG,IAAI,EACtB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,+EAA+E;IAC/E,gFAAgF;IAChF,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnB,yBAAyB,CAAC,GAAG,EAAE;QAC7B,MAAM,aAAa,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;QAExD,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;YAC5E,aAAa,CAAC,SAAS,GAAG,GAAG,aAAa,CAAC,SAAS,IAAI,MAAM,CAAC,aAAa,EAAE,CAAA;SAC/E;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACH,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QAC7B,GAAG,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAA;QAC/B,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAgD,CAAC,EACtD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAA;IAE5G,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,MAAsC,EAAE,EAAE;QACzC,cAAc,CAAC,KAAK,CAAC,CACpB;QAAC,QAA8C,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACzF,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,CAA0B,EAAE,EAAE;QAC7B,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;QACD,IAAI,CAAC,eAAe,EAAE;YACpB,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,CAA0B,EAAE,EAAE;QAC7B,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,CAAC,CAAC,CAAA;SACV;QACD,cAAc,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,MAA+B,EAAE,SAAgE,EAAE,EAAE;QACpG,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAA;QAChC,IAAI,UAAU,GAAc,MAAM,CAAC,KAAK,CAAA;QACxC,IAAI,UAAU,EAAE;YACd,UAAU,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;SAC3D;QACD,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;IAChF,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAA;IAED,MAAM,gBAAgB,GAAG,CAAC,gBAAsD,EAAkC,EAAE;QAClH,IAAI,gBAAgB,IAAI,MAAM,EAAE;YAC9B,0CAA0C;YAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;SAC7C;QACD,IAAI,gBAAgB,IAAI,MAAM,EAAE;YAC9B,OAAO,SAAS,CAAA;SACjB;QACD,OAAO,gBAAgB,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,KAAK,GAA8C;QACvD,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,uBAAuB;QAClC,eAAe,EAAE,uBAAuB;QACxC,mHAAmH;QACnH,mBAAmB,EAAE,KAAK,IAAI,OAAO,CAAC,EAAE,CAAC;QACzC,cAAc,EAAE,CAAC,CAAC,KAAK;QACvB,eAAe,EAAE,QAAQ;QACzB,KAAK;QACL,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK;QACjC,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,IAAI;QAClB,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,cAAc;QACrB,WAAW;QACX,OAAO;QACP,QAAQ,EAAE,UAAqH;QAC/H,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,QAAQ;QAChB,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;QACpD,UAAU,EAAE;YACV,iBAAiB;YACjB,cAAc;YACd,KAAK;SACN;QACD,eAAe;QACf,GAAG,IAAI;KACR,CAAA;IAED,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,IAAI,KAAK;YACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK;YACxB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK;SACvB;QACD,mEAAmE;QACnE,uHAAuH;QACvH,4GAA4G;QAC5G,MAAM,CAAC,aAAa,EACpB,SAAS,CACV;QAED,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;YAChC,oBAAC,WAAW,IACV,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,mBAAmB,EACtC,MAAM,EAAE;oBACN,GAAG,KAAK,CAAC,MAAM;oBACf,WAAW,EAAE,CAAC,IAAmB,EAAE,EAAE;;wBAAC,OAAA,CAAC;4BACrC,GAAG,IAAI;4BACP,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,WAAW;4BAC5B,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;yBACjD,CAAC,CAAA;qBAAA;iBACH,KACG,KAAK,GACT,CACE;QACN,oBAAC,KAAK,IAAC,SAAS,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,GAAI,CAChG,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { AutocompleteFieldProps } from './AutocompleteField';
|
|
3
3
|
import { FieldValidatorGeneric } from './utils/formik';
|
|
4
|
-
|
|
4
|
+
type AutocompleteFieldFormikProps = AutocompleteFieldProps & {
|
|
5
5
|
validate?: FieldValidatorGeneric<string | null>;
|
|
6
6
|
onChange?: (value: string | null) => void;
|
|
7
7
|
};
|
package/lib/Badge.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { Icon as IconType } from 'react-feather';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type BadgeType = 'neutral' | 'success' | 'info' | 'warning' | 'critical';
|
|
4
|
+
export type BadgeIconDescriptor = {
|
|
5
5
|
icon: IconType;
|
|
6
6
|
ariaLabel: string;
|
|
7
7
|
};
|
|
8
8
|
export declare const BadgeIcon: {
|
|
9
9
|
[key in BadgeType]: BadgeIconDescriptor;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
12
|
-
export
|
|
11
|
+
export type BadgeSize = 'small' | 'normal';
|
|
12
|
+
export type BadgeProps = {
|
|
13
13
|
type: BadgeType;
|
|
14
14
|
size?: BadgeSize;
|
|
15
15
|
content: ReactNode;
|
package/lib/Button.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ import React, { ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react
|
|
|
2
2
|
import { IconProps } from './Icon';
|
|
3
3
|
import { TooltipProps } from './Tooltip';
|
|
4
4
|
import { LinkRel, LinkTarget } from './Link';
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
5
|
+
export type ButtonKind = 'primary' | 'secondary' | 'danger' | 'transparent';
|
|
6
|
+
export type ButtonVariant = 'contained' | 'outlined' | 'text';
|
|
7
|
+
export type ButtonColor = 'primary' | 'secondary' | 'warning' | 'brand';
|
|
8
|
+
export type ButtonSize = 'medium' | 'small';
|
|
9
|
+
export type ButtonAccessibleIconLeftProps = {
|
|
10
10
|
iconLeft: IconProps['icon'];
|
|
11
11
|
iconLeftAriaLabel: string;
|
|
12
12
|
iconLeftColor?: IconProps['color'];
|
|
@@ -17,7 +17,7 @@ export declare type ButtonAccessibleIconLeftProps = {
|
|
|
17
17
|
iconLeftColor?: never;
|
|
18
18
|
iconLeftClassName?: never;
|
|
19
19
|
};
|
|
20
|
-
export
|
|
20
|
+
export type ButtonAccessibleIconRightProps = {
|
|
21
21
|
iconRight: IconProps['icon'];
|
|
22
22
|
iconRightAriaLabel: string;
|
|
23
23
|
iconRightColor?: IconProps['color'];
|
|
@@ -28,20 +28,20 @@ export declare type ButtonAccessibleIconRightProps = {
|
|
|
28
28
|
iconRightColor?: never;
|
|
29
29
|
iconRightClassName?: never;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
type ButtonNotDisabledProps = {
|
|
32
32
|
disabled?: never;
|
|
33
33
|
disabledTooltip?: never;
|
|
34
34
|
disabledTooltipVisible?: never;
|
|
35
35
|
disabledTooltipPlacement?: never;
|
|
36
36
|
};
|
|
37
|
-
export
|
|
37
|
+
export type ButtonDisabledProps = {
|
|
38
38
|
disabledTooltip: string;
|
|
39
39
|
disabled: boolean;
|
|
40
40
|
disabledTooltipVisible?: boolean;
|
|
41
41
|
disabledTooltipPlacement?: TooltipProps['placement'];
|
|
42
42
|
};
|
|
43
|
-
export
|
|
44
|
-
export
|
|
43
|
+
export type ButtonOutlineType = 'outline' | 'inset';
|
|
44
|
+
export type ButtonCommonProps = {
|
|
45
45
|
/**
|
|
46
46
|
* @deprecated Use variant + color instead
|
|
47
47
|
*/
|
|
@@ -55,7 +55,7 @@ export declare type ButtonCommonProps = {
|
|
|
55
55
|
outline?: ButtonOutlineType;
|
|
56
56
|
tooltip?: string;
|
|
57
57
|
} & Pick<HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'className' | 'onClick' | 'tabIndex' | 'style'>;
|
|
58
|
-
export
|
|
58
|
+
export type ButtonTypeAnchorProps = {
|
|
59
59
|
component: 'a';
|
|
60
60
|
href: string;
|
|
61
61
|
target?: LinkTarget;
|
|
@@ -63,15 +63,15 @@ export declare type ButtonTypeAnchorProps = {
|
|
|
63
63
|
type?: never;
|
|
64
64
|
loading?: never;
|
|
65
65
|
} & ButtonNotDisabledProps;
|
|
66
|
-
export
|
|
66
|
+
export type ButtonTypeButtonProps = {
|
|
67
67
|
component?: 'button';
|
|
68
68
|
href?: never;
|
|
69
69
|
target?: never;
|
|
70
70
|
rel?: never;
|
|
71
71
|
loading?: boolean;
|
|
72
72
|
} & (ButtonDisabledProps | ButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>;
|
|
73
|
-
export
|
|
74
|
-
export
|
|
73
|
+
export type ButtonTypeProps = ButtonTypeAnchorProps | ButtonTypeButtonProps;
|
|
74
|
+
export type ButtonProps<T = ButtonTypeProps> = ButtonCommonProps & ButtonAccessibleIconLeftProps & ButtonAccessibleIconRightProps & T;
|
|
75
75
|
/**
|
|
76
76
|
* ### Purpose
|
|
77
77
|
* Make it clear what users should do to continue with their main flow by using buttons to highlight the main actions they can take.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
3
3
|
import { PortalContainer } from '../utils/portal';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type CalendarSize = 'medium' | 'small';
|
|
5
|
+
export type CalendarProps = {
|
|
6
6
|
containerClassName?: string;
|
|
7
7
|
date: Date | null;
|
|
8
8
|
inputLabel: string;
|
package/lib/Calendar/Calendar.js
CHANGED
|
@@ -9,9 +9,11 @@ import styles from './Calendar.module.scss';
|
|
|
9
9
|
import { getPortalContainer } from '../utils/portal';
|
|
10
10
|
const DATE_FORMAT = 'yyyy-MM-dd';
|
|
11
11
|
const TIME_FORMAT = 'HH:mm';
|
|
12
|
-
const CalendarPopperContainer = (container, inPortal) =>
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
const CalendarPopperContainer = (container, inPortal) =>
|
|
13
|
+
// eslint-disable-next-line react/display-name
|
|
14
|
+
({ children }) => {
|
|
15
|
+
const content = // eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
16
|
+
(React.createElement("div", { className: styles.popper },
|
|
15
17
|
React.createElement("div", { "data-test": "date-picker-popper-container", className: "hz-date-picker-popper-container" }, children)));
|
|
16
18
|
if (inPortal) {
|
|
17
19
|
return content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,UAAoC,MAAM,kBAAkB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAmB,MAAM,iBAAiB,CAAA;AAErE,MAAM,WAAW,GAAG,YAAY,CAAA;AAChC,MAAM,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,uBAAuB,GAC3B,CAAC,SAA6B,EAAE,QAAiB,EAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,UAAoC,MAAM,kBAAkB,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAmB,MAAM,iBAAiB,CAAA;AAErE,MAAM,WAAW,GAAG,YAAY,CAAA;AAChC,MAAM,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,uBAAuB,GAC3B,CAAC,SAA6B,EAAE,QAAiB,EAAM,EAAE;AACzD,8CAA8C;AAC9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACf,MAAM,OAAO,GAAG,mEAAmE;KACjF,CACE,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;QAC3B,0CAAe,8BAA8B,EAAC,SAAS,EAAC,iCAAiC,IACtF,QAAQ,CACL,CACF,CACP,CAAA;IAEH,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAA;KACf;IAED,OAAO,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACxE,CAAC,CAAA;AAgBH,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EAClB,IAAI,EACJ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,MAAM,EAClB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,WAAW,EACxB,UAAU,GAAG,WAAW,EACxB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE9H,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,SAAS,EAChB;YACE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,aAAa;SAC7B,EACD,kBAAkB,CACnB;QAED,oBAAC,UAAU,OACL,KAAK,EACT,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EACzD,SAAS,EAAE,SAAS;YACpB;;;eAGG;YACH,WAAW,EAAE,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,GAAI,EACjG,eAAe,EAAE,oBAAC,YAAY,OAAG,EACjC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,UAAU,EACtE,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,eAAe;YAChC;;;;eAIG;YACH,kBAAkB,EAAE,cAAc,EAClC,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,aAAa,GAC5B,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { CalendarProps } from './Calendar';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type CalendarRangeVariant = 'horizontal' | 'vertical';
|
|
4
|
+
export type CalendarRangeProps = {
|
|
5
5
|
startDate: CalendarProps['date'];
|
|
6
6
|
startInputLabel?: string;
|
|
7
7
|
startOpen?: boolean;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
3
|
-
|
|
4
|
-
export
|
|
3
|
+
type ExtractFnArgumentType<T> = T extends (arg: infer U) => any ? U : never;
|
|
4
|
+
export type CalendarHeaderProps = ExtractFnArgumentType<ReactDatePickerProps['renderCustomHeader']>;
|
|
5
5
|
export declare const CalendarHeader: FC<CalendarHeaderProps>;
|
|
6
6
|
export {};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React, { FC, ChangeEvent, InputHTMLAttributes } from 'react';
|
|
2
2
|
import { CalendarSize } from '../Calendar';
|
|
3
|
-
export
|
|
3
|
+
export type CalendarInputInternalProps = {
|
|
4
4
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
5
5
|
} & CalendarInputExtraProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>;
|
|
6
6
|
export declare const CalendarInputInternal: React.ForwardRefExoticComponent<{
|
|
7
7
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
8
8
|
} & CalendarInputExtraProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export
|
|
9
|
+
export type CalendarInputExtraProps = {
|
|
10
10
|
label: string;
|
|
11
11
|
textFieldSize?: CalendarSize;
|
|
12
12
|
className?: string;
|
|
13
13
|
};
|
|
14
|
-
export
|
|
14
|
+
export type CalendarInputProps = unknown & CalendarInputExtraProps;
|
|
15
15
|
export declare const CalendarInput: FC<CalendarInputProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type CalendarTimeInternalProps = {
|
|
3
3
|
date: Date;
|
|
4
4
|
onChange: (timeString: string) => void;
|
|
5
5
|
value: string;
|
|
6
6
|
};
|
|
7
7
|
export declare const CalendarTimeInternal: FC<CalendarTimeInternalProps>;
|
|
8
|
-
export
|
|
8
|
+
export type CalendarTimeProps = unknown;
|
|
9
9
|
export declare const CalendarTime: FC<CalendarTimeProps>;
|
package/lib/Card.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { DataTestProp } from '@hazelcast/helpers';
|
|
3
3
|
import { IconProps } from './Icon';
|
|
4
|
-
export
|
|
4
|
+
export type CardProps = {
|
|
5
5
|
headingIcon?: IconProps['icon'];
|
|
6
6
|
caption?: ReactNode;
|
|
7
7
|
title?: string;
|
package/lib/Carousel.d.ts
CHANGED
package/lib/Checkbox.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChangeEvent, FC, FocusEvent, ReactElement, ReactText, MouseEvent } from 'react';
|
|
2
2
|
import { DataTestProp } from '@hazelcast/helpers';
|
|
3
3
|
import { HelpProps } from './Help';
|
|
4
|
-
|
|
4
|
+
type CheckboxCoreProps = {
|
|
5
5
|
name: string;
|
|
6
6
|
value?: string;
|
|
7
7
|
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
@@ -10,7 +10,7 @@ declare type CheckboxCoreProps = {
|
|
|
10
10
|
error?: string;
|
|
11
11
|
checked?: boolean;
|
|
12
12
|
};
|
|
13
|
-
export
|
|
13
|
+
export type CheckboxExtraProps = {
|
|
14
14
|
label?: ReactElement | ReactText;
|
|
15
15
|
helperText?: HelpProps['helperText'];
|
|
16
16
|
indeterminate?: boolean;
|
|
@@ -18,8 +18,9 @@ export declare type CheckboxExtraProps = {
|
|
|
18
18
|
required?: boolean;
|
|
19
19
|
className?: string;
|
|
20
20
|
classNameLabel?: string;
|
|
21
|
+
classNameCheckmark?: string;
|
|
21
22
|
};
|
|
22
|
-
|
|
23
|
+
type CheckboxProps = CheckboxCoreProps & CheckboxExtraProps & DataTestProp;
|
|
23
24
|
/**
|
|
24
25
|
* ### Purpose
|
|
25
26
|
* Forms require input from users. If you need information that can be represented as boolean, use input with type 'checkbox'.
|
package/lib/Checkbox.js
CHANGED
|
@@ -17,7 +17,7 @@ import { TruncatedText } from './TruncatedText';
|
|
|
17
17
|
* - They can have a special indeterminate state, that represents a '3rd' value, usually used in tree structures, etc.
|
|
18
18
|
*/
|
|
19
19
|
export const Checkbox = (props) => {
|
|
20
|
-
const { checked, name, onChange, onBlur, className, classNameLabel, value, indeterminate = false, label, helperText, error, disabled = false, required, 'data-test': dataTest, onClick, } = props;
|
|
20
|
+
const { checked, name, onChange, onBlur, className, classNameLabel, classNameCheckmark, value, indeterminate = false, label, helperText, error, disabled = false, required, 'data-test': dataTest, onClick, } = props;
|
|
21
21
|
const inputRef = useRef(null);
|
|
22
22
|
const id = useUID();
|
|
23
23
|
let ariaChecked = checked ? 'true' : 'false';
|
|
@@ -33,7 +33,7 @@ export const Checkbox = (props) => {
|
|
|
33
33
|
label !== undefined && (React.createElement("div", { className: styles.name, "data-test": "input-checkbox-label" },
|
|
34
34
|
React.createElement(TruncatedText, { text: label }))),
|
|
35
35
|
React.createElement("input", { type: "checkbox", ref: inputRef, id: id, name: name, checked: !!checked, onChange: onChange, onBlur: onBlur, onClick: onClick, value: value, disabled: disabled, "aria-checked": ariaChecked, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id) }),
|
|
36
|
-
indeterminate ? React.createElement(Minus, { className: styles.checkmark }) : React.createElement(Check, { className: styles.checkmark }),
|
|
36
|
+
indeterminate ? (React.createElement(Minus, { className: classNames(styles.checkmark, classNameCheckmark) })) : (React.createElement(Check, { className: classNames(styles.checkmark, classNameCheckmark) })),
|
|
37
37
|
helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })),
|
|
38
38
|
React.createElement(Error, { truncated: true, error: error, className: styles.errorContainer, inputId: id })));
|
|
39
39
|
};
|
package/lib/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwE,MAAM,EAAc,MAAM,OAAO,CAAA;AACvH,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,IAAI,EAAa,aAAa,EAAE,MAAM,QAAQ,CAAA;AAEvD,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/lib/CheckboxFormik.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
|
|
|
2
2
|
import { CheckboxExtraProps } from './Checkbox';
|
|
3
3
|
import { FieldValidatorGeneric } from './utils/formik';
|
|
4
4
|
import { ExtractKeysOfValueType } from './utils/types';
|
|
5
|
-
export
|
|
5
|
+
export type CheckboxFieldFormikProps<V extends object> = CheckboxExtraProps & {
|
|
6
6
|
name: ExtractKeysOfValueType<V, boolean>;
|
|
7
7
|
validate?: FieldValidatorGeneric<boolean>;
|
|
8
8
|
onChange?: (value: boolean) => void;
|
|
@@ -2,7 +2,7 @@ import { FC } from 'react';
|
|
|
2
2
|
export declare const size = 132;
|
|
3
3
|
export declare const outerStrokeWidth = 6;
|
|
4
4
|
export declare const innerStrokeWidth = 4;
|
|
5
|
-
|
|
5
|
+
type CircularProgressBarProps = {
|
|
6
6
|
progress: number;
|
|
7
7
|
text: string;
|
|
8
8
|
rotate?: number;
|
package/lib/Dialog.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { ModalProps, ModalActionProps } from './Modal';
|
|
3
3
|
export declare const DIALOG_AFFIRMATION_DEFAULT = "Are you sure you wish to proceed?";
|
|
4
|
-
|
|
4
|
+
type DialogActionProps = {
|
|
5
5
|
actionOnConfirm: ModalActionProps['onClick'];
|
|
6
6
|
actionChildren: ModalActionProps['children'];
|
|
7
7
|
actionDangerous?: boolean;
|
|
@@ -14,7 +14,7 @@ declare type DialogActionProps = {
|
|
|
14
14
|
actionOnConfirm?: never;
|
|
15
15
|
actionChildren?: never;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type DialogProps = {
|
|
18
18
|
modalClassName?: string;
|
|
19
19
|
affirmation?: string;
|
|
20
20
|
consequences: ReactNode;
|
package/lib/EmptyState.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ import { FC, ReactChild } from 'react';
|
|
|
2
2
|
import { ButtonTypeAnchorProps, ButtonProps } from './Button';
|
|
3
3
|
import { IconProps } from './Icon';
|
|
4
4
|
import { DataTestProp } from '@hazelcast/helpers';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
type EmptyStateSize = 'normal' | 'large';
|
|
6
|
+
type EmptyStateActionButton = {
|
|
7
7
|
direction?: 'vertical';
|
|
8
8
|
actionOnClick: ButtonProps['onClick'];
|
|
9
9
|
actionHref?: never;
|
|
@@ -11,7 +11,7 @@ declare type EmptyStateActionButton = {
|
|
|
11
11
|
actionRel?: never;
|
|
12
12
|
size?: EmptyStateSize;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
type EmptyStateActionLink = {
|
|
15
15
|
direction: 'horizontal';
|
|
16
16
|
actionHref: ButtonTypeAnchorProps['href'];
|
|
17
17
|
actionTarget?: ButtonTypeAnchorProps['target'];
|
|
@@ -19,7 +19,7 @@ declare type EmptyStateActionLink = {
|
|
|
19
19
|
actionOnClick?: never;
|
|
20
20
|
size?: never;
|
|
21
21
|
};
|
|
22
|
-
|
|
22
|
+
type EmptyStateAction = ({
|
|
23
23
|
action: string;
|
|
24
24
|
} & (EmptyStateActionButton | EmptyStateActionLink)) | {
|
|
25
25
|
action?: never;
|
|
@@ -30,7 +30,7 @@ declare type EmptyStateAction = ({
|
|
|
30
30
|
actionRel?: never;
|
|
31
31
|
size?: EmptyStateSize;
|
|
32
32
|
};
|
|
33
|
-
export
|
|
33
|
+
export type EmptyStateProps = {
|
|
34
34
|
title: ReactChild;
|
|
35
35
|
description?: ReactChild;
|
|
36
36
|
icon: IconProps['icon'];
|
package/lib/FieldHeader.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { HelpProps } from './Help';
|
|
3
3
|
import { DataTestProp } from '@hazelcast/helpers';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type FieldHeaderSize = 'small' | 'medium';
|
|
5
|
+
export type FieldHeaderLabelProps = {
|
|
6
6
|
label: string;
|
|
7
7
|
labelClassName?: string;
|
|
8
8
|
helperText?: HelpProps['helperText'];
|
|
9
9
|
helperTextTooltipWordBreak?: CSSProperties['wordBreak'];
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type FieldHeaderNoLabelProps = {
|
|
12
12
|
label: never;
|
|
13
13
|
labelClassName: never;
|
|
14
14
|
helperText: never;
|
|
15
15
|
helperTextTooltipWordBreak: never;
|
|
16
16
|
};
|
|
17
|
-
export
|
|
17
|
+
export type FieldHeaderProps = {
|
|
18
18
|
size?: FieldHeaderSize;
|
|
19
19
|
id: string;
|
|
20
20
|
showAriaLabel?: boolean;
|
package/lib/Icon.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, SVGAttributes } from 'react';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
2
|
+
export type IconSize = 'small' | 'smallMedium' | 'medium' | 'large' | 'xlarge';
|
|
3
|
+
export type IconAriaProps = {
|
|
4
4
|
ariaLabel: string;
|
|
5
5
|
ariaLabelledBy?: never;
|
|
6
6
|
ariaHidden?: never;
|
|
@@ -13,11 +13,11 @@ export declare type IconAriaProps = {
|
|
|
13
13
|
ariaLabelledBy?: never;
|
|
14
14
|
ariaHidden?: boolean;
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export type IconType = FC<SVGAttributes<SVGElement> & {
|
|
17
17
|
color?: string;
|
|
18
18
|
size?: string | number;
|
|
19
19
|
}>;
|
|
20
|
-
export
|
|
20
|
+
export type IconProps = {
|
|
21
21
|
color?: string;
|
|
22
22
|
icon: IconType;
|
|
23
23
|
size?: IconSize;
|
package/lib/Icon.js
CHANGED
|
@@ -5,7 +5,7 @@ import styles from './Icon.module.scss';
|
|
|
5
5
|
export const Icon = forwardRef(({ color, icon: IconElement, ariaLabel, ariaLabelledBy, ariaHidden, className, containerClassName, size = 'medium', bold = false }, ref) => {
|
|
6
6
|
const iconStroke = bold ? styleConsts.iconStrokeWidthBold : styleConsts.iconStrokeWidth;
|
|
7
7
|
const props = {
|
|
8
|
-
'aria-label': ariaLabel,
|
|
8
|
+
'aria-label': ariaLabel || 'icon',
|
|
9
9
|
'aria-labelledby': ariaLabelledBy,
|
|
10
10
|
'aria-hidden': ariaHidden,
|
|
11
11
|
color,
|
package/lib/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAsCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EACjI,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAsCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EACjI,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS,IAAI,MAAM;QACjC,iBAAiB,EAAE,cAAc;QACjC,aAAa,EAAE,UAAU;QACzB,KAAK;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CACX;YACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;YAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;SACnC,EACD,SAAS,CACV;QACD,WAAW,EAAE,UAAU;KACxB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,GAAG,EAAE,GAAG;QACpE,oBAAC,WAAW,IAAC,IAAI,EAAC,KAAK,KAAK,KAAK,GAAI,CACjC,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
package/lib/IconButton.d.ts
CHANGED
|
@@ -4,8 +4,8 @@ import { IconProps, IconAriaProps } from './Icon';
|
|
|
4
4
|
import { TooltipProps } from './Tooltip';
|
|
5
5
|
import { LinkRel, LinkTarget } from './Link';
|
|
6
6
|
import { DataTestProp } from '../../helpers';
|
|
7
|
-
export
|
|
8
|
-
|
|
7
|
+
export type IconButtonKind = 'primary' | 'transparent';
|
|
8
|
+
type IconButtonCommonProps = {
|
|
9
9
|
icon: FeatherIcon;
|
|
10
10
|
iconClassName?: string;
|
|
11
11
|
iconColor?: string;
|
|
@@ -16,19 +16,19 @@ declare type IconButtonCommonProps = {
|
|
|
16
16
|
tooltipVisible?: boolean;
|
|
17
17
|
tooltipPlacement?: TooltipProps['placement'];
|
|
18
18
|
} & DataTestProp & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
|
|
19
|
-
export
|
|
19
|
+
export type IconButtonNotDisabledProps = {
|
|
20
20
|
disabledTooltip?: never;
|
|
21
21
|
disabled?: never;
|
|
22
22
|
disabledTooltipPlacement?: never;
|
|
23
23
|
disabledTooltipVisible?: never;
|
|
24
24
|
};
|
|
25
|
-
export
|
|
25
|
+
export type IconButtonDisabledProps = {
|
|
26
26
|
disabledTooltip: string;
|
|
27
27
|
disabled: boolean;
|
|
28
28
|
disabledTooltipPlacement?: TooltipProps['placement'];
|
|
29
29
|
disabledTooltipVisible?: boolean;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
type IconButtonComponentProps = ({
|
|
32
32
|
component: 'a';
|
|
33
33
|
href: string;
|
|
34
34
|
target?: LinkTarget;
|
|
@@ -42,6 +42,6 @@ declare type IconButtonComponentProps = ({
|
|
|
42
42
|
rel?: never;
|
|
43
43
|
loading?: boolean;
|
|
44
44
|
} & (IconButtonDisabledProps | IconButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>);
|
|
45
|
-
export
|
|
45
|
+
export type IconButtonProps = IconButtonCommonProps & IconButtonComponentProps;
|
|
46
46
|
export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>>;
|
|
47
47
|
export {};
|
package/lib/InteractiveList.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ import React, { FocusEvent } from 'react';
|
|
|
2
2
|
import { TextFieldExtraProps } from './TextField';
|
|
3
3
|
import { ExtractKeysOfValueType } from './utils/types';
|
|
4
4
|
import { FieldHeaderProps } from './FieldHeader';
|
|
5
|
-
export
|
|
5
|
+
export type InteractiveListExtraProps = {
|
|
6
6
|
children?: React.ReactNode | React.ReactNode[];
|
|
7
7
|
} & Pick<TextFieldExtraProps<'text'>, 'inputIcon' | 'type' | 'placeholder'> & Omit<FieldHeaderProps, 'id'>;
|
|
8
|
-
export
|
|
8
|
+
export type InteractiveListCoreProps<V> = {
|
|
9
9
|
name: ExtractKeysOfValueType<V, string[]>;
|
|
10
10
|
value: string[];
|
|
11
11
|
onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
|
|
@@ -15,11 +15,11 @@ export declare type InteractiveListCoreProps<V> = {
|
|
|
15
15
|
onAddItem: () => Promise<string | undefined>;
|
|
16
16
|
onRemoveItem: (idx: number) => boolean;
|
|
17
17
|
} & InteractiveListExtraProps;
|
|
18
|
-
export
|
|
19
|
-
export
|
|
18
|
+
export type InteractiveListProps<V> = InteractiveListExtraProps & InteractiveListCoreProps<V>;
|
|
19
|
+
export type InteractiveListInputRef = {
|
|
20
20
|
setValue: (value: string) => void;
|
|
21
21
|
};
|
|
22
|
-
export
|
|
22
|
+
export type InteractiveListItemProps = {
|
|
23
23
|
content: string;
|
|
24
24
|
error?: string;
|
|
25
25
|
idx: number;
|
package/lib/InteractiveList.js
CHANGED
|
@@ -32,13 +32,15 @@ export const InteractiveList = ({ label, children, error, name, value, helperTex
|
|
|
32
32
|
React.createElement("div", { className: styles.inputRow },
|
|
33
33
|
React.createElement(TextField, { id: id, type: type, helperText: helperText, inputIcon: inputIcon, error: typeof error === 'string' ? error : undefined, label: label, name: name, value: inputValue, onChange: ({ target: { value } }) => {
|
|
34
34
|
setInputValue(value);
|
|
35
|
-
},
|
|
35
|
+
},
|
|
36
|
+
/* eslint-disable-next-line @typescript-eslint/no-misused-promises */
|
|
37
|
+
onKeyPress: async (e) => {
|
|
36
38
|
if (e.key === 'Enter') {
|
|
37
39
|
e.preventDefault();
|
|
38
40
|
await onAddItem();
|
|
39
41
|
}
|
|
40
42
|
} }),
|
|
41
|
-
React.createElement(IconButton, { "data-test": "interactive-list-add-button", kind: "transparent", ariaLabel: "Add Icon", icon: Plus, className: styles.addIcon, size: "medium", onClick: onAddItem })),
|
|
43
|
+
React.createElement(IconButton, { "data-test": "interactive-list-add-button", kind: "transparent", ariaLabel: "Add Icon", icon: Plus, className: styles.addIcon, size: "medium", onClick: () => void onAddItem() })),
|
|
42
44
|
children,
|
|
43
45
|
React.createElement("ul", { className: styles.list }, value.map((str, idx) => (React.createElement("li", { key: str },
|
|
44
46
|
React.createElement(InteractiveListItem, { onRemoveItem: onRemoveItem, idx: idx, content: str, error: typeof error === 'object' && error[idx] ? error[idx] : undefined })))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../src/InteractiveList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AA+BxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAA4B,EAAE,EAAE;IACrG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,UAAU,GAAG,KAAK;QACtB,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,mBAAmB,EAAE,OAAO,CAAC,EAAE,CAAC;SACjC;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,8BAAM,EAAE,EAAE,EAAE,KAAM,UAAU,IACzB,OAAO,CACH;YAAC,GAAG;YACX,oBAAC,UAAU,IACT,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,aAAa,EACvB,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,GAAG,CAAC,CAAA;gBACnB,CAAC,GACD,CACE;QACL,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAI,CAC7C,CACJ,CAAA;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAK,EAClC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,IAAI,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnB,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC7B,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;oBAClC,aAAa,CAAC,KAAK,CAAC,CAAA;gBACtB,CAAC,
|
|
1
|
+
{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../src/InteractiveList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AA+BxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAA4B,EAAE,EAAE;IACrG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,UAAU,GAAG,KAAK;QACtB,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,mBAAmB,EAAE,OAAO,CAAC,EAAE,CAAC;SACjC;QACH,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO;YAC5B,8BAAM,EAAE,EAAE,EAAE,KAAM,UAAU,IACzB,OAAO,CACH;YAAC,GAAG;YACX,oBAAC,UAAU,IACT,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,aAAa,EACvB,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;oBACZ,YAAY,CAAC,GAAG,CAAC,CAAA;gBACnB,CAAC,GACD,CACE;QACL,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAI,CAC7C,CACJ,CAAA;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAK,EAClC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,IAAI,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnB,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC7B,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;oBAClC,aAAa,CAAC,KAAK,CAAC,CAAA;gBACtB,CAAC;gBACD,qEAAqE;gBACrE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;oBACtB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;wBACrB,CAAC,CAAC,cAAc,EAAE,CAAA;wBAClB,MAAM,SAAS,EAAE,CAAA;qBAClB;gBACH,CAAC,GACD;YACF,oBAAC,UAAU,iBACC,6BAA6B,EACvC,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,EAAE,GAC/B,CACE;QACL,QAAQ;QACT,4BAAI,SAAS,EAAE,MAAM,CAAC,IAAI,IACvB,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACvB,4BAAI,GAAG,EAAE,GAAG;YACV,oBAAC,mBAAmB,IAClB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EACZ,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,GACvE,CACC,CACN,CAAC,CACC,CACJ,CACJ,CAAA;AACH,CAAC,CAAA"}
|