@bigbinary/neetoui 8.3.30 → 8.3.32

package/dist/Pane.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pane.js","sources":["../src/components/Pane/Body.jsx","../src/components/Pane/Footer.jsx","../src/components/Pane/Header.jsx","../src/components/Pane/constants.js","../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","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","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n  paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n  const headerHeight = header?.offsetHeight;\n\n  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n    paneWrapperRef.current?.style.setProperty(\n      \"--neeto-ui-pane-header-height\",\n      `${headerHeight}px`\n    );\n  } else {\n    paneWrapperRef.current?.style.removeProperty(\n      \"--neeto-ui-pane-header-height\"\n    );\n  }\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 Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\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 paneWrapperRef = useRef(null);\n  const backdropRef = useRef(null);\n\n  const observerRef = useRef(\n    new ResizeObserver(([entry]) =>\n      updateHeaderHeight(entry.target, paneWrapperRef)\n    )\n  );\n\n  useOverlayManager(paneWrapperRef, isOpen);\n\n  const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n    overlayWrapper: paneWrapperRef,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n    const observer = observerRef.current;\n    const header = getHeader(paneWrapperRef);\n\n    if (header) {\n      observer.observe(header);\n\n      return () => observer.disconnect();\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      const header = getHeader(paneWrapperRef);\n      if (!header) return;\n\n      observer.observe(header);\n      mutationObserver.disconnect();\n    });\n\n    mutationObserver.observe(paneWrapperRef.current, {\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      observer.disconnect();\n    };\n  }, [hasTransitionCompleted, isTopOverlay]);\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={paneWrapperRef}\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              \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\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","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","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","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","key","ref","_extends","Button","icon","Close","onClick","Fragment"],"mappings":"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"}
+{"version":3,"file":"Pane.js","sources":["../src/components/Pane/Body.jsx","../src/components/Pane/Footer.jsx","../src/components/Pane/Header.jsx","../src/components/Pane/constants.js","../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","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","export const DEFAULT_PANE_HEADER_HEIGHT = 78;\n","import { DEFAULT_PANE_HEADER_HEIGHT } from \"./constants\";\n\nexport const getHeader = paneWrapperRef =>\n  paneWrapperRef.current?.querySelector(\".neeto-ui-pane__header\");\n\nexport const updateHeaderHeight = (header, paneWrapperRef) => {\n  const headerHeight = header?.offsetHeight;\n\n  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {\n    paneWrapperRef.current?.style.setProperty(\n      \"--neeto-ui-pane-header-height\",\n      `${headerHeight}px`\n    );\n  } else {\n    paneWrapperRef.current?.style.removeProperty(\n      \"--neeto-ui-pane-header-height\"\n    );\n  }\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 Footer from \"./Footer\";\nimport Header from \"./Header\";\nimport { getHeader, updateHeaderHeight } from \"./utils\";\n\nconst SIZES = { small: \"small\", large: \"large\", extraLarge: \"extraLarge\" };\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 paneWrapperRef = useRef(null);\n  const backdropRef = useRef(null);\n\n  const observerRef = useRef(\n    new ResizeObserver(([entry]) =>\n      updateHeaderHeight(entry.target, paneWrapperRef)\n    )\n  );\n\n  useOverlayManager(paneWrapperRef, isOpen);\n\n  const { handleOverlayClose, setFocusField, isTopOverlay } = useOverlay({\n    overlayWrapper: paneWrapperRef,\n    backdropRef,\n    closeOnOutsideClick,\n    closeOnEsc,\n    onClose,\n    isOpen,\n    initialFocusRef,\n    finalFocusRef,\n    hasTransitionCompleted,\n  });\n\n  useEffect(() => {\n    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;\n\n    const observer = observerRef.current;\n    const header = getHeader(paneWrapperRef);\n\n    if (header) {\n      observer.observe(header);\n\n      return () => observer.disconnect();\n    }\n\n    const mutationObserver = new MutationObserver(() => {\n      const header = getHeader(paneWrapperRef);\n      if (!header) return;\n\n      observer.observe(header);\n      mutationObserver.disconnect();\n    });\n\n    mutationObserver.observe(paneWrapperRef.current, {\n      childList: true,\n      subtree: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      observer.disconnect();\n    };\n  }, [hasTransitionCompleted, isTopOverlay]);\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={paneWrapperRef}\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              \"neeto-ui-pane__wrapper--extralarge\": size === SIZES.extraLarge,\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","_jsx","classnames","_defineProperty","Footer","Header","DEFAULT_PANE_HEADER_HEIGHT","getHeader","paneWrapperRef","_paneWrapperRef$curre","current","querySelector","updateHeaderHeight","header","headerHeight","offsetHeight","_paneWrapperRef$curre2","style","setProperty","concat","_paneWrapperRef$curre3","removeProperty","SIZES","small","large","extraLarge","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","observerRef","ResizeObserver","_ref2","_ref3","entry","target","useOverlayManager","_useOverlay","useOverlay","overlayWrapper","handleOverlayClose","setFocusField","isTopOverlay","useEffect","undefined","observer","observe","disconnect","mutationObserver","MutationObserver","childList","subtree","Portal","rootId","CSSTransition","unmountOnExit","appear","classNames","timeout","onEntered","onExited","Backdrop","ref","_jsxs","_objectSpread","Button","icon","Close","onClick","_Fragment"],"mappings":"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"}

package/dist/Popover.js

@@ -1,10 +1,10 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
+import 'react';
 import classnames from 'classnames';
 import Typography from './Typography.js';
+import { jsx } from 'react/jsx-runtime';
 import Tooltip from './Tooltip.js';
-import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';
 import 'tippy.js';
@@ -12,16 +12,19 @@ import 'tippy.js';
 var Title = function Title(_ref) {
   var className = _ref.className,
     children = _ref.children;
-  return /*#__PURE__*/React__default.createElement(Typography, {
+  return /*#__PURE__*/jsx(Typography, {
     className: classnames("neeto-ui-mb-1", className),
     "data-testid": "popover-title",
     lineHeight: "snug",
     style: "h5",
-    weight: "semibold"
-  }, children);
+    weight: "semibold",
+    children: children
+  });
 };
 
 var _excluded = ["children", "className", "theme"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Popover = function Popover(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
@@ -29,7 +32,7 @@ var Popover = function Popover(_ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? "light" : _ref$theme,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread({
     theme: theme,
     arrow: true,
     interactive: true,

package/dist/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,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;;;;"}
+{"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","_jsx","Typography","classnames","lineHeight","style","weight","Popover","_ref$className","_ref$theme","theme","otherProps","_objectWithoutProperties","_excluded","Tooltip","_objectSpread","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;EAAA,oBAClCC,GAAA,CAACC,UAAU,EAAA;AACTH,IAAAA,SAAS,EAAEI,UAAU,CAAC,eAAe,EAAEJ,SAAS,CAAE;AAClD,IAAA,aAAA,EAAY,eAAe;AAC3BK,IAAAA,UAAU,EAAC,MAAM;AACjBC,IAAAA,KAAK,EAAC,IAAI;AACVC,IAAAA,MAAM,EAAC,UAAU;AAAAN,IAAAA,QAAA,EAEhBA;AAAQ,GACC,CAAC;AAAA,CACd;;;;;ACRD,IAAMO,OAAO,GAAG,SAAVA,OAAOA,CAAAT,IAAA,EAAA;AAAA,EAAA,IACXE,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAQ,cAAA,GAAAV,IAAA,CACRC,SAAS;AAATA,IAAAA,SAAS,GAAAS,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAC,UAAA,GAAAX,IAAA,CACdY,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,UAAA;AACZE,IAAAA,UAAU,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;AAAA,EAAA,oBAEbZ,GAAA,CAACa,OAAO,EAAAC,aAAA,CAAA;AACAL,IAAAA,KAAK,EAALA,KAAK;IACXM,KAAK,EAAA,IAAA;IACLC,WAAW,EAAA,IAAA;AACXlB,IAAAA,SAAS,EAAEI,UAAU,CAAC,kBAAkB,EAAEJ,SAAS,CAAE;AACrDmB,IAAAA,OAAO,EAAElB;GAAS,EACdW,UAAU,CACf,CAAC;AAAA;AA0CJJ,OAAO,CAACV,KAAK,GAAGA,KAAK;;;;"}

package/dist/ProgressBar.js

@@ -1,28 +1,31 @@
-import React__default from 'react';
+import 'react';
 import classnames from 'classnames';
 import { motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
 
 var ProgressBar = function ProgressBar(_ref) {
   var progressPercentage = _ref.progressPercentage,
     progressValue = _ref.progressValue,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames(["neeto-ui-progress-bar__wrapper neeto-ui-rounded-full", className])
-  }, /*#__PURE__*/React__default.createElement(motion.div, {
-    animate: {
-      width: "".concat(progressPercentage, "%")
-    },
-    className: "neeto-ui-progress-bar neeto-ui-rounded-full",
-    "data-cy": "progress-bar",
-    initial: {
-      width: 0
-    },
-    transition: {
-      duration: 0.5,
-      ease: "easeInOut"
-    }
-  }, progressValue !== null && progressValue !== void 0 ? progressValue : "".concat(progressPercentage, "%")));
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(["neeto-ui-progress-bar__wrapper neeto-ui-rounded-full", className]),
+    children: /*#__PURE__*/jsx(motion.div, {
+      animate: {
+        width: "".concat(progressPercentage, "%")
+      },
+      className: "neeto-ui-progress-bar neeto-ui-rounded-full",
+      "data-cy": "progress-bar",
+      initial: {
+        width: 0
+      },
+      transition: {
+        duration: 0.5,
+        ease: "easeInOut"
+      },
+      children: progressValue !== null && progressValue !== void 0 ? progressValue : "".concat(progressPercentage, "%")
+    })
+  });
 };
 
 export { ProgressBar as default };

package/dist/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n  <div\n    className={classNames([\n      \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n      className,\n    ])}\n  >\n    <motion.div\n      animate={{ width: `${progressPercentage}%` }}\n      className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n      data-cy=\"progress-bar\"\n      initial={{ width: 0 }}\n      transition={{ duration: 0.5, ease: \"easeInOut\" }}\n    >\n      {progressValue ?? `${progressPercentage}%`}\n    </motion.div>\n  </div>\n);\n\nProgressBar.propTypes = {\n  /**\n   * To specify the value to be used as the width of the progress bar.\n   */\n  progressPercentage: propTypes.number,\n  /**\n   * To specify the progress value to be displayed on the progress bar as text.\n   */\n  progressValue: propTypes.string,\n  /**\n   * To specify external classnames as overrides to the ProgressBar component.\n   */\n  className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","React","createElement","classNames","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA,CAAA;EAAA,oBACtEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,UAAU,CAAC,CACpB,sDAAsD,EACtDH,SAAS,CACV,CAAA;AAAE,GAAA,eAEHC,cAAA,CAAAC,aAAA,CAACE,MAAM,CAACC,GAAG,EAAA;AACTC,IAAAA,OAAO,EAAE;MAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKX,kBAAkB,EAAA,GAAA,CAAA;KAAM;AAC7CG,IAAAA,SAAS,EAAC,6CAA6C;AACvD,IAAA,SAAA,EAAQ,cAAc;AACtBS,IAAAA,OAAO,EAAE;AAAEF,MAAAA,KAAK,EAAE,CAAA;KAAI;AACtBG,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAQ,EAAE,GAAG;AAAEC,MAAAA,IAAI,EAAE,WAAA;AAAY,KAAA;GAE9Cd,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,MAAAU,MAAA,CAAOX,kBAAkB,EAAA,GAAA,CAAA,CAC5B,CACT,CAAA;AAAA;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../src/components/ProgressBar.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport propTypes from \"prop-types\";\n\nconst ProgressBar = ({ progressPercentage, progressValue, className = \"\" }) => (\n  <div\n    className={classNames([\n      \"neeto-ui-progress-bar__wrapper neeto-ui-rounded-full\",\n      className,\n    ])}\n  >\n    <motion.div\n      animate={{ width: `${progressPercentage}%` }}\n      className=\"neeto-ui-progress-bar neeto-ui-rounded-full\"\n      data-cy=\"progress-bar\"\n      initial={{ width: 0 }}\n      transition={{ duration: 0.5, ease: \"easeInOut\" }}\n    >\n      {progressValue ?? `${progressPercentage}%`}\n    </motion.div>\n  </div>\n);\n\nProgressBar.propTypes = {\n  /**\n   * To specify the value to be used as the width of the progress bar.\n   */\n  progressPercentage: propTypes.number,\n  /**\n   * To specify the progress value to be displayed on the progress bar as text.\n   */\n  progressValue: propTypes.string,\n  /**\n   * To specify external classnames as overrides to the ProgressBar component.\n   */\n  className: propTypes.string,\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","_ref","progressPercentage","progressValue","_ref$className","className","_jsx","classNames","children","motion","div","animate","width","concat","initial","transition","duration","ease"],"mappings":";;;;;AAMA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAA,EAAA,oBACtEE,GAAA,CAAA,KAAA,EAAA;IACED,SAAS,EAAEE,UAAU,CAAC,CACpB,sDAAsD,EACtDF,SAAS,CACV,CAAE;AAAAG,IAAAA,QAAA,eAEHF,GAAA,CAACG,MAAM,CAACC,GAAG,EAAA;AACTC,MAAAA,OAAO,EAAE;QAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKX,kBAAkB,EAAA,GAAA;OAAM;AAC7CG,MAAAA,SAAS,EAAC,6CAA6C;AACvD,MAAA,SAAA,EAAQ,cAAc;AACtBS,MAAAA,OAAO,EAAE;AAAEF,QAAAA,KAAK,EAAE;OAAI;AACtBG,MAAAA,UAAU,EAAE;AAAEC,QAAAA,QAAQ,EAAE,GAAG;AAAEC,QAAAA,IAAI,EAAE;OAAc;MAAAT,QAAA,EAEhDL,aAAa,KAAA,IAAA,IAAbA,aAAa,cAAbA,aAAa,GAAA,EAAA,CAAAU,MAAA,CAAOX,kBAAkB,EAAA,GAAA;KAC7B;AAAC,GACV,CAAC;AAAA;;;;"}

package/dist/Radio.js

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { forwardRef, useState, Children, cloneElement } from 'react';
+import { forwardRef, useState, Children, cloneElement } from 'react';
 import classnames from 'classnames';
 import Label from './Label.js';
 import { u as useId } from './useId-Jj9hXm-g.js';
 import 'react-router-dom';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import { h as hyphenize } from './index-Dxaw6gl9.js';
+import { h as hyphenize } from './index-D6vmwyYl.js';
 import 'qs';
-import '@bigbinary/neeto-icons';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@bigbinary/neeto-icons/Help';
 import './Button.js';
 import './Spinner.js';
 import './Tooltip.js';
@@ -32,6 +32,8 @@ import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 
 var _excluded$1 = ["name", "label", "className", "labelProps", "dataCy"];
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$name = _ref.name,
     name = _ref$name === void 0 ? "" : _ref$name,
@@ -44,25 +46,28 @@ var Item = /*#__PURE__*/forwardRef(function (_ref, ref) {
     dataCy = _ref$dataCy === void 0 ? "" : _ref$dataCy,
     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,
-    ref: ref,
-    className: "neeto-ui-radio",
-    "data-cy": dataCy || "".concat(hyphenize(label), "-radio-input"),
-    type: "radio"
-  }, otherProps)), label && /*#__PURE__*/React__default.createElement(Label, _extends({
-    "data-cy": dataCy || "".concat(hyphenize(label), "-radio-label"),
-    htmlFor: id
-  }, labelProps), label));
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(["neeto-ui-radio__item", className]),
+    children: [/*#__PURE__*/jsx("input", _objectSpread$1({
+      id: id,
+      name: name,
+      ref: ref,
+      className: "neeto-ui-radio",
+      "data-cy": dataCy || "".concat(hyphenize(label), "-radio-input"),
+      type: "radio"
+    }, otherProps)), label && /*#__PURE__*/jsx(Label, _objectSpread$1(_objectSpread$1({
+      "data-cy": dataCy || "".concat(hyphenize(label), "-radio-label"),
+      htmlFor: id
+    }, labelProps), {}, {
+      children: 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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Radio = function Radio(_ref) {
   var _ref$label = _ref.label,
     label = _ref$label === void 0 ? "" : _ref$label,
@@ -87,27 +92,32 @@ var Radio = function Radio(_ref) {
   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));
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(["neeto-ui-radio__wrapper", className]),
+    children: [label && /*#__PURE__*/jsx(Label, _objectSpread(_objectSpread({
+      className: "neeto-ui-radio__label"
+    }, labelProps), {}, {
+      children: label
+    })), /*#__PURE__*/jsx("div", {
+      className: classnames(["neeto-ui-radio__container"], _defineProperty({
+        "neeto-ui-radio__container--stacked": stacked,
+        "neeto-ui-radio__container--error": error
+      }, containerClassName, containerClassName)),
+      children: 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__*/jsx("p", {
+      className: "neeto-ui-radio-input__error",
+      "data-cy": "".concat(hyphenize(label), "-radio-input-error"),
+      id: errorId,
+      children: error
+    })]
+  });
 };
 Radio.Item = Item;
 

package/dist/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../src/components/Radio/Item.jsx","../src/components/Radio/index.jsx"],"sourcesContent":["import React, { forwardRef } 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 = forwardRef(\n  (\n    {\n      name = \"\",\n      label = \"\",\n      className = \"\",\n      labelProps,\n      dataCy = \"\",\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n\n    return (\n      <div className={classnames([\"neeto-ui-radio__item\", className])}>\n        <input\n          {...{ id, name, ref }}\n          className=\"neeto-ui-radio\"\n          data-cy={dataCy || `${hyphenize(label)}-radio-input`}\n          type=\"radio\"\n          {...otherProps}\n        />\n        {label && (\n          <Label\n            data-cy={dataCy || `${hyphenize(label)}-radio-label`}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </Label>\n        )}\n      </div>\n    );\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","forwardRef","_ref","ref","_ref$name","name","_ref$label","label","_ref$className","className","labelProps","_ref$dataCy","dataCy","otherProps","_objectWithoutProperties","_excluded","id","useId","React","createElement","classnames","_extends","concat","hyphenize","type","Label","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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"}
+{"version":3,"file":"Radio.js","sources":["../src/components/Radio/Item.jsx","../src/components/Radio/index.jsx"],"sourcesContent":["import React, { forwardRef } 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 = forwardRef(\n  (\n    {\n      name = \"\",\n      label = \"\",\n      className = \"\",\n      labelProps,\n      dataCy = \"\",\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n\n    return (\n      <div className={classnames([\"neeto-ui-radio__item\", className])}>\n        <input\n          {...{ id, name, ref }}\n          className=\"neeto-ui-radio\"\n          data-cy={dataCy || `${hyphenize(label)}-radio-input`}\n          type=\"radio\"\n          {...otherProps}\n        />\n        {label && (\n          <Label\n            data-cy={dataCy || `${hyphenize(label)}-radio-label`}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </Label>\n        )}\n      </div>\n    );\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","forwardRef","_ref","ref","_ref$name","name","_ref$label","label","_ref$className","className","labelProps","_ref$dataCy","dataCy","otherProps","_objectWithoutProperties","_excluded","id","useId","_jsxs","classnames","children","_jsx","_objectSpread","concat","hyphenize","type","Label","htmlFor","displayName","Radio","_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","checked","includes"],"mappings":"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"}