@hazelcast/ui 4.0.1-canary.8 → 4.0.1-canary.9

package/lib/components/InteractiveList.d.ts

@@ -35,4 +35,4 @@ export declare const InteractiveListItem: ({ onRemoveItem, content, error, idx,
  * This component is meant to be used only from InteractiveListFormik
  * @private
  */
-export declare const InteractiveList: <V>({ label, children, error, name, value, helperText, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, "data-test": dataTest, }: InteractiveListProps<V>) => React.JSX.Element;
+export declare const InteractiveList: <V>({ label, children, error, name, value, helperText, placeholder, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, "data-test": dataTest, }: InteractiveListProps<V>) => React.JSX.Element;

package/lib/components/InteractiveList.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { IconButton } from './IconButton';
 import { Error, errorId } from './Error';
 import { TextField } from './TextField';
-import styles from './InteractiveList.module.scss';
+import styles from './InteractiveList.module.css';
 export const InteractiveListItem = ({ onRemoveItem, content, error, idx, 'data-test': dataTest }) => {
     const id = useUID();
     const errorProps = error
@@ -18,7 +18,7 @@ export const InteractiveListItem = ({ onRemoveItem, content, error, idx, 'data-t
         React.createElement("div", { "data-test": dataTest, className: styles.content },
             React.createElement("span", { id: id, ...errorProps }, content),
             ' ',
-            React.createElement(IconButton, { variant: "ghost", ariaLabel: "Remove Item", icon: X, className: styles.removeIcon, onClick: () => {
+            React.createElement(IconButton, { variant: "ghost", ariaLabel: "Remove Item", size: "small", icon: X, className: styles.removeIcon, onClick: () => {
                     onRemoveItem(idx);
                 } })),
         error && React.createElement(Error, { error: error, inputId: id })));
@@ -27,11 +27,11 @@ export const InteractiveListItem = ({ onRemoveItem, content, error, idx, 'data-t
  * This component is meant to be used only from InteractiveListFormik
  * @private
  */
-export const InteractiveList = ({ label, children, error, name, value, helperText, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, 'data-test': dataTest = 'interactive-list', }) => {
+export const InteractiveList = ({ label, children, error, name, value, helperText, placeholder, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, 'data-test': dataTest = 'interactive-list', }) => {
     const id = useUID();
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { "data-test": dataTest, className: cn(styles.inputRow, className) },
-            React.createElement(TextField, { id: id, type: type, helperText: helperText, inputIcon: inputIcon, inputClassName: cn(styles.input, inputClassName), inputContainerClassName: styles.inputContainer, inputBorderOverlayClassName: styles.inputBorderOverlay, error: typeof error === 'string' ? error : undefined, label: label, name: name, value: inputValue, onChange: ({ target: { value } }) => {
+            React.createElement(TextField, { id: id, type: type, helperText: helperText, placeholder: placeholder, inputIcon: inputIcon, inputClassName: inputClassName, className: styles.field, error: typeof error === 'string' ? error : undefined, label: label, name: name, value: inputValue, onChange: ({ target: { value } }) => {
                     setInputValue(value);
                 }, onKeyDown: async (e) => {
                     if (e.key === 'Enter') {
@@ -39,7 +39,7 @@ export const InteractiveList = ({ label, children, error, name, value, helperTex
                         await onAddItem();
                     }
                 } },
-                React.createElement(IconButton, { "data-test": `${dataTest}-add-button`, variant: "ghost", ariaLabel: "Add Icon", icon: Plus, className: cn(styles.addIcon, iconClassName), onClick: () => void onAddItem() }))),
+                React.createElement(IconButton, { "data-test": `${dataTest}-add-button`, variant: "contained", color: "secondary", ariaLabel: "Add item", icon: Plus, className: cn(styles.addIcon, iconClassName), onClick: () => void onAddItem() }))),
         children,
         React.createElement("ul", { className: cn(styles.list, listClassName) }, value.map((str, idx) => (React.createElement("li", { key: str, className: itemClassName },
             React.createElement(InteractiveListItem, { onRemoveItem: onRemoveItem, idx: idx, content: str, "data-test": `${dataTest}-item`, error: typeof error === 'object' && error[idx] ? error[idx] : undefined })))))));

package/lib/components/InteractiveList.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../../src/components/InteractiveList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InteractiveList.js","sourceRoot":"","sources":["../../src/components/InteractiveList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGxC,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA;AAE5D,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAoCjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC5H,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,0CAAgB,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO;YACjD,8BAAM,EAAE,EAAE,EAAE,KAAM,UAAU,IACzB,OAAO,CACH;YAAC,GAAG;YACX,oBAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,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,WAAW,EACX,SAAS,EACT,IAAI,EACJ,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,aAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW,EAAE,QAAQ,GAAG,kBAAkB,GAClB,EAAE,EAAE;IAC5B,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAEnB,OAAO,CACL;QACE,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC;YACjE,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,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,EACD,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE;oBACrB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,CAAC,CAAC,cAAc,EAAE,CAAA;wBAClB,MAAM,SAAS,EAAE,CAAA;oBACnB,CAAC;gBACH,CAAC;gBAED,oBAAC,UAAU,iBACE,GAAG,QAAQ,aAAa,EACnC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,UAAU,EACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,EAAE,GAC/B,CACQ,CACR;QACL,QAAQ;QACT,4BAAI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,IAC1C,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CACvB,4BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa;YACpC,oBAAC,mBAAmB,IAClB,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,eACD,GAAG,QAAQ,OAAO,EAC7B,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"}

package/lib/components/InteractiveList.module.css

@@ -0,0 +1,59 @@
+.inputRow {
+  margin-bottom: calc(var(--hive-grid) * 3);
+}
+
+.field {
+  width: 100%;
+}
+
+.addIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: calc(var(--hive-grid) * 2);
+  border-radius: var(--hive-border-radius);
+  border: var(--hive-border-width) solid transparent;
+  background-color: var(--hive-color-secondary-v4);
+  color: var(--hive-color-text-v4);
+  width: calc(var(--hive-grid) * 9);
+  height: calc(var(--hive-grid) * 9);
+}
+
+.addIcon:hover,
+.addIcon:focus-visible {
+  background-color: color-mix(in oklab, var(--hive-color-secondary-v4) 75%, var(--hive-color-neutral-white-v4));
+  border-color: transparent;
+  color: var(--hive-color-brand-v4);
+}
+
+.list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: calc(var(--hive-grid) * 3);
+  min-height: calc(var(--hive-grid) * 9);
+  padding: 0 calc(var(--hive-grid) * 2);
+  border: var(--hive-border-width) solid var(--hive-color-border-v4);
+  border-radius: var(--hive-border-radius);
+  background: color-mix(in oklab, var(--hive-color-neutral-lighter-v4) 80%, var(--hive-color-neutral-white-v4));
+  color: var(--hive-color-text-v4);
+}
+
+.removeIcon {
+  color: var(--hive-color-text-secondary-v4);
+  margin-right: 0;
+  border: none;
+}
+
+.removeIcon:hover,
+.removeIcon:focus-visible {
+  background-color: transparent;
+  border-color: transparent;
+  color: var(--hive-color-text-v4);
+}

package/lib/components/Tabs/Tab.module.css

@@ -1,19 +1,19 @@
 .tab {
   display: inline-flex;
-  flex: 1 1 0;
+  flex: 0 0 auto;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: calc(var(--hive-grid) * 1.5);
   position: relative;
   box-sizing: border-box;
-  height: calc(var(--hive-grid) * 7.25);
+  height: calc(var(--hive-grid) * 9);
   min-width: 0;
-  padding: calc(var(--hive-grid) * 1.25) calc(var(--hive-grid) * 2.25);
-  border: var(--hive-border-width) solid transparent;
-  border-radius: var(--hive-border-radius-pill);
-  color: var(--hive-color-text-v4);
-  background-color: transparent;
+  padding: 0 calc(var(--hive-grid) * 6);
+  border: none;
+  border-bottom: calc(var(--hive-border-width) * 2) solid transparent;
+  color: var(--hive-color-text-secondary-v4);
+  background: transparent;
   cursor: pointer;
   text-decoration: none;
   white-space: nowrap;
@@ -31,19 +31,28 @@
 }
 
 .tab.selected {
-  background: var(--hive-color-neutral-white-v4);
+  color: var(--hive-color-brand-v4);
+  border-bottom-color: var(--hive-color-brand-v4);
+  box-shadow: none;
+}
+
+.tab.selected:focus-visible {
+  border-bottom-width: calc(var(--hive-border-width) * 2);
+  padding-bottom: 0;
 }
 
 .tab.fullWidth {
-  flex: 1 1 0;
+  flex: 1 1 auto;
   min-width: 0;
 }
 
 .tab:hover {
-  color: var(--hive-color-text-v4);
+  color: var(--hive-color-brand-v4);
 }
 
 .tab:focus-visible {
   outline: var(--hive-outline-width) solid var(--hive-color-primary-v4);
-  outline-offset: 2px;
+  outline-offset: 0;
+  border-radius: var(--hive-border-radius);
+  border-bottom-color: currentColor;
 }

package/lib/components/Tabs/TabList.module.css

@@ -1,12 +1,9 @@
 .tabList {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   gap: 0;
   width: 100%;
-  height: calc(var(--hive-grid) * 9);
-  padding: calc(var(--hive-grid) * 0.875) calc(var(--hive-grid) * 0.75);
-  border-radius: calc(var(--hive-grid) * 3.5);
-  background: var(--hive-color-secondary-v4);
+  border-bottom: var(--hive-border-width) solid var(--hive-color-border-v4);
   box-sizing: border-box;
-  overflow: hidden;
+  overflow-x: auto;
 }

package/lib/old/InteractiveList.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { DataTestProp } from '../helpers/types';
+import { ExtractKeysOfValueType } from '../utils/types';
+import { FieldHeaderProps } from '../components/FieldHeader';
+import { TextFieldExtraProps } from './TextField';
+export type InteractiveListExtraProps = {
+    children?: React.ReactNode | React.ReactNode[];
+    iconClassName?: string;
+    itemClassName?: string;
+    listClassName?: string;
+} & Pick<TextFieldExtraProps<'text'>, 'inputIcon' | 'type' | 'placeholder' | 'inputClassName' | 'className'> & Omit<FieldHeaderProps, 'id'>;
+export type InteractiveListCoreProps<V> = {
+    name: ExtractKeysOfValueType<V, string[]>;
+    value: string[];
+    error?: string;
+    inputValue: string;
+    setInputValue: (val: string) => void;
+    onAddItem: () => Promise<string | undefined>;
+    onRemoveItem: (idx: number) => boolean;
+} & InteractiveListExtraProps & DataTestProp;
+export type InteractiveListProps<V> = InteractiveListExtraProps & InteractiveListCoreProps<V>;
+export type InteractiveListInputRef = {
+    setValue: (value: string) => void;
+    addItem: () => Promise<string | undefined>;
+    getValue: () => string;
+};
+export type InteractiveListItemProps = {
+    content: string;
+    error?: string;
+    idx: number;
+    onRemoveItem: (idx: number) => boolean;
+} & DataTestProp;
+export declare const InteractiveListItem: ({ onRemoveItem, content, error, idx, "data-test": dataTest }: InteractiveListItemProps) => React.JSX.Element;
+export declare const InteractiveList: <V>({ label, children, error, name, value, helperText, placeholder, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, "data-test": dataTest, }: InteractiveListProps<V>) => React.JSX.Element;

package/lib/old/InteractiveList.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Plus, X } from 'react-feather';
+import { useUID } from 'react-uid';
+import cn from 'classnames';
+import { Error, errorId } from '../components/Error';
+import { TextField } from './TextField';
+import { IconButton } from './IconButton';
+import styles from './InteractiveListLegacy.module.scss';
+export const InteractiveListItem = ({ onRemoveItem, content, error, idx, 'data-test': dataTest }) => {
+    const id = useUID();
+    const errorProps = error
+        ? {
+            'aria-invalid': true,
+            'aria-errormessage': errorId(id),
+        }
+        : {};
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-test": dataTest, className: styles.content },
+            React.createElement("span", { id: id, ...errorProps }, content),
+            ' ',
+            React.createElement(IconButton, { kind: "transparent", ariaLabel: "Remove Item", icon: X, className: styles.removeIcon, onClick: () => {
+                    onRemoveItem(idx);
+                } })),
+        error && React.createElement(Error, { error: error, inputId: id })));
+};
+export const InteractiveList = ({ label, children, error, name, value, helperText, placeholder, inputIcon, type, inputValue, setInputValue, onAddItem, onRemoveItem, className, inputClassName, iconClassName, itemClassName, listClassName, 'data-test': dataTest = 'interactive-list', }) => {
+    const id = useUID();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-test": dataTest, className: cn(styles.inputRow, className) },
+            React.createElement(TextField, { id: id, type: type, helperText: helperText, placeholder: placeholder, inputIcon: inputIcon, inputClassName: cn(styles.input, inputClassName), inputContainerClassName: styles.inputContainer, inputBorderOverlayClassName: styles.inputBorderOverlay, error: typeof error === 'string' ? error : undefined, label: label, name: name, value: inputValue, onChange: ({ target: { value } }) => {
+                    setInputValue(value);
+                }, onKeyDown: async (e) => {
+                    if (e.key === 'Enter') {
+                        e.preventDefault();
+                        await onAddItem();
+                    }
+                } },
+                React.createElement(IconButton, { "data-test": `${dataTest}-add-button`, kind: "primary", ariaLabel: "Add Icon", icon: Plus, className: cn(styles.addIcon, iconClassName), onClick: () => void onAddItem() }))),
+        children,
+        React.createElement("ul", { className: cn(styles.list, listClassName) }, value.map((str, idx) => (React.createElement("li", { key: str, className: itemClassName },
+            React.createElement(InteractiveListItem, { onRemoveItem: onRemoveItem, idx: idx, content: str, "data-test": `${dataTest}-item`, error: typeof error === 'object' && error[idx] ? error[idx] : undefined })))))));
+};
+//# sourceMappingURL=InteractiveList.js.map

package/lib/old/InteractiveList.js.map

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

package/lib/old/InteractiveListFormik.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, Ref } from 'react';
+import { FieldValidator } from 'formik';
+import { ExtractKeysOfValueType } from '../utils/types';
+import { InteractiveListExtraProps, InteractiveListInputRef } from './InteractiveList';
+export type InteractiveListFormikProps<V extends object> = InteractiveListExtraProps & {
+    name: ExtractKeysOfValueType<V, string[]>;
+    validate?: FieldValidator;
+    inputControlRef?: Ref<InteractiveListInputRef>;
+};
+export declare const InteractiveListFormik: <V extends object>({ name, validate, children, inputControlRef, ...props }: InteractiveListFormikProps<V>) => ReactElement;

package/lib/old/InteractiveListFormik.js

@@ -0,0 +1,75 @@
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { FieldArray, useField, useFormikContext } from 'formik';
+import { getFieldError } from '../utils/formik';
+import { InteractiveList } from './InteractiveList';
+export const InteractiveListFormik = ({ name, validate, children, inputControlRef, ...props }) => {
+    const { validateForm, values: valuesFormik } = useFormikContext();
+    const [field, meta, { setTouched, setError, setValue }] = useField({
+        name,
+        validate,
+    });
+    const [inputValue, setInputValue] = useState('');
+    const [inputTouched, setInputTouched] = useState(false);
+    const normalizedValue = useMemo(() => inputValue.trim(), [inputValue]);
+    const getValidationError = useCallback(async () => {
+        let validationError = undefined;
+        if (normalizedValue.length === 0) {
+            validationError = 'You need to provide a non empty value';
+        }
+        if (validationError === undefined && field.value.includes(normalizedValue)) {
+            validationError = 'You need to provide a unique value';
+        }
+        if (validationError === undefined && validate) {
+            const error = await validate(normalizedValue);
+            if (error) {
+                validationError = error;
+            }
+        }
+        if (validationError === undefined) {
+            const formikErrors = await validateForm({
+                ...valuesFormik,
+                [name]: [...field.value, normalizedValue],
+            });
+            const fieldErrors = formikErrors[name];
+            validationError = typeof fieldErrors === 'string' ? fieldErrors : fieldErrors === null || fieldErrors === void 0 ? void 0 : fieldErrors.find((x) => !!x);
+        }
+        return validationError;
+    }, [field.value, name, normalizedValue, validate, validateForm, valuesFormik]);
+    const onError = useCallback((value) => {
+        setTouched(true, false);
+        // @ts-expect-error Formik expects string[] in typings, while runtime supports string | string[]
+        setError(value);
+    }, [setTouched, setError]);
+    const addItem = useCallback(async () => {
+        const validationError = await getValidationError();
+        if (validationError) {
+            onError(validationError);
+            setInputTouched(true);
+            return validationError;
+        }
+        field.value.push(normalizedValue);
+        setValue(field.value);
+        setInputTouched(false);
+        setInputValue('');
+        return undefined;
+    }, [field.value, getValidationError, normalizedValue, onError, setValue]);
+    useImperativeHandle(inputControlRef, () => ({
+        setValue: (value) => {
+            setInputValue(value);
+        },
+        addItem,
+        getValue: () => inputValue,
+    }));
+    useEffect(() => {
+        if (inputTouched) {
+            void getValidationError().then((validationError) => {
+                if (validationError) {
+                    onError(validationError);
+                }
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputTouched, inputValue]);
+    return (React.createElement(FieldArray, { name: name, render: (arrayHelpers) => (React.createElement(InteractiveList, { ...props, name: name, value: field.value, inputValue: inputValue, setInputValue: setInputValue, error: getFieldError(meta), onAddItem: addItem, onRemoveItem: (idx) => !!arrayHelpers.remove(idx) }, children)) }));
+};
+//# sourceMappingURL=InteractiveListFormik.js.map

package/lib/old/InteractiveListFormik.js.map

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

package/lib/old/index.d.ts

@@ -43,6 +43,10 @@ export type { SelectFieldOption, SelectFieldOptionsMap } from './Select/helpers'
 export { AutocompleteField, getSelectedOptionFromValue, highlightOptionText } from './AutocompleteField';
 export type { AutocompleteFieldProps, AutocompleteFieldOption, RenderOptionFunction } from './AutocompleteField';
 export { AutocompleteFieldFormik } from './AutocompleteFieldFormik';
+export { InteractiveListItem } from './InteractiveList';
+export { InteractiveListFormik } from './InteractiveListFormik';
+export type { InteractiveListInputRef, InteractiveListExtraProps } from './InteractiveList';
+export type { InteractiveListFormikProps } from './InteractiveListFormik';
 export { TabContext, TabContextProvider, TabContextProviderControlled, useTabContext, TabList, Tab, TabPanel } from './Tabs';
 export type { TabContextValue, TabContextProviderProps, TabContextProviderControlledProps, TabListProps, TabProps, TabCommonProps, AnchorTabProps, ButtonTabProps, TabPanelProps, } from './Tabs';
 export { Modal, setAppElement } from './Modal';

package/lib/old/index.js

@@ -24,6 +24,8 @@ export { CheckableSelectFieldFormik } from './Select/CheckableSelectFieldFormik'
 export { getMenuContainer, getOptionsMap } from './Select/helpers';
 export { AutocompleteField, getSelectedOptionFromValue, highlightOptionText } from './AutocompleteField';
 export { AutocompleteFieldFormik } from './AutocompleteFieldFormik';
+export { InteractiveListItem } from './InteractiveList';
+export { InteractiveListFormik } from './InteractiveListFormik';
 export { TabContext, TabContextProvider, TabContextProviderControlled, useTabContext, TabList, Tab, TabPanel } from './Tabs';
 export { Modal, setAppElement } from './Modal';
 export { SimpleTable } from './SimpleTable';

package/lib/old/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/old/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,yDAAyD;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAcjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAQlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAMpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAEhF,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAExG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAY5H,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/old/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,yDAAyD;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAcjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAQlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAMpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAEhF,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAExG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAG/D,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAY5H,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hazelcast/ui",
-  "version": "4.0.1-canary.8",
+  "version": "4.0.1-canary.9",
   "description": "Hazelcast design system components and utilities",
   "homepage": "https://github.com/hazelcast/hive#readme",
   "bugs": {