@hazelcast/ui 1.3.2-next.6 → 1.3.2-next.60

package/lib/ContextMenu.js

@@ -0,0 +1,58 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import cls from 'classnames';
+import useIsomorphicLayoutEffect from 'react-use/lib/useIsomorphicLayoutEffect';
+import { useRefValue } from './hooks';
+import styles from './ContextMenu.module.scss';
+export const ContextMenu = ({ anchorElement, offset, items }) => {
+    const rootEl = useRef(null);
+    const [coords, setCoords] = useState(null);
+    const getOffset = useRefValue(offset);
+    const handleContextMenuOpen = useCallback((e) => {
+        var _a, _b, _c, _d, _e, _f;
+        e.preventDefault();
+        const currentOffset = getOffset();
+        const width = (_b = (_a = rootEl.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
+        const height = (_d = (_c = rootEl.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0;
+        let left = e.pageX + ((_e = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.left) !== null && _e !== void 0 ? _e : 0);
+        let top = e.pageY + ((_f = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.top) !== null && _f !== void 0 ? _f : 0);
+        if (left + width > window.scrollX + document.documentElement.clientWidth) {
+            left = window.scrollX + document.documentElement.clientWidth - width;
+        }
+        if (top + height > window.scrollY + document.documentElement.clientHeight) {
+            top = window.scrollY + document.documentElement.clientHeight - height;
+        }
+        setCoords({ top, left });
+    }, [setCoords, getOffset]);
+    const handleContextMenuClose = useCallback(() => {
+        setCoords(null);
+    }, [setCoords]);
+    useIsomorphicLayoutEffect(() => {
+        if (anchorElement) {
+            anchorElement.addEventListener('contextmenu', handleContextMenuOpen, false);
+        }
+        return () => {
+            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.removeEventListener('contextmenu', handleContextMenuOpen);
+        };
+    }, [handleContextMenuOpen, anchorElement]);
+    useIsomorphicLayoutEffect(() => {
+        if (coords) {
+            document.body.addEventListener('click', handleContextMenuClose, false);
+        }
+        return () => {
+            document.body.removeEventListener('click', handleContextMenuClose);
+        };
+    }, [coords, handleContextMenuClose]);
+    useIsomorphicLayoutEffect(() => {
+        if (coords) {
+            window.addEventListener('resize', handleContextMenuClose);
+            window.addEventListener('orientationchange', handleContextMenuClose);
+        }
+        return () => {
+            window.removeEventListener('resize', handleContextMenuClose);
+            window.removeEventListener('orientationchange', handleContextMenuClose);
+        };
+    }, [coords, handleContextMenuClose]);
+    return createPortal(React.createElement("div", { ref: rootEl, style: coords || undefined, className: cls(styles.root, { [styles.hidden]: !coords }) }, items.map(({ onClick, content, className }, index) => (React.createElement("button", { key: index, className: cls(styles.item, className), onClick: onClick }, content)))), document.body);
+};
+//# sourceMappingURL=ContextMenu.js.map

package/lib/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../src/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/lib/ContextMenu.module.scss

@@ -0,0 +1,37 @@
+@use '../styles/constants' as c;
+@use '../styles/helpers' as h;
+
+.root {
+  position: absolute;
+  padding: c.$grid 0;
+  background: c.$colorNeutralWhite;
+  border-radius: c.$borderRadius;
+  border: c.$borderWidth solid c.$colorNeutral;
+  z-index: c.$zIndex2000;
+  display: flex;
+  flex-direction: column;
+}
+
+.item {
+  flex-grow: 1;
+  flex-shrink: 0;
+  background: none;
+  padding: c.$grid c.$grid * 4;
+  margin: 0;
+  cursor: pointer;
+  border: none;
+  text-align: left;
+
+  &:focus {
+    @include h.outlineSimple;
+  }
+
+  &:hover {
+    background: c.$colorNeutral;
+  }
+}
+
+.hidden {
+  top: -9999999999px;
+  left: -999999999px;
+}

package/lib/Dialog.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { ModalProps, ModalActionProps } from './Modal';
 export declare const DIALOG_AFFIRMATION_DEFAULT = "Are you sure you wish to proceed?";
-declare type DialogActionProps = {
+type DialogActionProps = {
     actionOnConfirm: ModalActionProps['onClick'];
     actionChildren: ModalActionProps['children'];
     actionDangerous?: boolean;
@@ -14,7 +14,7 @@ declare type DialogActionProps = {
     actionOnConfirm?: never;
     actionChildren?: never;
 };
-export declare type DialogProps = {
+export type DialogProps = {
     modalClassName?: string;
     affirmation?: string;
     consequences: ReactNode;

package/lib/EmptyState.d.ts

@@ -2,8 +2,8 @@ import { FC, ReactChild } from 'react';
 import { ButtonTypeAnchorProps, ButtonProps } from './Button';
 import { IconProps } from './Icon';
 import { DataTestProp } from '@hazelcast/helpers';
-declare type EmptyStateSize = 'normal' | 'large';
-declare type EmptyStateActionButton = {
+type EmptyStateSize = 'normal' | 'large';
+type EmptyStateActionButton = {
     direction?: 'vertical';
     actionOnClick: ButtonProps['onClick'];
     actionHref?: never;
@@ -11,7 +11,7 @@ declare type EmptyStateActionButton = {
     actionRel?: never;
     size?: EmptyStateSize;
 };
-declare type EmptyStateActionLink = {
+type EmptyStateActionLink = {
     direction: 'horizontal';
     actionHref: ButtonTypeAnchorProps['href'];
     actionTarget?: ButtonTypeAnchorProps['target'];
@@ -19,7 +19,7 @@ declare type EmptyStateActionLink = {
     actionOnClick?: never;
     size?: never;
 };
-declare type EmptyStateAction = ({
+type EmptyStateAction = ({
     action: string;
 } & (EmptyStateActionButton | EmptyStateActionLink)) | {
     action?: never;
@@ -30,7 +30,7 @@ declare type EmptyStateAction = ({
     actionRel?: never;
     size?: EmptyStateSize;
 };
-export declare type EmptyStateProps = {
+export type EmptyStateProps = {
     title: ReactChild;
     description?: ReactChild;
     icon: IconProps['icon'];

package/lib/FieldHeader.d.ts

@@ -1,18 +1,20 @@
-/// <reference types="react" />
+import { CSSProperties } from 'react';
 import { HelpProps } from './Help';
 import { DataTestProp } from '@hazelcast/helpers';
-export declare type FieldHeaderSize = 'small' | 'medium';
-export declare type FieldHeaderLabelProps = {
-    label: string;
+export type FieldHeaderSize = 'small' | 'medium';
+export type FieldHeaderLabelProps = {
+    label?: string;
     labelClassName?: string;
     helperText?: HelpProps['helperText'];
+    helperTextTooltipWordBreak?: CSSProperties['wordBreak'];
 };
-export declare type FieldHeaderNoLabelProps = {
+export type FieldHeaderNoLabelProps = {
     label: never;
     labelClassName: never;
     helperText: never;
+    helperTextTooltipWordBreak: never;
 };
-export declare type FieldHeaderProps = {
+export type FieldHeaderProps = {
     size?: FieldHeaderSize;
     id: string;
     showAriaLabel?: boolean;

package/lib/FieldHeader.js

@@ -4,12 +4,12 @@ import { Label } from './Label';
 import { Help } from './Help';
 import styles from './FieldHeader.module.scss';
 export const FieldHeader = (props) => {
-    const { label, id, helperText, size = 'medium', labelClassName, 'data-test': dataTest, showAriaLabel } = props;
+    const { label, id, helperText, size = 'medium', labelClassName, 'data-test': dataTest, showAriaLabel, helperTextTooltipWordBreak } = props;
     if (showAriaLabel) {
         return null;
     }
     return label ? (React.createElement("div", { className: styles.root },
         React.createElement(Label, { id: id, label: label, "data-test": dataTest ? `${dataTest}-label` : undefined, className: cn(styles.label, { [styles.small]: size === 'small' }, labelClassName) }),
-        helperText && (React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText, "data-test": dataTest ? `${dataTest}-helperText` : undefined })))) : null;
+        helperText && (React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText, tooltipWordBreak: helperTextTooltipWordBreak, "data-test": dataTest ? `${dataTest}-helperText` : undefined })))) : null;
 };
 //# sourceMappingURL=FieldHeader.js.map

package/lib/FieldHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldHeader.js","sourceRoot":"","sources":["../src/FieldHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAGxC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAE9G,IAAI,aAAa,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,eACD,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,cAAc,CAAC,GACjF;QACD,UAAU,IAAI,CACb,oBAAC,IAAI,IACH,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,CAAC,UAAU,eACjB,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,aAAa,CAAC,CAAC,CAAC,SAAS,GAC1D,CACH,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}
+{"version":3,"file":"FieldHeader.js","sourceRoot":"","sources":["../src/FieldHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAGxC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAsB9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,GAAG,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,0BAA0B,EAAE,GAAG,KAAK,CAAA;IAE1I,IAAI,aAAa,EAAE;QACjB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,eACD,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrD,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,cAAc,CAAC,GACjF;QACD,UAAU,IAAI,CACb,oBAAC,IAAI,IACH,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,gBAAgB,EAAE,0BAA0B,eACjC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,aAAa,CAAC,CAAC,CAAC,SAAS,GAC1D,CACH,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/lib/Help.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement } from 'react';
+import { CSSProperties, FC, ReactElement } from 'react';
 import { IconSize } from './Icon';
 import { TooltipProps } from './Tooltip';
 export declare const helpTooltipId: (inputId: string) => string;
@@ -9,5 +9,6 @@ export interface HelpProps {
     className?: string;
     popperRef?: TooltipProps['popperRef'];
     size?: IconSize;
+    tooltipWordBreak?: CSSProperties['wordBreak'];
 }
 export declare const Help: FC<HelpProps>;

package/lib/Help.js

@@ -6,9 +6,9 @@ import { Tooltip } from './Tooltip';
 import styleConsts from '../styles/constants/export.module.scss';
 import styles from './Help.module.scss';
 export const helpTooltipId = (inputId) => `${inputId}-help`;
-export const Help = ({ helperText, placement = 'top', parentId, className, popperRef, size = 'small' }) => {
+export const Help = ({ helperText, placement = 'top', parentId, className, tooltipWordBreak, popperRef, size = 'small', }) => {
     const tooltipId = helpTooltipId(parentId);
-    return (React.createElement(Tooltip, { placement: placement, content: helperText, id: tooltipId, popperRef: popperRef }, (ref) => (React.createElement("div", { ref: ref, className: cn(styles.container, className) },
+    return (React.createElement(Tooltip, { placement: placement, content: helperText, id: tooltipId, popperRef: popperRef, wordBreak: tooltipWordBreak }, (ref) => (React.createElement("div", { ref: ref, className: cn(styles.container, className) },
         React.createElement(Icon, { ariaLabel: "Help", "aria-describedby": tooltipId, color: styleConsts.colorPrimary, icon: HelpCircle, className: styles.icon, size: size })))));
 };
 //# sourceMappingURL=Help.js.map

package/lib/Help.js.map

@@ -1 +1 @@
-{"version":3,"file":"Help.js","sourceRoot":"","sources":["../src/Help.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,OAAO,CAAA;AAW3E,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,UAAU,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,EAAE,EAAE,EAAE;IACvH,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;IAEzC,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,IACpF,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QACvD,oBAAC,IAAI,IACH,SAAS,EAAC,MAAM,sBACE,SAAS,EAC3B,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Help.js","sourceRoot":"","sources":["../src/Help.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AAEjD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,OAAO,CAAA;AAY3E,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,IAAI,GAAG,OAAO,GACf,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;IAEzC,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,IACjH,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;QACvD,oBAAC,IAAI,IACH,SAAS,EAAC,MAAM,sBACE,SAAS,EAC3B,KAAK,EAAE,WAAW,CAAC,YAAY,EAC/B,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,IAAI,GACV,CACE,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/Icon.d.ts

@@ -1,7 +1,7 @@
 import React, { FC, SVGAttributes } from 'react';
-export declare type IconSize = 'small' | 'smallMedium' | 'medium' | 'large' | 'xlarge';
-export declare type IconAriaProps = {
-    ariaLabel: string;
+export type IconSize = 'small' | 'smallMedium' | 'medium' | 'large' | 'xlarge';
+export type IconAriaProps = {
+    ariaLabel: string | undefined;
     ariaLabelledBy?: never;
     ariaHidden?: never;
 } | {
@@ -13,11 +13,11 @@ export declare type IconAriaProps = {
     ariaLabelledBy?: never;
     ariaHidden?: boolean;
 };
-export declare type IconType = FC<SVGAttributes<SVGElement> & {
+export type IconType = FC<SVGAttributes<SVGElement> & {
     color?: string;
     size?: string | number;
 }>;
-export declare type IconProps = {
+export type IconProps = {
     color?: string;
     icon: IconType;
     size?: IconSize;

package/lib/Icon.js

@@ -5,7 +5,7 @@ import styles from './Icon.module.scss';
 export const Icon = forwardRef(({ color, icon: IconElement, ariaLabel, ariaLabelledBy, ariaHidden, className, containerClassName, size = 'medium', bold = false }, ref) => {
     const iconStroke = bold ? styleConsts.iconStrokeWidthBold : styleConsts.iconStrokeWidth;
     const props = {
-        'aria-label': ariaLabel,
+        'aria-label': ariaLabel || 'icon',
         'aria-labelledby': ariaLabelledBy,
         'aria-hidden': ariaHidden,
         color,

package/lib/Icon.js.map

@@ -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;QACvB,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"}
+{"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

@@ -4,8 +4,8 @@ import { IconProps, IconAriaProps } from './Icon';
 import { TooltipProps } from './Tooltip';
 import { LinkRel, LinkTarget } from './Link';
 import { DataTestProp } from '../../helpers';
-export declare type IconButtonKind = 'primary' | 'transparent';
-declare type IconButtonCommonProps = {
+export type IconButtonKind = 'primary' | 'transparent';
+type IconButtonCommonProps = {
     icon: FeatherIcon;
     iconClassName?: string;
     iconColor?: string;
@@ -16,19 +16,19 @@ declare type IconButtonCommonProps = {
     tooltipVisible?: boolean;
     tooltipPlacement?: TooltipProps['placement'];
 } & DataTestProp & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
-export declare type IconButtonNotDisabledProps = {
+export type IconButtonNotDisabledProps = {
     disabledTooltip?: never;
     disabled?: never;
     disabledTooltipPlacement?: never;
     disabledTooltipVisible?: never;
 };
-export declare type IconButtonDisabledProps = {
+export type IconButtonDisabledProps = {
     disabledTooltip: string;
     disabled: boolean;
     disabledTooltipPlacement?: TooltipProps['placement'];
     disabledTooltipVisible?: boolean;
 };
-declare type IconButtonComponentProps = ({
+type IconButtonComponentProps = ({
     component: 'a';
     href: string;
     target?: LinkTarget;
@@ -42,6 +42,6 @@ declare type IconButtonComponentProps = ({
     rel?: never;
     loading?: boolean;
 } & (IconButtonDisabledProps | IconButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>);
-export declare type IconButtonProps = IconButtonCommonProps & IconButtonComponentProps;
+export type IconButtonProps = IconButtonCommonProps & IconButtonComponentProps;
 export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>>;
 export {};

package/lib/InteractiveList.d.ts

@@ -2,10 +2,10 @@ import React, { FocusEvent } from 'react';
 import { TextFieldExtraProps } from './TextField';
 import { ExtractKeysOfValueType } from './utils/types';
 import { FieldHeaderProps } from './FieldHeader';
-export declare type InteractiveListExtraProps = {
+export type InteractiveListExtraProps = {
     children?: React.ReactNode | React.ReactNode[];
 } & Pick<TextFieldExtraProps<'text'>, 'inputIcon' | 'type' | 'placeholder'> & Omit<FieldHeaderProps, 'id'>;
-export declare type InteractiveListCoreProps<V> = {
+export type InteractiveListCoreProps<V> = {
     name: ExtractKeysOfValueType<V, string[]>;
     value: string[];
     onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
@@ -15,11 +15,11 @@ export declare type InteractiveListCoreProps<V> = {
     onAddItem: () => Promise<string | undefined>;
     onRemoveItem: (idx: number) => boolean;
 } & InteractiveListExtraProps;
-export declare type InteractiveListProps<V> = InteractiveListExtraProps & InteractiveListCoreProps<V>;
-export declare type InteractiveListInputRef = {
+export type InteractiveListProps<V> = InteractiveListExtraProps & InteractiveListCoreProps<V>;
+export type InteractiveListInputRef = {
     setValue: (value: string) => void;
 };
-export declare type InteractiveListItemProps = {
+export type InteractiveListItemProps = {
     content: string;
     error?: string;
     idx: number;

package/lib/InteractiveList.js

@@ -32,13 +32,15 @@ export const InteractiveList = ({ label, children, error, name, value, helperTex
         React.createElement("div", { className: styles.inputRow },
             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 } }) => {
                     setInputValue(value);
-                }, onKeyPress: async (e) => {
+                }, 
+                /* eslint-disable-next-line @typescript-eslint/no-misused-promises */
+                onKeyPress: async (e) => {
                     if (e.key === 'Enter') {
                         e.preventDefault();
                         await onAddItem();
                     }
                 } }),
-            React.createElement(IconButton, { "data-test": "interactive-list-add-button", kind: "transparent", ariaLabel: "Add Icon", icon: Plus, className: styles.addIcon, size: "medium", onClick: onAddItem })),
+            React.createElement(IconButton, { "data-test": "interactive-list-add-button", kind: "transparent", ariaLabel: "Add Icon", icon: Plus, className: styles.addIcon, size: "medium", onClick: () => void onAddItem() })),
         children,
         React.createElement("ul", { className: styles.list }, value.map((str, idx) => (React.createElement("li", { key: str },
             React.createElement(InteractiveListItem, { onRemoveItem: onRemoveItem, idx: idx, content: str, error: typeof error === 'object' && error[idx] ? error[idx] : undefined })))))));

package/lib/InteractiveList.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../src/InteractiveList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../src/InteractiveList.tsx"],"names":[],"mappings":"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"}

package/lib/InteractiveList.module.scss

@@ -26,6 +26,7 @@ ul.list {
   margin: 0;
 
   .content {
+    background: c.$colorOverlayBackground;
     padding: c.$grid c.$grid * 3;
     margin-top: c.$grid * 3;
     border: c.$borderWidth solid c.$colorNeutralLight;

package/lib/InteractiveListFormik.d.ts

@@ -2,7 +2,7 @@ import { ReactElement, Ref } from 'react';
 import { FieldValidator } from 'formik';
 import { ExtractKeysOfValueType } from './utils/types';
 import { InteractiveListExtraProps, InteractiveListInputRef } from './InteractiveList';
-export declare type InteractiveListFormikProps<V extends object> = InteractiveListExtraProps & {
+export type InteractiveListFormikProps<V extends object> = InteractiveListExtraProps & {
     name: ExtractKeysOfValueType<V, string[]>;
     validate?: FieldValidator;
     inputControlRef?: Ref<InteractiveListInputRef>;

package/lib/Label.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactElement } from 'react';
-export declare type LabelProps = {
+export type LabelProps = {
     id: string;
     label: string | ReactElement;
     className?: string;

package/lib/Link.d.ts

@@ -1,13 +1,13 @@
 import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
 import { Icon as FeatherIcon } from 'react-feather';
-export declare type LinkKind = 'primary' | 'secondary';
+import { DataTestProp } from '@hazelcast/helpers';
 declare const sizes: {
     normal: string;
     small: string;
     inherit: string;
 };
-declare type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
-declare type IconProps = {
+type AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>;
+type IconProps = {
     icon: FeatherIcon;
     ariaLabel: string;
     iconClassName?: string;
@@ -16,15 +16,15 @@ declare type IconProps = {
     ariaLabel?: never;
     iconClassName?: never;
 };
-export declare type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
-export declare type LinkRel = 'alternate' | 'author' | 'bookmark' | 'dns-prefetch' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
-export declare type LinkProps = IconProps & {
+export type LinkTarget = '_self' | '_blank' | '_parent' | '_top';
+export type LinkRel = 'alternate' | 'author' | 'bookmark' | 'dns-prefetch' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noopener' | 'noreferrer' | 'opener' | 'prev' | 'search' | 'tag';
+export type LinkProps = IconProps & {
     size?: keyof typeof sizes;
     kind?: 'primary' | 'secondary';
     children: ReactNode;
     bold?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
-} & Pick<AnchorAttributes, 'className'> & ({
+} & Pick<AnchorAttributes, 'className'> & DataTestProp & ({
     component: 'button';
     href?: never;
     target?: never;

package/lib/Link.js

@@ -19,7 +19,7 @@ const sizes = {
  * - Link can be used as a stand-alone component with right chevron icon.
  * - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
  */
-export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, }, ref) => {
+export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, 'data-test': dataTest = 'link', }, ref) => {
     const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
     const commonProps = {
         className: cn(styles.link, styles[size], {
@@ -33,9 +33,9 @@ export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'nor
         onClick: onClick,
     };
     const iconComponent = icon && ariaLabel ? (React.createElement(Icon, { bold: bold, icon: icon, ariaLabel: ariaLabel, size: size === 'normal' ? 'medium' : 'small', className: iconClassName })) : undefined;
-    return component === 'a' ? (React.createElement("a", { ...commonProps, rel: relFinal, target: target, ref: ref },
+    return component === 'a' ? (React.createElement("a", { ...commonProps, rel: relFinal, target: target, ref: ref, "data-test": dataTest },
         children,
-        iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref },
+        iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref, "data-test": dataTest },
         children,
         iconComponent));
 });

package/lib/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAIvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA6DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C;QAC/F,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C;QACjF,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAGvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA8DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,MAAM,GAC/B,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACpH,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACtG,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/lib/Loader.d.ts

@@ -1,6 +1,6 @@
 import { FC, SVGAttributes } from 'react';
 import { IconSize } from './Icon';
-export declare type LoaderProps = {
+export type LoaderProps = {
     className?: string;
     size?: IconSize;
     kind?: 'primary' | 'contrast' | 'inherit';

package/lib/Modal.d.ts

@@ -4,8 +4,8 @@ import { DataTestProp } from '@hazelcast/helpers';
 import { ButtonProps, ButtonTypeButtonProps } from './Button';
 import { IconProps } from './Icon';
 export declare const setAppElement: (appElement: string | HTMLElement) => void;
-export declare type ModalActionProps = ButtonProps<ButtonTypeButtonProps>;
-export declare type ModalProps = {
+export type ModalActionProps = ButtonProps<ButtonTypeButtonProps>;
+export type ModalProps = {
     actions?: ModalActionProps[];
     hideActions?: boolean;
     autoFocus?: boolean;
@@ -16,6 +16,8 @@ export declare type ModalProps = {
     headerClassName?: string;
     contentClassName?: string;
     footerClassName?: string;
+    overlayClassName?: string;
+    className?: string;
     icon?: IconProps['icon'];
     iconAriaLabel?: IconProps['ariaLabel'];
     onClose: ReactModalProps['onRequestClose'];

package/lib/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,UAAwC,MAAM,aAAa,CAAA;AAClE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAsC,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,8CAA8C;AAC9C,wBAAwB;AACxB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAgC,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;AAwBvG;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,WAAW,EAAE,QAAQ,EACrB,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,IAAI,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,eAAe,GAAG,IAAI,EACtB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,IAAI,EACJ,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,2BAA2B,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnI,OAAO,CACL,oBAAC,UAAU,IACT,eAAe,EAAE,MAAM,CAAC,MAAM,EAC9B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,YAAY,EAAE,KAAK,eACR,QAAQ,EACnB,cAAc,EAAE,OAAO,EACvB,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,EACtD,gBAAgB,EAAE,QAAQ,EAC1B,yBAAyB,EAAE,QAAQ,EACnC,sBAAsB,EAAE,KAAK,EAC7B,2BAA2B,WACvB,IAAI;QAER,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI;QAClC,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC;YAC5C,0CAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;gBACxE,IAAI,IAAI,aAAa,IAAI,oBAAC,IAAI,iBAAW,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,GAAI;gBAC9H,yCAAc,oBAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,IACvD,KAAK,CACH;gBACJ,QAAQ,IAAI,eAAe,IAAI;gBAC9B,iHAAiH;gBACjH,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;oBAC1B,oBAAC,UAAU,iBAAW,oBAAoB,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI,CAC9G,CACP,CACG;YACN,0CAAe,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAC3E,QAAQ,CACL;YACL,CAAC,WAAW,IAAI,CACf,0CAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,IACxE,OAAO,aAAP,OAAO;gBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,oBAAC,MAAM,IAAC,GAAG,EAAE,GAAG,eAAY,qBAAqB,KAAK,eAAe,IAClE,QAAQ,CACF,CACV,CAAC;gBACF,oBAAC,MAAM,IAAC,SAAS,EAAE,2BAA2B,eAAY,qBAAqB,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,aAE1G,CACL,CACP,CACG,CACK,CACd,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}

package/lib/Notification.d.ts

@@ -1,21 +1,21 @@
 import { FC, ReactNode } from 'react';
 import { Icon as IconType } from 'react-feather';
-export declare type NotificationType = 'success' | 'info' | 'warning' | 'error';
-export declare type NotificationIconDescriptor = {
+export type NotificationType = 'success' | 'info' | 'warning' | 'error';
+export type NotificationIconDescriptor = {
     icon: IconType;
     ariaLabel: string;
 };
 export declare const NotificationIcon: {
     [key in NotificationType]: NotificationIconDescriptor;
 };
-declare type NotificationLink = {
+type NotificationLink = {
     link: ReactNode;
     linkHref: string;
 } | {
     link?: never;
     linkHref?: never;
 };
-export declare type NotificationProps = {
+export type NotificationProps = {
     className?: string;
     type: NotificationType;
     children: ReactNode;

package/lib/NumberBadge.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-export declare type NumberBadgeProps = {
+export type NumberBadgeProps = {
     number: number;
+    className?: string;
 };
 export declare const NumberBadge: FC<NumberBadgeProps>;

package/lib/NumberBadge.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import styles from './NumberBadge.module.scss';
-export const NumberBadge = ({ number }) => {
+import cn from 'classnames';
+export const NumberBadge = ({ number, className }) => {
     const formattedNumber = number <= 99 ? number.toString() : '+99';
-    return (React.createElement("div", { "data-test": "number-badge", className: styles.numberBadge }, formattedNumber));
+    return (React.createElement("div", { "data-test": "number-badge", className: cn(styles.numberBadge, className) }, formattedNumber));
 };
 //# sourceMappingURL=NumberBadge.js.map

package/lib/NumberBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberBadge.js","sourceRoot":"","sources":["../src/NumberBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9D,MAAM,eAAe,GAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExE,OAAO,CACL,0CAAe,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,IACxD,eAAe,CACZ,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"NumberBadge.js","sourceRoot":"","sources":["../src/NumberBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAEjC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAA;AAO3B,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACzE,MAAM,eAAe,GAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExE,OAAO,CACL,0CAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,IACvE,eAAe,CACZ,CACP,CAAA;AACH,CAAC,CAAA"}