@bigbinary/neetoui 8.3.29 → 8.3.31

package/dist/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../src/components/Input/utils.js","../src/components/Input/index.jsx"],"sourcesContent":["import { replace } from \"ramda\";\n\nconst toFixed = (numStr, precision) => {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(precision);\n};\n\nconst isValidNumberString = numStr => {\n  if (typeof numStr !== \"string\") return false;\n\n  return !Number.isNaN(Number(numStr.trim()));\n};\n\nexport const formatWithPrecision = (value, precision) => {\n  if (precision < 0 || !value) return value;\n\n  const str = value.toString();\n\n  if (isValidNumberString(str)) return toFixed(str, precision);\n\n  return str;\n};\n\nexport const enforceDecimalPrecision = (value, precision) => {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  const [integerPart, decimalPart] = parts;\n\n  return `${integerPart}.${decimalPart.substring(0, precision)}`;\n};\n\nexport const formatWithRejectCharsRegex = (value, rejectCharsRegex) => {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return replace(globalRegex, \"\", value);\n};\n\nexport const getTrimmedValue = (value, disableTrimOnBlur) => {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n};\n\nexport const preserveCursor = (e, updateValueFn) => {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, prevCursor + lengthDiff);\n\n  requestAnimationFrame(() => {\n    if (document.activeElement !== input) return;\n    input.setSelectionRange(newCursor, newCursor);\n  });\n};\n","import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport {\n  enforceDecimalPrecision,\n  formatWithPrecision,\n  formatWithRejectCharsRegex,\n  getTrimmedValue,\n  preserveCursor,\n} from \"./utils\";\n\nimport Label from \"../Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      type = \"text\",\n      label = \"\",\n      dataCy = \"\",\n      error = \"\",\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      helpText = \"\",\n      className = \"\",\n      nakedInput = false,\n      contentSize = null,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      rejectCharsRegex,\n      onBlur,\n      disableTrimOnBlur = false,\n      precision = -1,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(otherProps.value);\n    const id = useId(otherProps.id);\n\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const value =\n      formatWithPrecision(otherProps.value, precision) ?? valueInternal ?? \"\";\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChange = e => {\n      if (!otherProps.onChange || !otherProps.value) {\n        setValueInternal(e.target.value);\n      }\n      otherProps.onChange?.(e);\n    };\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    const handleChange = e => {\n      if (type === \"file\") {\n        onChange(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => (e.target.value = formattedValue));\n      }\n\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== value) {\n        e.target.value = formattedValue;\n        handleChange(e);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleOnWheel = e => {\n      if (type === \"number\") e.target.blur();\n    };\n\n    const dataCyLabel =\n      typeof label === \"string\" ? hyphenize(label) : hyphenize(dataCy);\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${dataCyLabel}-input-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${dataCyLabel}-input`}\n          className={classnames(\"neeto-ui-input\", {\n            \"neeto-ui-input--naked\": !!nakedInput,\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--small\": size === \"small\",\n            \"neeto-ui-input--medium\": size === \"medium\",\n            \"neeto-ui-input--large\": size === \"large\",\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <input\n            aria-invalid={!!error}\n            data-cy={`${dataCyLabel}-input-field`}\n            size={contentSize}\n            aria-describedby={classnames({\n              [errorId]: !!error,\n              [helpTextId]: helpText,\n            })}\n            {...{\n              disabled,\n              id,\n              ref,\n              required,\n              type,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              value,\n            }}\n            onBlur={handleOnBlur}\n            onChange={handleChange}\n            onWheel={handleOnWheel}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${dataCyLabel}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${dataCyLabel}-input-help`}\n            id={helpTextId}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n  /**\n   * To specify a unique ID to the Input component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the size of Input.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the type of Input field.\n   */\n  type: PropTypes.string,\n  /**\n   * To specify how many decimal places to show in the input.\n   *\n   * For example, if precision is 2:\n   * 10 will be shown as \"10.00\"\n   * 10.1 will be shown as \"10.10\"\n   * 9.758 will be rounded and shown as \"9.76\"\n   */\n  precision: PropTypes.number,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the text to be displayed above the Input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the error message to be shown in the Input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the content to be added at the end of the Input field.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Input field.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To specify whether the Input field is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the text that appears below the Input field.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To specify external classNames that can be provided as overrides to the main wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To create an Input field without any borders.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify the value to be passed as size attribute to the Input field.\n   */\n  contentSize: PropTypes.number,\n  /**\n   * To specify whether the Input field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify a regex to be matched against the user input. Any character that matches it\n   * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n   */\n  rejectCharsRegex: PropTypes.instanceOf(RegExp),\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["toFixed","numStr","precision","num","Number","isNaN","isValidNumberString","trim","formatWithPrecision","value","str","toString","enforceDecimalPrecision","valueStr","split","regex","RegExp","concat","test","parts","length","_parts","_slicedToArray","integerPart","decimalPart","substring","formatWithRejectCharsRegex","rejectCharsRegex","globalRegex","replace","getTrimmedValue","disableTrimOnBlur","preserveCursor","e","updateValueFn","input","target","prevCursor","selectionStart","prevValue","lengthDiff","newCursor","Math","max","requestAnimationFrame","document","activeElement","setSelectionRange","SIZES","small","medium","large","Input","forwardRef","_ref","ref","_ref2","_formatWithPrecision","_ref$size","size","_ref$type","type","_ref$label","label","_ref$dataCy","dataCy","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","_ref$precision","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","valueInternal","setValueInternal","id","useId","errorId","helpTextId","valueLength","isCharacterLimitVisible","maxLengthError","onChange","_otherProps$onChange","call","isMaxLengthPresent","handleChange","formattedValue","handleOnBlur","trimmedValue","handleOnWheel","blur","dataCyLabel","hyphenize","React","createElement","classnames","Label","_extends","htmlFor","_defineProperty","_objectSpread","onWheel","displayName"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../src/components/Input/utils.js","../src/components/Input/index.jsx"],"sourcesContent":["import { replace } from \"ramda\";\n\nconst toFixed = (numStr, precision) => {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(precision);\n};\n\nconst isValidNumberString = numStr => {\n  if (typeof numStr !== \"string\") return false;\n\n  return !Number.isNaN(Number(numStr.trim()));\n};\n\nexport const formatWithPrecision = (value, precision) => {\n  if (precision < 0 || !value) return value;\n\n  const str = value.toString();\n\n  if (isValidNumberString(str)) return toFixed(str, precision);\n\n  return str;\n};\n\nexport const enforceDecimalPrecision = (value, precision) => {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  const [integerPart, decimalPart] = parts;\n\n  return `${integerPart}.${decimalPart.substring(0, precision)}`;\n};\n\nexport const formatWithRejectCharsRegex = (value, rejectCharsRegex) => {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return replace(globalRegex, \"\", value);\n};\n\nexport const getTrimmedValue = (value, disableTrimOnBlur) => {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n};\n\nexport const preserveCursor = (e, updateValueFn) => {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, prevCursor + lengthDiff);\n\n  requestAnimationFrame(() => {\n    if (document.activeElement !== input) return;\n    input.setSelectionRange(newCursor, newCursor);\n  });\n};\n","import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { mergeDeepLeft } from \"ramda\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport {\n  enforceDecimalPrecision,\n  formatWithPrecision,\n  formatWithRejectCharsRegex,\n  getTrimmedValue,\n  preserveCursor,\n} from \"./utils\";\n\nimport Label from \"../Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      type = \"text\",\n      label = \"\",\n      dataCy = \"\",\n      error = \"\",\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      helpText = \"\",\n      className = \"\",\n      nakedInput = false,\n      contentSize = null,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      rejectCharsRegex,\n      onBlur,\n      disableTrimOnBlur = false,\n      precision = -1,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(otherProps.value);\n    const id = useId(otherProps.id);\n\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const value =\n      formatWithPrecision(otherProps.value, precision) ?? valueInternal ?? \"\";\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChange = e => {\n      if (!otherProps.onChange || !otherProps.value) {\n        setValueInternal(e.target.value);\n      }\n      otherProps.onChange?.(e);\n    };\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    const handleChange = e => {\n      if (type === \"file\") {\n        onChange(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () =>\n          mergeDeepLeft({ target: { value: formattedValue } }, e)\n        );\n      } else {\n        onChange(e);\n      }\n    };\n\n    const handleOnBlur = e => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== value) {\n        e.target.value = formattedValue;\n        handleChange(e);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleOnWheel = e => {\n      if (type === \"number\") e.target.blur();\n    };\n\n    const dataCyLabel =\n      typeof label === \"string\" ? hyphenize(label) : hyphenize(dataCy);\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${dataCyLabel}-input-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${dataCyLabel}-input`}\n          className={classnames(\"neeto-ui-input\", {\n            \"neeto-ui-input--naked\": !!nakedInput,\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--small\": size === \"small\",\n            \"neeto-ui-input--medium\": size === \"medium\",\n            \"neeto-ui-input--large\": size === \"large\",\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <input\n            aria-invalid={!!error}\n            data-cy={`${dataCyLabel}-input-field`}\n            size={contentSize}\n            aria-describedby={classnames({\n              [errorId]: !!error,\n              [helpTextId]: helpText,\n            })}\n            {...{\n              disabled,\n              id,\n              ref,\n              required,\n              type,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              value,\n            }}\n            onBlur={handleOnBlur}\n            onChange={handleChange}\n            onWheel={handleOnWheel}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${dataCyLabel}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${dataCyLabel}-input-help`}\n            id={helpTextId}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n  /**\n   * To specify a unique ID to the Input component.\n   */\n  id: PropTypes.string,\n  /**\n   * To specify the size of Input.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the type of Input field.\n   */\n  type: PropTypes.string,\n  /**\n   * To specify how many decimal places to show in the input.\n   *\n   * For example, if precision is 2:\n   * 10 will be shown as \"10.00\"\n   * 10.1 will be shown as \"10.10\"\n   * 9.758 will be rounded and shown as \"9.76\"\n   */\n  precision: PropTypes.number,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the text to be displayed above the Input.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the error message to be shown in the Input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the content to be added at the end of the Input field.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Input field.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To specify whether the Input field is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the text that appears below the Input field.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To specify external classNames that can be provided as overrides to the main wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To create an Input field without any borders.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify the value to be passed as size attribute to the Input field.\n   */\n  contentSize: PropTypes.number,\n  /**\n   * To specify whether the Input field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify a regex to be matched against the user input. Any character that matches it\n   * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n   */\n  rejectCharsRegex: PropTypes.instanceOf(RegExp),\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["toFixed","numStr","precision","num","Number","isNaN","isValidNumberString","trim","formatWithPrecision","value","str","toString","enforceDecimalPrecision","valueStr","split","regex","RegExp","concat","test","parts","length","_parts","_slicedToArray","integerPart","decimalPart","substring","formatWithRejectCharsRegex","rejectCharsRegex","globalRegex","replace","getTrimmedValue","disableTrimOnBlur","preserveCursor","e","updateValueFn","input","target","prevCursor","selectionStart","prevValue","lengthDiff","newCursor","Math","max","requestAnimationFrame","document","activeElement","setSelectionRange","SIZES","small","medium","Input","forwardRef","_ref","ref","_ref2","_formatWithPrecision","_ref$size","size","_ref$type","type","_ref$label","label","_ref$dataCy","dataCy","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","_ref$precision","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","valueInternal","setValueInternal","id","useId","errorId","helpTextId","valueLength","isCharacterLimitVisible","maxLengthError","onChange","_otherProps$onChange","call","isMaxLengthPresent","handleChange","formattedValue","mergeDeepLeft","handleOnBlur","trimmedValue","handleOnWheel","blur","dataCyLabel","hyphenize","_jsxs","classnames","children","_jsx","Label","_objectSpread","htmlFor","_defineProperty","onWheel","displayName"],"mappings":"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"}

package/dist/Kbd.js

@@ -1,24 +1,30 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
+import 'react';
 import classnames from 'classnames';
 import Tooltip from './Tooltip.js';
-import '@babel/runtime/helpers/defineProperty';
+import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';
 import 'tippy.js';
 
 var _excluded = ["keyName", "className", "tooltipProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Kbd = function Kbd(_ref) {
   var keyName = _ref.keyName,
     className = _ref.className,
     tooltipProps = _ref.tooltipProps,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
     disabled: !tooltipProps
-  }, tooltipProps), /*#__PURE__*/React__default.createElement("span", _extends({
-    className: classnames(["neeto-ui-kbd", className])
-  }, otherProps), keyName));
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
+      className: classnames(["neeto-ui-kbd", className])
+    }, otherProps), {}, {
+      children: keyName
+    }))
+  }));
 };
 
 export { Kbd as default };

package/dist/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n  <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n    <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n      {keyName}\n    </span>\n  </Tooltip>\n);\n\nKbd.propTypes = {\n  /**\n   * To specify keyboard key\n   */\n  keyName: PropTypes.string,\n  /**\n   * To provide additional class names to the Kbd.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","React","createElement","Tooltip","_extends","disabled","classnames"],"mappings":";;;;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAGA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5DC,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,QAAA,CAAA;AAACC,IAAAA,QAAQ,EAAE,CAACR,YAAAA;AAAa,GAAA,EAAKA,YAAY,CAChDI,eAAAA,cAAA,CAAAC,aAAA,SAAAE,QAAA,CAAA;AAAMR,IAAAA,SAAS,EAAEU,UAAU,CAAC,CAAC,cAAc,EAAEV,SAAS,CAAC,CAAA;AAAE,GAAA,EAAKE,UAAU,CAAA,EACrEH,OAAO,CACH,CACC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Kbd.js","sources":["../src/components/Kbd.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Kbd = ({ keyName, className, tooltipProps, ...otherProps }) => (\n  <Tooltip disabled={!tooltipProps} {...tooltipProps}>\n    <span className={classnames([\"neeto-ui-kbd\", className])} {...otherProps}>\n      {keyName}\n    </span>\n  </Tooltip>\n);\n\nKbd.propTypes = {\n  /**\n   * To specify keyboard key\n   */\n  keyName: PropTypes.string,\n  /**\n   * To provide additional class names to the Kbd.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the tooltip.\n   */\n  tooltipProps: PropTypes.object,\n};\n\nexport default Kbd;\n"],"names":["Kbd","_ref","keyName","className","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_jsx","Tooltip","_objectSpread","disabled","children","classnames"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAGA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAAA,EAAA,oBAC5DC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,QAAQ,EAAE,CAACP;AAAa,GAAA,EAAKA,YAAY,CAAA,EAAA,EAAA,EAAA;AAAAQ,IAAAA,QAAA,eAChDJ,GAAA,CAAA,MAAA,EAAAE,aAAA,CAAAA,aAAA,CAAA;AAAMP,MAAAA,SAAS,EAAEU,UAAU,CAAC,CAAC,cAAc,EAAEV,SAAS,CAAC;AAAE,KAAA,EAAKE,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAO,MAAAA,QAAA,EACrEV;KAAO,CACJ;AAAC,GAAA,CACA,CAAC;AAAA;;;;"}

package/dist/Label.js

@@ -1,9 +1,9 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { forwardRef, useRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import classnames from 'classnames';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { Help } from '@bigbinary/neeto-icons';
+import Help from '@bigbinary/neeto-icons/Help';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Button from './Button.js';
 import Popover from './Popover.js';
 import Tooltip from './Tooltip.js';
@@ -15,24 +15,29 @@ import 'react-router-dom';
 import './Spinner.js';
 
 var _excluded$2 = ["onClick", "className", "icon"];
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HelpIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick,
     className = _ref.className,
     icon = _ref.icon,
     otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var HelpIcon = icon || Help;
-  return /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/jsx("span", {
     onClick: onClick,
     ref: ref,
-    className: classnames("neeto-ui-label__help-icon-wrap", _defineProperty({}, className, className))
-  }, /*#__PURE__*/React__default.createElement(HelpIcon, _extends({
-    size: 16
-  }, otherProps)));
+    className: classnames("neeto-ui-label__help-icon-wrap", _defineProperty({}, className, className)),
+    children: /*#__PURE__*/jsx(HelpIcon, _objectSpread$2({
+      size: 16
+    }, otherProps))
+  });
 });
 HelpIcon.displayName = "HelpIcon";
 
 var _excluded$1 = ["tooltipProps", "popoverProps"],
   _excluded2 = ["title", "description", "helpLinkProps"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HelpContent = function HelpContent(_ref) {
   var helpIconProps = _ref.helpIconProps;
   var popoverReferenceElement = useRef();
@@ -41,42 +46,53 @@ var HelpContent = function HelpContent(_ref) {
     popoverProps = _ref2.popoverProps,
     otherHelpIconProps = _objectWithoutProperties(_ref2, _excluded$1);
   if (tooltipProps) {
-    return /*#__PURE__*/React__default.createElement(Tooltip, tooltipProps, /*#__PURE__*/React__default.createElement(HelpIcon, otherHelpIconProps));
+    return /*#__PURE__*/jsx(Tooltip, _objectSpread$1(_objectSpread$1({}, tooltipProps), {}, {
+      children: /*#__PURE__*/jsx(HelpIcon, _objectSpread$1({}, otherHelpIconProps))
+    }));
   }
   if (popoverProps) {
     var title = popoverProps.title,
       description = popoverProps.description,
       helpLinkProps = popoverProps.helpLinkProps,
       otherPopoverProps = _objectWithoutProperties(popoverProps, _excluded2);
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(HelpIcon, _extends({}, otherHelpIconProps, {
-      ref: popoverReferenceElement
-    })), /*#__PURE__*/React__default.createElement(Popover, _extends({
-      reference: popoverReferenceElement
-    }, otherPopoverProps), /*#__PURE__*/React__default.createElement("div", {
-      className: "neeto-ui-flex neeto-ui-flex-col"
-    }, title && /*#__PURE__*/React__default.createElement(Popover.Title, {
-      "data-cy": "help-popover-title",
-      "data-testid": "help-popover-title"
-    }, title), typeof description === "string" ? /*#__PURE__*/React__default.createElement(Typography, {
-      "data-cy": "help-popover-description",
-      "data-testid": "help-popover-description",
-      lineHeight: "normal",
-      style: "body2",
-      weight: "normal"
-    }, description) : description, helpLinkProps && /*#__PURE__*/React__default.createElement(Button, _extends({
-      className: "neeto-ui-mt-3",
-      "data-cy": "help-popover-link-button",
-      size: "small"
-    }, helpLinkProps, {
-      "data-testid": "help-popover-link-button",
-      style: "link",
-      target: "_blank"
-    })))));
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(HelpIcon, _objectSpread$1(_objectSpread$1({}, otherHelpIconProps), {}, {
+        ref: popoverReferenceElement
+      })), /*#__PURE__*/jsx(Popover, _objectSpread$1(_objectSpread$1({
+        reference: popoverReferenceElement
+      }, otherPopoverProps), {}, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: "neeto-ui-flex neeto-ui-flex-col",
+          children: [title && /*#__PURE__*/jsx(Popover.Title, {
+            "data-cy": "help-popover-title",
+            "data-testid": "help-popover-title",
+            children: title
+          }), typeof description === "string" ? /*#__PURE__*/jsx(Typography, {
+            "data-cy": "help-popover-description",
+            "data-testid": "help-popover-description",
+            lineHeight: "normal",
+            style: "body2",
+            weight: "normal",
+            children: description
+          }) : description, helpLinkProps && /*#__PURE__*/jsx(Button, _objectSpread$1(_objectSpread$1({
+            className: "neeto-ui-mt-3",
+            "data-cy": "help-popover-link-button",
+            size: "small"
+          }, helpLinkProps), {}, {
+            "data-testid": "help-popover-link-button",
+            style: "link",
+            target: "_blank"
+          }))]
+        })
+      }))]
+    });
   }
-  return /*#__PURE__*/React__default.createElement(HelpIcon, otherHelpIconProps);
+  return /*#__PURE__*/jsx(HelpIcon, _objectSpread$1({}, otherHelpIconProps));
 };
 
 var _excluded = ["children", "className", "required", "helpIconProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
@@ -86,12 +102,15 @@ var Label = function Label(_ref) {
     _ref$helpIconProps = _ref.helpIconProps,
     helpIconProps = _ref$helpIconProps === void 0 ? null : _ref$helpIconProps,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("label", _extends({
+  return /*#__PURE__*/jsxs("label", _objectSpread(_objectSpread({
     className: classnames("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
-  }, props), children, required && /*#__PURE__*/React__default.createElement("span", {
-    "aria-hidden": true
-  }, "*"), helpIconProps && /*#__PURE__*/React__default.createElement(HelpContent, {
-    helpIconProps: helpIconProps
+  }, props), {}, {
+    children: [children, required && /*#__PURE__*/jsx("span", {
+      "aria-hidden": true,
+      children: "*"
+    }), helpIconProps && /*#__PURE__*/jsx(HelpContent, {
+      helpIconProps: helpIconProps
+    })]
   }));
 };
 

package/dist/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../src/components/Label/HelpIcon.jsx","../src/components/Label/HelpContent.jsx","../src/components/Label/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\n\nconst HelpIcon = forwardRef(\n  ({ onClick, className, icon, ...otherProps }, ref) => {\n    const HelpIcon = icon || Help;\n\n    return (\n      <span\n        {...{ onClick, ref }}\n        className={classNames(\"neeto-ui-label__help-icon-wrap\", {\n          [className]: className,\n        })}\n      >\n        <HelpIcon size={16} {...otherProps} />\n      </span>\n    );\n  }\n);\n\nHelpIcon.displayName = \"HelpIcon\";\n\nexport default HelpIcon;\n","import React, { useRef } from \"react\";\n\nimport HelpIcon from \"./HelpIcon\";\n\nimport Button from \"../Button\";\nimport Popover from \"../Popover\";\nimport Tooltip from \"../Tooltip\";\nimport Typography from \"../Typography\";\n\nconst HelpContent = ({ helpIconProps }) => {\n  const popoverReferenceElement = useRef();\n\n  const { tooltipProps, popoverProps, ...otherHelpIconProps } =\n    helpIconProps || {};\n\n  if (tooltipProps) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <HelpIcon {...otherHelpIconProps} />\n      </Tooltip>\n    );\n  }\n\n  if (popoverProps) {\n    const { title, description, helpLinkProps, ...otherPopoverProps } =\n      popoverProps;\n\n    return (\n      <>\n        <HelpIcon {...otherHelpIconProps} ref={popoverReferenceElement} />\n        <Popover reference={popoverReferenceElement} {...otherPopoverProps}>\n          <div className=\"neeto-ui-flex neeto-ui-flex-col\">\n            {title && (\n              <Popover.Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Popover.Title>\n            )}\n            {typeof description === \"string\" ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        </Popover>\n      </>\n    );\n  }\n\n  return <HelpIcon {...otherHelpIconProps} />;\n};\n\nexport default HelpContent;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport HelpContent from \"./HelpContent\";\n\nimport Button from \"../Button\";\nimport Tooltip from \"../Tooltip\";\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...props\n}) => (\n  <label\n    className={classnames(\n      \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    {required && <span aria-hidden>*</span>}\n    {helpIconProps && <HelpContent {...{ helpIconProps }} />}\n  </label>\n);\n\nLabel.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Label.\n   */\n  children: PropTypes.node,\n  /**\n   * Provide external classnames to Label component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props for the help icon\n   */\n  helpIconProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n    popoverProps: PropTypes.shape({\n      title: PropTypes.node,\n      description: PropTypes.node,\n      helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n    }),\n    className: PropTypes.string,\n  }),\n};\n\nexport default Label;\n"],"names":["HelpIcon","forwardRef","_ref","ref","onClick","className","icon","otherProps","_objectWithoutProperties","_excluded","Help","React","createElement","classNames","_defineProperty","_extends","size","displayName","HelpContent","helpIconProps","popoverReferenceElement","useRef","_ref2","tooltipProps","popoverProps","otherHelpIconProps","Tooltip","title","description","helpLinkProps","otherPopoverProps","_excluded2","Fragment","Popover","reference","Title","Typography","lineHeight","style","weight","Button","target","Label","children","_ref$className","_ref$required","required","_ref$helpIconProps","props","classnames"],"mappings":"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"}
+{"version":3,"file":"Label.js","sources":["../src/components/Label/HelpIcon.jsx","../src/components/Label/HelpContent.jsx","../src/components/Label/index.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\n\nconst HelpIcon = forwardRef(\n  ({ onClick, className, icon, ...otherProps }, ref) => {\n    const HelpIcon = icon || Help;\n\n    return (\n      <span\n        {...{ onClick, ref }}\n        className={classNames(\"neeto-ui-label__help-icon-wrap\", {\n          [className]: className,\n        })}\n      >\n        <HelpIcon size={16} {...otherProps} />\n      </span>\n    );\n  }\n);\n\nHelpIcon.displayName = \"HelpIcon\";\n\nexport default HelpIcon;\n","import React, { useRef } from \"react\";\n\nimport HelpIcon from \"./HelpIcon\";\n\nimport Button from \"../Button\";\nimport Popover from \"../Popover\";\nimport Tooltip from \"../Tooltip\";\nimport Typography from \"../Typography\";\n\nconst HelpContent = ({ helpIconProps }) => {\n  const popoverReferenceElement = useRef();\n\n  const { tooltipProps, popoverProps, ...otherHelpIconProps } =\n    helpIconProps || {};\n\n  if (tooltipProps) {\n    return (\n      <Tooltip {...tooltipProps}>\n        <HelpIcon {...otherHelpIconProps} />\n      </Tooltip>\n    );\n  }\n\n  if (popoverProps) {\n    const { title, description, helpLinkProps, ...otherPopoverProps } =\n      popoverProps;\n\n    return (\n      <>\n        <HelpIcon {...otherHelpIconProps} ref={popoverReferenceElement} />\n        <Popover reference={popoverReferenceElement} {...otherPopoverProps}>\n          <div className=\"neeto-ui-flex neeto-ui-flex-col\">\n            {title && (\n              <Popover.Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Popover.Title>\n            )}\n            {typeof description === \"string\" ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        </Popover>\n      </>\n    );\n  }\n\n  return <HelpIcon {...otherHelpIconProps} />;\n};\n\nexport default HelpContent;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport HelpContent from \"./HelpContent\";\n\nimport Button from \"../Button\";\nimport Tooltip from \"../Tooltip\";\n\nconst Label = ({\n  children,\n  className = \"\",\n  required = false,\n  helpIconProps = null,\n  ...props\n}) => (\n  <label\n    className={classnames(\n      \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    {required && <span aria-hidden>*</span>}\n    {helpIconProps && <HelpContent {...{ helpIconProps }} />}\n  </label>\n);\n\nLabel.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Label.\n   */\n  children: PropTypes.node,\n  /**\n   * Provide external classnames to Label component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Props for the help icon\n   */\n  helpIconProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n    tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n    popoverProps: PropTypes.shape({\n      title: PropTypes.node,\n      description: PropTypes.node,\n      helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n    }),\n    className: PropTypes.string,\n  }),\n};\n\nexport default Label;\n"],"names":["HelpIcon","forwardRef","_ref","ref","onClick","className","icon","otherProps","_objectWithoutProperties","_excluded","Help","_jsx","classNames","_defineProperty","children","_objectSpread","size","displayName","HelpContent","helpIconProps","popoverReferenceElement","useRef","_ref2","tooltipProps","popoverProps","otherHelpIconProps","Tooltip","title","description","helpLinkProps","otherPopoverProps","_excluded2","_jsxs","_Fragment","Popover","reference","Title","Typography","lineHeight","style","weight","Button","target","Label","_ref$className","_ref$required","required","_ref$helpIconProps","props","classnames"],"mappings":"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"}

package/dist/Modal.js

@@ -1,14 +1,14 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default, { useState, useRef } from 'react';
 import classnames from 'classnames';
-import { Close } from '@bigbinary/neeto-icons';
-import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-AZIGhUYS.js';
+import Close from '@bigbinary/neeto-icons/Close';
+import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-BzuBvhPZ.js';
 import Button from './Button.js';
 import 'react-router-dom';
 import 'qs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import Typography from './Typography.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
@@ -19,7 +19,7 @@ import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import './index-Dxaw6gl9.js';
+import './index-D6vmwyYl.js';
 import '@bigbinary/neeto-cist';
 import './en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -37,20 +37,22 @@ var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className,
     dataCy = _ref.dataCy;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: classnames("neeto-ui-modal__body", className),
-    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-body"
-  }, children);
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-body",
+    children: children
+  });
 };
 
 var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className,
     dataCy = _ref.dataCy;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: classnames("neeto-ui-modal__footer", className),
-    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-footer"
-  }, children);
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-footer",
+    children: children
+  });
 };
 
 var Header = function Header(_ref) {
@@ -59,16 +61,19 @@ var Header = function Header(_ref) {
     children = _ref.children,
     className = _ref.className,
     dataCy = _ref.dataCy;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classnames("neeto-ui-modal__header", className),
-    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-header"
-  }, children, description && /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-modal__header-desc",
-    "data-cy": "modal-header-desc"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    lineHeight: "normal",
-    style: "body2"
-  }, description)));
+    "data-cy": dataCy !== null && dataCy !== void 0 ? dataCy : "modal-header",
+    children: [children, description && /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-modal__header-desc",
+      "data-cy": "modal-header-desc",
+      children: /*#__PURE__*/jsx(Typography, {
+        lineHeight: "normal",
+        style: "body2",
+        children: description
+      })
+    })]
+  });
 };
 
 var MemoizedChildren = /*#__PURE__*/React__default.memo(function (_ref) {
@@ -81,6 +86,8 @@ var MemoizedChildren = /*#__PURE__*/React__default.memo(function (_ref) {
 MemoizedChildren.displayName = "MemoizedChildren";
 
 var _excluded = ["size", "isOpen", "onClose", "children", "finalFocusRef", "initialFocusRef", "className", "closeOnEsc", "closeButton", "backdropClassName", "blockScrollOnMount", "closeOnOutsideClick", "forceRender"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZES = {
   small: "small",
   medium: "medium",
@@ -134,52 +141,56 @@ var Modal = function Modal(_ref) {
     handleOverlayClose = _useOverlay.handleOverlayClose,
     setFocusField = _useOverlay.setFocusField;
   var isFullScreenModal = size === SIZES.fullScreen;
-  return /*#__PURE__*/React__default.createElement(Portal, {
-    rootId: "neeto-ui-portal"
-  }, /*#__PURE__*/React__default.createElement(CSSTransition, {
-    unmountOnExit: true,
-    appear: isOpen,
-    classNames: "neeto-ui-modal",
-    "in": isOpen,
-    timeout: 300,
-    onEntered: function onEntered() {
-      return setHasTransitionCompleted(true);
-    },
-    onExited: function onExited() {
-      return setHasTransitionCompleted(false);
-    }
-  }, /*#__PURE__*/React__default.createElement(Backdrop, {
-    "data-testid": "backdrop",
-    key: "modal-backdrop",
-    ref: backdropRef,
-    className: classnames("neeto-ui-modal__backdrop", {
-      "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal
-    }, backdropClassName)
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
-    "aria-modal": true,
-    key: "modal-wrapper",
-    ref: modalWrapper,
-    role: "dialog",
-    className: classnames("neeto-ui-modal__wrapper", _defineProperty({
-      "neeto-ui-modal__wrapper--small": size === SIZES.small,
-      "neeto-ui-modal__wrapper--medium": size === SIZES.medium,
-      "neeto-ui-modal__wrapper--large": size === SIZES.large,
-      "neeto-ui-modal__wrapper--fullscreen": isFullScreenModal
-    }, className, className))
-  }, otherProps), closeButton && /*#__PURE__*/React__default.createElement(Button, {
-    "aria-label": "Close",
-    className: "neeto-ui-modal__close",
-    "data-cy": "modal-close-button",
-    "data-testid": "close-button",
-    icon: Close,
-    size: isFullScreenModal ? "large" : "small",
-    style: isFullScreenModal ? "secondary" : "text",
-    onClick: handleOverlayClose
-  }), /*#__PURE__*/React__default.createElement(MemoizedChildren, {
-    shouldUpdate: isOpen || forceRender
-  }, typeof children === "function" ? children({
-    setFocusField: setFocusField
-  }) : children)))));
+  return /*#__PURE__*/jsx(Portal, {
+    rootId: "neeto-ui-portal",
+    children: /*#__PURE__*/jsx(CSSTransition, {
+      unmountOnExit: true,
+      appear: isOpen,
+      classNames: "neeto-ui-modal",
+      "in": isOpen,
+      timeout: 300,
+      onEntered: function onEntered() {
+        return setHasTransitionCompleted(true);
+      },
+      onExited: function onExited() {
+        return setHasTransitionCompleted(false);
+      },
+      children: /*#__PURE__*/jsx(Backdrop, {
+        "data-testid": "backdrop",
+        ref: backdropRef,
+        className: classnames("neeto-ui-modal__backdrop", {
+          "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal
+        }, backdropClassName),
+        children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+          "aria-modal": true,
+          ref: modalWrapper,
+          role: "dialog",
+          className: classnames("neeto-ui-modal__wrapper", _defineProperty({
+            "neeto-ui-modal__wrapper--small": size === SIZES.small,
+            "neeto-ui-modal__wrapper--medium": size === SIZES.medium,
+            "neeto-ui-modal__wrapper--large": size === SIZES.large,
+            "neeto-ui-modal__wrapper--fullscreen": isFullScreenModal
+          }, className, className))
+        }, otherProps), {}, {
+          children: [closeButton && /*#__PURE__*/jsx(Button, {
+            "aria-label": "Close",
+            className: "neeto-ui-modal__close",
+            "data-cy": "modal-close-button",
+            "data-testid": "close-button",
+            icon: Close,
+            size: isFullScreenModal ? "large" : "small",
+            style: isFullScreenModal ? "secondary" : "text",
+            onClick: handleOverlayClose
+          }), /*#__PURE__*/jsx(MemoizedChildren, {
+            shouldUpdate: isOpen || forceRender,
+            children: typeof children === "function" ? children({
+              setFocusField: setFocusField
+            }) : children
+          })]
+        }), "modal-wrapper")
+      }, "modal-backdrop")
+    })
+  });
 };
 Modal.Header = Header;
 Modal.Body = Body;