@hazelcast/ui 2.0.4 → 3.0.0-canary.0

package/lib/components/InteractiveList.js

@@ -1,47 +1,121 @@
-import React from 'react';
-import { Plus, X } from 'react-feather';
-import { useUID } from 'react-uid';
-import cn from 'classnames';
-import { IconButton } from './IconButton';
-import { Error, errorId } from './Error';
-import { TextField } from './TextField';
-import styles from './InteractiveList.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: "primary", ariaLabel: "Remove Item", icon: X, size: "medium", className: styles.removeIcon, onClick: () => {
-                    onRemoveItem(idx);
-                } })),
-        error && React.createElement(Error, { error: error, inputId: id })));
+'use strict';
+
+var React = require('react');
+var reactFeather = require('react-feather');
+var reactUid = require('react-uid');
+var cn = require('classnames');
+var components_IconButton = require('./IconButton.js');
+var components_Error = require('./Error.js');
+var components_TextField = require('./TextField.js');
+var InteractiveList_module = require('./InteractiveList.module.scss.js');
+
+const InteractiveListItem = ({
+  onRemoveItem,
+  content,
+  error,
+  idx,
+  'data-test': dataTest
+}) => {
+  const id = reactUid.useUID();
+  const errorProps = error ? {
+    'aria-invalid': true,
+    'aria-errormessage': components_Error.errorId(id)
+  } : {};
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: InteractiveList_module.default.content
+  }, /*#__PURE__*/React.createElement("span", {
+    id: id,
+    ...errorProps
+  }, content), ' ', /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
+    kind: "primary",
+    ariaLabel: "Remove Item",
+    icon: reactFeather.X,
+    size: "medium",
+    className: InteractiveList_module.default.removeIcon,
+    onClick: () => {
+      onRemoveItem(idx);
+    }
+  })), error && /*#__PURE__*/React.createElement(components_Error.Error, {
+    error: error,
+    inputId: id
+  }));
 };
 /**
  * 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', }) => {
-    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 } }) => {
-                    setInputValue(value);
-                }, onKeyDown: async (e) => {
-                    if (e.key === 'Enter') {
-                        e.preventDefault();
-                        await onAddItem();
-                    }
-                } },
-                React.createElement(IconButton, { "data-test": `${dataTest}-add-button`, kind: "transparent", ariaLabel: "Add Icon", icon: Plus, className: cn(styles.addIcon, iconClassName), size: "medium", 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 })))))));
+const InteractiveList = ({
+  label,
+  children,
+  error,
+  name,
+  value,
+  helperText,
+  inputIcon,
+  type,
+  inputValue,
+  setInputValue,
+  onAddItem,
+  onRemoveItem,
+  className,
+  inputClassName,
+  iconClassName,
+  itemClassName,
+  listClassName,
+  'data-test': dataTest = 'interactive-list'
+}) => {
+  const id = reactUid.useUID();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: cn(InteractiveList_module.default.inputRow, className)
+  }, /*#__PURE__*/React.createElement(components_TextField.TextField, {
+    id: id,
+    type: type,
+    helperText: helperText,
+    inputIcon: inputIcon,
+    inputClassName: cn(InteractiveList_module.default.input, inputClassName),
+    inputContainerClassName: InteractiveList_module.default.inputContainer,
+    inputBorderOverlayClassName: InteractiveList_module.default.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();
+      }
+    }
+  }, /*#__PURE__*/React.createElement(components_IconButton.IconButton, {
+    "data-test": `${dataTest}-add-button`,
+    kind: "transparent",
+    ariaLabel: "Add Icon",
+    icon: reactFeather.Plus,
+    className: cn(InteractiveList_module.default.addIcon, iconClassName),
+    size: "medium",
+    onClick: () => void onAddItem()
+  }))), children, /*#__PURE__*/React.createElement("ul", {
+    className: cn(InteractiveList_module.default.list, listClassName)
+  }, value.map((str, idx) => (/*#__PURE__*/React.createElement("li", {
+    key: str,
+    className: itemClassName
+  }, /*#__PURE__*/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
+
+exports.InteractiveList = InteractiveList;
+exports.InteractiveListItem = InteractiveListItem;
+//# sourceMappingURL=InteractiveList.js.map

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","sources":["../../src/components/InteractiveList.tsx"],"sourcesContent":[null],"names":["InteractiveListItem","onRemoveItem","content","error","idx","dataTest","id","useUID","errorProps","errorId","React","createElement","Fragment","className","styles","IconButton","kind","ariaLabel","icon","X","size","removeIcon","onClick","Error","inputId","InteractiveList","label","children","name","value","helperText","inputIcon","type","inputValue","setInputValue","onAddItem","inputClassName","iconClassName","itemClassName","listClassName","cn","inputRow","TextField","input","inputContainerClassName","inputContainer","inputBorderOverlayClassName","inputBorderOverlay","undefined","onChange","target","onKeyDown","e","key","preventDefault","Plus","addIcon","list","map","str"],"mappings":"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"}

package/lib/components/InteractiveList.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"inputRow":"InteractiveList-module__inputRow___RRLai","input":"InteractiveList-module__input___0ygzV","inputBorderOverlay":"InteractiveList-module__inputBorderOverlay___7a1VS","inputContainer":"InteractiveList-module__inputContainer___cyAsx","addIcon":"InteractiveList-module__addIcon___M7wi-","list":"InteractiveList-module__list___co5ir","removeIcon":"InteractiveList-module__removeIcon___-98wB","content":"InteractiveList-module__content___GwGWp"};
+
+exports.default = styles;
+//# sourceMappingURL=InteractiveList.module.scss.js.map

package/lib/components/InteractiveList.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/InteractiveListFormik.js

@@ -1,7 +1,10 @@
-import React, { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
-import { FieldArray, useField, useFormikContext } from 'formik';
-import { InteractiveList } from './InteractiveList';
-import { getFieldError } from '../utils/formik';
+'use strict';
+
+var React = require('react');
+var formik = require('formik');
+var components_InteractiveList = require('./InteractiveList.js');
+var utils_formik = require('../utils/formik.js');
+
 /**
  * InteractiveListFormik
  *
@@ -14,83 +17,109 @@ import { getFieldError } from '../utils/formik';
  *
  * Passing an InteractiveListInputRef as inputControlRef property allows you to modify the value of text input.
  */
-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('');
-    // We want to revalidate on change only after un-successful insert
-    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) {
-            // let's check validate error
-            const error = await validate(normalizedValue);
-            if (error) {
-                validationError = error;
-            }
-        }
-        if (validationError === undefined) {
-            // If we passed with previous checks, let's check against Formik's validation error
-            // We do that by checking future state with validateForm
-            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 the string[], while documentation says
-        // it can be string | string[] which also makes more sense
-        setError(value);
-    }, [setTouched, setError]);
-    const addItem = useCallback(async () => {
-        const validationError = await getValidationError();
+const InteractiveListFormik = ({
+  name,
+  validate,
+  children,
+  inputControlRef,
+  ...props
+}) => {
+  const {
+    validateForm,
+    values: valuesFormik
+  } = formik.useFormikContext();
+  const [field, meta, {
+    setTouched,
+    setError,
+    setValue
+  }] = formik.useField({
+    name,
+    validate
+  });
+  const [inputValue, setInputValue] = React.useState('');
+  // We want to revalidate on change only after un-successful insert
+  const [inputTouched, setInputTouched] = React.useState(false);
+  const normalizedValue = React.useMemo(() => inputValue.trim(), [inputValue]);
+  const getValidationError = React.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) {
+      // let's check validate error
+      const error = await validate(normalizedValue);
+      if (error) {
+        validationError = error;
+      }
+    }
+    if (validationError === undefined) {
+      // If we passed with previous checks, let's check against Formik's validation error
+      // We do that by checking future state with validateForm
+      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 = React.useCallback(value => {
+    setTouched(true, false);
+    // @ts-expect-error Formik expects the string[], while documentation says
+    // it can be string | string[] which also makes more sense
+    setError(value);
+  }, [setTouched, setError]);
+  const addItem = React.useCallback(async () => {
+    const validationError = await getValidationError();
+    if (validationError) {
+      onError(validationError);
+      setInputTouched(true);
+      return validationError;
+    } else {
+      field.value.push(normalizedValue);
+      setValue(field.value);
+      setInputTouched(false);
+      setInputValue('');
+      return undefined;
+    }
+  }, [field.value, getValidationError, normalizedValue, onError, setValue]);
+  React.useImperativeHandle(inputControlRef, () => ({
+    setValue: value => {
+      setInputValue(value);
+    },
+    addItem: addItem,
+    getValue: () => inputValue
+  }));
+  React.useEffect(() => {
+    if (inputTouched) {
+      void getValidationError().then(validationError => {
         if (validationError) {
-            onError(validationError);
-            setInputTouched(true);
-            return validationError;
-        }
-        else {
-            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: addItem,
-        getValue: () => inputValue,
-    }));
-    useEffect(() => {
-        if (inputTouched) {
-            void getValidationError().then((validationError) => {
-                if (validationError) {
-                    onError(validationError);
-                }
-            });
+          onError(validationError);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputTouched, inputValue]);
-    return (React.createElement(FieldArray, { name: name, render: (arrayHelpers) => {
-            return (React.createElement(InteractiveList, { ...props, name: name, value: field.value, inputValue: inputValue, setInputValue: setInputValue, error: getFieldError(meta), onAddItem: addItem, onRemoveItem: (idx) => !!arrayHelpers.remove(idx) }, children));
-        } }));
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputTouched, inputValue]);
+  return /*#__PURE__*/React.createElement(formik.FieldArray, {
+    name: name,
+    render: arrayHelpers => {
+      return /*#__PURE__*/React.createElement(components_InteractiveList.InteractiveList, {
+        ...props,
+        name: name,
+        value: field.value,
+        inputValue: inputValue,
+        setInputValue: setInputValue,
+        error: utils_formik.getFieldError(meta),
+        onAddItem: addItem,
+        onRemoveItem: idx => !!arrayHelpers.remove(idx)
+      }, children);
+    }
+  });
 };
-//# sourceMappingURL=InteractiveListFormik.js.map
+
+exports.InteractiveListFormik = InteractiveListFormik;
+//# sourceMappingURL=InteractiveListFormik.js.map

package/lib/components/InteractiveListFormik.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveListFormik.js","sourceRoot":"","sources":["../../src/components/InteractiveListFormik.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InteractiveListFormik.js","sources":["../../src/components/InteractiveListFormik.tsx"],"sourcesContent":[null],"names":["InteractiveListFormik","name","validate","children","inputControlRef","props","validateForm","values","valuesFormik","useFormikContext","field","meta","setTouched","setError","setValue","useField","inputValue","setInputValue","useState","inputTouched","setInputTouched","normalizedValue","useMemo","trim","getValidationError","useCallback","validationError","undefined","length","value","includes","error","formikErrors","fieldErrors","find","x","onError","addItem","push","useImperativeHandle","getValue","useEffect","then","React","createElement","FieldArray","render","arrayHelpers","InteractiveList","getFieldError","onAddItem","onRemoveItem","idx","remove"],"mappings":";;;;;;;AAYA;;;;;;;;;;;AAWG;AACI,MAAMA,qBAAqB,GAAGA,CAAmB;EACtDC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,eAAe;EACf,GAAGC;AAAK,CACsB,KAAkB;EAChD,MAAM;IAAEC,YAAY;AAAEC,IAAAA,MAAM,EAAEC;GAAc,GAAGC,uBAAgB,EAAK;AACpE,EAAA,MAAM,CAACC,KAAK,EAAEC,IAAI,EAAE;IAAEC,UAAU;IAAEC,QAAQ;AAAEC,IAAAA;GAAU,CAAC,GAAGC,eAAQ,CAAW;IAC3Ed,IAAI;AACJC,IAAAA;AACD,GAAA,CAAC;EAEF,MAAM,CAACc,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAAS,EAAE,CAAC;AACxD;EACA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGF,cAAQ,CAAC,KAAK,CAAC;AAEvD,EAAA,MAAMG,eAAe,GAAGC,aAAO,CAAC,MAAMN,UAAU,CAACO,IAAI,EAAE,EAAE,CAACP,UAAU,CAAC,CAAC;AAEtE,EAAA,MAAMQ,kBAAkB,GAAGC,iBAAW,CAAC,YAAW;IAChD,IAAIC,eAAe,GAAuBC,SAAS;AAEnD,IAAA,IAAIN,eAAe,CAACO,MAAM,KAAK,CAAC,EAAE;AAChCF,MAAAA,eAAe,GAAG,uCAAuC;AAC3D,IAAA;AAEA,IAAA,IAAIA,eAAe,KAAKC,SAAS,IAAIjB,KAAK,CAACmB,KAAK,CAACC,QAAQ,CAACT,eAAe,CAAC,EAAE;AAC1EK,MAAAA,eAAe,GAAG,oCAAoC;AACxD,IAAA;AAEA,IAAA,IAAIA,eAAe,KAAKC,SAAS,IAAIzB,QAAQ,EAAE;AAC7C;AACA,MAAA,MAAM6B,KAAK,GAAG,MAAM7B,QAAQ,CAACmB,eAAe,CAAC;AAC7C,MAAA,IAAIU,KAAK,EAAE;AACTL,QAAAA,eAAe,GAAGK,KAAK;AACzB,MAAA;AACF,IAAA;IAEA,IAAIL,eAAe,KAAKC,SAAS,EAAE;AACjC;AACA;AACA,MAAA,MAAMK,YAAY,GAAG,MAAM1B,YAAY,CAAC;AACtC,QAAA,GAAGE,YAAY;QACf,CAACP,IAAI,GAAG,CAAC,GAAGS,KAAK,CAACmB,KAAK,EAAER,eAAe;AACzC,OAAA,CAAC;AACF,MAAA,MAAMY,WAAW,GAAGD,YAAY,CAAC/B,IAAI,CAAkC;AACvEyB,MAAAA,eAAe,GAAG,OAAOO,WAAW,KAAK,QAAQ,GAAGA,WAAW,GAAGA,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,MAAA,GAAA,MAAA,GAAXA,WAAW,CAAEC,IAAI,CAAEC,CAAC,IAAK,CAAC,CAACA,CAAC,CAAC;AACjG,IAAA;AAEA,IAAA,OAAOT,eAAe;AACxB,EAAA,CAAC,EAAE,CAAChB,KAAK,CAACmB,KAAK,EAAE5B,IAAI,EAAEoB,eAAe,EAAEnB,QAAQ,EAAEI,YAAY,EAAEE,YAAY,CAAC,CAAC;AAE9E,EAAA,MAAM4B,OAAO,GAAGX,iBAAW,CACxBI,KAAwB,IAAI;AAC3BjB,IAAAA,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;AACvB;AACA;IACAC,QAAQ,CAACgB,KAAK,CAAC;AACjB,EAAA,CAAC,EACD,CAACjB,UAAU,EAAEC,QAAQ,CAAC,CACvB;AAED,EAAA,MAAMwB,OAAO,GAAGZ,iBAAW,CAAC,YAAW;AACrC,IAAA,MAAMC,eAAe,GAAG,MAAMF,kBAAkB,EAAE;AAClD,IAAA,IAAIE,eAAe,EAAE;MACnBU,OAAO,CAACV,eAAe,CAAC;MACxBN,eAAe,CAAC,IAAI,CAAC;AACrB,MAAA,OAAOM,eAAe;AACxB,IAAA,CAAC,MAAM;AACLhB,MAAAA,KAAK,CAACmB,KAAK,CAACS,IAAI,CAACjB,eAAe,CAAC;AACjCP,MAAAA,QAAQ,CAACJ,KAAK,CAACmB,KAAK,CAAC;MACrBT,eAAe,CAAC,KAAK,CAAC;MACtBH,aAAa,CAAC,EAAE,CAAC;AACjB,MAAA,OAAOU,SAAS;AAClB,IAAA;AACF,EAAA,CAAC,EAAE,CAACjB,KAAK,CAACmB,KAAK,EAAEL,kBAAkB,EAAEH,eAAe,EAAEe,OAAO,EAAEtB,QAAQ,CAAC,CAAC;EAEzEyB,yBAAmB,CAACnC,eAAe,EAAE,OAAO;IAC1CU,QAAQ,EAAGe,KAAa,IAAI;MAC1BZ,aAAa,CAACY,KAAK,CAAC;IACtB,CAAC;AACDQ,IAAAA,OAAO,EAAEA,OAAO;IAChBG,QAAQ,EAAEA,MAAMxB;AACjB,GAAA,CAAC,CAAC;AAEHyB,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAItB,YAAY,EAAE;AAChB,MAAA,KAAKK,kBAAkB,EAAE,CAACkB,IAAI,CAAEhB,eAAe,IAAI;AACjD,QAAA,IAAIA,eAAe,EAAE;UACnBU,OAAO,CAACV,eAAe,CAAC;AAC1B,QAAA;AACF,MAAA,CAAC,CAAC;AACJ,IAAA;AACA;AACF,EAAA,CAAC,EAAE,CAACP,YAAY,EAAEH,UAAU,CAAC,CAAC;AAE9B,EAAA,oBACE2B,KAAA,CAAAC,aAAA,CAACC,iBAAU,EAAA;AACT5C,IAAAA,IAAI,EAAEA,IAAI;IACV6C,MAAM,EAAGC,YAAY,IAAI;AACvB,MAAA,oBACEJ,KAAA,CAAAC,aAAA,CAACI,0CAAe,EAAA;AAAA,QAAA,GACV3C,KAAK;AACTJ,QAAAA,IAAI,EAAEA,IAAI;QACV4B,KAAK,EAAEnB,KAAK,CAACmB,KAAK;AAClBb,QAAAA,UAAU,EAAEA,UAAU;AACtBC,QAAAA,aAAa,EAAEA,aAAa;AAC5Bc,QAAAA,KAAK,EAAEkB,0BAAa,CAACtC,IAAI,CAAC;AAC1BuC,QAAAA,SAAS,EAAEb,OAAO;QAClBc,YAAY,EAAGC,GAAG,IAAK,CAAC,CAACL,YAAY,CAACM,MAAM,CAACD,GAAG;OAAC,EAEhDjD,QAAQ,CACO;AAEtB,IAAA;AAAC,GAAA,CACD;AAEN;;;;"}

package/lib/components/Label.js

@@ -1,5 +1,20 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './Label.module.scss';
-export const Label = ({ id, label, className, variant = 'primary', 'data-test': dataTest = 'label' }) => (React.createElement("label", { "data-test": dataTest, htmlFor: id, className: cn(styles.label, styles[variant], className) }, label));
-//# sourceMappingURL=Label.js.map
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var Label_module = require('./Label.module.scss.js');
+
+const Label = ({
+  id,
+  label,
+  className,
+  variant = 'primary',
+  'data-test': dataTest = 'label'
+}) => (/*#__PURE__*/React.createElement("label", {
+  "data-test": dataTest,
+  htmlFor: id,
+  className: cn(Label_module.default.label, Label_module.default[variant], className)
+}, label));
+
+exports.Label = Label;
+//# sourceMappingURL=Label.js.map

package/lib/components/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,WAAW,EAAE,QAAQ,GAAG,OAAO,EAAE,EAAE,EAAE,CAAC,CACvH,4CAAkB,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,IAC7F,KAAK,CACA,CACT,CAAA"}
+{"version":3,"file":"Label.js","sources":["../../src/components/Label.tsx"],"sourcesContent":[null],"names":["Label","id","label","className","variant","dataTest","React","htmlFor","cn","styles"],"mappings":";;;;;;AAcO,MAAMA,KAAK,GAAmBA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,SAAS;AAAEC,EAAAA,OAAO,GAAG,SAAS;EAAE,WAAW,EAAEC,QAAQ,GAAG;AAAO,CAAE,mBAClHC;eAAkBD,QAAQ;AAAEE,EAAAA,OAAO,EAAEN,EAAE;AAAEE,EAAAA,SAAS,EAAEK,EAAE,CAACC,oBAAM,CAACP,KAAK,EAAEO,oBAAM,CAACL,OAAO,CAAC,EAAED,SAAS;AAAC,CAAA,EAC7FD,KAAK,CACA;;;;"}

package/lib/components/Label.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"label":"Label-module__label___7PGRk","secondary":"Label-module__secondary___bMRcp"};
+
+exports.default = styles;
+//# sourceMappingURL=Label.module.scss.js.map

package/lib/components/Label.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/Link.js

@@ -1,13 +1,10 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Icon } from './Icon';
-import styles from './Link.module.scss';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const sizes = {
-    normal: styles.normal,
-    small: styles.small,
-    inherit: styles.inherit,
-};
+'use strict';
+
+var React = require('react');
+var cn = require('classnames');
+var components_Icon = require('./Icon.js');
+var Link_module = require('./Link.module.scss.js');
+
 /**
  * ### Purpose
  * Makes text in paragraphs actionable. Sometimes you want text that is actionable but not as attention-grabbing as a button. Maybe it sits inside a paragraph of text.
@@ -20,26 +17,57 @@ 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, 'data-test': dataTest = 'link', }, ref) => {
-    const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
-    const commonProps = {
-        className: cn(styles.link, styles[size], {
-            // kind
-            [styles.primary]: kind === 'primary',
-            [styles.secondary]: kind === 'secondary',
-            [styles.contrast]: kind === 'contrast',
-            // bold
-            [styles.bold]: bold,
-        }, className),
-        href: href,
-        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, "data-test": dataTest },
-        children,
-        iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref, "data-test": dataTest },
-        children,
-        iconComponent));
+const Link = /*#__PURE__*/React.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(Link_module.default.link, Link_module.default[size], {
+      // kind
+      [Link_module.default.primary]: kind === 'primary',
+      [Link_module.default.secondary]: kind === 'secondary',
+      [Link_module.default.contrast]: kind === 'contrast',
+      // bold
+      [Link_module.default.bold]: bold
+    }, className),
+    href: href,
+    onClick: onClick
+  };
+  const iconComponent = icon && ariaLabel ? (/*#__PURE__*/React.createElement(components_Icon.Icon, {
+    bold: bold,
+    icon: icon,
+    ariaLabel: ariaLabel,
+    size: size === 'normal' ? 'medium' : 'small',
+    className: iconClassName
+  })) : undefined;
+  return component === 'a' ? (/*#__PURE__*/React.createElement("a", {
+    ...commonProps,
+    rel: relFinal,
+    target: target,
+    ref: ref,
+    "data-test": dataTest
+  }, children, iconComponent)) : (/*#__PURE__*/React.createElement("button", {
+    ...commonProps,
+    type: type,
+    ref: ref,
+    "data-test": dataTest
+  }, children, iconComponent));
 });
 Link.displayName = 'Link';
-//# sourceMappingURL=Link.js.map
+
+exports.Link = Link;
+//# sourceMappingURL=Link.js.map

package/lib/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,6DAA6D;AAC7D,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,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;YACtC,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"}
+{"version":3,"file":"Link.js","sources":["../../src/components/Link.tsx"],"sourcesContent":[null],"names":["Link","forwardRef","component","kind","size","bold","icon","ariaLabel","iconClassName","href","rel","target","type","onClick","className","children","dataTest","ref","relFinal","Array","isArray","join","commonProps","cn","styles","link","primary","secondary","contrast","iconComponent","React","createElement","Icon","undefined","displayName"],"mappings":";;;;;;;AA4EA;;;;;;;;;;;AAWG;AACI,MAAMA,IAAI,gBAAGC,gBAAU,CAC5B,CACE;AACEC,EAAAA,SAAS,GAAG,GAAG;AACfC,EAAAA,IAAI,GAAG,SAAS;AAChBC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA,IAAI,GAAG,KAAK;EACZC,IAAI;EACJC,SAAS;EACTC,aAAa;EACbC,IAAI;AACJC,EAAAA,GAAG,GAAG,UAAU;AAChBC,EAAAA,MAAM,GAAG,OAAO;AAChBC,EAAAA,IAAI,GAAG,QAAQ;EACfC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACR,WAAW,EAAEC,QAAQ,GAAG;AAAM,CAC/B,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACV,GAAG,CAAC,GAAGA,GAAG,CAACW,IAAI,CAAC,GAAG,CAAC,GAAGX,GAAG;AAEzD,EAAA,MAAMY,WAAW,GAAG;IAClBR,SAAS,EAAES,EAAE,CACXC,mBAAM,CAACC,IAAI,EACXD,mBAAM,CAACpB,IAAI,CAAC,EACZ;AACE;AACA,MAAA,CAACoB,mBAAM,CAACE,OAAO,GAAGvB,IAAI,KAAK,SAAS;AACpC,MAAA,CAACqB,mBAAM,CAACG,SAAS,GAAGxB,IAAI,KAAK,WAAW;AACxC,MAAA,CAACqB,mBAAM,CAACI,QAAQ,GAAGzB,IAAI,KAAK,UAAU;AACtC;MACA,CAACqB,mBAAM,CAACnB,IAAI,GAAGA;KAChB,EACDS,SAAS,CACV;AACDL,IAAAA,IAAI,EAAEA,IAAI;AACVI,IAAAA,OAAO,EAAEA;GACV;EAED,MAAMgB,aAAa,GACjBvB,IAAI,IAAIC,SAAS,iBACfuB,KAAA,CAAAC,aAAA,CAACC,oBAAI,EAAA;AAAC3B,IAAAA,IAAI,EAAEA,IAAI;AAAEC,IAAAA,IAAI,EAAEA,IAAI;AAAEC,IAAAA,SAAS,EAAEA,SAAS;AAAEH,IAAAA,IAAI,EAAEA,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;AAAEU,IAAAA,SAAS,EAAEN;GAAa,CAAI,IAC5HyB,SAAS;EAEf,OAAO/B,SAAS,KAAK,GAAG,iBACtB4B,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAA,IAAA,GAAOT,WAAW;AAAEZ,IAAAA,GAAG,EAAEQ,QAAQ;AAAEP,IAAAA,MAAM,EAAEA,MAAM;AAAEM,IAAAA,GAAG,EAAEA,GAA0C;AAAA,IAAA,WAAA,EAAaD;GAAQ,EACpHD,QAAQ,EACRc,aAAa,CACZ,kBAEJC,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAA,IAAA,GAAYT,WAAW;AAAEV,IAAAA,IAAI,EAAEA,IAAI;AAAEK,IAAAA,GAAG,EAAEA,GAA0C;iBAAaD;AAAQ,GAAA,EACtGD,QAAQ,EACRc,aAAa,CACP,CACV;AACH,CAAC;AAEH7B,IAAI,CAACkC,WAAW,GAAG,MAAM;;;;"}