@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/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/Pane.js

@@ -0,0 +1,160 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _defineProperty } from './defineProperty-e5245270.js';
+import { _ as _slicedToArray } from './slicedToArray-45fa766e.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { Close } from '@bigbinary/neeto-icons';
+import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-95a474d5.js';
+import Button from './Button.js';
+import 'react-router-dom';
+import './index-c8d9113c.js';
+import './toPropertyKey-bdc24cb9.js';
+import './index-283bc6a6.js';
+import 'react-dom';
+import 'ramda';
+import './index-7fae3611.js';
+import './overlayManager.js';
+import './createClass-601a36b2.js';
+import 'framer-motion';
+import './index-c442518b.js';
+import 'tippy.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+
+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.createElement("div", {
+    "data-cy": "pane-body",
+    className: classnames("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _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.createElement("div", {
+    className: 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.createElement("div", {
+    className: 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(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasTransitionCompleted = _useState2[0],
+    setHasTransitionCompleted = _useState2[1];
+  var paneWrapper = useRef(null);
+  var backdropRef = useRef(null);
+  useOverlayManager(paneWrapper, isOpen);
+  var _useOverlay = 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;
+  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.createElement(Portal, {
+    rootId: "neeto-ui-portal"
+  }, /*#__PURE__*/React__default.createElement(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.createElement(Backdrop, {
+    "data-testid": "backdrop",
+    key: "pane-backdrop",
+    ref: backdropRef,
+    className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName)
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
+    "data-cy": "pane-wrapper",
+    key: "pane-wrapper",
+    ref: paneWrapper,
+    className: classnames("neeto-ui-pane__wrapper", _defineProperty({
+      "neeto-ui-pane__wrapper--small": size === SIZES.small,
+      "neeto-ui-pane__wrapper--large": size === SIZES.large
+    }, className, className))
+  }, otherProps), closeButton && /*#__PURE__*/React__default.createElement(Button, {
+    "aria-label": "Close",
+    className: "neeto-ui-pane__close",
+    "data-cy": "pane-close-button",
+    "data-testid": "close-button",
+    icon: Close,
+    size: "small",
+    style: "text",
+    onClick: handleOverlayClose
+  }), hasTransitionCompleted && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, typeof children === "function" ? children({
+    setFocusField: setFocusField
+  }) : children)))));
+};
+Pane.Header = Header;
+Pane.Body = Body;
+Pane.Footer = Footer;
+
+export { Pane as default };
+//# sourceMappingURL=Pane.js.map

package/dist/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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"}

package/dist/Popover.js

@@ -0,0 +1,44 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+import Typography from './Typography.js';
+import { T as Tooltip } from './index-c442518b.js';
+import './defineProperty-e5245270.js';
+import './toPropertyKey-bdc24cb9.js';
+import './slicedToArray-45fa766e.js';
+import 'tippy.js';
+import 'react-dom';
+
+var Title = function Title(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(Typography, {
+    className: classnames("neeto-ui-mb-1", className),
+    "data-testid": "popover-title",
+    lineHeight: "snug",
+    style: "h5",
+    weight: "semibold"
+  }, children);
+};
+
+var _excluded = ["children", "className", "theme"];
+var Popover = function Popover(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "light" : _ref$theme,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+    theme: theme,
+    arrow: true,
+    interactive: true,
+    className: classnames("neeto-ui-popover", className),
+    content: children
+  }, otherProps));
+};
+Popover.Title = Title;
+
+export { Popover as default };
+//# sourceMappingURL=Popover.js.map

package/dist/Popover.js.map

@@ -0,0 +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,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTJ,IAAAA,SAAS,EAAEK,UAAU,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,wBAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAEbb,cAAA,CAAAC,aAAA,CAACa,OAAO,EAAAC,QAAA,CAAA;AACAL,IAAAA,KAAK,EAALA,KAAK;IACXM,KAAK,EAAA,IAAA;IACLC,WAAW,EAAA,IAAA;AACXnB,IAAAA,SAAS,EAAEK,UAAU,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/Radio.js

@@ -0,0 +1,100 @@
+import { _ as _defineProperty } from './defineProperty-e5245270.js';
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _slicedToArray } from './slicedToArray-45fa766e.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default, { useState, Children, cloneElement } from 'react';
+import { c as classnames } from './index-3659771d.js';
+import Label from './Label.js';
+import { u as useId } from './useId-c1d20bba.js';
+import 'react-router-dom';
+import './index-7fae3611.js';
+import './overlayManager.js';
+import { h as hyphenize } from './index-c8d9113c.js';
+import './toPropertyKey-bdc24cb9.js';
+import '@bigbinary/neeto-icons';
+import './index-c442518b.js';
+import 'tippy.js';
+import 'react-dom';
+import 'ramda';
+import './createClass-601a36b2.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+
+var _excluded$1 = ["name", "label", "className", "labelProps"];
+var Item = function Item(_ref) {
+  var _ref$name = _ref.name,
+    name = _ref$name === void 0 ? "" : _ref$name,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    labelProps = _ref.labelProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var id = useId(otherProps.id);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(["neeto-ui-radio__item", className])
+  }, /*#__PURE__*/React__default.createElement("input", _extends({
+    id: id,
+    name: name,
+    className: "neeto-ui-radio",
+    type: "radio"
+  }, otherProps)), label && /*#__PURE__*/React__default.createElement(Label, _extends({
+    "data-cy": "".concat(hyphenize(label), "-radio-label"),
+    htmlFor: id
+  }, labelProps), label));
+};
+Item.displayName = "Radio.Item";
+
+var _excluded = ["label", "children", "stacked", "className", "containerClassName", "error", "onChange", "labelProps"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Radio = function Radio(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    children = _ref.children,
+    _ref$stacked = _ref.stacked,
+    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$containerClassNa = _ref.containerClassName,
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    onChange = _ref.onChange,
+    labelProps = _ref.labelProps,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var id = useId(props.id);
+  var errorId = "error_".concat(id);
+  var internalOnChange = function internalOnChange(e) {
+    return setInternalValue(e.target.value);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(["neeto-ui-radio__wrapper", className])
+  }, label && /*#__PURE__*/React__default.createElement(Label, _extends({
+    className: "neeto-ui-radio__label"
+  }, labelProps), label), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(["neeto-ui-radio__container"], _defineProperty({
+      "neeto-ui-radio__container--stacked": stacked,
+      "neeto-ui-radio__container--error": error
+    }, containerClassName, containerClassName))
+  }, Children.map(children, function (child) {
+    var _child$props$checked, _ref2, _child$props$onChange;
+    return /*#__PURE__*/cloneElement(child, _objectSpread(_objectSpread(_objectSpread({}, child.props), props), {}, {
+      value: child.props.value,
+      checked: (_child$props$checked = child.props.checked) !== null && _child$props$checked !== void 0 ? _child$props$checked : [internalValue, props.value].includes(child.props.value),
+      onChange: (_ref2 = (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange) !== null && _ref2 !== void 0 ? _ref2 : internalOnChange
+    }));
+  })), !!error && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-radio-input__error",
+    "data-cy": "".concat(hyphenize(label), "-radio-input-error"),
+    id: errorId
+  }, error));
+};
+Radio.Item = Item;
+
+export { Radio as default };
+//# sourceMappingURL=Radio.js.map

package/dist/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../src/components/Radio/Item.jsx","../src/components/Radio/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nconst Item = ({\n  name = \"\",\n  label = \"\",\n  className = \"\",\n  labelProps,\n  ...otherProps\n}) => {\n  const id = useId(otherProps.id);\n\n  return (\n    <div className={classnames([\"neeto-ui-radio__item\", className])}>\n      <input\n        {...{ id, name }}\n        className=\"neeto-ui-radio\"\n        type=\"radio\"\n        {...otherProps}\n      />\n      {label && (\n        <Label\n          data-cy={`${hyphenize(label)}-radio-label`}\n          htmlFor={id}\n          {...labelProps}\n        >\n          {label}\n        </Label>\n      )}\n    </div>\n  );\n};\n\nItem.displayName = \"Radio.Item\";\n\nItem.propTypes = {\n  /**\n   * To specify the name of the radio group.\n   */\n  name: PropTypes.string,\n  /**\n   * To specify the label to be displayed for radio item.\n   */\n  label: PropTypes.node,\n  /**\n   * To specify external classnames as overrides to the radio item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, Children, cloneElement } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Item from \"./Item\";\n\nconst Radio = ({\n  label = \"\",\n  children,\n  stacked = false,\n  className = \"\",\n  containerClassName = \"\",\n  error = \"\",\n  onChange,\n  labelProps,\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = useState(\"\");\n\n  const id = useId(props.id);\n  const errorId = `error_${id}`;\n\n  const internalOnChange = e => setInternalValue(e.target.value);\n\n  return (\n    <div className={classnames([\"neeto-ui-radio__wrapper\", className])}>\n      {label && (\n        <Label className=\"neeto-ui-radio__label\" {...labelProps}>\n          {label}\n        </Label>\n      )}\n      <div\n        className={classnames([\"neeto-ui-radio__container\"], {\n          \"neeto-ui-radio__container--stacked\": stacked,\n          \"neeto-ui-radio__container--error\": error,\n          [containerClassName]: containerClassName,\n        })}\n      >\n        {Children.map(children, child =>\n          cloneElement(child, {\n            ...child.props,\n            ...props,\n            value: child.props.value,\n            checked:\n              child.props.checked ??\n              [internalValue, props.value].includes(child.props.value),\n            onChange: child.props.onChange ?? onChange ?? internalOnChange,\n          })\n        )}\n      </div>\n      {!!error && (\n        <p\n          className=\"neeto-ui-radio-input__error\"\n          data-cy={`${hyphenize(label)}-radio-input-error`}\n          id={errorId}\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  );\n};\n\nRadio.propTypes = {\n  /**\n   * To specify the label to be displayed for Radio component.\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 content to be rendered inside the Radio component.\n   */\n  children: PropTypes.node,\n  /**\n   * To specify whether the Radio items should be stacked vertically or not.\n   */\n  stacked: PropTypes.bool,\n  /**\n   * To specify external classnames as overrides to the Radio component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify external classnames for the container of Radio component.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the error message to be displayed when the Radio input is invalid.\n   */\n  error: PropTypes.string,\n};\n\nRadio.Item = Item;\n\nexport default Radio;\n"],"names":["Item","_ref","_ref$name","name","_ref$label","label","_ref$className","className","labelProps","otherProps","_objectWithoutProperties","_excluded","id","useId","React","createElement","classnames","_extends","type","Label","concat","hyphenize","htmlFor","displayName","Radio","children","_ref$stacked","stacked","_ref$containerClassNa","containerClassName","_ref$error","error","onChange","props","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","errorId","internalOnChange","e","target","value","_defineProperty","Children","map","child","_child$props$checked","_ref2","_child$props$onChange","cloneElement","_objectSpread","checked","includes"],"mappings":"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"}