@bigbinary/neetoui 6.5.13 → 6.5.14-beta.0

package/dist/cjs/Pagination.js.map

@@ -1 +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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"}
+{"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

@@ -7,10 +7,10 @@ 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 useOverlayManager = require('./useOverlayManager-359ed795.js');
 var Button = require('./Button.js');
 require('react-router-dom');
-require('./index-68589e5c.js');
+require('./index-6e09c7bc.js');
 require('./toPropertyKey-bfa2e465.js');
 require('./index-63580e68.js');
 require('react-dom');
@@ -18,9 +18,9 @@ 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('framer-motion');
+require('./index-773961dd.js');
+require('tippy.js');
 require('@bigbinary/neeto-cist');
 require('util');
 

package/dist/cjs/Popover.js

@@ -5,10 +5,11 @@ var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var React = require('react');
 var index = require('./index-302c3d37.js');
 var Typography = require('./Typography.js');
-var Tooltip = require('./index-0e68cfff.js');
+var Tooltip = require('./index-773961dd.js');
 require('./defineProperty-ee86604b.js');
 require('./toPropertyKey-bfa2e465.js');
 require('./slicedToArray-732a2048.js');
+require('tippy.js');
 require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../src/components/Popover/Title.jsx","../../src/components/Popover/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Title = ({ className, children }) => (\n  <Typography\n    className={classnames(\"neeto-ui-mb-1\", className)}\n    data-testid=\"popover-title\"\n    lineHeight=\"snug\"\n    style=\"h5\"\n    weight=\"semibold\"\n  >\n    {children}\n  </Typography>\n);\n\nTitle.propTypes = {\n  /**\n   * To specify className to be applied to the Popover Title.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Popover Title.\n   */\n  children: PropTypes.node,\n};\n\nexport default Title;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Title from \"./Title\";\n\nimport Tooltip from \"../Tooltip\";\n\nconst Popover = ({\n  children,\n  className = \"\",\n  theme = \"light\",\n  ...otherProps\n}) => (\n  <Tooltip\n    {...{ theme }}\n    arrow\n    interactive\n    className={classnames(\"neeto-ui-popover\", className)}\n    content={children}\n    {...otherProps}\n  />\n);\n\nPopover.propTypes = {\n  /**\n   * The content to be rendered inside the popup.\n   */\n  children: PropTypes.node,\n  /**\n   * The popover will be positioned next to the specified element.\n   */\n  reference: PropTypes.oneOfType([\n    // Either a function\n    PropTypes.func,\n    // Or the instance of a DOM native element (see the note about SSR)\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  /**\n   * To display Popover in dark or light theme. By default the theme is dark.\n   */\n  theme: PropTypes.oneOf([\"dark\", \"light\"]),\n  /**\n   * To specify whether the Popover is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the position of the Popover.\n   */\n  position: PropTypes.string,\n  /**\n   * To auto-hide the Popover after n-milliseconds.\n   * Negative values to this prop disables this feature.\n   * By default it's disabled.\n   */\n  hideAfter: PropTypes.number,\n  /**\n   * To auto-hide the Popover on when target leaves the screen.\n   * By default it's disabled.\n   */\n  hideOnTargetExit: PropTypes.bool,\n};\n\nPopover.Title = Title;\n\nexport default Popover;\n"],"names":["Title","_ref","className","children","React","createElement","Typography","classnames","lineHeight","style","weight","Popover","_ref$className","_ref$theme","theme","otherProps","_objectWithoutProperties","_excluded","Tooltip","_extends","arrow","interactive","content"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AAAA,EAAA,oBAClCC,yBAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTJ,IAAAA,SAAS,EAAEK,gBAAU,CAAC,eAAe,EAAEL,SAAS,CAAE;AAClD,IAAA,aAAA,EAAY,eAAe;AAC3BM,IAAAA,UAAU,EAAC,MAAM;AACjBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EAEhBP,QAAQ,CACE,CAAA;AAAA,CACd;;;ACRD,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAAV,IAAA,EAAA;AAAA,EAAA,IACXE,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAS,cAAA,GAAAX,IAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,GAAAU,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,UAAA,GAAAZ,IAAA,CACda,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,UAAU,GAAAC,gDAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbb,yBAAA,CAAAC,aAAA,CAACa,eAAO,EAAAC,iBAAA,CAAA;AACAL,IAAAA,KAAK,EAALA,KAAK;IACXM,KAAK,EAAA,IAAA;IACLC,WAAW,EAAA,IAAA;AACXnB,IAAAA,SAAS,EAAEK,gBAAU,CAAC,kBAAkB,EAAEL,SAAS,CAAE;AACrDoB,IAAAA,OAAO,EAAEnB,QAAAA;AAAS,GAAA,EACdY,UAAU,CACd,CAAA,CAAA;AAAA,EACH;AAyCDJ,OAAO,CAACX,KAAK,GAAGA,KAAK;;;;"}
+{"version":3,"file":"Popover.js","sources":["../../src/components/Popover/Title.jsx","../../src/components/Popover/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Typography from \"../Typography\";\n\nconst Title = ({ className, children }) => (\n  <Typography\n    className={classnames(\"neeto-ui-mb-1\", className)}\n    data-testid=\"popover-title\"\n    lineHeight=\"snug\"\n    style=\"h5\"\n    weight=\"semibold\"\n  >\n    {children}\n  </Typography>\n);\n\nTitle.propTypes = {\n  /**\n   * To specify className to be applied to the Popover Title.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Popover Title.\n   */\n  children: PropTypes.node,\n};\n\nexport default Title;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Title from \"./Title\";\n\nimport Tooltip from \"../Tooltip\";\n\nconst Popover = ({\n  children,\n  className = \"\",\n  theme = \"light\",\n  ...otherProps\n}) => (\n  <Tooltip\n    {...{ theme }}\n    arrow\n    interactive\n    className={classnames(\"neeto-ui-popover\", className)}\n    content={children}\n    {...otherProps}\n  />\n);\n\nPopover.propTypes = {\n  /**\n   * The content to be rendered inside the popup.\n   */\n  children: PropTypes.node,\n  /**\n   * The popover will be positioned next to the specified element.\n   */\n  reference: PropTypes.oneOfType([\n    // Either a function\n    PropTypes.func,\n    // Or the instance of a DOM native element (see the note about SSR)\n    PropTypes.shape({ current: PropTypes.instanceOf(Element) }),\n  ]),\n  /**\n   * To display Popover in dark or light theme. By default the theme is dark.\n   */\n  theme: PropTypes.oneOf([\"dark\", \"light\"]),\n  /**\n   * To specify whether the Popover is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the position of the Popover.\n   */\n  position: PropTypes.string,\n  /**\n   * To auto-hide the Popover after n-milliseconds.\n   * Negative values to this prop disables this feature.\n   * By default it's disabled.\n   */\n  hideAfter: PropTypes.number,\n  /**\n   * To auto-hide the Popover on when target leaves the screen.\n   * By default it's disabled.\n   */\n  hideOnTargetExit: PropTypes.bool,\n};\n\nPopover.Title = Title;\n\nexport default Popover;\n"],"names":["Title","_ref","className","children","React","createElement","Typography","classnames","lineHeight","style","weight","Popover","_ref$className","_ref$theme","theme","otherProps","_objectWithoutProperties","_excluded","Tooltip","_extends","arrow","interactive","content"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AAAA,EAAA,oBAClCC,yBAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTJ,IAAAA,SAAS,EAAEK,gBAAU,CAAC,eAAe,EAAEL,SAAS,CAAE;AAClD,IAAA,aAAA,EAAY,eAAe;AAC3BM,IAAAA,UAAU,EAAC,MAAM;AACjBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EAEhBP,QAAQ,CACE,CAAA;AAAA,CACd;;;ACRD,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAAV,IAAA,EAAA;AAAA,EAAA,IACXE,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAS,cAAA,GAAAX,IAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,GAAAU,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,UAAA,GAAAZ,IAAA,CACda,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;AACZE,IAAAA,UAAU,GAAAC,gDAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbb,yBAAA,CAAAC,aAAA,CAACa,eAAO,EAAAC,iBAAA,CAAA;AACAL,IAAAA,KAAK,EAALA,KAAK;IACXM,KAAK,EAAA,IAAA;IACLC,WAAW,EAAA,IAAA;AACXnB,IAAAA,SAAS,EAAEK,gBAAU,CAAC,kBAAkB,EAAEL,SAAS,CAAE;AACrDoB,IAAAA,OAAO,EAAEnB,QAAAA;AAAS,GAAA,EACdY,UAAU,CACd,CAAA,CAAA;AAAA,EACH;AAyCDJ,OAAO,CAACX,KAAK,GAAGA,KAAK;;;;"}

package/dist/cjs/Radio.js

@@ -11,14 +11,14 @@ var useId = require('./useId-4e3deb5c.js');
 require('react-router-dom');
 require('./index-a8cc581e.js');
 require('./overlayManager.js');
-var index$1 = require('./index-68589e5c.js');
+var index$1 = require('./index-6e09c7bc.js');
 require('./toPropertyKey-bfa2e465.js');
 require('@bigbinary/neeto-icons');
-require('./index-0e68cfff.js');
+require('./index-773961dd.js');
+require('tippy.js');
 require('react-dom');
 require('ramda');
 require('./createClass-80e17c6a.js');
-require('./_commonjsHelpers-44e4a143.js');
 require('@bigbinary/neeto-cist');
 require('util');
 

package/dist/cjs/Select.js

@@ -8,199 +8,32 @@ var index = require('./index-302c3d37.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var ramda = require('ramda');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-b39742a3.js');
-require('react-dom');
+var SelectInput = require('react-select');
+var Async = require('react-select/async');
+var AsyncCreatable = require('react-select/async-creatable');
+var CreatableSelect = require('react-select/creatable');
 var useId = require('./useId-4e3deb5c.js');
 require('react-router-dom');
 require('./index-a8cc581e.js');
 require('./overlayManager.js');
-var index$1 = require('./index-68589e5c.js');
+var index$1 = require('./index-6e09c7bc.js');
 var Label = require('./Label.js');
 var Spinner = require('./Spinner.js');
 require('./toPropertyKey-bfa2e465.js');
 require('./createClass-80e17c6a.js');
 require('./slicedToArray-732a2048.js');
-require('./_commonjsHelpers-44e4a143.js');
 require('util');
-require('./index-0e68cfff.js');
+require('./index-773961dd.js');
+require('tippy.js');
+require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var baseSelectProps = reactSelectCreatable_esm.useStateManager(props);
-  return /*#__PURE__*/React__namespace.createElement(reactSelectCreatable_esm.Select, reactSelectCreatable_esm._extends({
-    ref: ref
-  }, baseSelectProps));
-});
-
-var _excluded$1 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
-function useAsync(_ref) {
-  var _ref$defaultOptions = _ref.defaultOptions,
-    propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions,
-    _ref$cacheOptions = _ref.cacheOptions,
-    cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions,
-    propsLoadOptions = _ref.loadOptions;
-    _ref.options;
-    var _ref$isLoading = _ref.isLoading,
-    propsIsLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    propsOnInputChange = _ref.onInputChange,
-    _ref$filterOption = _ref.filterOption,
-    filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption,
-    restSelectProps = reactSelectCreatable_esm._objectWithoutProperties(_ref, _excluded$1);
-  var propsInputValue = restSelectProps.inputValue;
-  var lastRequest = React.useRef(undefined);
-  var mounted = React.useRef(false);
-  var _useState = React.useState(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined),
-    _useState2 = reactSelectCreatable_esm._slicedToArray(_useState, 2),
-    defaultOptions = _useState2[0],
-    setDefaultOptions = _useState2[1];
-  var _useState3 = React.useState(typeof propsInputValue !== 'undefined' ? propsInputValue : ''),
-    _useState4 = reactSelectCreatable_esm._slicedToArray(_useState3, 2),
-    stateInputValue = _useState4[0],
-    setStateInputValue = _useState4[1];
-  var _useState5 = React.useState(propsDefaultOptions === true),
-    _useState6 = reactSelectCreatable_esm._slicedToArray(_useState5, 2),
-    isLoading = _useState6[0],
-    setIsLoading = _useState6[1];
-  var _useState7 = React.useState(undefined),
-    _useState8 = reactSelectCreatable_esm._slicedToArray(_useState7, 2),
-    loadedInputValue = _useState8[0],
-    setLoadedInputValue = _useState8[1];
-  var _useState9 = React.useState([]),
-    _useState10 = reactSelectCreatable_esm._slicedToArray(_useState9, 2),
-    loadedOptions = _useState10[0],
-    setLoadedOptions = _useState10[1];
-  var _useState11 = React.useState(false),
-    _useState12 = reactSelectCreatable_esm._slicedToArray(_useState11, 2),
-    passEmptyOptions = _useState12[0],
-    setPassEmptyOptions = _useState12[1];
-  var _useState13 = React.useState({}),
-    _useState14 = reactSelectCreatable_esm._slicedToArray(_useState13, 2),
-    optionsCache = _useState14[0],
-    setOptionsCache = _useState14[1];
-  var _useState15 = React.useState(undefined),
-    _useState16 = reactSelectCreatable_esm._slicedToArray(_useState15, 2),
-    prevDefaultOptions = _useState16[0],
-    setPrevDefaultOptions = _useState16[1];
-  var _useState17 = React.useState(undefined),
-    _useState18 = reactSelectCreatable_esm._slicedToArray(_useState17, 2),
-    prevCacheOptions = _useState18[0],
-    setPrevCacheOptions = _useState18[1];
-  if (cacheOptions !== prevCacheOptions) {
-    setOptionsCache({});
-    setPrevCacheOptions(cacheOptions);
-  }
-  if (propsDefaultOptions !== prevDefaultOptions) {
-    setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined);
-    setPrevDefaultOptions(propsDefaultOptions);
-  }
-  React.useEffect(function () {
-    mounted.current = true;
-    return function () {
-      mounted.current = false;
-    };
-  }, []);
-  var loadOptions = React.useCallback(function (inputValue, callback) {
-    if (!propsLoadOptions) return callback();
-    var loader = propsLoadOptions(inputValue, callback);
-    if (loader && typeof loader.then === 'function') {
-      loader.then(callback, function () {
-        return callback();
-      });
-    }
-  }, [propsLoadOptions]);
-  React.useEffect(function () {
-    if (propsDefaultOptions === true) {
-      loadOptions(stateInputValue, function (options) {
-        if (!mounted.current) return;
-        setDefaultOptions(options || []);
-        setIsLoading(!!lastRequest.current);
-      });
-    }
-    // NOTE: this effect is designed to only run when the component mounts,
-    // so we don't want to include any hook dependencies
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var onInputChange = React.useCallback(function (newValue, actionMeta) {
-    var inputValue = reactSelectCreatable_esm.handleInputChange(newValue, actionMeta, propsOnInputChange);
-    if (!inputValue) {
-      lastRequest.current = undefined;
-      setStateInputValue('');
-      setLoadedInputValue('');
-      setLoadedOptions([]);
-      setIsLoading(false);
-      setPassEmptyOptions(false);
-      return;
-    }
-    if (cacheOptions && optionsCache[inputValue]) {
-      setStateInputValue(inputValue);
-      setLoadedInputValue(inputValue);
-      setLoadedOptions(optionsCache[inputValue]);
-      setIsLoading(false);
-      setPassEmptyOptions(false);
-    } else {
-      var request = lastRequest.current = {};
-      setStateInputValue(inputValue);
-      setIsLoading(true);
-      setPassEmptyOptions(!loadedInputValue);
-      loadOptions(inputValue, function (options) {
-        if (!mounted) return;
-        if (request !== lastRequest.current) return;
-        lastRequest.current = undefined;
-        setIsLoading(false);
-        setLoadedInputValue(inputValue);
-        setLoadedOptions(options || []);
-        setPassEmptyOptions(false);
-        setOptionsCache(options ? reactSelectCreatable_esm._objectSpread2(reactSelectCreatable_esm._objectSpread2({}, optionsCache), {}, reactSelectCreatable_esm._defineProperty({}, inputValue, options)) : optionsCache);
-      });
-    }
-  }, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
-  var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
-  return reactSelectCreatable_esm._objectSpread2(reactSelectCreatable_esm._objectSpread2({}, restSelectProps), {}, {
-    options: options,
-    isLoading: isLoading || propsIsLoading,
-    onInputChange: onInputChange,
-    filterOption: filterOption
-  });
-}
-
-var AsyncSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var stateManagedProps = useAsync(props);
-  var selectProps = reactSelectCreatable_esm.useStateManager(stateManagedProps);
-  return /*#__PURE__*/React__namespace.createElement(reactSelectCreatable_esm.Select, reactSelectCreatable_esm._extends({
-    ref: ref
-  }, selectProps));
-});
-
-var AsyncCreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var stateManagerProps = useAsync(props);
-  var creatableProps = reactSelectCreatable_esm.useStateManager(stateManagerProps);
-  var selectProps = reactSelectCreatable_esm.useCreatable(creatableProps);
-  return /*#__PURE__*/React__namespace.createElement(reactSelectCreatable_esm.Select, reactSelectCreatable_esm._extends({
-    ref: ref
-  }, selectProps));
-});
+var SelectInput__default = /*#__PURE__*/_interopDefaultLegacy(SelectInput);
+var Async__default = /*#__PURE__*/_interopDefaultLegacy(Async);
+var AsyncCreatable__default = /*#__PURE__*/_interopDefaultLegacy(AsyncCreatable);
+var CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
 
 var _excluded = ["children"],
   _excluded2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
@@ -220,19 +53,19 @@ var Control = function Control(_ref) {
     props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
   var selectProps = props.selectProps,
     hasValue = props.hasValue;
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Control, props, hasValue && selectProps.isMulti && /*#__PURE__*/React__default["default"].createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.Control, props, hasValue && selectProps.isMulti && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "neeto-ui-btn neeto-ui-btn--style-secondary neeto-ui-react-select__add-btn"
   }, selectProps.addButtonLabel || "Add"), " ", children);
 };
 var DropdownIndicator = function DropdownIndicator(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.DropdownIndicator, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.DropdownIndicator, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-cy", "action-select-indicator"))
   }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
     size: 16
   }));
 };
 var ClearIndicator = function ClearIndicator(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ClearIndicator, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.ClearIndicator, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       "data-cy": "clear-select-indicator"
     })
@@ -241,13 +74,13 @@ var ClearIndicator = function ClearIndicator(props) {
   }));
 };
 var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.MultiValueRemove, props, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.MultiValueRemove, props, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
     size: 16
   }));
 };
 var CustomInput = function CustomInput(props) {
   var selectProps = props.selectProps;
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Input, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.Input, _extends._extends({}, props, {
     "data-cy": selectProps ? selectProps["data-cy"] : "select-input",
     "data-testid": selectProps && selectProps["data-testid"],
     maxLength: selectProps && selectProps.maxLength
@@ -258,7 +91,7 @@ var CustomOption = function CustomOption(props) {
   React.useEffect(function () {
     props.isSelected && ref.current.scrollIntoView();
   }, [props.isSelected]);
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Option, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.Option, _extends._extends({}, props, {
     innerRef: ref,
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       "data-cy": "".concat(index$1.hyphenize(props.label), "-select-option")
@@ -267,7 +100,7 @@ var CustomOption = function CustomOption(props) {
 };
 var Placeholder = function Placeholder(props) {
   var selectProps = props.selectProps;
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Placeholder, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.Placeholder, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(index$1.hyphenize(selectProps.label), "-select-placeholder") : "select-placeholder"
     })
@@ -275,14 +108,14 @@ var Placeholder = function Placeholder(props) {
 };
 var Menu = function Menu(props) {
   var selectProps = props.selectProps;
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.Menu, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.Menu, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       "data-cy": selectProps ? "".concat(index$1.hyphenize(selectProps.label), "-select-menu") : "select-menu"
     })
   }));
 };
 var SingleValue = function SingleValue(props) {
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.SingleValue, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.SingleValue, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       "data-cy": "select-single-value"
     })
@@ -290,7 +123,7 @@ var SingleValue = function SingleValue(props) {
 };
 var ValueContainer = function ValueContainer(props) {
   var selectProps = props.selectProps;
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.ValueContainer, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.ValueContainer, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       name: selectProps.name,
       "data-cy": selectProps ? "".concat(index$1.hyphenize(selectProps.label), "-select-value-container") : "select-value-container"
@@ -323,7 +156,7 @@ var MenuList = function MenuList(props) {
       (_observer = observer) === null || _observer === void 0 || _observer.unobserve(loaderRef.current);
     };
   }, [hasMore]);
-  return /*#__PURE__*/React__default["default"].createElement(reactSelectCreatable_esm.components.MenuList, _extends._extends({}, props, {
+  return /*#__PURE__*/React__default["default"].createElement(SelectInput.components.MenuList, _extends._extends({}, props, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, defineProperty._defineProperty({}, "data-testid", "menu-list"))
   }), props.children, hasMore && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full items-center justify-center py-3",
@@ -358,12 +191,12 @@ var Select = function Select(_ref2) {
     optionRemapping = _ref2$optionRemapping === void 0 ? {} : _ref2$optionRemapping,
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref2, _excluded2);
   var inputId = useId.useId(id);
-  var Parent = StateManagedSelect;
+  var Parent = SelectInput__default["default"];
   if (isCreateable) {
-    Parent = reactSelectCreatable_esm.CreatableSelect;
+    Parent = CreatableSelect__default["default"];
   }
   if (otherProps.loadOptions) {
-    Parent = isCreateable ? AsyncCreatableSelect : AsyncSelect;
+    Parent = isCreateable ? AsyncCreatable__default["default"] : Async__default["default"];
   }
   if (optionRemapping.value) {
     otherProps.getOptionValue = ramda.prop(optionRemapping.value);