@hazelcast/ui 1.3.2-next.5 → 1.3.2-next.51

package/lib/Toggle.d.ts

@@ -1,7 +1,7 @@
 import React, { FC, FocusEvent, ChangeEvent } from 'react';
 import { DataTestProp } from '@hazelcast/helpers';
 import { HelpProps } from './Help';
-declare type ToggleCoreProps = {
+type ToggleCoreProps = {
     name: string;
     value?: string;
     checked?: boolean;
@@ -9,13 +9,13 @@ declare type ToggleCoreProps = {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     error?: string;
 };
-export declare type ToggleExtraProps = {
+export type ToggleExtraProps = {
     label: string | React.ReactNode;
     helperText?: HelpProps['helperText'];
     disabled?: boolean;
     className?: string;
     classNameLabel?: string;
 };
-export declare type ToggleProps = ToggleCoreProps & ToggleExtraProps & DataTestProp;
+export type ToggleProps = ToggleCoreProps & ToggleExtraProps & DataTestProp;
 export declare const Toggle: FC<ToggleProps>;
 export {};

package/lib/ToggleFormik.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { FieldValidatorGeneric } from './utils/formik';
 import { ExtractKeysOfValueType } from './utils/types';
 import { ToggleExtraProps } from './Toggle';
-export declare type ToggleFormikProps<V extends object> = ToggleExtraProps & {
+export type ToggleFormikProps<V extends object> = ToggleExtraProps & {
     name: ExtractKeysOfValueType<V, boolean>;
     validate?: FieldValidatorGeneric<boolean>;
 };

package/lib/Tooltip.d.ts

@@ -1,9 +1,9 @@
-import React, { FC, ReactNode, MutableRefObject, ReactText, MouseEventHandler } from 'react';
+import React, { FC, ReactNode, MutableRefObject, ReactText, MouseEventHandler, CSSProperties } from 'react';
 import { Placement } from '@popperjs/core';
 import { usePopper } from 'react-popper';
-export declare type TooltipContainer = 'body' | 'referenceElement' | HTMLElement;
-export declare type PopperRef = ReturnType<typeof usePopper>;
-export declare type TooltipProps = {
+import { PortalContainer } from './utils/portal';
+export type PopperRef = ReturnType<typeof usePopper>;
+export type TooltipProps = {
     content: ReactNode;
     id: string;
     hideTimeoutDuration?: number;
@@ -15,7 +15,8 @@ export declare type TooltipProps = {
     children: (ref: React.Dispatch<React.SetStateAction<HTMLElement | null>>, onMouseEnter?: MouseEventHandler<Element>, onMouseLeave?: MouseEventHandler<Element>) => ReactNode;
     popperRef?: MutableRefObject<PopperRef | undefined>;
     updateToken?: ReactText | boolean;
-    tooltipContainer?: TooltipContainer;
+    tooltipContainer?: PortalContainer;
+    wordBreak?: CSSProperties['wordBreak'];
 };
 /**
  * ### Purpose

package/lib/Tooltip.js

@@ -3,20 +3,10 @@ import ReactDOM from 'react-dom';
 import { usePopper } from 'react-popper';
 import cn from 'classnames';
 import { containsElement } from './hooks';
-import { canUseDOM } from './utils/ssr';
+import { getPortalContainer } from './utils/portal';
 import styles from './Tooltip.module.scss';
 const tooltipZIndex = 20;
 const TooltipContext = createContext(null);
-const getTooltipPortalContainer = (tooltipContainer, referenceElement) => {
-    if (tooltipContainer === 'body') {
-        // There is no document is SSR environment
-        return canUseDOM ? document.body : null;
-    }
-    if (tooltipContainer === 'referenceElement') {
-        return referenceElement !== null && referenceElement !== void 0 ? referenceElement : null;
-    }
-    return tooltipContainer;
-};
 /**
  * ### Purpose
  * Useful when you need to display additional information/actionable content.
@@ -33,7 +23,7 @@ const getTooltipPortalContainer = (tooltipContainer, referenceElement) => {
  * ### Usage
  * Wrap the target element with Tooltip component and use the "content" property to define what should be displayed inside the tooltip.
  */
-export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, }) => {
+export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, padding = 10, placement = 'top', visible: visibilityOverride, children, popperRef, wordBreak, updateToken, tooltipContainer = 'body', hoverAbleTooltip = true, }) => {
     const [isShown, setShown] = useState(false);
     const timeoutRef = useRef(null);
     const context = useContext(TooltipContext);
@@ -126,7 +116,7 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
             popperElement === null || popperElement === void 0 ? void 0 : popperElement.removeEventListener('mouseleave', onMouseLeave);
         };
     }, [popperElement, onMouseEnter, onMouseLeave, hoverAbleTooltip]);
-    const tooltipPortalContainer = getTooltipPortalContainer(tooltipContainer, referenceElement);
+    const tooltipPortalContainer = getPortalContainer(tooltipContainer, referenceElement);
     return (React.createElement(TooltipContext.Provider, { value: contextValue },
         children(setReferenceElement, onMouseEnter, (e) => {
             onMouseLeave(e);
@@ -137,7 +127,7 @@ export const Tooltip = ({ id, content, hideTimeoutDuration = 100, offset = 10, p
                 ReactDOM.createPortal(React.createElement(React.Fragment, null,
                     React.createElement("span", { ref: setPopperElement, className: cn(styles.overlay, {
                             [styles.hidden]: !isTooltipVisible,
-                        }), style: { ...popper.styles.popper, ...{ zIndex: context ? tooltipZIndex + 1 : tooltipZIndex } }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
+                        }), style: { ...popper.styles.popper, ...{ zIndex: context ? tooltipZIndex + 1 : tooltipZIndex }, wordBreak }, "data-test": "tooltip-overlay", "aria-hidden": true, ...popper.attributes.popper },
                         content,
                         React.createElement("span", { ref: setArrowElement, className: styles.arrow, style: popper.styles.arrow, "data-test": "tooltip-arrow", ...popper.attributes.arrow }))), tooltipPortalContainer)))));
 };

package/lib/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,QAAQ,EACR,mBAAmB,EAGnB,eAAe,EACf,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAEV,MAAM,OAAO,CAAA;AACd,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAE1C,MAAM,aAAa,GAAG,EAAE,CAAA;AAExB,MAAM,cAAc,GAAG,aAAa,CAK1B,IAAI,CAAC,CAAA;AAIf,MAAM,yBAAyB,GAAG,CAAC,gBAAkC,EAAE,gBAAwC,EAAsB,EAAE;IACrI,IAAI,gBAAgB,KAAK,MAAM,EAAE;QAC/B,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;KACxC;IAED,IAAI,gBAAgB,KAAK,kBAAkB,EAAE;QAC3C,OAAO,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAA;KAChC;IAED,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA;AAuBD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACxC,EAAE,EACF,OAAO,EACP,mBAAmB,GAAG,GAAG,EACzB,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,gBAAgB,GAAG,MAAM,EACzB,gBAAgB,GAAG,IAAI,GACxB,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEtD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE1C,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAA;QAEpC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE,CAAA;QAE3B,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,YAAY,CAAC,SAAS,CAAC,CAAA;SACxB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAClF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAChF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAA;IAE9E,MAAM,MAAM,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxD,SAAS;QACT,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,OAAO,EAAE,YAAY;oBACrB,OAAO;iBACR;aACF;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;iBACpB;aACF;SACF;KACF,CAAC,CAAA;IAEF,mBAAmB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEtD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,gBAAgB,EAAE,CAAA;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAA;IAChB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,CAAC,GAAG,KAAmB,CAAA;QAC7B,MAAM,EAAE,aAAa,EAAE,GAAG,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,EAAE,CAAA;QAEjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACnC,IAAI,aAAa,EAAE;gBACjB,IACE,CAAC,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,EAAE,aAAqB,CAAC;oBAClE,CAAC,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,EAAE,aAAqB,CAAC,EAC/D;oBACA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,CAAA;iBAChB;aACF;YACD,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,EAAE,mBAAmB,CAAC,CAAA;IACzB,CAAC,EACD,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAC/B,CAAA;IAED,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,aAAa;QACb,gBAAgB;QAChB,IAAI,EAAE,YAAY;QAClB,gBAAgB;KACjB,CAAC,EACF,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAClE,CAAA;IAED,+DAA+D;IAC/D,MAAM,gBAAgB,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,OAAO,CAAA;IAEtD,qEAAqE;IACrE,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,OAAO,EAAE;YACX,KAAK,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,+CAAd,MAAM,CAAY,CAAA,CAAA;SACxB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAA;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,gBAAgB,EAAE,CAAA;QACpB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QACrE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;QAErE,OAAO,GAAG,EAAE;YACV,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YACjE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QACnE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE;YACpB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;YAClE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAA;SACnE;QAED,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;YAC9D,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEjE,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAA;IAE5F,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACzC,QAAQ,CAAC,mBAAmB,EAAE,YAAY,EAAE,CAAC,CAAU,EAAE,EAAE;YAC1D,YAAY,CAAC,CAAU,CAAC,CAAA;QAC1B,CAAC,CAAC;QAED,OAAO,KAAK,SAAS,IAAI,CACxB;YACE,8BAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAC,SAAS,eAAW,YAAY,IAC7E,OAAO,CACH;YACN,sBAAsB;gBACrB,QAAQ,CAAC,YAAY,CACnB;oBACE,8BACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE;4BAC5B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,gBAAgB;yBACnC,CAAC,EACF,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,eACpF,iBAAiB,0BAEvB,MAAM,CAAC,UAAU,CAAC,MAAM;wBAE3B,OAAO;wBACR,8BACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,eAChB,eAAe,KACrB,MAAM,CAAC,UAAU,CAAC,KAAK,GAC3B,CACG,CACN,EACH,sBAAsB,CACvB,CACF,CACJ,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"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"}

package/lib/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export { useTableCustomizableColumns } from './useTableCustomizableColumns';
 export { useOnClickOutside, containsElement } from './useOnClickOutside';
 export { useIsMounted } from './useIsMounted';
 export { useRefValue } from './useRefValue';

package/lib/hooks/index.js

@@ -1,5 +1,4 @@
 /* export only hooks for external usage */
-export { useTableCustomizableColumns } from './useTableCustomizableColumns';
 export { useOnClickOutside, containsElement } from './useOnClickOutside';
 export { useIsMounted } from './useIsMounted';
 export { useRefValue } from './useRefValue';

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/lib/hooks/useCloseOnResize.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from 'react';
+import ReactSelect from 'react-select';
+type RefElement = MutableRefObject<ReactSelect | undefined>;
+/** If the size of screen is changed we close dropdown menu to aviod the dropdown menu bug in react-select library.
+ * For more information visit: https://github.com/JedWatson/react-select/issues/3533
+ */
+export declare const useCloseOnResize: (target: RefElement) => void;
+export {};

package/lib/hooks/useCloseOnResize.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+/** If the size of screen is changed we close dropdown menu to aviod the dropdown menu bug in react-select library.
+ * For more information visit: https://github.com/JedWatson/react-select/issues/3533
+ */
+export const useCloseOnResize = (target) => {
+    const handleResize = () => {
+        if (target.current) {
+            target.current.onMenuClose();
+        }
+    };
+    useEffect(() => {
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    });
+};
+//# sourceMappingURL=useCloseOnResize.js.map

package/lib/hooks/useCloseOnResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOnResize.js","sourceRoot":"","sources":["../../src/hooks/useCloseOnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAkB,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAA;SAC7B;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/hooks/useDimensions.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-export declare type Dimensions = {
+export type Dimensions = {
     width: number;
     height: number;
 };

package/lib/hooks/useOnClickOutside.d.ts

@@ -1,4 +1,4 @@
-declare type RefElement = HTMLElement | null | undefined;
+type RefElement = HTMLElement | null | undefined;
 export declare const containsElement: (target: RefElement, element: Node) => boolean | undefined;
 export declare const useOnClickOutside: (active: boolean, opts: {
     target: RefElement;

package/lib/hooks/usePagination.d.ts

@@ -1,5 +1,5 @@
-export declare type PaginationItem = number | 'previous' | 'next' | 'ellipsis';
-export declare type UsePaginationProps = {
+export type PaginationItem = number | 'previous' | 'next' | 'ellipsis';
+export type UsePaginationProps = {
     pageCount: number;
     currentPage: number;
     small?: boolean;

package/lib/index.d.ts

@@ -4,12 +4,10 @@ export { Button } from './Button';
 export { Calendar } from './Calendar/Calendar';
 export { CalendarRange } from './Calendar/CalendarRange';
 export { Card } from './Card';
+export { Carousel } from './Carousel';
 export { Checkbox } from './Checkbox';
 export { CheckboxFormik } from './CheckboxFormik';
 export { CircularProgressBar } from './CircularProgressBar';
-export { Code } from './Code';
-export { CodeEditor } from './CodeEditor';
-export { CodeEditorFormik } from './CodeEditorFormik';
 export { Dialog } from './Dialog';
 export { EmptyState } from './EmptyState';
 export { Error, errorId } from './Error';
@@ -52,4 +50,4 @@ export { Toggle } from './Toggle';
 export { ToggleFormik } from './ToggleFormik';
 export { Tooltip } from './Tooltip';
 export { TruncatedText } from './TruncatedText';
-export { useTableCustomizableColumns, useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
+export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';

package/lib/index.js

@@ -4,12 +4,10 @@ export { Button } from './Button';
 export { Calendar } from './Calendar/Calendar';
 export { CalendarRange } from './Calendar/CalendarRange';
 export { Card } from './Card';
+export { Carousel } from './Carousel';
 export { Checkbox } from './Checkbox';
 export { CheckboxFormik } from './CheckboxFormik';
 export { CircularProgressBar } from './CircularProgressBar';
-export { Code } from './Code';
-export { CodeEditor } from './CodeEditor';
-export { CodeEditorFormik } from './CodeEditorFormik';
 export { Dialog } from './Dialog';
 export { EmptyState } from './EmptyState';
 export { Error, errorId } from './Error';
@@ -52,5 +50,5 @@ export { Toggle } from './Toggle';
 export { ToggleFormik } from './ToggleFormik';
 export { Tooltip } from './Tooltip';
 export { TruncatedText } from './TruncatedText';
-export { useTableCustomizableColumns, useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
+export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

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

package/lib/utils/formik.d.ts

@@ -1,4 +1,4 @@
 import { FieldMetaProps } from 'formik';
 export declare const getFieldError: <T>(meta: FieldMetaProps<T>) => string | undefined;
-export declare type FieldValidatorGeneric<T> = (value: T) => string | void | Promise<string | void>;
-export declare const formikTouchAndUpdate: <T>(setValue: (value: T) => void, setTouched: (touched: boolean, shouldValidate?: boolean | undefined) => void) => (newValue: T) => void;
+export type FieldValidatorGeneric<T> = (value: T) => string | void | Promise<string | void>;
+export declare const formikTouchAndUpdate: <T>(setValue: (value: T) => void, setTouched: (touched: boolean, shouldValidate?: boolean) => void) => (newValue: T) => void;

package/lib/utils/portal.d.ts

@@ -0,0 +1,2 @@
+export type PortalContainer = 'body' | 'referenceElement' | string | HTMLElement;
+export declare const getPortalContainer: (container: PortalContainer, referenceElement?: HTMLElement | null) => HTMLElement | null;

package/lib/utils/portal.js

@@ -0,0 +1,15 @@
+import { canUseDOM } from './ssr';
+export const getPortalContainer = (container, referenceElement) => {
+    if (container === 'body') {
+        // There is no document is SSR environment
+        return canUseDOM ? document.body : null;
+    }
+    if (container === 'referenceElement') {
+        return referenceElement !== null && referenceElement !== void 0 ? referenceElement : null;
+    }
+    if (typeof container === 'string') {
+        return canUseDOM ? document.getElementById(container) : null;
+    }
+    return container;
+};
+//# sourceMappingURL=portal.js.map

package/lib/utils/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/utils/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAA0B,EAAE,gBAAqC,EAAsB,EAAE;IAC1H,IAAI,SAAS,KAAK,MAAM,EAAE;QACxB,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;KACxC;IAED,IAAI,SAAS,KAAK,kBAAkB,EAAE;QACpC,OAAO,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,CAAA;KAChC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;KAC7D;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}

package/lib/utils/test.d.ts

@@ -1 +1,3 @@
-export declare const waitForComponentToPaint: (wrapper: any) => Promise<void>;
+import { ReactWrapper } from 'enzyme';
+import { Component } from 'react';
+export declare const waitForComponentToPaint: <T = Component<{}, {}, any>>(wrapper: ReactWrapper<T, {}, Component<{}, {}, any>>) => Promise<void>;

package/lib/utils/test.js.map

@@ -1 +1 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAG1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAE,OAAY,EAAE,EAAE;IAC5D,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CACrD;QAAC,OAA6B,CAAC,MAAM,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/utils/test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAI1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAiB,OAAwB,EAAE,EAAE;IACvF,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE;QACnB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QACtD,OAAO,CAAC,MAAM,EAAE,CAAA;IAClB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/utils/types.d.ts

@@ -1,3 +1,3 @@
-export declare type ExtractKeysOfValueType<T, KV> = {
+export type ExtractKeysOfValueType<T, KV> = {
     [K in Extract<keyof T, string>]: T[K] extends KV ? K : never;
 }[Extract<keyof T, string>];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hazelcast/ui",
-  "version": "1.3.2-next.5+2abd7b3",
+  "version": "1.3.2-next.51+4d1873c",
   "description": "Hazelcast design system components",
   "author": "",
   "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -27,18 +27,18 @@
     "compile": "shx rm -f *.tsbuildinfo && shx rm -rf lib && shx mkdir lib && shx cp -r src/* lib && shx rm -rf lib/*.{tsx,ts} && shx rm -rf lib/**/*.{tsx,ts} && tsc -p tsconfig.build.json",
     "test": "jest --maxWorkers=50%",
     "test:watch": "jest --watch",
-    "start": "npm run storybook",
+    "start": "pnpm run storybook",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "publish-storybook": "chromatic --storybook-build-dir storybook-static --project-token $CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes",
     "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
     "test:visual": "loki --verboseRenderer --requireReference --reactUri file:./storybook-static --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
     "test:visual:approve": "loki approve",
-    "generate-screenshots": "npm run build-storybook && loki update --reactUri file:./storybook-static --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
-    "lint": "npm run lint:ts && npm run lint:css",
-    "lint:fix": "npm run lint:ts:fix && npm run lint:css:fix",
+    "generate-screenshots": "pnpm run build-storybook && loki update --reactUri file:./storybook-static --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
+    "lint": "pnpm run lint:ts && pnpm run lint:css",
+    "lint:fix": "pnpm run lint:ts:fix && pnpm run lint:css:fix",
     "lint:ts": "eslint --ext .ts,.tsx .",
-    "lint:ts:fix": "npm run lint -- --fix",
+    "lint:ts:fix": "pnpm run lint -- --fix",
     "lint:css": "postcss --config ./.postcss-lint --replace '**/*.{css,scss}'",
     "lint:css:fix": "stylelint --fix '**/*.{css,scss}'"
   },
@@ -46,72 +46,76 @@
     "url": "https://github.com/hazelcast/frontend-shared/issues"
   },
   "dependencies": {
-    "@codemirror/basic-setup": "^0.19.1",
-    "@codemirror/stream-parser": "^0.19.3",
-    "@codemirror/view": "^0.19.35",
     "@hazelcast/helpers": "^1.3.1",
     "@hazelcast/services": "^1.3.1",
     "@headlessui/react": "^1.4.2",
     "@icons-pack/react-simple-icons": "^4.6.1",
-    "@popperjs/core": "^2.11.0",
-    "@types/react-modal": "^3.13.1",
-    "@types/react-select": "3.0.26",
-    "@types/react-table": "^7.7.9",
-    "classnames": "^2.3.1",
-    "date-fns": "^2.27.0",
-    "dequal": "^2.0.2",
-    "focus-trap-react": "^8.9.0",
+    "@popperjs/core": "^2.11.7",
+    "@types/react-modal": "3.16.0",
+    "@types/react-select": "3.1.2",
+    "@types/react-table": "^7.7.14",
+    "classnames": "^2.3.2",
+    "date-fns": "^2.29.3",
+    "dequal": "^2.0.3",
+    "focus-trap-react": "^10.1.1",
     "formik": "^2.2.9",
-    "rc-tooltip": "^5.1.1",
-    "react-datepicker": "^4.5.0",
-    "react-feather": "^2.0.9",
+    "nuka-carousel": "^5.5.1",
+    "rc-tooltip": "^5.3.1",
+    "react-datepicker": "^4.11.0",
+    "react-feather": "^2.0.10",
+    "react-hotkeys": "^2.0.0",
     "react-merge-refs": "^1.1.0",
-    "react-modal": "^3.14.4",
-    "react-popper": "^2.2.3",
-    "react-resize-aware": "^3.1.1",
-    "react-select": "^4.1.0",
-    "react-table": "^7.7.0",
-    "react-uid": "^2.3.1",
-    "react-use": "^17.3.1",
+    "react-modal": "^3.16.1",
+    "react-popper": "^2.3.0",
+    "react-resize-aware": "3.1.1",
+    "react-select": "^4.3.1",
+    "react-simple-timefield": "^3.3.1",
+    "react-table": "^7.8.0",
+    "react-uid": "^2.3.2",
+    "react-use": "^17.4.0",
     "use-deep-compare": "^1.1.0"
   },
   "devDependencies": {
-    "@codemirror/legacy-modes": "0.19.0",
     "@hazelcast/test-helpers": "^1.3.1",
-    "@storybook/addon-docs": "^6.4.9",
-    "@storybook/addons": "^6.4.9",
-    "@storybook/builder-webpack5": "^6.4.9",
-    "@storybook/manager-webpack5": "^6.4.9",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addons": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.4.9",
-    "@storybook/theming": "^6.4.9",
+    "@storybook/react": "^6.5.16",
+    "@storybook/theming": "^6.5.16",
     "@types/classnames": "^2.3.1",
-    "@types/enzyme": "^3.10.10",
-    "@types/enzyme-adapter-react-16": "^1.0.6",
+    "@types/enzyme": "^3.10.12",
     "@types/jest-axe": "^3.5.3",
-    "@types/react": "^16.14.21",
+    "@types/react": "^17.0.45",
     "@types/react-datepicker": "^4.3.2",
-    "@types/react-dom": "^16.9.14",
-    "doiuse": "^4.2.0",
+    "@types/react-dom": "^17.0.17",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
+    "babel-loader": "^9.1.2",
+    "doiuse": "^4.4.1",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
     "jest-axe": "^5.0.1",
-    "loki": "^0.28.1",
-    "postcss": "^8.4.5",
+    "loki": "^0.31.1",
+    "postcss": "^8.4.23",
     "postcss-cli": "^9.1.0",
-    "postcss-reporter": "^7.0.4",
-    "postcss-scss": "^4.0.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "storybook-addon-designs": "^6.2.0",
-    "stylelint": "^14.1.0",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-standard": "^24.0.0",
-    "stylelint-config-standard-scss": "^3.0.0",
-    "stylelint-prettier": "^2.0.0",
-    "stylelint-scss": "^4.0.1",
-    "webpack": "^5.65.0",
+    "postcss-reporter": "^7.0.5",
+    "postcss-scss": "^4.0.6",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "storybook-addon-designs": "^6.3.1",
+    "stylelint": "^15.6.0",
+    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard-scss": "^9.0.0",
+    "stylelint-prettier": "^3.0.0",
+    "stylelint-scss": "^4.6.0",
+    "webpack": "^5.81.0",
     "yup": "^0.32.11"
   },
-  "gitHead": "2abd7b3f52b6e33f683762d0ba7fcf413f6f939e"
+  "peerDependencies": {
+    "@types/react": "^17 || ^18",
+    "@types/react-dom": "^17 || ^18",
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
+  },
+  "gitHead": "4d1873c455874f5386f63af84e59fff3114125b1"
 }

package/styles/constants/_colors.scss

@@ -23,4 +23,6 @@ $colorTextSecondary: #707482 !default;
 $colorTextSubdued: #69707d !default;
 $colorOverlayBackground: #f2f5f9 !default;
 $colorAccessibilityOutline: #9648bd !default;
+$colorBrand: #00bac6 !default;
 $colorShadow: rgb(53 61 73 / 20%) !default;
+$colorMenuDark: #333 !default;

package/styles/constants/_typography.scss

@@ -1,31 +1,32 @@
 $fontFamilyHeading: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$fontWeightHeadingLight: 300 !default;
 $fontWeightHeadingRegular: 400 !default;
 $fontWeightHeadingBold: 500 !default;
-$fontFamilyText: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
-$fontWeightTextLight: 300 !default;
+$fontFamilyText: 'Open Sans', 'Helvetica', 'Arial', sans-serif !default;
 $fontWeightTextRegular: 400 !default;
-$fontWeightTextBold: 500 !default;
+$fontWeightTextBold: 600 !default;
 
 // https://www.figma.com/file/8mVm6LTbp2Z0RaWWjTZoft/%F0%9F%90%9DHIVE?node-id=0%3A136
-$fontSizeH1: 2rem !default;
-$fontSizeH2: 1.625rem !default;
-$fontSizeH3: 1.25rem !default;
+$fontSizeH1Hero: 2.875rem !default; // 46px
+$fontSizeH1: 2.125rem !default; // 34px
+$fontSizeH2: 1.625rem !default; // 26px
+$fontSizeH3: 1.25rem !default; // 20px
 $fontSizeButton: 1.125rem !default;
 $fontSizeButtonSmall: 0.875rem !default;
 $fontSizeBodyNormal: 1rem !default;
 $fontSizeBodySmall: 0.875rem !default;
 $fontSizeBodySmaller: 0.75rem !default;
 $fontSizeBodyTiny: 0.625rem !default;
+$letterSpacingH1Hero: 0.25px !default;
 $letterSpacingH1: 0.25px !default;
-$letterSpacingH2: 0 !default;
-$letterSpacingH3: 0.15px !default;
+$letterSpacingH2: 0.25px !default;
+$letterSpacingH3: 0.25px !default;
 $letterSpacingButton: 1.25px !default;
 $letterSpacingButtonSmall: 0.25px !default;
-$letterSpacingBodyNormal: 0.5px !default;
-$letterSpacingBodySmall: 0.25px !default;
+$letterSpacingBodyNormal: 0.25px !default;
+$letterSpacingBodySmall: 0.5px !default;
 $letterSpacingBodySmaller: normal !default;
 $letterSpacingBodyTiny: normal !default;
+$lineHeightH1Hero: normal !default;
 $lineHeightH1: normal !default;
 $lineHeightH2: normal !default;
 $lineHeightH3: normal !default;
@@ -43,25 +44,29 @@ $lineHeightBodyTiny: normal !default;
   @return '';
 }
 
+@mixin typographyH1Hero($override: false) {
+  font-weight: $fontWeightHeadingRegular #{override($override)};
+  font-size: $fontSizeH4 #{override($override)};
+  letter-spacing: $letterSpacingH4 #{override($override)};
+  line-height: $lineHeightH4 #{override($override)};
+}
+
 @mixin typographyH1($override: false) {
-  font-family: $fontFamilyHeading #{override($override)};
-  font-weight: $fontWeightHeadingBold #{override($override)};
+  font-weight: $fontWeightHeadingRegular #{override($override)};
   font-size: $fontSizeH1 #{override($override)};
   letter-spacing: $letterSpacingH1 #{override($override)};
   line-height: $lineHeightH1 #{override($override)};
 }
 
 @mixin typographyH2($override: false) {
-  font-family: $fontFamilyHeading #{override($override)};
-  font-weight: $fontWeightHeadingBold #{override($override)};
+  font-weight: $fontWeightHeadingRegular #{override($override)};
   font-size: $fontSizeH2 #{override($override)};
   letter-spacing: $letterSpacingH2 #{override($override)};
   line-height: $lineHeightH2 #{override($override)};
 }
 
 @mixin typographyH3($override: false) {
-  font-family: $fontFamilyHeading #{override($override)};
-  font-weight: $fontWeightHeadingBold #{override($override)};
+  font-weight: $fontWeightHeadingRegular #{override($override)};
   font-size: $fontSizeH3 #{override($override)};
   letter-spacing: $letterSpacingH3 #{override($override)};
   line-height: $lineHeightH3 #{override($override)};
@@ -92,10 +97,6 @@ $lineHeightBodyTiny: normal !default;
   @if $weight == 'bold' {
     font-weight: $fontWeightTextBold;
   }
-
-  @if $weight == 'light' {
-    font-weight: $fontWeightTextLight;
-  }
 }
 
 @mixin typographyBodyNormal($weight: 'regular') {
@@ -137,6 +138,15 @@ $lineHeightBodyTiny: normal !default;
 @mixin typographyGlobal($override: false) {
   @include typographyBodyNormal;
 
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: $fontFamilyHeading;
+  }
+
   h1 {
     @include typographyH1($override);
   }

package/lib/Code.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { CodeOptions } from './CodeEditor';
-export declare type CodeProps = {
-    value?: string;
-    className?: string;
-    options?: CodeOptions;
-};
-export declare const Code: FC<CodeProps>;

package/lib/Code.js

@@ -1,16 +0,0 @@
-/*
-  CodeMirror based Code component.
-
-  This is a readonly code viewer component. For editing purposes use `CodeEditor`.
-*/
-import React from 'react';
-import { CodeEditor, EditorView } from './CodeEditor';
-const DEFAULT_OPTIONS = {
-    language: null,
-    lineWrapping: false,
-    lineNumbers: true,
-};
-export const Code = ({ value, className, options = DEFAULT_OPTIONS }) => {
-    return React.createElement(CodeEditor, { value: value, options: options, className: className, customExtensions: [EditorView.editable.of(false)] });
-};
-//# sourceMappingURL=Code.js.map