@bigbinary/neetoui 8.3.53 → 8.3.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/CHANGELOG.md +21 -21
  2. package/dist/ActionDropdown.js +1 -2
  3. package/dist/ActionDropdown.js.map +1 -1
  4. package/dist/Alert.js +7 -7
  5. package/dist/Alert.js.map +1 -1
  6. package/dist/Avatar.js +6 -10
  7. package/dist/Avatar.js.map +1 -1
  8. package/dist/Checkbox.js +7 -5
  9. package/dist/Checkbox.js.map +1 -1
  10. package/dist/ColorPicker.js +5 -6
  11. package/dist/ColorPicker.js.map +1 -1
  12. package/dist/DatePicker.js +5 -5
  13. package/dist/Dropdown.js +3 -3
  14. package/dist/Dropdown.js.map +1 -1
  15. package/dist/Input.js +11 -11
  16. package/dist/Input.js.map +1 -1
  17. package/dist/Label.js +1 -4
  18. package/dist/Label.js.map +1 -1
  19. package/dist/Modal.js +10 -11
  20. package/dist/Modal.js.map +1 -1
  21. package/dist/MultiEmailInput.js +12 -12
  22. package/dist/MultiEmailInput.js.map +1 -1
  23. package/dist/NoData.js +5 -7
  24. package/dist/NoData.js.map +1 -1
  25. package/dist/Pagination.js +1 -1
  26. package/dist/Pane.js +6 -7
  27. package/dist/Pane.js.map +1 -1
  28. package/dist/ProgressBar.js +1 -1
  29. package/dist/ProgressBar.js.map +1 -1
  30. package/dist/Radio.js +15 -8
  31. package/dist/Radio.js.map +1 -1
  32. package/dist/Select.js +20 -25
  33. package/dist/Select.js.map +1 -1
  34. package/dist/Sidebar.js +11 -12
  35. package/dist/Sidebar.js.map +1 -1
  36. package/dist/Slider.js +4 -4
  37. package/dist/Slider.js.map +1 -1
  38. package/dist/Spinner.js +1 -2
  39. package/dist/Spinner.js.map +1 -1
  40. package/dist/Stepper.js +1 -1
  41. package/dist/Stepper.js.map +1 -1
  42. package/dist/Switch.js +9 -9
  43. package/dist/Switch.js.map +1 -1
  44. package/dist/Tab.js +9 -6
  45. package/dist/Tab.js.map +1 -1
  46. package/dist/Table.js +6 -6
  47. package/dist/Table.js.map +1 -1
  48. package/dist/Tag.js +1 -3
  49. package/dist/Tag.js.map +1 -1
  50. package/dist/{Textarea-D3WmOs_6.js → Textarea-DucQtmjX.js} +14 -8
  51. package/dist/Textarea-DucQtmjX.js.map +1 -0
  52. package/dist/Textarea.js +3 -3
  53. package/dist/TimePicker.js +5 -5
  54. package/dist/Toastr.js +4 -9
  55. package/dist/Toastr.js.map +1 -1
  56. package/dist/Tooltip.js +1 -1
  57. package/dist/Tooltip.js.map +1 -1
  58. package/dist/Tree.js +1 -1
  59. package/dist/TreeSelect.js +2 -2
  60. package/dist/TreeSelect.js.map +1 -1
  61. package/dist/cjs/ActionDropdown.js +1 -2
  62. package/dist/cjs/ActionDropdown.js.map +1 -1
  63. package/dist/cjs/Alert.js +7 -7
  64. package/dist/cjs/Alert.js.map +1 -1
  65. package/dist/cjs/Avatar.js +5 -9
  66. package/dist/cjs/Avatar.js.map +1 -1
  67. package/dist/cjs/Checkbox.js +7 -5
  68. package/dist/cjs/Checkbox.js.map +1 -1
  69. package/dist/cjs/ColorPicker.js +5 -6
  70. package/dist/cjs/ColorPicker.js.map +1 -1
  71. package/dist/cjs/DatePicker.js +5 -5
  72. package/dist/cjs/Dropdown.js +3 -3
  73. package/dist/cjs/Dropdown.js.map +1 -1
  74. package/dist/cjs/Input.js +11 -11
  75. package/dist/cjs/Input.js.map +1 -1
  76. package/dist/cjs/Label.js +1 -4
  77. package/dist/cjs/Label.js.map +1 -1
  78. package/dist/cjs/Modal.js +10 -11
  79. package/dist/cjs/Modal.js.map +1 -1
  80. package/dist/cjs/MultiEmailInput.js +12 -12
  81. package/dist/cjs/MultiEmailInput.js.map +1 -1
  82. package/dist/cjs/NoData.js +5 -7
  83. package/dist/cjs/NoData.js.map +1 -1
  84. package/dist/cjs/Pagination.js +1 -1
  85. package/dist/cjs/Pane.js +6 -7
  86. package/dist/cjs/Pane.js.map +1 -1
  87. package/dist/cjs/ProgressBar.js +1 -1
  88. package/dist/cjs/ProgressBar.js.map +1 -1
  89. package/dist/cjs/Radio.js +15 -8
  90. package/dist/cjs/Radio.js.map +1 -1
  91. package/dist/cjs/Select.js +20 -25
  92. package/dist/cjs/Select.js.map +1 -1
  93. package/dist/cjs/Sidebar.js +11 -12
  94. package/dist/cjs/Sidebar.js.map +1 -1
  95. package/dist/cjs/Slider.js +4 -4
  96. package/dist/cjs/Slider.js.map +1 -1
  97. package/dist/cjs/Spinner.js +1 -2
  98. package/dist/cjs/Spinner.js.map +1 -1
  99. package/dist/cjs/Stepper.js +1 -1
  100. package/dist/cjs/Stepper.js.map +1 -1
  101. package/dist/cjs/Switch.js +9 -9
  102. package/dist/cjs/Switch.js.map +1 -1
  103. package/dist/cjs/Tab.js +9 -6
  104. package/dist/cjs/Tab.js.map +1 -1
  105. package/dist/cjs/Table.js +6 -6
  106. package/dist/cjs/Table.js.map +1 -1
  107. package/dist/cjs/Tag.js +1 -3
  108. package/dist/cjs/Tag.js.map +1 -1
  109. package/dist/cjs/{Textarea-JUquK4ix.js → Textarea-BxE7T1u3.js} +14 -8
  110. package/dist/cjs/Textarea-BxE7T1u3.js.map +1 -0
  111. package/dist/cjs/Textarea.js +3 -3
  112. package/dist/cjs/TimePicker.js +5 -5
  113. package/dist/cjs/Toastr.js +4 -9
  114. package/dist/cjs/Toastr.js.map +1 -1
  115. package/dist/cjs/Tooltip.js +1 -1
  116. package/dist/cjs/Tooltip.js.map +1 -1
  117. package/dist/cjs/Tree.js +1 -1
  118. package/dist/cjs/TreeSelect.js +2 -2
  119. package/dist/cjs/TreeSelect.js.map +1 -1
  120. package/dist/cjs/formik/ActionBlock.js +3 -5
  121. package/dist/cjs/formik/ActionBlock.js.map +1 -1
  122. package/dist/cjs/formik/BlockNavigation.js +7 -7
  123. package/dist/cjs/formik/BlockNavigation.js.map +1 -1
  124. package/dist/cjs/formik/Checkbox.js +1 -1
  125. package/dist/cjs/formik/Input.js +1 -1
  126. package/dist/cjs/formik/MultiEmailInput.js +1 -1
  127. package/dist/cjs/formik/Radio.js +1 -1
  128. package/dist/cjs/formik/Select.js +1 -1
  129. package/dist/cjs/formik/Slider.js +1 -1
  130. package/dist/cjs/formik/Switch.js +1 -1
  131. package/dist/cjs/formik/Textarea.js +3 -3
  132. package/dist/cjs/formik/TreeSelect.js +1 -1
  133. package/dist/cjs/formik/index.js +3 -3
  134. package/dist/cjs/{index-C7kNDKSZ.js → index-BGsAR8rN.js} +16 -17
  135. package/dist/cjs/index-BGsAR8rN.js.map +1 -0
  136. package/dist/cjs/{index-kRTNbSPu.js → index-wzq3p_0z.js} +2 -2
  137. package/dist/cjs/index-wzq3p_0z.js.map +1 -0
  138. package/dist/cjs/index.js +5 -5
  139. package/dist/cjs/layouts.js +1 -1
  140. package/dist/cjs/{useOverlayManager-BKMTt29E.js → useOverlayManager-BMNCjew1.js} +4 -5
  141. package/dist/cjs/{useOverlayManager-BKMTt29E.js.map → useOverlayManager-BMNCjew1.js.map} +1 -1
  142. package/dist/cjs/{useRecentlyUsedColors-Cqmsh4rp.js → useRecentlyUsedColors-zjpSW-oL.js} +2 -2
  143. package/dist/cjs/{useRecentlyUsedColors-Cqmsh4rp.js.map → useRecentlyUsedColors-zjpSW-oL.js.map} +1 -1
  144. package/dist/formik/ActionBlock.js +3 -5
  145. package/dist/formik/ActionBlock.js.map +1 -1
  146. package/dist/formik/BlockNavigation.js +7 -7
  147. package/dist/formik/BlockNavigation.js.map +1 -1
  148. package/dist/formik/Checkbox.js +1 -1
  149. package/dist/formik/Input.js +1 -1
  150. package/dist/formik/MultiEmailInput.js +1 -1
  151. package/dist/formik/Radio.js +1 -1
  152. package/dist/formik/Select.js +1 -1
  153. package/dist/formik/Slider.js +1 -1
  154. package/dist/formik/Switch.js +1 -1
  155. package/dist/formik/Textarea.js +3 -3
  156. package/dist/formik/TreeSelect.js +1 -1
  157. package/dist/formik/index.js +3 -3
  158. package/dist/{index-DasLFwoo.js → index-Dlo3HdFv.js} +16 -17
  159. package/dist/index-Dlo3HdFv.js.map +1 -0
  160. package/dist/{index-D_BsZoxj.js → index-DmicnBCQ.js} +2 -2
  161. package/dist/index-DmicnBCQ.js.map +1 -0
  162. package/dist/index.js +5 -5
  163. package/dist/layouts.js +1 -1
  164. package/dist/{useOverlayManager-B2c6fBF6.js → useOverlayManager-Bn2Stdmg.js} +4 -5
  165. package/dist/{useOverlayManager-B2c6fBF6.js.map → useOverlayManager-Bn2Stdmg.js.map} +1 -1
  166. package/dist/{useRecentlyUsedColors-DVZT_MHc.js → useRecentlyUsedColors-zQ7y37Sk.js} +2 -2
  167. package/dist/{useRecentlyUsedColors-DVZT_MHc.js.map → useRecentlyUsedColors-zQ7y37Sk.js.map} +1 -1
  168. package/package.json +1 -1
  169. package/dist/Textarea-D3WmOs_6.js.map +0 -1
  170. package/dist/cjs/Textarea-JUquK4ix.js.map +0 -1
  171. package/dist/cjs/index-C7kNDKSZ.js.map +0 -1
  172. package/dist/cjs/index-kRTNbSPu.js.map +0 -1
  173. package/dist/index-D_BsZoxj.js.map +0 -1
  174. package/dist/index-DasLFwoo.js.map +0 -1
@@ -7,7 +7,7 @@ import { useHistory } from 'react-router-dom';
7
7
  import '@babel/runtime/helpers/slicedToArray';
8
8
  import '@bigbinary/neeto-hotkeys';
9
9
  import './overlayManager.js';
10
- import { c as buildUrl } from './index-D_BsZoxj.js';
10
+ import { c as buildUrl } from './index-DmicnBCQ.js';
11
11
  import { u as useQueryParams } from './useQueryParams-BKsf4FPY.js';
12
12
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
13
13
  import { jsx, jsxs } from 'react/jsx-runtime';
package/dist/Pane.js CHANGED
@@ -4,7 +4,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
4
4
  import { useState, useRef, useEffect } from 'react';
5
5
  import classnames from 'classnames';
6
6
  import Close from '@bigbinary/neeto-icons/Close';
7
- import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-B2c6fBF6.js';
7
+ import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-Bn2Stdmg.js';
8
8
  import Button from './Button.js';
9
9
  import 'react-router-dom';
10
10
  import 'qs';
@@ -18,7 +18,7 @@ import '@bigbinary/neeto-hotkeys';
18
18
  import './overlayManager.js';
19
19
  import '@babel/runtime/helpers/classCallCheck';
20
20
  import '@babel/runtime/helpers/createClass';
21
- import './index-D_BsZoxj.js';
21
+ import './index-DmicnBCQ.js';
22
22
  import '@bigbinary/neeto-cist';
23
23
  import './en-DVlE9xuu.js';
24
24
  import '@babel/runtime/helpers/toConsumableArray';
@@ -39,7 +39,7 @@ var Body = function Body(_ref) {
39
39
  _ref$hasFooter = _ref.hasFooter,
40
40
  hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
41
41
  return /*#__PURE__*/jsx("div", {
42
- "data-cy": "pane-body",
42
+ "data-testid": "pane-body",
43
43
  className: classnames("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _defineProperty({
44
44
  "neeto-ui-pane__body--has-footer": hasFooter
45
45
  }, className, className)),
@@ -61,7 +61,7 @@ var Header = function Header(_ref) {
61
61
  className = _ref.className;
62
62
  return /*#__PURE__*/jsx("div", {
63
63
  className: classnames("neeto-ui-pane__header", className),
64
- "data-cy": "pane-header",
64
+ "data-testid": "pane-header",
65
65
  children: children
66
66
  });
67
67
  };
@@ -182,7 +182,7 @@ var Pane = function Pane(_ref) {
182
182
  ref: backdropRef,
183
183
  className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName),
184
184
  children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
185
- "data-cy": "pane-wrapper",
185
+ "data-testid": "pane-wrapper",
186
186
  ref: paneWrapperRef,
187
187
  className: classnames("neeto-ui-pane__wrapper", _defineProperty({
188
188
  "neeto-ui-pane__wrapper--small": size === SIZES.small,
@@ -193,8 +193,7 @@ var Pane = function Pane(_ref) {
193
193
  children: [closeButton && /*#__PURE__*/jsx(Button, {
194
194
  "aria-label": "Close",
195
195
  className: "neeto-ui-pane__close",
196
- "data-cy": "pane-close-button",
197
- "data-testid": "close-button",
196
+ "data-testid": "pane-close-button",
198
197
  icon: Close,
199
198
  size: "small",
200
199
  style: "text",
package/dist/Pane.js.map CHANGED
@@ -1 +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","_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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"}
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-testid=\"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-testid=\"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-testid=\"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-testid=\"pane-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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"}
@@ -15,7 +15,7 @@ var ProgressBar = function ProgressBar(_ref) {
15
15
  width: "".concat(progressPercentage, "%")
16
16
  },
17
17
  className: "neeto-ui-progress-bar neeto-ui-rounded-full",
18
- "data-cy": "progress-bar",
18
+ "data-testid": "progress-bar",
19
19
  initial: {
20
20
  width: 0
21
21
  },
@@ -1 +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","_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;;;;"}
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-testid=\"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,aAAA,EAAY,cAAc;AAC1BS,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 CHANGED
@@ -8,7 +8,7 @@ import { u as useId } from './useId-Jj9hXm-g.js';
8
8
  import 'react-router-dom';
9
9
  import '@bigbinary/neeto-hotkeys';
10
10
  import './overlayManager.js';
11
- import { h as hyphenize } from './index-D_BsZoxj.js';
11
+ import { h as hyphenize } from './index-DmicnBCQ.js';
12
12
  import 'qs';
13
13
  import { jsxs, jsx } from 'react/jsx-runtime';
14
14
  import '@bigbinary/neeto-icons/Help';
@@ -32,7 +32,7 @@ import 'dayjs/plugin/weekday';
32
32
  import 'dayjs/plugin/weekOfYear';
33
33
  import 'i18next';
34
34
 
35
- var _excluded$1 = ["name", "label", "className", "labelProps", "dataCy"];
35
+ var _excluded$1 = ["name", "label", "className", "labelProps", "dataTestid"];
36
36
  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; }
37
37
  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; }
38
38
  var Item = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -43,8 +43,8 @@ var Item = /*#__PURE__*/forwardRef(function (_ref, ref) {
43
43
  _ref$className = _ref.className,
44
44
  className = _ref$className === void 0 ? "" : _ref$className,
45
45
  labelProps = _ref.labelProps,
46
- _ref$dataCy = _ref.dataCy,
47
- dataCy = _ref$dataCy === void 0 ? "" : _ref$dataCy,
46
+ _ref$dataTestid = _ref.dataTestid,
47
+ dataTestid = _ref$dataTestid === void 0 ? "" : _ref$dataTestid,
48
48
  otherProps = _objectWithoutProperties(_ref, _excluded$1);
49
49
  var id = useId(otherProps.id);
50
50
  return /*#__PURE__*/jsxs("div", {
@@ -54,10 +54,10 @@ var Item = /*#__PURE__*/forwardRef(function (_ref, ref) {
54
54
  name: name,
55
55
  ref: ref,
56
56
  className: "neeto-ui-radio",
57
- "data-cy": dataCy || "".concat(hyphenize(label), "-radio-input"),
57
+ "data-testid": dataTestid || "".concat(hyphenize(label), "-radio-input"),
58
58
  type: "radio"
59
59
  }, otherProps)), label && /*#__PURE__*/jsx(Label, _objectSpread$1(_objectSpread$1({
60
- "data-cy": dataCy || "".concat(hyphenize(label), "-radio-label"),
60
+ "data-testid": dataTestid || "".concat(hyphenize(label), "-radio-label"),
61
61
  htmlFor: id
62
62
  }, labelProps), {}, {
63
63
  children: label
@@ -90,16 +90,23 @@ var Radio = function Radio(_ref) {
90
90
  setInternalValue = _useState2[1];
91
91
  var id = useId(props.id);
92
92
  var errorId = "error_".concat(id);
93
+ var labelId = label ? "label_".concat(id) : undefined;
94
+ var finalLabelId = label ? (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) || labelId : undefined;
93
95
  var internalOnChange = function internalOnChange(e) {
94
96
  return setInternalValue(e.target.value);
95
97
  };
96
98
  return /*#__PURE__*/jsxs("div", {
97
99
  className: classnames(["neeto-ui-radio__wrapper", className]),
98
100
  children: [label && /*#__PURE__*/jsx(Label, _objectSpread(_objectSpread({
99
- className: "neeto-ui-radio__label"
101
+ className: "neeto-ui-radio__label",
102
+ id: finalLabelId
100
103
  }, labelProps), {}, {
101
104
  children: label
102
105
  })), /*#__PURE__*/jsx("div", {
106
+ "aria-describedby": error ? errorId : undefined,
107
+ "aria-invalid": !!error,
108
+ "aria-labelledby": finalLabelId,
109
+ role: "radiogroup",
103
110
  className: classnames(["neeto-ui-radio__container"], _defineProperty({
104
111
  "neeto-ui-radio__container--stacked": stacked,
105
112
  "neeto-ui-radio__container--error": error
@@ -114,7 +121,7 @@ var Radio = function Radio(_ref) {
114
121
  })
115
122
  }), !!error && /*#__PURE__*/jsx("p", {
116
123
  className: "neeto-ui-radio-input__error",
117
- "data-cy": "".concat(hyphenize(label), "-radio-input-error"),
124
+ "data-testid": "".concat(hyphenize(label), "-radio-input-error"),
118
125
  id: errorId,
119
126
  children: error
120
127
  })]
package/dist/Radio.js.map CHANGED
@@ -1 +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","_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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"}
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 dataTestid = \"\",\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-testid={dataTestid || `${hyphenize(label)}-radio-input`}\n type=\"radio\"\n {...otherProps}\n />\n {label && (\n <Label\n data-testid={dataTestid || `${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 const labelId = label ? `label_${id}` : undefined;\n const finalLabelId = label ? labelProps?.id || labelId : undefined;\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\n className=\"neeto-ui-radio__label\"\n id={finalLabelId}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n <div\n aria-describedby={error ? errorId : undefined}\n aria-invalid={!!error}\n aria-labelledby={finalLabelId}\n role=\"radiogroup\"\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-testid={`${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$dataTestid","dataTestid","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","labelId","undefined","finalLabelId","internalOnChange","e","target","value","role","_defineProperty","Children","map","child","_child$props$checked","_ref2","_child$props$onChange","cloneElement","checked","includes"],"mappings":"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"}
package/dist/Select.js CHANGED
@@ -27,7 +27,7 @@ import { u as useId } from './useId-Jj9hXm-g.js';
27
27
  import 'react-router-dom';
28
28
  import '@bigbinary/neeto-hotkeys';
29
29
  import './overlayManager.js';
30
- import { h as hyphenize } from './index-D_BsZoxj.js';
30
+ import { h as hyphenize } from './index-DmicnBCQ.js';
31
31
  import 'qs';
32
32
  import Label from './Label.js';
33
33
  import Spinner from './Spinner.js';
@@ -211,7 +211,7 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef(function (props, ref) {
211
211
  });
212
212
 
213
213
  var _excluded = ["children"],
214
- _excluded2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping", "onMenuClose", "onMenuOpen", "onKeyDown", "styles", "dataCy"];
214
+ _excluded2 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping", "onMenuClose", "onMenuOpen", "onKeyDown", "styles", "dataTestid"];
215
215
  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; }
216
216
  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$1(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; }
217
217
  var SIZES = {
@@ -237,7 +237,7 @@ var Control = function Control(_ref) {
237
237
  };
238
238
  var DropdownIndicator = function DropdownIndicator(props) {
239
239
  return /*#__PURE__*/jsx(components.DropdownIndicator, _objectSpread(_objectSpread({}, props), {}, {
240
- innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, _defineProperty$1({}, "data-cy", "action-select-indicator")),
240
+ innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, _defineProperty$1({}, "data-testid", "action-select-indicator")),
241
241
  children: /*#__PURE__*/jsx(Down, {
242
242
  size: 16
243
243
  })
@@ -246,7 +246,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
246
246
  var ClearIndicator = function ClearIndicator(props) {
247
247
  return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
248
248
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
249
- "data-cy": "clear-select-indicator"
249
+ "data-testid": "clear-select-indicator"
250
250
  }),
251
251
  children: /*#__PURE__*/jsx(Close, {
252
252
  size: 16
@@ -263,8 +263,7 @@ var MultiValueRemove = function MultiValueRemove(props) {
263
263
  var CustomInput = function CustomInput(props) {
264
264
  var selectProps = props.selectProps;
265
265
  return /*#__PURE__*/jsx(components.Input, _objectSpread(_objectSpread({}, props), {}, {
266
- "data-cy": selectProps ? selectProps["data-cy"] : "select-input",
267
- "data-testid": selectProps && selectProps["data-testid"],
266
+ "data-testid": selectProps ? selectProps["data-testid"] : "select-input",
268
267
  maxLength: selectProps && selectProps.maxLength
269
268
  }));
270
269
  };
@@ -272,7 +271,7 @@ var CustomOption = function CustomOption(props) {
272
271
  var ref = useRef();
273
272
  var innerProps = props.innerProps,
274
273
  _props$data = props.data,
275
- dataCy = _props$data.dataCy,
274
+ dataTestid = _props$data.dataTestid,
276
275
  _props$data$tooltipPr = _props$data.tooltipProps,
277
276
  tooltipProps = _props$data$tooltipPr === void 0 ? {} : _props$data$tooltipPr;
278
277
  useEffect(function () {
@@ -281,7 +280,7 @@ var CustomOption = function CustomOption(props) {
281
280
  var optionComponent = /*#__PURE__*/jsx(components.Option, _objectSpread(_objectSpread({}, props), {}, {
282
281
  innerRef: ref,
283
282
  innerProps: _objectSpread(_objectSpread({}, innerProps), {}, {
284
- "data-cy": dataCy || "".concat(hyphenize(props.label), "-select-option")
283
+ "data-testid": dataTestid || "".concat(hyphenize(props.label), "-select-option")
285
284
  })
286
285
  }));
287
286
  return isPresent(tooltipProps) ? /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
@@ -297,7 +296,7 @@ var Placeholder = function Placeholder(props) {
297
296
  var selectProps = props.selectProps;
298
297
  return /*#__PURE__*/jsx(components.Placeholder, _objectSpread(_objectSpread({}, props), {}, {
299
298
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
300
- "data-cy": selectProps !== null && selectProps !== void 0 && selectProps.hyphenatedDataCyLabel ? "".concat(selectProps.hyphenatedDataCyLabel, "-select-placeholder") : "select-placeholder"
299
+ "data-testid": selectProps !== null && selectProps !== void 0 && selectProps.hyphenatedDataTestIdLabel ? "".concat(selectProps.hyphenatedDataTestIdLabel, "-select-placeholder") : "select-placeholder"
301
300
  })
302
301
  }));
303
302
  };
@@ -305,14 +304,14 @@ var Menu = function Menu(props) {
305
304
  var selectProps = props.selectProps;
306
305
  return /*#__PURE__*/jsx(components.Menu, _objectSpread(_objectSpread({}, props), {}, {
307
306
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
308
- "data-cy": selectProps ? "".concat(selectProps.hyphenatedDataCyLabel, "-select-menu") : "select-menu"
307
+ "data-testid": selectProps ? "".concat(selectProps.hyphenatedDataTestIdLabel, "-select-menu") : "select-menu"
309
308
  })
310
309
  }));
311
310
  };
312
311
  var SingleValue = function SingleValue(props) {
313
312
  return /*#__PURE__*/jsx(components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
314
313
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
315
- "data-cy": "select-single-value"
314
+ "data-testid": "select-single-value"
316
315
  })
317
316
  }));
318
317
  };
@@ -321,7 +320,7 @@ var ValueContainer = function ValueContainer(props) {
321
320
  return /*#__PURE__*/jsx(components.ValueContainer, _objectSpread(_objectSpread({}, props), {}, {
322
321
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
323
322
  name: selectProps.name,
324
- "data-cy": selectProps ? "".concat(selectProps.hyphenatedDataCyLabel, "-select-value-container") : "select-value-container"
323
+ "data-testid": selectProps ? "".concat(selectProps.hyphenatedDataTestIdLabel, "-select-value-container") : "select-value-container"
325
324
  })
326
325
  }));
327
326
  };
@@ -394,12 +393,12 @@ var Select = function Select(_ref2) {
394
393
  onKeyDown = _ref2.onKeyDown,
395
394
  _ref2$styles = _ref2.styles,
396
395
  styles = _ref2$styles === void 0 ? {} : _ref2$styles,
397
- _ref2$dataCy = _ref2.dataCy,
398
- dataCy = _ref2$dataCy === void 0 ? "nui" : _ref2$dataCy,
396
+ _ref2$dataTestid = _ref2.dataTestid,
397
+ dataTestid = _ref2$dataTestid === void 0 ? "nui" : _ref2$dataTestid,
399
398
  otherProps = _objectWithoutProperties$1(_ref2, _excluded2);
400
399
  var inputId = useId(id);
401
400
  var isMenuOpen = useRef((_ref3 = (_otherProps$isMenuOpe = otherProps.isMenuOpen) !== null && _otherProps$isMenuOpe !== void 0 ? _otherProps$isMenuOpe : otherProps.defaultMenuIsOpen) !== null && _ref3 !== void 0 ? _ref3 : false);
402
- var hyphenatedDataCyLabel = isEmpty(label) ? hyphenize(dataCy) : hyphenize(label);
401
+ var hyphenatedDataTestIdLabel = isEmpty(label) ? hyphenize(dataTestid) : hyphenize(label);
403
402
  var Parent = StateManagedSelect;
404
403
  if (isCreateable) {
405
404
  Parent = CreatableSelect;
@@ -463,12 +462,10 @@ var Select = function Select(_ref2) {
463
462
  };
464
463
  return /*#__PURE__*/jsxs("div", {
465
464
  className: classnames(["neeto-ui-input__wrapper", className]),
466
- "data-cy": "".concat(hyphenatedDataCyLabel, "-select-container-wrapper"),
467
- "data-testid": "select",
465
+ "data-testid": "".concat(hyphenatedDataTestIdLabel, "-select-container-wrapper"),
468
466
  children: [label && /*#__PURE__*/jsx(Label, _objectSpread(_objectSpread({
469
467
  required: required,
470
- "data-cy": "".concat(hyphenatedDataCyLabel, "-input-label"),
471
- "data-testid": "select-label",
468
+ "data-testid": "".concat(hyphenatedDataTestIdLabel, "-input-label"),
472
469
  htmlFor: inputId
473
470
  }, labelProps), {}, {
474
471
  children: label
@@ -476,7 +473,7 @@ var Select = function Select(_ref2) {
476
473
  blurInputOnSelect: false,
477
474
  classNamePrefix: "neeto-ui-react-select",
478
475
  closeMenuOnSelect: !otherProps.isMulti,
479
- "data-cy": "".concat(hyphenatedDataCyLabel, "-select-container"),
476
+ "data-testid": "".concat(hyphenatedDataTestIdLabel, "-select-container"),
480
477
  defaultValue: findInOptions(defaultValue),
481
478
  ref: innerRef,
482
479
  value: findInOptions(value),
@@ -507,16 +504,14 @@ var Select = function Select(_ref2) {
507
504
  label: label,
508
505
  styles: styles
509
506
  }, portalProps), otherProps), {}, {
510
- hyphenatedDataCyLabel: hyphenatedDataCyLabel
507
+ hyphenatedDataTestIdLabel: hyphenatedDataTestIdLabel
511
508
  }))), !!error && /*#__PURE__*/jsx("p", {
512
509
  className: "neeto-ui-input__error",
513
- "data-cy": "".concat(hyphenatedDataCyLabel, "-select-error"),
514
- "data-testid": "select-error",
510
+ "data-testid": "".concat(hyphenatedDataTestIdLabel, "-select-error"),
515
511
  children: error
516
512
  }), helpText && /*#__PURE__*/jsx("p", {
517
513
  className: "neeto-ui-input__help-text",
518
- "data-cy": "".concat(hyphenatedDataCyLabel, "-select-help-text"),
519
- "data-testid": "select-help-text",
514
+ "data-testid": "".concat(hyphenatedDataTestIdLabel, "-select-help-text"),
520
515
  children: helpText
521
516
  })]
522
517
  });