@bigbinary/neetoui 6.5.9 → 6.5.11

package/dist/cjs/MultiEmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput.js","sources":["../../node_modules/@babel/runtime/helpers/esm/toArray.js","../../src/components/MultiEmailInput/constants.jsx","../../src/components/MultiEmailInput/utils.js","../../src/components/MultiEmailInput/index.jsx"],"sourcesContent":["import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _toArray(arr) {\n  return arrayWithHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableRest();\n}","import React from \"react\";\n\nimport { Close } from \"neetoicons\";\nimport { assoc } from \"ramda\";\nimport { components } from \"react-select\";\n\nimport Tag from \"components/Tag\";\nimport { hyphenize } from \"utils\";\n\nconst STYLES = {\n  border: {\n    default: \"1px solid rgb(var(--neeto-ui-gray-400))\",\n    error: \"1px solid rgb(var(--neeto-ui-error-800)) !important\",\n  },\n  color: {\n    default: \"rgb(var(--neeto-ui-gray-800))\",\n    error: \"rgb(var(--neeto-ui-error-800)) !important\",\n  },\n};\n\nconst CustomControl = ({ children, ...props }) => {\n  const { prefix } = props.selectProps;\n\n  return (\n    <components.Control {...props}>\n      {prefix && <div className=\"neeto-ui-email-input__prefix\">{prefix}</div>}\n      {children}\n    </components.Control>\n  );\n};\n\nconst CustomDropdownIndicator = props => {\n  const { suffix } = props.selectProps;\n\n  return suffix ? (\n    <components.DropdownIndicator {...props}>\n      <div className=\"neeto-ui-email-input__suffix\">{suffix}</div>\n    </components.DropdownIndicator>\n  ) : null;\n};\n\nconst MultiValueRemove = props => (\n  <components.MultiValueRemove\n    {...props}\n    innerProps={{\n      ...props.innerProps,\n      [\"data-cy\"]: `${hyphenize(props.data.label)}-remove-icon`,\n    }}\n  >\n    <Close size={16} />\n  </components.MultiValueRemove>\n);\n\nconst CustomValueContainer = ({ children, ...props }) => {\n  const {\n    getValue,\n    selectProps: { isFocused, visibleEmailsCount },\n  } = props;\n  const value = getValue();\n  const [firstChild, ...rest] = children;\n\n  const shouldCollapse = !isFocused && value.length > visibleEmailsCount;\n\n  return (\n    <components.ValueContainer\n      {...props}\n      innerProps={{\n        ...props.innerProps,\n        [\"data-cy\"]: \"multi-email-input-container\",\n      }}\n    >\n      {shouldCollapse ? firstChild.slice(0, visibleEmailsCount) : firstChild}\n      {shouldCollapse && (\n        <Tag\n          label={`${value.length - visibleEmailsCount} more`}\n          style=\"secondary\"\n        />\n      )}\n      {rest}\n    </components.ValueContainer>\n  );\n};\n\nconst CustomClearIndicator = props => (\n  <components.ClearIndicator\n    {...props}\n    innerProps={{ ...props.innerProps, [\"data-cy\"]: \"clear-all-button\" }}\n  >\n    <Close className=\"cursor-pointer\" size={16} />\n  </components.ClearIndicator>\n);\n\nconst SelectContainer = props => (\n  <components.SelectContainer\n    {...props}\n    innerProps={{\n      ...props.innerProps,\n      [\"data-cy\"]: \"multi-email-select-container\",\n    }}\n  />\n);\n\nconst Input = props => (\n  <components.Input {...props} data-cy=\"email-select-input-field\" />\n);\nexport const EMAIL_REGEX = new RegExp(\n  \"^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\\\.[A-Z]{2,}$\",\n  \"i\"\n);\n\nexport const UNSTRICT_EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/g;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n\nexport const CUSTOM_STYLES = {\n  input: assoc(\"overflow\", \"hidden\"),\n  multiValue: (styles, { data: { valid } }) => ({\n    ...styles,\n    border: valid ? STYLES.border.default : STYLES.border.error,\n    color: valid ? STYLES.color.default : STYLES.color.error,\n  }),\n};\n\nexport const CUSTOM_COMPONENTS = {\n  DropdownIndicator: CustomDropdownIndicator,\n  Control: CustomControl,\n  MultiValueRemove,\n  ValueContainer: CustomValueContainer,\n  ClearIndicator: CustomClearIndicator,\n  SelectContainer,\n  Input,\n};\n","import { pluck } from \"ramda\";\n\nimport { EMAIL_REGEX } from \"./constants\";\n\nexport const formatEmailInputOptions = label => ({\n  label,\n  value: label,\n  valid: EMAIL_REGEX.test(label),\n});\n\nexport const pruneDuplicates = inputValues => {\n  const values = pluck(\"value\", inputValues);\n  const uniqueValues = [...new Set(values)];\n\n  return uniqueValues.map(email => formatEmailInputOptions(email));\n};\n\nexport const renderValidEmails = values =>\n  values.filter(email => email.valid && email);\n\nexport const getValidEmailsCount = values => renderValidEmails(values).length;\n\nexport const renderDefaultText = count => (count === 1 ? \"email\" : \"emails\");\n","import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft, isEmpty } from \"ramda\";\nimport CreatableSelect from \"react-select/creatable\";\n\nimport { noop, hyphenize } from \"utils\";\n\nimport {\n  EMAIL_SEPARATION_REGEX,\n  CUSTOM_STYLES,\n  UNSTRICT_EMAIL_REGEX,\n  CUSTOM_COMPONENTS,\n} from \"./constants\";\nimport {\n  formatEmailInputOptions,\n  pruneDuplicates,\n  renderValidEmails,\n  renderDefaultText,\n  getValidEmailsCount,\n} from \"./utils\";\n\nimport Label from \"../Label\";\n\nconst MultiEmailInput = forwardRef(\n  (\n    {\n      label = \"Email(s)\",\n      placeholder = \"\",\n      helpText = \"\",\n      value = [],\n      onChange = noop,\n      error = \"\",\n      onBlur = noop,\n      filterInvalidEmails,\n      counter,\n      disabled = false,\n      maxHeight = 200,\n      required = false,\n      labelProps,\n      visibleEmailsCount = 3,\n      isCreateable = true,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [inputValue, setInputValue] = useState(\"\");\n    const [isFocused, setIsFocused] = useState(false);\n\n    const isCounterVisible =\n      !!counter &&\n      (!counter.startsFrom || getValidEmailsCount(value) >= counter.startsFrom);\n\n    const isOptionsPresent = !!otherProps.options;\n\n    const handleFilterEmails = () => onChange(renderValidEmails(value));\n\n    const handleEmailChange = () => {\n      const inputValues = inputValue.match(EMAIL_SEPARATION_REGEX);\n      const emailMatches =\n        inputValue.match(UNSTRICT_EMAIL_REGEX) || inputValues || [];\n\n      const emails = emailMatches.map(email => formatEmailInputOptions(email));\n      onChange(pruneDuplicates([...value, ...emails]));\n      setInputValue(\"\");\n    };\n\n    const handleKeyDown = event => {\n      if (!inputValue) return;\n\n      switch (event.key) {\n        case \"Enter\": {\n          handleEmailChange();\n          !isOptionsPresent && event.preventDefault();\n          event.stopPropagation();\n\n          return;\n        }\n        case \"Tab\":\n        case \",\":\n        case \" \": {\n          handleEmailChange();\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    };\n\n    const onCreateOption = input => {\n      const email = formatEmailInputOptions(input);\n      onChange(pruneDuplicates([...value, email]));\n      otherProps?.onCreateOption?.(input);\n    };\n\n    const handleBlur = event => {\n      inputValue ? handleEmailChange() : onBlur(event);\n      setIsFocused(false);\n    };\n\n    let overrideProps = {};\n\n    if (isOptionsPresent) {\n      const isValidNewOption = (inputValue, _, selectOptions) => {\n        if (!isCreateable) return false;\n\n        const isInputEmpty = isEmpty(inputValue.trim());\n        const doesInputContainSeparator =\n          inputValue.includes(\",\") || inputValue.includes(\" \");\n\n        const isInputPresentInOptions = selectOptions.find(\n          option => option.value === inputValue.toLowerCase()\n        );\n\n        return !(\n          isInputEmpty ||\n          doesInputContainSeparator ||\n          isInputPresentInOptions\n        );\n      };\n      overrideProps = { onCreateOption, isValidNewOption };\n    }\n\n    const isFilterEmailsLinkVisible =\n      !!filterInvalidEmails && value.length > getValidEmailsCount(value);\n\n    return (\n      <div className=\"neeto-ui-input__wrapper neeto-ui-email-input__wrapper\">\n        <div className=\"neeto-ui-email-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              className=\"neeto-ui-email-input__label\"\n              data-cy={`${hyphenize(label)}-input-label`}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCounterVisible && (\n            <p\n              className=\"neeto-ui-email-input__counter\"\n              data-cy={`${hyphenize(label)}-email-counter`}\n            >\n              {getValidEmailsCount(value)}{\" \"}\n              {counter.label\n                ? counter.label\n                : renderDefaultText(getValidEmailsCount(value))}\n            </p>\n          )}\n        </div>\n        <CreatableSelect\n          isMulti\n          required\n          classNamePrefix=\"neeto-ui-react-select\"\n          components={CUSTOM_COMPONENTS}\n          isDisabled={disabled}\n          className={classnames(\n            \"neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select\",\n            { \"neeto-ui-react-select__container--error\": !!error }\n          )}\n          styles={{\n            ...CUSTOM_STYLES,\n            control: mergeLeft({\n              maxHeight: `${maxHeight}px`,\n              overflowY: \"auto\",\n            }),\n          }}\n          onBlur={handleBlur}\n          onFocus={() => setIsFocused(true)}\n          onInputChange={inputValue => setInputValue(inputValue)}\n          onKeyDown={handleKeyDown}\n          {...{\n            inputValue,\n            isFocused,\n            onChange,\n            placeholder,\n            ref,\n            value,\n            visibleEmailsCount,\n            ...(!isOptionsPresent && { menuIsOpen: false }),\n            ...otherProps,\n            ...overrideProps,\n          }}\n        />\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n          >\n            {error}\n            {isFilterEmailsLinkVisible && (\n              <span\n                className=\"neeto-ui-font-semibold cursor-pointer\"\n                onClick={handleFilterEmails}\n              >\n                &nbsp;\n                {filterInvalidEmails.label\n                  ? filterInvalidEmails.label\n                  : \"Click here to remove invalid emails.\"}\n              </span>\n            )}\n          </p>\n        )}\n        {!!helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${hyphenize(label)}-input-help`}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nMultiEmailInput.displayName = \"MultiEmailInput\";\n\nMultiEmailInput.propTypes = {\n  /**\n   * To specify the text to be displayed above the Input field.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify the text to be displayed inside the Input field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify the helper text message to be displayed below the Input field.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To specify the value to be displayed inside the Input field.\n   */\n  value: PropTypes.array,\n  /**\n   * To specify the error message to be shown below the Input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify whether the Input field is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify whether the Input field is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify the message to be shown besides the error message to filter out the invalid emails.\n   */\n  filterInvalidEmails: PropTypes.shape({ label: PropTypes.string }),\n  /**\n   * To add an email counter next to the label.\n   */\n  counter: PropTypes.oneOfType([\n    PropTypes.bool,\n    PropTypes.shape({\n      label: PropTypes.string,\n      startsFrom: PropTypes.number,\n    }),\n  ]),\n  /**\n   * To specify the action to be triggered on modifying the Input field.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the action to be triggered on changing focus from the Input field.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * To specify the maximum height (in pixels) of the container before it becomes scrollable.\n   */\n  maxHeight: PropTypes.number,\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 the number of email to be displayed in the input field when not in focus.\n   */\n  visibleEmailsCount: PropTypes.number,\n  /**\n   * To specify whether a new email option can be created or not.\n   */\n  isCreateable: PropTypes.bool,\n};\n\nexport default MultiEmailInput;\n"],"names":["arrayWithHoles","iterableToArray","unsupportedIterableToArray","nonIterableRest","STYLES","border","error","color","CustomControl","_ref","children","props","_objectWithoutProperties","_excluded","prefix","selectProps","React","createElement","components","Control","className","CustomDropdownIndicator","suffix","DropdownIndicator","MultiValueRemove","_extends","innerProps","_objectSpread","_defineProperty","concat","hyphenize","data","label","Close","size","CustomValueContainer","_ref2","_excluded2","getValue","_props$selectProps","isFocused","visibleEmailsCount","value","_children","_toArray","firstChild","rest","slice","shouldCollapse","length","ValueContainer","Tag","style","CustomClearIndicator","ClearIndicator","SelectContainer","Input","EMAIL_REGEX","RegExp","UNSTRICT_EMAIL_REGEX","EMAIL_SEPARATION_REGEX","CUSTOM_STYLES","input","assoc","multiValue","styles","_ref3","valid","CUSTOM_COMPONENTS","formatEmailInputOptions","test","pruneDuplicates","inputValues","values","pluck","uniqueValues","_toConsumableArray","Set","map","email","renderValidEmails","filter","getValidEmailsCount","renderDefaultText","count","MultiEmailInput","forwardRef","ref","_ref$label","_ref$placeholder","placeholder","_ref$helpText","helpText","_ref$value","_ref$onChange","onChange","noop","_ref$error","_ref$onBlur","onBlur","filterInvalidEmails","counter","_ref$disabled","disabled","_ref$maxHeight","maxHeight","_ref$required","required","labelProps","_ref$visibleEmailsCou","_ref$isCreateable","isCreateable","otherProps","_useState","useState","_useState2","_slicedToArray","inputValue","setInputValue","_useState3","_useState4","setIsFocused","isCounterVisible","startsFrom","isOptionsPresent","options","handleFilterEmails","handleEmailChange","match","emailMatches","emails","handleKeyDown","event","key","preventDefault","stopPropagation","onCreateOption","_otherProps$onCreateO","call","handleBlur","overrideProps","isValidNewOption","_","selectOptions","isInputEmpty","isEmpty","trim","doesInputContainSeparator","includes","isInputPresentInOptions","find","option","toLowerCase","isFilterEmailsLinkVisible","Label","CreatableSelect","isMulti","classNamePrefix","isDisabled","classnames","control","mergeLeft","overflowY","onFocus","onInputChange","onKeyDown","menuIsOpen","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIe,SAAS,QAAQ,CAAC,GAAG,EAAE;AACtC,EAAE,OAAOA,6BAAc,CAAC,GAAG,CAAC,IAAIC,kCAAe,CAAC,GAAG,CAAC,IAAIC,yCAA0B,CAAC,GAAG,CAAC,IAAIC,8BAAe,EAAE,CAAC;AAC7G;;;;;;ACGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAE;AACN,IAAA,SAAA,EAAS,yCAAyC;AAClDC,IAAAA,KAAK,EAAE,qDAAA;GACR;AACDC,EAAAA,KAAK,EAAE;AACL,IAAA,SAAA,EAAS,+BAA+B;AACxCD,IAAAA,KAAK,EAAE,2CAAA;AACT,GAAA;AACF,CAAC,CAAA;AAED,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAA+B;AAAA,EAAA,IAAzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,gDAAA,CAAAH,IAAA,EAAAI,WAAA,CAAA,CAAA;AACzC,EAAA,IAAQC,MAAM,GAAKH,KAAK,CAACI,WAAW,CAA5BD,MAAM,CAAA;AAEd,EAAA,oBACEE,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACC,OAAO,EAAKR,KAAK,EAC1BG,MAAM,iBAAIE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,EAAEN,MAAM,CAAO,EACtEJ,QAAQ,CACU,CAAA;AAEzB,CAAC,CAAA;AAED,IAAMW,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAGV,KAAK,EAAI;AACvC,EAAA,IAAQW,MAAM,GAAKX,KAAK,CAACI,WAAW,CAA5BO,MAAM,CAAA;AAEd,EAAA,OAAOA,MAAM,gBACXN,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACK,iBAAiB,EAAKZ,KAAK,eACrCK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,EAAEE,MAAM,CAAO,CAC/B,GAC7B,IAAI,CAAA;AACV,CAAC,CAAA;AAED,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGb,KAAK,EAAA;EAAA,oBAC5BK,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACM,gBAAgB,EAAAC,iBAAA,CAAA,EAAA,EACtBd,KAAK,EAAA;IACTe,UAAU,EAAAC,eAAA,CAAAA,eAAA,KACLhB,KAAK,CAACe,UAAU,CAAA,EAAA,EAAA,EAAAE,8BAAA,CAAA,EAAA,EAClB,SAAS,EAAAC,EAAAA,CAAAA,MAAA,CAAMC,eAAS,CAACnB,KAAK,CAACoB,IAAI,CAACC,KAAK,CAAC,EAAA,cAAA,CAAA,CAAA,CAAA;AAC3C,GAAA,CAAA,eAEFhB,yBAAA,CAAAC,aAAA,CAACgB,gBAAK,EAAA;AAACC,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,CACS,CAAA;AAAA,CAC/B,CAAA;AAED,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAA+B;AAAA,EAAA,IAAzB1B,QAAQ,GAAA0B,KAAA,CAAR1B,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,gDAAA,CAAAwB,KAAA,EAAAC,UAAA,CAAA,CAAA;AAChD,EAAA,IACEC,QAAQ,GAEN3B,KAAK,CAFP2B,QAAQ;IAAAC,kBAAA,GAEN5B,KAAK,CADPI,WAAW;IAAIyB,SAAS,GAAAD,kBAAA,CAATC,SAAS;IAAEC,kBAAkB,GAAAF,kBAAA,CAAlBE,kBAAkB,CAAA;EAE9C,IAAMC,KAAK,GAAGJ,QAAQ,EAAE,CAAA;AACxB,EAAA,IAAAK,SAAA,GAAAC,QAAA,CAA8BlC,QAAQ,CAAA;AAA/BmC,IAAAA,UAAU,GAAAF,SAAA,CAAA,CAAA,CAAA;IAAKG,IAAI,GAAAH,SAAA,CAAAI,KAAA,CAAA,CAAA,CAAA,CAAA;EAE1B,IAAMC,cAAc,GAAG,CAACR,SAAS,IAAIE,KAAK,CAACO,MAAM,GAAGR,kBAAkB,CAAA;EAEtE,oBACEzB,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACgC,cAAc,EAAAzB,iBAAA,CAAA,EAAA,EACpBd,KAAK,EAAA;AACTe,IAAAA,UAAU,EAAAC,eAAA,CAAAA,eAAA,CACLhB,EAAAA,EAAAA,KAAK,CAACe,UAAU,CAAAE,EAAAA,EAAAA,EAAAA,8BAAA,CAClB,EAAA,EAAA,SAAS,EAAG,6BAA6B,CAAA,CAAA;AAC1C,GAAA,CAAA,EAEDoB,cAAc,GAAGH,UAAU,CAACE,KAAK,CAAC,CAAC,EAAEN,kBAAkB,CAAC,GAAGI,UAAU,EACrEG,cAAc,iBACbhC,yBAAA,CAAAC,aAAA,CAACkC,GAAG,EAAA;IACFnB,KAAK,EAAA,EAAA,CAAAH,MAAA,CAAKa,KAAK,CAACO,MAAM,GAAGR,kBAAkB,EAAQ,OAAA,CAAA;AACnDW,IAAAA,KAAK,EAAC,WAAA;GAET,CAAA,EACAN,IAAI,CACqB,CAAA;AAEhC,CAAC,CAAA;AAED,IAAMO,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAG1C,KAAK,EAAA;EAAA,oBAChCK,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACoC,cAAc,EAAA7B,iBAAA,CAAA,EAAA,EACpBd,KAAK,EAAA;AACTe,IAAAA,UAAU,EAAAC,eAAA,CAAAA,eAAA,CAAOhB,EAAAA,EAAAA,KAAK,CAACe,UAAU,CAAAE,EAAAA,EAAAA,EAAAA,8BAAA,CAAG,EAAA,EAAA,SAAS,EAAG,kBAAkB,CAAA,CAAA;AAAG,GAAA,CAAA,eAErEZ,yBAAA,CAAAC,aAAA,CAACgB,gBAAK,EAAA;AAACb,IAAAA,SAAS,EAAC,gBAAgB;AAACc,IAAAA,IAAI,EAAE,EAAA;AAAG,GAAA,CAAG,CACpB,CAAA;AAAA,CAC7B,CAAA;AAED,IAAMqB,eAAe,GAAG,SAAlBA,eAAeA,CAAG5C,KAAK,EAAA;EAAA,oBAC3BK,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACqC,eAAe,EAAA9B,iBAAA,CAAA,EAAA,EACrBd,KAAK,EAAA;AACTe,IAAAA,UAAU,EAAAC,eAAA,CAAAA,eAAA,CACLhB,EAAAA,EAAAA,KAAK,CAACe,UAAU,CAAAE,EAAAA,EAAAA,EAAAA,8BAAA,CAClB,EAAA,EAAA,SAAS,EAAG,8BAA8B,CAAA,CAAA;GAE7C,CAAA,CAAA,CAAA;AAAA,CACH,CAAA;AAED,IAAM4B,KAAK,GAAG,SAARA,KAAKA,CAAG7C,KAAK,EAAA;EAAA,oBACjBK,yBAAA,CAAAC,aAAA,CAACC,mCAAU,CAACsC,KAAK,EAAA/B,iBAAA,CAAA,EAAA,EAAKd,KAAK,EAAA;IAAE,SAAQ,EAAA,0BAAA;GAA6B,CAAA,CAAA,CAAA;AAAA,CACnE,CAAA;AACM,IAAM8C,WAAW,GAAG,IAAIC,MAAM,CACnC,0CAA0C,EAC1C,GAAG,CACJ,CAAA;AAEM,IAAMC,oBAAoB,GAC/B,sJAAsJ,CAAA;AAEjJ,IAAMC,sBAAsB,GAAG,UAAU,CAAA;AAEzC,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,KAAK,EAAEC,WAAK,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClCC,EAAAA,UAAU,EAAE,SAAAA,UAACC,CAAAA,MAAM,EAAAC,KAAA,EAAA;AAAA,IAAA,IAAYC,KAAK,GAAAD,KAAA,CAAbnC,IAAI,CAAIoC,KAAK,CAAA;AAAA,IAAA,OAAAxC,eAAA,CAAAA,eAAA,CAAA,EAAA,EAC/BsC,MAAM,CAAA,EAAA,EAAA,EAAA;AACT5D,MAAAA,MAAM,EAAE8D,KAAK,GAAG/D,MAAM,CAACC,MAAM,CAAQ,SAAA,CAAA,GAAGD,MAAM,CAACC,MAAM,CAACC,KAAK;MAC3DC,KAAK,EAAE4D,KAAK,GAAG/D,MAAM,CAACG,KAAK,CAAA,SAAA,CAAQ,GAAGH,MAAM,CAACG,KAAK,CAACD,KAAAA;AAAK,KAAA,CAAA,CAAA;AAAA,GAAA;AAE5D,CAAC,CAAA;AAEM,IAAM8D,iBAAiB,GAAG;AAC/B7C,EAAAA,iBAAiB,EAAEF,uBAAuB;AAC1CF,EAAAA,OAAO,EAAEX,aAAa;AACtBgB,EAAAA,gBAAgB,EAAhBA,gBAAgB;AAChB0B,EAAAA,cAAc,EAAEf,oBAAoB;AACpCmB,EAAAA,cAAc,EAAED,oBAAoB;AACpCE,EAAAA,eAAe,EAAfA,eAAe;AACfC,EAAAA,KAAK,EAALA,KAAAA;AACF,CAAC;;AChIM,IAAMa,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAGrC,KAAK,EAAA;EAAA,OAAK;AAC/CA,IAAAA,KAAK,EAALA,KAAK;AACLU,IAAAA,KAAK,EAAEV,KAAK;AACZmC,IAAAA,KAAK,EAAEV,WAAW,CAACa,IAAI,CAACtC,KAAK,CAAA;GAC9B,CAAA;AAAA,CAAC,CAAA;AAEK,IAAMuC,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,WAAW,EAAI;AAC5C,EAAA,IAAMC,MAAM,GAAGC,WAAK,CAAC,OAAO,EAAEF,WAAW,CAAC,CAAA;EAC1C,IAAMG,YAAY,GAAAC,oCAAA,CAAO,IAAIC,GAAG,CAACJ,MAAM,CAAC,CAAC,CAAA;AAEzC,EAAA,OAAOE,YAAY,CAACG,GAAG,CAAC,UAAAC,KAAK,EAAA;IAAA,OAAIV,uBAAuB,CAACU,KAAK,CAAC,CAAA;GAAC,CAAA,CAAA;AAClE,CAAC,CAAA;AAEM,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGP,MAAM,EAAA;AAAA,EAAA,OACrCA,MAAM,CAACQ,MAAM,CAAC,UAAAF,KAAK,EAAA;AAAA,IAAA,OAAIA,KAAK,CAACZ,KAAK,IAAIY,KAAK,CAAA;GAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAEvC,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGT,MAAM,EAAA;AAAA,EAAA,OAAIO,iBAAiB,CAACP,MAAM,CAAC,CAACxB,MAAM,CAAA;AAAA,CAAA,CAAA;AAEtE,IAAMkC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAA;AAAA,EAAA,OAAKA,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ,CAAA;AAAA,CAAC;;;;;ACGtEC,IAAAA,eAAe,gBAAGC,gBAAU,CAChC,UAAA7E,IAAA,EAmBE8E,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAA/E,IAAA,CAlBDuB,KAAK;AAALA,IAAAA,KAAK,GAAAwD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;IAAAC,gBAAA,GAAAhF,IAAA,CAClBiF,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,aAAA,GAAAlF,IAAA,CAChBmF,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAApF,IAAA,CACbiC,KAAK;AAALA,IAAAA,KAAK,GAAAmD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAC,aAAA,GAAArF,IAAA,CACVsF,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,UAAI,GAAAF,aAAA;IAAAG,UAAA,GAAAxF,IAAA,CACfH,KAAK;AAALA,IAAAA,KAAK,GAAA2F,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAC,WAAA,GAAAzF,IAAA,CACV0F,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAGF,KAAAA,CAAAA,GAAAA,UAAI,GAAAE,WAAA;IACbE,mBAAmB,GAAA3F,IAAA,CAAnB2F,mBAAmB;IACnBC,OAAO,GAAA5F,IAAA,CAAP4F,OAAO;IAAAC,aAAA,GAAA7F,IAAA,CACP8F,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAA/F,IAAA,CAChBgG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,cAAA;IAAAE,aAAA,GAAAjG,IAAA,CACfkG,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAnG,IAAA,CAAVmG,UAAU;IAAAC,qBAAA,GAAApG,IAAA,CACVgC,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAoE,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;IAAAC,iBAAA,GAAArG,IAAA,CACtBsG,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;AAChBE,IAAAA,UAAU,GAAApG,gDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAIf,EAAA,IAAAoG,SAAA,GAAoCC,cAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,4BAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAI,UAAA,GAAkCL,cAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,4BAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA1C/E,IAAAA,SAAS,GAAAgF,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,YAAY,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAME,gBAAgB,GACpB,CAAC,CAACrB,OAAO,KACR,CAACA,OAAO,CAACsB,UAAU,IAAIzC,mBAAmB,CAACxC,KAAK,CAAC,IAAI2D,OAAO,CAACsB,UAAU,CAAC,CAAA;AAE3E,EAAA,IAAMC,gBAAgB,GAAG,CAAC,CAACZ,UAAU,CAACa,OAAO,CAAA;AAE7C,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,IAAA,OAAS/B,QAAQ,CAACf,iBAAiB,CAACtC,KAAK,CAAC,CAAC,CAAA;AAAA,GAAA,CAAA;AAEnE,EAAA,IAAMqF,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;AAC9B,IAAA,IAAMvD,WAAW,GAAG6C,UAAU,CAACW,KAAK,CAACpE,sBAAsB,CAAC,CAAA;IAC5D,IAAMqE,YAAY,GAChBZ,UAAU,CAACW,KAAK,CAACrE,oBAAoB,CAAC,IAAIa,WAAW,IAAI,EAAE,CAAA;AAE7D,IAAA,IAAM0D,MAAM,GAAGD,YAAY,CAACnD,GAAG,CAAC,UAAAC,KAAK,EAAA;MAAA,OAAIV,uBAAuB,CAACU,KAAK,CAAC,CAAA;KAAC,CAAA,CAAA;AACxEgB,IAAAA,QAAQ,CAACxB,eAAe,CAAA1C,EAAAA,CAAAA,MAAA,CAAA+C,oCAAA,CAAKlC,KAAK,CAAAkC,EAAAA,oCAAA,CAAKsD,MAAM,GAAE,CAAC,CAAA;IAChDZ,aAAa,CAAC,EAAE,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;IAC7B,IAAI,CAACf,UAAU,EAAE,OAAA;IAEjB,QAAQe,KAAK,CAACC,GAAG;AACf,MAAA,KAAK,OAAO;AAAE,QAAA;AACZN,UAAAA,iBAAiB,EAAE,CAAA;AACnB,UAAA,CAACH,gBAAgB,IAAIQ,KAAK,CAACE,cAAc,EAAE,CAAA;UAC3CF,KAAK,CAACG,eAAe,EAAE,CAAA;AAEvB,UAAA,OAAA;AACF,SAAA;AACA,MAAA,KAAK,KAAK,CAAA;AACV,MAAA,KAAK,GAAG,CAAA;AACR,MAAA,KAAK,GAAG;AAAE,QAAA;AACRR,UAAAA,iBAAiB,EAAE,CAAA;UACnBK,KAAK,CAACE,cAAc,EAAE,CAAA;UACtBF,KAAK,CAACG,eAAe,EAAE,CAAA;AACzB,SAAA;AAAC,KAAA;GAEJ,CAAA;AAED,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAG1E,KAAK,EAAI;AAAA,IAAA,IAAA2E,qBAAA,CAAA;AAC9B,IAAA,IAAM1D,KAAK,GAAGV,uBAAuB,CAACP,KAAK,CAAC,CAAA;IAC5CiC,QAAQ,CAACxB,eAAe,CAAA,EAAA,CAAA1C,MAAA,CAAA+C,oCAAA,CAAKlC,KAAK,CAAA,EAAA,CAAEqC,KAAK,CAAA,CAAA,CAAE,CAAC,CAAA;AAC5CiC,IAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,IAAA,CAAAyB,qBAAA,GAAVzB,UAAU,CAAEwB,cAAc,MAAA,IAAA,IAAAC,qBAAA,KAAA,KAAA,CAAA,IAA1BA,qBAAA,CAAAC,IAAA,CAAA1B,UAAU,EAAmBlD,KAAK,CAAC,CAAA;GACpC,CAAA;AAED,EAAA,IAAM6E,UAAU,GAAG,SAAbA,UAAUA,CAAGP,KAAK,EAAI;AAC1Bf,IAAAA,UAAU,GAAGU,iBAAiB,EAAE,GAAG5B,MAAM,CAACiC,KAAK,CAAC,CAAA;IAChDX,YAAY,CAAC,KAAK,CAAC,CAAA;GACpB,CAAA;EAED,IAAImB,aAAa,GAAG,EAAE,CAAA;AAEtB,EAAA,IAAIhB,gBAAgB,EAAE;IACpB,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIxB,UAAU,EAAEyB,CAAC,EAAEC,aAAa,EAAK;AACzD,MAAA,IAAI,CAAChC,YAAY,EAAE,OAAO,KAAK,CAAA;MAE/B,IAAMiC,YAAY,GAAGC,aAAO,CAAC5B,UAAU,CAAC6B,IAAI,EAAE,CAAC,CAAA;AAC/C,MAAA,IAAMC,yBAAyB,GAC7B9B,UAAU,CAAC+B,QAAQ,CAAC,GAAG,CAAC,IAAI/B,UAAU,CAAC+B,QAAQ,CAAC,GAAG,CAAC,CAAA;AAEtD,MAAA,IAAMC,uBAAuB,GAAGN,aAAa,CAACO,IAAI,CAChD,UAAAC,MAAM,EAAA;AAAA,QAAA,OAAIA,MAAM,CAAC7G,KAAK,KAAK2E,UAAU,CAACmC,WAAW,EAAE,CAAA;OACpD,CAAA,CAAA;AAED,MAAA,OAAO,EACLR,YAAY,IACZG,yBAAyB,IACzBE,uBAAuB,CACxB,CAAA;KACF,CAAA;AACDT,IAAAA,aAAa,GAAG;AAAEJ,MAAAA,cAAc,EAAdA,cAAc;AAAEK,MAAAA,gBAAgB,EAAhBA,gBAAAA;KAAkB,CAAA;AACtD,GAAA;AAEA,EAAA,IAAMY,yBAAyB,GAC7B,CAAC,CAACrD,mBAAmB,IAAI1D,KAAK,CAACO,MAAM,GAAGiC,mBAAmB,CAACxC,KAAK,CAAC,CAAA;EAEpE,oBACE1B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,uDAAA;GACbJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,qCAAA;GACZY,EAAAA,KAAK,iBACJhB,yBAAA,CAAAC,aAAA,CAACyI,KAAK,EAAAjI,iBAAA,CAAA;AACEkF,IAAAA,QAAQ,EAARA,QAAQ;AACdvF,IAAAA,SAAS,EAAC,6BAA6B;AACvC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,eAAS,CAACE,KAAK,CAAC,EAAA,cAAA,CAAA;GACxB4E,EAAAA,UAAU,GAEb5E,KAAK,CAET,EACA0F,gBAAgB,iBACf1G,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,+BAA+B;AACzC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,eAAS,CAACE,KAAK,CAAC,EAAA,gBAAA,CAAA;AAAiB,GAAA,EAE5CkD,mBAAmB,CAACxC,KAAK,CAAC,EAAE,GAAG,EAC/B2D,OAAO,CAACrE,KAAK,GACVqE,OAAO,CAACrE,KAAK,GACbmD,iBAAiB,CAACD,mBAAmB,CAACxC,KAAK,CAAC,CAAC,CAEpD,CACG,eACN1B,yBAAA,CAAAC,aAAA,CAAC0I,wCAAe,EAAAlI,iBAAA,CAAA;IACdmI,OAAO,EAAA,IAAA;IACPjD,QAAQ,EAAA,IAAA;AACRkD,IAAAA,eAAe,EAAC,uBAAuB;AACvC3I,IAAAA,UAAU,EAAEkD,iBAAkB;AAC9B0F,IAAAA,UAAU,EAAEvD,QAAS;AACrBnF,IAAAA,SAAS,EAAE2I,kBAAU,CACnB,wGAAwG,EACxG;MAAE,yCAAyC,EAAE,CAAC,CAACzJ,KAAAA;AAAM,KAAC,CACtD;AACF2D,IAAAA,MAAM,EAAAtC,aAAA,CAAAA,aAAA,KACDkC,aAAa,CAAA,EAAA,EAAA,EAAA;MAChBmG,OAAO,EAAEC,eAAS,CAAC;AACjBxD,QAAAA,SAAS,EAAA5E,EAAAA,CAAAA,MAAA,CAAK4E,SAAS,EAAI,IAAA,CAAA;AAC3ByD,QAAAA,SAAS,EAAE,MAAA;OACZ,CAAA;KACD,CAAA;AACF/D,IAAAA,MAAM,EAAEwC,UAAW;IACnBwB,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAM1C,YAAY,CAAC,IAAI,CAAC,CAAA;KAAC;IAClC2C,aAAa,EAAE,SAAAA,aAAAA,CAAA/C,UAAU,EAAA;MAAA,OAAIC,aAAa,CAACD,UAAU,CAAC,CAAA;KAAC;AACvDgD,IAAAA,SAAS,EAAElC,aAAAA;AAAc,GAAA,EAAAxG,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAEvB0F,IAAAA,UAAU,EAAVA,UAAU;AACV7E,IAAAA,SAAS,EAATA,SAAS;AACTuD,IAAAA,QAAQ,EAARA,QAAQ;AACRL,IAAAA,WAAW,EAAXA,WAAW;AACXH,IAAAA,GAAG,EAAHA,GAAG;AACH7C,IAAAA,KAAK,EAALA,KAAK;AACLD,IAAAA,kBAAkB,EAAlBA,kBAAAA;GACI,EAAA,CAACmF,gBAAgB,IAAI;AAAE0C,IAAAA,UAAU,EAAE,KAAA;AAAM,GAAC,CAC3CtD,EAAAA,UAAU,CACV4B,EAAAA,aAAa,CAElB,CAAA,CAAA,EACD,CAAC,CAACtI,KAAK,iBACNU,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,eAAS,CAACE,KAAK,CAAC,EAAA,cAAA,CAAA;AAAe,GAAA,EAE1C1B,KAAK,EACLmJ,yBAAyB,iBACxBzI,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,uCAAuC;AACjDmJ,IAAAA,OAAO,EAAEzC,kBAAAA;GACV,EAAA,MAEC,EAAC1B,mBAAmB,CAACpE,KAAK,GACtBoE,mBAAmB,CAACpE,KAAK,GACzB,sCAAsC,CAE7C,CAEJ,EACA,CAAC,CAAC4D,QAAQ,iBACT5E,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,2BAA2B;AACrC,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYC,eAAS,CAACE,KAAK,CAAC,EAAA,aAAA,CAAA;GAE3B4D,EAAAA,QAAQ,CAEZ,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,eAAe,CAACmF,WAAW,GAAG,iBAAiB;;;;"}

package/dist/cjs/NoData.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var ramda = require('ramda');
+var Button = require('./Button.js');
+var Typography = require('./Typography.js');
+require('./defineProperty-ee86604b.js');
+require('./toPropertyKey-bfa2e465.js');
+require('react-router-dom');
+require('./index-1ad9d2c1.js');
+require('./index-0e68cfff.js');
+require('./slicedToArray-732a2048.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var renderImage = function renderImage(image) {
+  return typeof image === "string" ? /*#__PURE__*/React__default["default"].createElement("img", {
+    "data-cy": "no-data-image",
+    src: image
+  }) : image;
+};
+
+var _excluded = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText"];
+var NoData = function NoData(_ref) {
+  var _ref$image = _ref.image,
+    image = _ref$image === void 0 ? null : _ref$image,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$helpText = _ref.helpText,
+    helpText = _ref$helpText === void 0 ? null : _ref$helpText,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$primaryButtonPro = _ref.primaryButtonProps,
+    primaryButtonProps = _ref$primaryButtonPro === void 0 ? {} : _ref$primaryButtonPro,
+    _ref$secondaryButtonP = _ref.secondaryButtonProps,
+    secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP,
+    _ref$buttonSeparatorT = _ref.buttonSeparatorText,
+    buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var hasPrimaryButtonProps = !ramda.isEmpty(primaryButtonProps);
+  var hasSecondaryButtonProps = !ramda.isEmpty(secondaryButtonProps);
+  var hasButtonSeparatorText = !ramda.isEmpty(buttonSeparatorText);
+  var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
+    className: index.classnames("neeto-ui-no-data", [className]),
+    "data-cy": "no-data-container"
+  }, otherProps), image ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-no-data__image"
+  }, renderImage(image)) : null, title && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-text-center",
+    "data-cy": "no-data-title",
+    lineHeight: "none",
+    style: "h3"
+  }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-no-data__description",
+    "data-cy": "no-data-description",
+    lineHeight: "normal",
+    style: "body2"
+  }, description), helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "neeto-ui-text-center neeto-ui-no-data__help-text",
+    "data-cy": "no-data-help-text",
+    lineHeight: "normal",
+    style: "body2"
+  }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-no-data__action-block"
+  }, hasPrimaryButtonProps && /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+    "data-cy": "no-data-primary-button"
+  }, primaryButtonProps)), showButtonSeparator && /*#__PURE__*/React__default["default"].createElement(Typography, {
+    lineHeight: "normal",
+    style: "body2"
+  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+    "data-cy": "no-data-secondary-button",
+    style: "secondary"
+  }, secondaryButtonProps))));
+};
+
+module.exports = NoData;
+//# sourceMappingURL=NoData.js.map

package/dist/cjs/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.js","sources":["../../src/components/NoData/utils.jsx","../../src/components/NoData/index.jsx"],"sourcesContent":["import React from \"react\";\n\nexport const renderImage = image =>\n  typeof image === \"string\" ? (\n    <img data-cy=\"no-data-image\" src={image} />\n  ) : (\n    image\n  );\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport Typography from \"components/Typography\";\n\nimport { renderImage } from \"./utils\";\n\nconst NoData = ({\n  image = null,\n  title = \"\",\n  description = \"\",\n  helpText = null,\n  className = \"\",\n  primaryButtonProps = {},\n  secondaryButtonProps = {},\n  buttonSeparatorText = \"\",\n  ...otherProps\n}) => {\n  const hasPrimaryButtonProps = !isEmpty(primaryButtonProps);\n  const hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);\n  const hasButtonSeparatorText = !isEmpty(buttonSeparatorText);\n\n  const showButtonSeparator =\n    hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-no-data\", [className])}\n      data-cy=\"no-data-container\"\n      {...otherProps}\n    >\n      {image ? (\n        <div className=\"neeto-ui-no-data__image\">{renderImage(image)}</div>\n      ) : null}\n      {title && (\n        <Typography\n          className=\"neeto-ui-text-center\"\n          data-cy=\"no-data-title\"\n          lineHeight=\"none\"\n          style=\"h3\"\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__description\"\n          data-cy=\"no-data-description\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      )}\n      {helpText && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__help-text\"\n          data-cy=\"no-data-help-text\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {helpText}\n        </Typography>\n      )}\n      {(hasPrimaryButtonProps || hasSecondaryButtonProps) && (\n        <div className=\"neeto-ui-no-data__action-block\">\n          {hasPrimaryButtonProps && (\n            <Button data-cy=\"no-data-primary-button\" {...primaryButtonProps} />\n          )}\n          {showButtonSeparator && (\n            <Typography lineHeight=\"normal\" style=\"body2\">\n              {buttonSeparatorText}\n            </Typography>\n          )}\n          {hasSecondaryButtonProps && (\n            <Button\n              data-cy=\"no-data-secondary-button\"\n              style=\"secondary\"\n              {...secondaryButtonProps}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNoData.propTypes = {\n  /**\n   * To specify the image.\n   */\n  image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To specify the title text.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description text.\n   */\n  description: PropTypes.node,\n  /**\n   * To specify the text that appears below the description.\n   */\n  helpText: PropTypes.node,\n  /**\n   * Provide external classnames to NoData component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the primary button.\n   */\n  primaryButtonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the secondary button.\n   */\n  secondaryButtonProps: PropTypes.object,\n  /**\n   * To specify the text that appears between the primary and secondary buttons.\n   * */\n  buttonSeparatorText: PropTypes.string,\n};\n\nexport default NoData;\n"],"names":["renderImage","image","React","createElement","src","NoData","_ref","_ref$image","_ref$title","title","_ref$description","description","_ref$helpText","helpText","_ref$className","className","_ref$primaryButtonPro","primaryButtonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$buttonSeparatorT","buttonSeparatorText","otherProps","_objectWithoutProperties","_excluded","hasPrimaryButtonProps","isEmpty","hasSecondaryButtonProps","hasButtonSeparatorText","showButtonSeparator","_extends","classnames","Typography","lineHeight","style","Button"],"mappings":"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"}

package/dist/cjs/Pagination.js

@@ -0,0 +1,185 @@
+'use strict';
+
+var React = require('react');
+var index$1 = require('./index-302c3d37.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index = require('./index-68589e5c.js');
+var useQueryParams = require('./useQueryParams-dcfba9f0.js');
+var toConsumableArray = require('./toConsumableArray-418424fc.js');
+require('./createClass-80e17c6a.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./slicedToArray-732a2048.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('./defineProperty-ee86604b.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var DOTS = "...";
+
+var usePaginationQueryParams = function usePaginationQueryParams() {
+  var queryParams = useQueryParams.useQueryParams();
+  var history = reactRouterDom.useHistory();
+  var updatePageInQueryParam = function updatePageInQueryParam(page) {
+    var params = {
+      page: page
+    };
+    var pathname = window.location.pathname;
+    history.push(index.buildUrl(pathname, ramda.mergeLeft(params, queryParams)));
+  };
+  return {
+    updatePageInQueryParam: updatePageInQueryParam
+  };
+};
+
+var range = function range(start, end) {
+  var length = end - start + 1;
+  return Array.from({
+    length: length
+  }, function (_, index) {
+    return index + start;
+  });
+};
+var usePagination = function usePagination(_ref) {
+  var count = _ref.count,
+    pageSize = _ref.pageSize,
+    _ref$siblingCount = _ref.siblingCount,
+    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
+    pageNo = _ref.pageNo;
+  var paginationRange = React.useMemo(function () {
+    var totalPageCount = Math.ceil(count / pageSize);
+
+    // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS
+    var totalPageNumbers = siblingCount + 5;
+
+    // If the number of pages is less than the page numbers we want to show in our
+    // paginationComponent, we return the range [1..totalPageCount]
+    if (totalPageNumbers >= totalPageCount) {
+      return range(1, totalPageCount);
+    }
+
+    // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount
+    var leftSiblingIndex = Math.max(pageNo - siblingCount, 1);
+    var rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);
+
+    // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2
+    var shouldShowLeftDots = leftSiblingIndex > 2;
+    var shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    var firstPageIndex = 1;
+    var lastPageIndex = totalPageCount;
+
+    // Case 2: No left dots to show, but rights dots to be shown
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      var leftItemCount = 3 + 2 * siblingCount;
+      var leftRange = range(1, leftItemCount);
+      return [].concat(toConsumableArray._toConsumableArray(leftRange), [DOTS, totalPageCount]);
+    }
+
+    // Case 3: No right dots to show, but left dots to be shown
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      var rightItemCount = 3 + 2 * siblingCount;
+      var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
+      return [firstPageIndex, DOTS].concat(toConsumableArray._toConsumableArray(rightRange));
+    }
+
+    // Case 4: Both left and right dots to be shown
+    if (shouldShowLeftDots && shouldShowRightDots) {
+      var middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [firstPageIndex, DOTS].concat(toConsumableArray._toConsumableArray(middleRange), [DOTS, lastPageIndex]);
+    }
+    return undefined;
+  }, [count, pageSize, siblingCount, pageNo]);
+  return paginationRange;
+};
+
+var Pagination = function Pagination(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 0 : _ref$count,
+    pageNo = _ref.pageNo,
+    navigate = _ref.navigate,
+    pageSize = _ref.pageSize,
+    _ref$siblingCount = _ref.siblingCount,
+    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var paginationRange = usePagination({
+    pageNo: pageNo,
+    count: count,
+    siblingCount: siblingCount,
+    pageSize: pageSize
+  });
+  var _usePaginationQueryPa = usePaginationQueryParams(),
+    updatePageInQueryParam = _usePaginationQueryPa.updatePageInQueryParam;
+  if (!navigate) navigate = updatePageInQueryParam;
+  if (pageNo === 0 || paginationRange.length < 2) {
+    return null;
+  }
+  var onNext = function onNext() {
+    if (!isLastPage) navigate(pageNo + 1);
+  };
+  var onPrevious = function onPrevious() {
+    if (!isFirstPage) navigate(pageNo - 1);
+  };
+  var lastPage = paginationRange[paginationRange.length - 1];
+  var isFirstPage = pageNo === 1;
+  var isLastPage = pageNo === lastPage;
+  return /*#__PURE__*/React__default["default"].createElement("nav", {
+    "aria-label": "Pagination Navigation",
+    role: "navigation"
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: index$1.classnames(["neeto-ui-pagination__wrapper", className])
+  }, /*#__PURE__*/React__default["default"].createElement("li", {
+    "data-testid": "left-navigate-button",
+    tabIndex: 0,
+    className: index$1.classnames({
+      "neeto-ui-pagination__item": true,
+      "neeto-ui-pagination__item--navigate": true,
+      disabled: isFirstPage
+    }),
+    onClick: onPrevious
+  }, /*#__PURE__*/React__default["default"].createElement("a", null, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Left, {
+    size: 20
+  }))), paginationRange.map(function (pageNumber, index) {
+    var isActive = pageNumber === pageNo;
+    if (pageNumber === DOTS) {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
+        className: "neeto-ui-pagination__item neeto-ui-pagination__item--dots",
+        "data-testid": "dots",
+        key: index
+      }, "\u2026");
+    }
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      "aria-current": isActive && true,
+      key: index,
+      tabIndex: 0,
+      "aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
+      className: index$1.classnames("neeto-ui-pagination__item", {
+        active: isActive
+      }),
+      onClick: function onClick() {
+        return navigate(pageNumber);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("a", null, pageNumber));
+  }), /*#__PURE__*/React__default["default"].createElement("li", {
+    "data-testid": "right-navigate-button",
+    tabIndex: 0,
+    className: index$1.classnames({
+      "neeto-ui-pagination__item": true,
+      "neeto-ui-pagination__item--navigate": true,
+      disabled: isLastPage
+    }),
+    onClick: onNext
+  }, /*#__PURE__*/React__default["default"].createElement("a", null, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
+    size: 20
+  })))));
+};
+
+module.exports = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/dist/cjs/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination/constants.js","../../src/components/Pagination/hooks/usePaginationQueryParams.js","../../src/components/Pagination/utils.js","../../src/components/Pagination/index.jsx"],"sourcesContent":["export const DOTS = \"...\";\n","import { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useQueryParams } from \"hooks\";\nimport { buildUrl } from \"utils\";\n\nconst usePaginationQueryParams = () => {\n  const queryParams = useQueryParams();\n  const history = useHistory();\n\n  const updatePageInQueryParam = page => {\n    const params = { page };\n\n    const pathname = window.location.pathname;\n    history.push(buildUrl(pathname, mergeLeft(params, queryParams)));\n  };\n\n  return { updatePageInQueryParam };\n};\n\nexport default usePaginationQueryParams;\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"./constants\";\n\nconst range = (start, end) => {\n  const length = end - start + 1;\n\n  return Array.from({ length }, (_, index) => index + start);\n};\n\nexport const usePagination = ({\n  count,\n  pageSize,\n  siblingCount = 1,\n  pageNo,\n}) => {\n  const paginationRange = useMemo(() => {\n    const totalPageCount = Math.ceil(count / pageSize);\n\n    // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS\n    const totalPageNumbers = siblingCount + 5;\n\n    // If the number of pages is less than the page numbers we want to show in our\n    // paginationComponent, we return the range [1..totalPageCount]\n    if (totalPageNumbers >= totalPageCount) {\n      return range(1, totalPageCount);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount\n    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n    // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    const firstPageIndex = 1;\n    const lastPageIndex = totalPageCount;\n\n    // Case 2: No left dots to show, but rights dots to be shown\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, DOTS, totalPageCount];\n    }\n\n    // Case 3: No right dots to show, but left dots to be shown\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(\n        totalPageCount - rightItemCount + 1,\n        totalPageCount\n      );\n\n      return [firstPageIndex, DOTS, ...rightRange];\n    }\n\n    // Case 4: Both left and right dots to be shown\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n\n      return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\n    }\n\n    return undefined;\n  }, [count, pageSize, siblingCount, pageNo]);\n\n  return paginationRange;\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Left, Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { DOTS } from \"./constants\";\nimport usePaginationQueryParams from \"./hooks/usePaginationQueryParams\";\nimport { usePagination } from \"./utils\";\n\nconst Pagination = ({\n  count = 0,\n  pageNo,\n  navigate,\n  pageSize,\n  siblingCount = 1,\n  className = \"\",\n}) => {\n  const paginationRange = usePagination({\n    pageNo,\n    count,\n    siblingCount,\n    pageSize,\n  });\n  const { updatePageInQueryParam } = usePaginationQueryParams();\n\n  if (!navigate) navigate = updatePageInQueryParam;\n\n  if (pageNo === 0 || paginationRange.length < 2) {\n    return null;\n  }\n\n  const onNext = () => {\n    if (!isLastPage) navigate(pageNo + 1);\n  };\n\n  const onPrevious = () => {\n    if (!isFirstPage) navigate(pageNo - 1);\n  };\n\n  const lastPage = paginationRange[paginationRange.length - 1];\n  const isFirstPage = pageNo === 1;\n  const isLastPage = pageNo === lastPage;\n\n  return (\n    <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n      <ul className={classnames([\"neeto-ui-pagination__wrapper\", className])}>\n        <li\n          data-testid=\"left-navigate-button\"\n          tabIndex={0}\n          className={classnames({\n            \"neeto-ui-pagination__item\": true,\n            \"neeto-ui-pagination__item--navigate\": true,\n            disabled: isFirstPage,\n          })}\n          onClick={onPrevious}\n        >\n          <a>\n            <Left size={20} />\n          </a>\n        </li>\n        {paginationRange.map((pageNumber, index) => {\n          const isActive = pageNumber === pageNo;\n\n          if (pageNumber === DOTS) {\n            return (\n              <li\n                className=\"neeto-ui-pagination__item neeto-ui-pagination__item--dots\"\n                data-testid=\"dots\"\n                key={index}\n              >\n                &#8230;\n              </li>\n            );\n          }\n\n          return (\n            <li\n              aria-current={isActive && true}\n              key={index}\n              tabIndex={0}\n              aria-label={\n                isActive\n                  ? `Current Page, Page ${pageNumber}`\n                  : `Goto Page ${pageNumber}`\n              }\n              className={classnames(\"neeto-ui-pagination__item\", {\n                active: isActive,\n              })}\n              onClick={() => navigate(pageNumber)}\n            >\n              <a>{pageNumber}</a>\n            </li>\n          );\n        })}\n        <li\n          data-testid=\"right-navigate-button\"\n          tabIndex={0}\n          className={classnames({\n            \"neeto-ui-pagination__item\": true,\n            \"neeto-ui-pagination__item--navigate\": true,\n            disabled: isLastPage,\n          })}\n          onClick={onNext}\n        >\n          <a>\n            <Right size={20} />\n          </a>\n        </li>\n      </ul>\n    </nav>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * To specify the total number of items.\n   */\n  count: PropTypes.number.isRequired,\n  /**\n   * To specify the current page number.\n   */\n  pageNo: PropTypes.number,\n  /**\n   * To specify the callback which will be invoked when the navigate buttons are clicked. If not provided, the component will update pagination information in the URL query parameters.\n   */\n  navigate: PropTypes.func,\n  /**\n   * To specify the size of a single page.\n   */\n  pageSize: PropTypes.number.isRequired,\n  /**\n   * To specify the number of siblings to be shown before and after the current page number.\n   */\n  siblingCount: PropTypes.number,\n  /**\n   * To provide external className to the Pagination component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Pagination;\n"],"names":["DOTS","usePaginationQueryParams","queryParams","useQueryParams","history","useHistory","updatePageInQueryParam","page","params","pathname","window","location","push","buildUrl","mergeLeft","range","start","end","length","Array","from","_","index","usePagination","_ref","count","pageSize","_ref$siblingCount","siblingCount","pageNo","paginationRange","useMemo","totalPageCount","Math","ceil","totalPageNumbers","leftSiblingIndex","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","leftRange","concat","_toConsumableArray","rightItemCount","rightRange","middleRange","undefined","Pagination","_ref$count","navigate","_ref$className","className","_usePaginationQueryPa","onNext","isLastPage","onPrevious","isFirstPage","lastPage","React","createElement","role","classnames","tabIndex","disabled","onClick","Left","size","map","pageNumber","isActive","key","active","Right"],"mappings":"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"}

package/dist/cjs/Pane.js

@@ -0,0 +1,166 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var useOverlayManager = require('./useOverlayManager-b8f5f220.js');
+var Button = require('./Button.js');
+require('react-router-dom');
+require('./index-68589e5c.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./index-63580e68.js');
+require('react-dom');
+require('ramda');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+require('./createClass-80e17c6a.js');
+require('./index-1ad9d2c1.js');
+require('./index-0e68cfff.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Body = function Body(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$hasFooter = _ref.hasFooter,
+    hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-cy": "pane-body",
+    className: index.classnames("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", defineProperty._defineProperty({
+      "neeto-ui-pane__body--has-footer": hasFooter
+    }, className, className))
+  }, children);
+};
+
+var DEFAULT_PANE_HEADER_HEIGHT = 78;
+
+var Footer = function Footer(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className)
+  }, children);
+};
+
+var Header = function Header(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames("neeto-ui-pane__header", className),
+    "data-cy": "pane-header"
+  }, children);
+};
+
+var getHeaderHeight = function getHeaderHeight(paneWrapper) {
+  var header = paneWrapper.current.querySelector(".neeto-ui-pane__header");
+  return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;
+};
+
+var _excluded = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
+var SIZES = {
+  small: "small",
+  large: "large"
+};
+var Pane = function Pane(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.small : _ref$size,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$closeOnEsc = _ref.closeOnEsc,
+    closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+    _ref$closeButton = _ref.closeButton,
+    closeButton = _ref$closeButton === void 0 ? true : _ref$closeButton,
+    _ref$backdropClassNam = _ref.backdropClassName,
+    backdropClassName = _ref$backdropClassNam === void 0 ? "" : _ref$backdropClassNam,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    initialFocusRef = _ref.initialFocusRef,
+    finalFocusRef = _ref.finalFocusRef,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    hasTransitionCompleted = _useState2[0],
+    setHasTransitionCompleted = _useState2[1];
+  var paneWrapper = React.useRef(null);
+  var backdropRef = React.useRef(null);
+  useOverlayManager.useOverlayManager(paneWrapper, isOpen);
+  var _useOverlay = useOverlayManager.useOverlay({
+      overlayWrapper: paneWrapper,
+      backdropRef: backdropRef,
+      closeOnOutsideClick: closeOnOutsideClick,
+      closeOnEsc: closeOnEsc,
+      onClose: onClose,
+      isOpen: isOpen,
+      initialFocusRef: initialFocusRef,
+      finalFocusRef: finalFocusRef,
+      hasTransitionCompleted: hasTransitionCompleted
+    }),
+    handleOverlayClose = _useOverlay.handleOverlayClose,
+    setFocusField = _useOverlay.setFocusField;
+  React.useEffect(function () {
+    if (!hasTransitionCompleted) return;
+    var headerHeight = getHeaderHeight(paneWrapper);
+    if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {
+      paneWrapper.current.style.setProperty("--neeto-ui-pane-header-height", "".concat(headerHeight, "px"));
+    }
+  }, [hasTransitionCompleted]);
+  return /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Portal, {
+    rootId: "neeto-ui-portal"
+  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.CSSTransition, {
+    unmountOnExit: true,
+    appear: isOpen,
+    classNames: "neeto-ui-pane",
+    "in": isOpen,
+    timeout: 230,
+    onEntered: function onEntered() {
+      return setHasTransitionCompleted(true);
+    },
+    onExited: function onExited() {
+      return setHasTransitionCompleted(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Backdrop, {
+    "data-testid": "backdrop",
+    key: "pane-backdrop",
+    ref: backdropRef,
+    className: index.classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName)
+  }, /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
+    "data-cy": "pane-wrapper",
+    key: "pane-wrapper",
+    ref: paneWrapper,
+    className: index.classnames("neeto-ui-pane__wrapper", defineProperty._defineProperty({
+      "neeto-ui-pane__wrapper--small": size === SIZES.small,
+      "neeto-ui-pane__wrapper--large": size === SIZES.large
+    }, className, className))
+  }, otherProps), closeButton && /*#__PURE__*/React__default["default"].createElement(Button, {
+    "aria-label": "Close",
+    className: "neeto-ui-pane__close",
+    "data-cy": "pane-close-button",
+    "data-testid": "close-button",
+    icon: neetoIcons.Close,
+    size: "small",
+    style: "text",
+    onClick: handleOverlayClose
+  }), hasTransitionCompleted && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, typeof children === "function" ? children({
+    setFocusField: setFocusField
+  }) : children)))));
+};
+Pane.Header = Header;
+Pane.Body = Body;
+Pane.Footer = Footer;
+
+module.exports = Pane;
+//# sourceMappingURL=Pane.js.map

package/dist/cjs/Pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.js","sources":["../../src/components/Pane/Body.jsx","../../src/components/Pane/constants.js","../../src/components/Pane/Footer.jsx","../../src/components/Pane/Header.jsx","../../src/components/Pane/utils.js","../../src/components/Pane/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Body = ({ children, className, hasFooter = true }) => (\n  <div\n    data-cy=\"pane-body\"\n    className={classnames(\n      \"neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start\",\n      {\n        \"neeto-ui-pane__body--has-footer\": hasFooter,\n        [className]: className,\n      }\n    )}\n  >\n    {children}\n  </div>\n);\n\nBody.propTypes = {\n  /**\n   * To specify if the Pane has a footer.\n   * @default true\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * To specify className to be applied to the Pane Body container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Body.\n   */\n  children: PropTypes.node,\n};\n\nexport default Body;\n","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Footer = ({ children, className }) => (\n  <div\n    className={classnames(\n      \"neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center\",\n      className\n    )}\n  >\n    {children}\n  </div>\n);\n\nFooter.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Footer container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Footer.\n   */\n  children: PropTypes.node,\n};\n\nexport default Footer;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Header = ({ children, className }) => (\n  <div\n    className={classnames(\"neeto-ui-pane__header\", className)}\n    data-cy=\"pane-header\"\n  >\n    {children}\n  </div>\n);\n\nHeader.propTypes = {\n  /**\n   * To specify className to be applied to the Pane Header container.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Pane Header.\n   */\n  children: PropTypes.node,\n};\n\nexport default Header;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeaderHeight = paneWrapper => {\n  const header = paneWrapper.current.querySelector(\".neeto-ui-pane__header\");\n\n  return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;\n};\n","import React, { useRef, useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport Backdrop from \"atoms/Backdrop\";\nimport Portal from \"atoms/Portal\";\nimport Button from \"components/Button\";\nimport { useOverlay, useOverlayManager } from \"hooks\";\n\nimport Body from \"./Body\";\nimport { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\nimport Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\" };\n\nconst Pane = ({\n  size = SIZES.small,\n  isOpen = false,\n  onClose = () => {},\n  children,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  initialFocusRef,\n  finalFocusRef,\n  ...otherProps\n}) => {\n  const [hasTransitionCompleted, setHasTransitionCompleted] = useState(false);\n\n  const paneWrapper = useRef(null);\n  const backdropRef = useRef(null);\n\n  useOverlayManager(paneWrapper, isOpen);\n\n  const { handleOverlayClose, setFocusField } = useOverlay({\n    overlayWrapper: paneWrapper,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted) return;\n    const headerHeight = getHeaderHeight(paneWrapper);\n    if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n      paneWrapper.current.style.setProperty(\n        \"--neeto-ui-pane-header-height\",\n        `${headerHeight}px`\n      );\n    }\n  }, [hasTransitionCompleted]);\n\n  return (\n    <Portal rootId=\"neeto-ui-portal\">\n      <CSSTransition\n        unmountOnExit\n        appear={isOpen}\n        classNames=\"neeto-ui-pane\"\n        in={isOpen}\n        timeout={230}\n        onEntered={() => setHasTransitionCompleted(true)}\n        onExited={() => setHasTransitionCompleted(false)}\n      >\n        <Backdrop\n          data-testid=\"backdrop\"\n          key=\"pane-backdrop\"\n          ref={backdropRef}\n          className={classnames(\n            \"neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end\",\n            backdropClassName\n          )}\n        >\n          <div\n            data-cy=\"pane-wrapper\"\n            key=\"pane-wrapper\"\n            ref={paneWrapper}\n            className={classnames(\"neeto-ui-pane__wrapper\", {\n              \"neeto-ui-pane__wrapper--small\": size === SIZES.small,\n              \"neeto-ui-pane__wrapper--large\": size === SIZES.large,\n              [className]: className,\n            })}\n            {...otherProps}\n          >\n            {closeButton && (\n              <Button\n                aria-label=\"Close\"\n                className=\"neeto-ui-pane__close\"\n                data-cy=\"pane-close-button\"\n                data-testid=\"close-button\"\n                icon={Close}\n                size=\"small\"\n                style=\"text\"\n                onClick={handleOverlayClose}\n              />\n            )}\n            {hasTransitionCompleted && (\n              <>\n                {typeof children === \"function\"\n                  ? children({ setFocusField })\n                  : children}\n              </>\n            )}\n          </div>\n        </Backdrop>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nPane.propTypes = {\n  /**\n   * To specify the size of the Pane.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Pane component is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the close button of Pane is clicked.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the Pane component.\n   */\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * To provide external classname to the Pane component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on esc key press.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the Pane component should render close button.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To specify the classname to be applied to the backdrop element.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To specify whether the Pane component should close on outside click.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is opened.\n   * If not specified, the first focusable element inside the Pane component will be focused.\n   * If there are no focusable elements, the Pane component itself will be focused.\n   */\n  initialFocusRef: PropTypes.object,\n\n  /**\n   * To specify the ref of the element which should be focused when the Pane component is closed.\n   * If not specified, the element which was focused when the Pane component was opened will be focused.\n   */\n  finalFocusRef: PropTypes.object,\n};\n\nPane.Header = Header;\nPane.Body = Body;\nPane.Footer = Footer;\n\nexport default Pane;\n"],"names":["Body","_ref","children","className","_ref$hasFooter","hasFooter","React","createElement","classnames","_defineProperty","DEFAULT_PANE_HEADER_HEIGHT","Footer","Header","getHeaderHeight","paneWrapper","header","current","querySelector","offsetHeight","SIZES","small","large","Pane","_ref$size","size","_ref$isOpen","isOpen","_ref$onClose","onClose","_ref$className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","initialFocusRef","finalFocusRef","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","hasTransitionCompleted","setHasTransitionCompleted","useRef","backdropRef","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","useEffect","headerHeight","style","setProperty","concat","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","Button","icon","Close","onClick","Fragment"],"mappings":"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"}