@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
package/dist/Stepper.js CHANGED
@@ -19,7 +19,7 @@ var Stepper = function Stepper(_ref) {
19
19
  }),
20
20
  children: /*#__PURE__*/jsxs("button", {
21
21
  className: "neeto-ui-stepper-item",
22
- "data-cy": "stepper-navigation-button",
22
+ "data-testid": "stepper-navigation-button",
23
23
  onClick: function onClick() {
24
24
  return setActiveIndex(index);
25
25
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sources":["../src/components/Stepper/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps, activeIndex, setActiveIndex }) => (\n <div className=\"neeto-ui-stepper__wrapper\">\n {steps.map(({ id, label }, index) => (\n <div\n data-testid={`stepper-item-${id}`}\n key={id}\n className={classnames(\"neeto-ui-stepper-item__wrapper\", {\n \"neeto-ui-stepper-item__wrapper--active\": index === activeIndex,\n \"neeto-ui-stepper-item__wrapper--done\": index < activeIndex,\n })}\n >\n <button\n className=\"neeto-ui-stepper-item\"\n data-cy=\"stepper-navigation-button\"\n onClick={() => setActiveIndex(index)}\n >\n <span className=\"neeto-ui-stepper-item__stage\">\n <span>{id}</span>\n </span>\n <span className=\"neeto-ui-stepper-item__label\" data-text={label}>\n {label}\n </span>\n </button>\n </div>\n ))}\n </div>\n);\n\nStepper.propTypes = {\n /**\n * To provide the array of steps\n */\n steps: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n label: PropTypes.string,\n })\n ),\n /**\n * To specify the active step\n */\n activeIndex: PropTypes.number,\n /**\n * To specify the function to set the active step\n */\n setActiveIndex: PropTypes.func,\n};\n\nexport default Stepper;\n"],"names":["Stepper","_ref","steps","activeIndex","setActiveIndex","_jsx","className","children","map","_ref2","index","id","label","concat","classnames","_jsxs","onClick"],"mappings":";;;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;AAAA,EAAA,oBACnDC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,2BAA2B;IAAAC,QAAA,EACvCL,KAAK,CAACM,GAAG,CAAC,UAAAC,KAAA,EAAgBC,KAAK,EAAA;AAAA,MAAA,IAAlBC,EAAE,GAAAF,KAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;AAAA,MAAA,oBACrBP,GAAA,CAAA,KAAA,EAAA;QACE,aAAA,EAAA,eAAA,CAAAQ,MAAA,CAA6BF,EAAE,CAAG;AAElCL,QAAAA,SAAS,EAAEQ,UAAU,CAAC,gCAAgC,EAAE;UACtD,wCAAwC,EAAEJ,KAAK,KAAKP,WAAW;UAC/D,sCAAsC,EAAEO,KAAK,GAAGP;AAClD,SAAC,CAAE;AAAAI,QAAAA,QAAA,eAEHQ,IAAA,CAAA,QAAA,EAAA;AACET,UAAAA,SAAS,EAAC,uBAAuB;AACjC,UAAA,SAAA,EAAQ,2BAA2B;UACnCU,OAAO,EAAE,SAATA,OAAOA,GAAA;YAAA,OAAQZ,cAAc,CAACM,KAAK,CAAC;UAAA,CAAC;AAAAH,UAAAA,QAAA,gBAErCF,GAAA,CAAA,MAAA,EAAA;AAAMC,YAAAA,SAAS,EAAC,8BAA8B;AAAAC,YAAAA,QAAA,eAC5CF,GAAA,CAAA,MAAA,EAAA;AAAAE,cAAAA,QAAA,EAAOI;aAAS;WACZ,CAAC,eACPN,GAAA,CAAA,MAAA,EAAA;AAAMC,YAAAA,SAAS,EAAC,8BAA8B;AAAC,YAAA,WAAA,EAAWM,KAAM;AAAAL,YAAAA,QAAA,EAC7DK;AAAK,WACF,CAAC;SACD;AAAC,OAAA,EAjBJD,EAkBF,CAAC;IAAA,CACP;AAAC,GACC,CAAC;AAAA;;;;"}
1
+ {"version":3,"file":"Stepper.js","sources":["../src/components/Stepper/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps, activeIndex, setActiveIndex }) => (\n <div className=\"neeto-ui-stepper__wrapper\">\n {steps.map(({ id, label }, index) => (\n <div\n data-testid={`stepper-item-${id}`}\n key={id}\n className={classnames(\"neeto-ui-stepper-item__wrapper\", {\n \"neeto-ui-stepper-item__wrapper--active\": index === activeIndex,\n \"neeto-ui-stepper-item__wrapper--done\": index < activeIndex,\n })}\n >\n <button\n className=\"neeto-ui-stepper-item\"\n data-testid=\"stepper-navigation-button\"\n onClick={() => setActiveIndex(index)}\n >\n <span className=\"neeto-ui-stepper-item__stage\">\n <span>{id}</span>\n </span>\n <span className=\"neeto-ui-stepper-item__label\" data-text={label}>\n {label}\n </span>\n </button>\n </div>\n ))}\n </div>\n);\n\nStepper.propTypes = {\n /**\n * To provide the array of steps\n */\n steps: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n label: PropTypes.string,\n })\n ),\n /**\n * To specify the active step\n */\n activeIndex: PropTypes.number,\n /**\n * To specify the function to set the active step\n */\n setActiveIndex: PropTypes.func,\n};\n\nexport default Stepper;\n"],"names":["Stepper","_ref","steps","activeIndex","setActiveIndex","_jsx","className","children","map","_ref2","index","id","label","concat","classnames","_jsxs","onClick"],"mappings":";;;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;AAAA,EAAA,oBACnDC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,2BAA2B;IAAAC,QAAA,EACvCL,KAAK,CAACM,GAAG,CAAC,UAAAC,KAAA,EAAgBC,KAAK,EAAA;AAAA,MAAA,IAAlBC,EAAE,GAAAF,KAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;AAAA,MAAA,oBACrBP,GAAA,CAAA,KAAA,EAAA;QACE,aAAA,EAAA,eAAA,CAAAQ,MAAA,CAA6BF,EAAE,CAAG;AAElCL,QAAAA,SAAS,EAAEQ,UAAU,CAAC,gCAAgC,EAAE;UACtD,wCAAwC,EAAEJ,KAAK,KAAKP,WAAW;UAC/D,sCAAsC,EAAEO,KAAK,GAAGP;AAClD,SAAC,CAAE;AAAAI,QAAAA,QAAA,eAEHQ,IAAA,CAAA,QAAA,EAAA;AACET,UAAAA,SAAS,EAAC,uBAAuB;AACjC,UAAA,aAAA,EAAY,2BAA2B;UACvCU,OAAO,EAAE,SAATA,OAAOA,GAAA;YAAA,OAAQZ,cAAc,CAACM,KAAK,CAAC;UAAA,CAAC;AAAAH,UAAAA,QAAA,gBAErCF,GAAA,CAAA,MAAA,EAAA;AAAMC,YAAAA,SAAS,EAAC,8BAA8B;AAAAC,YAAAA,QAAA,eAC5CF,GAAA,CAAA,MAAA,EAAA;AAAAE,cAAAA,QAAA,EAAOI;aAAS;WACZ,CAAC,eACPN,GAAA,CAAA,MAAA,EAAA;AAAMC,YAAAA,SAAS,EAAC,8BAA8B;AAAC,YAAA,WAAA,EAAWM,KAAM;AAAAL,YAAAA,QAAA,EAC7DK;AAAK,WACF,CAAC;SACD;AAAC,OAAA,EAjBJD,EAkBF,CAAC;IAAA,CACP;AAAC,GACC,CAAC;AAAA;;;;"}
package/dist/Switch.js CHANGED
@@ -9,7 +9,7 @@ import '@babel/runtime/helpers/slicedToArray';
9
9
  import 'react-router-dom';
10
10
  import '@bigbinary/neeto-hotkeys';
11
11
  import './overlayManager.js';
12
- import { h as hyphenize, n as noop } from './index-D_BsZoxj.js';
12
+ import { h as hyphenize, n as noop } from './index-DmicnBCQ.js';
13
13
  import 'qs';
14
14
  import Label from './Label.js';
15
15
  import { jsxs, jsx } from 'react/jsx-runtime';
@@ -59,12 +59,11 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
59
59
  return /*#__PURE__*/jsxs("div", {
60
60
  ref: ref,
61
61
  className: classnames(["neeto-ui-switch__wrapper", className]),
62
- "data-cy": "nui-switch-wrapper",
62
+ "data-testid": "nui-switch-wrapper",
63
63
  children: [/*#__PURE__*/jsxs("div", {
64
64
  className: "neeto-ui-switch__container",
65
65
  children: [/*#__PURE__*/jsxs("label", {
66
- "data-cy": "nui-switch-item",
67
- tabIndex: 0,
66
+ "data-testid": "nui-switch-item",
68
67
  className: classnames("neeto-ui-switch__item", {
69
68
  "neeto-ui-switch__item--checked": !!checked,
70
69
  "neeto-ui-switch__item--disabled": disabled
@@ -72,20 +71,21 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
72
71
  children: [/*#__PURE__*/jsx("input", _objectSpread({
73
72
  id: id,
74
73
  onChange: onChange,
74
+ "aria-describedby": error ? errorId : undefined,
75
+ "aria-invalid": !!error,
76
+ "aria-required": required,
75
77
  type: "checkbox"
76
78
  }, otherProps)), /*#__PURE__*/jsx("span", {
77
79
  "aria-hidden": "true",
78
- "data-cy": "".concat(hyphenize(renderLabel), "-switch"),
80
+ "data-testid": "".concat(hyphenize(renderLabel), "-switch"),
79
81
  className: classnames("neeto-ui-switch", {
80
82
  "neeto-ui-switch--checked": !!checked
81
83
  }),
82
84
  children: checked ? /*#__PURE__*/jsx(Check, {
83
- "data-cy": "check-icon",
84
85
  "data-testid": "check-icon",
85
86
  size: "12",
86
87
  strokeWidth: 4
87
88
  }) : /*#__PURE__*/jsx(Close, {
88
- "data-cy": "close-icon",
89
89
  "data-testid": "close-icon",
90
90
  size: "12",
91
91
  strokeWidth: 3
@@ -95,12 +95,12 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
95
95
  required: required,
96
96
  htmlFor: id
97
97
  }, labelProps), {}, {
98
- "data-cy": "".concat(hyphenize(renderLabel).replace(/[^a-z0-9-]/gi, ""), "-switch-label"),
98
+ "data-testid": "".concat(hyphenize(renderLabel).replace(/[^a-z0-9-]/gi, ""), "-switch-label"),
99
99
  children: renderLabel
100
100
  }))]
101
101
  }), !!error && /*#__PURE__*/jsx("p", {
102
102
  className: "neeto-ui-input__error",
103
- "data-cy": "".concat(hyphenize(renderLabel), "-switch-error"),
103
+ "data-testid": "".concat(hyphenize(renderLabel), "-switch-error"),
104
104
  id: errorId,
105
105
  children: error
106
106
  })]
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../src/components/Switch.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Check, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Switch = forwardRef(\n (\n {\n label = \"\",\n required = false,\n className = \"\",\n error = \"\",\n onChange = noop,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const { checked, disabled } = otherProps;\n const renderLabel = label || children;\n\n return (\n <div\n {...{ ref }}\n className={classnames([\"neeto-ui-switch__wrapper\", className])}\n data-cy=\"nui-switch-wrapper\"\n >\n <div className=\"neeto-ui-switch__container\">\n <label\n data-cy=\"nui-switch-item\"\n tabIndex={0}\n className={classnames(\"neeto-ui-switch__item\", {\n \"neeto-ui-switch__item--checked\": !!checked,\n \"neeto-ui-switch__item--disabled\": disabled,\n })}\n >\n <input {...{ id, onChange }} type=\"checkbox\" {...otherProps} />\n <span\n aria-hidden=\"true\"\n data-cy={`${hyphenize(renderLabel)}-switch`}\n className={classnames(\"neeto-ui-switch\", {\n \"neeto-ui-switch--checked\": !!checked,\n })}\n >\n {checked ? (\n <Check\n data-cy=\"check-icon\"\n data-testid=\"check-icon\"\n size=\"12\"\n strokeWidth={4}\n />\n ) : (\n <Close\n data-cy=\"close-icon\"\n data-testid=\"close-icon\"\n size=\"12\"\n strokeWidth={3}\n />\n )}\n </span>\n </label>\n {renderLabel && (\n <Label\n {...{ required }}\n htmlFor={id}\n {...labelProps}\n data-cy={`${hyphenize(renderLabel).replace(\n /[^a-z0-9-]/gi,\n \"\"\n )}-switch-label`}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-switch-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nSwitch.displayName = \"Switch\";\n\nSwitch.propTypes = {\n /**\n * Text to be displayed above the 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 whether to show the required asterisk.\n */\n required: PropTypes.bool,\n /**\n * Provide external classnames to spinner component.\n */\n className: PropTypes.string,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * Checks whether the Switch is checked or not\n */\n checked: PropTypes.bool,\n /**\n * To disable the component\n */\n disabled: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","_ref$label","label","_ref$required","required","_ref$className","className","_ref$error","error","_ref$onChange","onChange","noop","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","checked","disabled","renderLabel","_jsxs","classnames","tabIndex","_jsx","_objectSpread","type","hyphenize","Check","size","strokeWidth","Close","Label","htmlFor","replace","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"Switch.js","sources":["../src/components/Switch.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Check, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Switch = forwardRef(\n (\n {\n label = \"\",\n required = false,\n className = \"\",\n error = \"\",\n onChange = noop,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const { checked, disabled } = otherProps;\n const renderLabel = label || children;\n\n return (\n <div\n {...{ ref }}\n className={classnames([\"neeto-ui-switch__wrapper\", className])}\n data-testid=\"nui-switch-wrapper\"\n >\n <div className=\"neeto-ui-switch__container\">\n <label\n data-testid=\"nui-switch-item\"\n className={classnames(\"neeto-ui-switch__item\", {\n \"neeto-ui-switch__item--checked\": !!checked,\n \"neeto-ui-switch__item--disabled\": disabled,\n })}\n >\n <input\n {...{ id, onChange }}\n aria-describedby={error ? errorId : undefined}\n aria-invalid={!!error}\n aria-required={required}\n type=\"checkbox\"\n {...otherProps}\n />\n <span\n aria-hidden=\"true\"\n data-testid={`${hyphenize(renderLabel)}-switch`}\n className={classnames(\"neeto-ui-switch\", {\n \"neeto-ui-switch--checked\": !!checked,\n })}\n >\n {checked ? (\n <Check data-testid=\"check-icon\" size=\"12\" strokeWidth={4} />\n ) : (\n <Close data-testid=\"close-icon\" size=\"12\" strokeWidth={3} />\n )}\n </span>\n </label>\n {renderLabel && (\n <Label\n {...{ required }}\n htmlFor={id}\n {...labelProps}\n data-testid={`${hyphenize(renderLabel).replace(\n /[^a-z0-9-]/gi,\n \"\"\n )}-switch-label`}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-testid={`${hyphenize(renderLabel)}-switch-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nSwitch.displayName = \"Switch\";\n\nSwitch.propTypes = {\n /**\n * Text to be displayed above the 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 whether to show the required asterisk.\n */\n required: PropTypes.bool,\n /**\n * Provide external classnames to spinner component.\n */\n className: PropTypes.string,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * Checks whether the Switch is checked or not\n */\n checked: PropTypes.bool,\n /**\n * To disable the component\n */\n disabled: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","_ref$label","label","_ref$required","required","_ref$className","className","_ref$error","error","_ref$onChange","onChange","noop","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","checked","disabled","renderLabel","_jsxs","classnames","_jsx","_objectSpread","undefined","type","hyphenize","Check","size","strokeWidth","Close","Label","htmlFor","replace","displayName"],"mappings":"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"}
package/dist/Tab.js CHANGED
@@ -23,8 +23,7 @@ var Item = function Item(_ref) {
23
23
  var Icon = typeof icon === "string" ? function () {
24
24
  return /*#__PURE__*/jsx("i", {
25
25
  className: icon,
26
- "data-cy": "tab-item-icon",
27
- "data-testid": "tab-icon"
26
+ "data-testid": "tab-item-icon"
28
27
  });
29
28
  } : icon || React__default.Fragment;
30
29
  var Parent = activeClassName ? NavLink : "button";
@@ -32,12 +31,15 @@ var Item = function Item(_ref) {
32
31
  type: "button"
33
32
  };
34
33
  return /*#__PURE__*/jsxs(Parent, _objectSpread$1(_objectSpread$1({
35
- "data-cy": "tab-item",
34
+ "aria-selected": active,
35
+ "data-testid": "tab-item",
36
+ role: "tab",
36
37
  className: classnames(["neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none", className], {
37
38
  active: active
38
- }),
39
+ })
40
+ }, _objectSpread$1(_objectSpread$1({
39
41
  onClick: onClick
40
- }, _objectSpread$1(_objectSpread$1({}, otherProps), buttonAttributes)), {}, {
42
+ }, otherProps), buttonAttributes)), {}, {
41
43
  children: [icon && /*#__PURE__*/jsx(Icon, {
42
44
  className: "neeto-ui-tab__icon"
43
45
  }), children]
@@ -62,7 +64,8 @@ var Tab = function Tab(_ref) {
62
64
  className = _ref$className === void 0 ? "" : _ref$className,
63
65
  otherProps = _objectWithoutProperties(_ref, _excluded);
64
66
  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
65
- "data-cy": "tab-container",
67
+ "data-testid": "tab-container",
68
+ role: "tablist",
66
69
  className: classnames({
67
70
  "neeto-ui-tab__wrapper neeto-ui-flex": true,
68
71
  "neeto-ui-tab__wrapper--size-large": size === SIZES.large,
package/dist/Tab.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sources":["../src/components/Tab/Item.jsx","../src/components/Tab/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst Item = ({\n active,\n className = \"\",\n children,\n icon = null,\n onClick = () => {},\n activeClassName = \"\",\n ...otherProps\n}) => {\n const Icon =\n typeof icon === \"string\"\n ? () => (\n <i className={icon} data-cy=\"tab-item-icon\" data-testid=\"tab-icon\" />\n )\n : icon || React.Fragment;\n\n const Parent = activeClassName ? NavLink : \"button\";\n const buttonAttributes = activeClassName ? {} : { type: \"button\" };\n\n return (\n <Parent\n data-cy=\"tab-item\"\n className={classnames(\n [\n \"neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none\",\n className,\n ],\n { active }\n )}\n onClick={onClick}\n {...{ ...otherProps, ...buttonAttributes }}\n >\n {icon && <Icon className=\"neeto-ui-tab__icon\" />}\n {children}\n </Parent>\n );\n};\n\nItem.displayName = \"Tab.Item\";\n\nItem.propTypes = {\n /**\n * To set the active Tab\n */\n active: PropTypes.bool,\n /**\n * Extra classes can be provided to the TabItem\n */\n className: PropTypes.string,\n /**\n * To add content inside TabItem\n */\n children: PropTypes.node,\n /**\n * To add icons to TabItem\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /**\n * Callback to be triggered when user clicks on the TabItem\n */\n onClick: PropTypes.func,\n activeClassName: PropTypes.string,\n};\n\nexport default Item;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Item from \"./Item\";\n\nconst SIZES = { large: \"large\", small: \"small\" };\n\nconst Tab = ({\n size = SIZES.small,\n noUnderline = false,\n children,\n className = \"\",\n ...otherProps\n}) => (\n <div\n data-cy=\"tab-container\"\n className={classnames(\n {\n \"neeto-ui-tab__wrapper neeto-ui-flex\": true,\n \"neeto-ui-tab__wrapper--size-large\": size === SIZES.large,\n \"neeto-ui-tab__wrapper--size-small\": size === SIZES.small,\n \"neeto-ui-tab__wrapper--underline-none\": noUnderline,\n },\n [className]\n )}\n {...otherProps}\n >\n {children}\n </div>\n);\n\nTab.propTypes = {\n /**\n * To hide the underline\n */\n noUnderline: PropTypes.bool,\n /**\n * Set the size of the Tabs.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To add content inside the Tab\n */\n children: PropTypes.node,\n /**\n * Extra classes can be provided to the Tab\n */\n className: PropTypes.string,\n};\n\nTab.Item = Item;\n\nexport default Tab;\n"],"names":["Item","_ref","active","_ref$className","className","children","_ref$icon","icon","_ref$onClick","onClick","_ref$activeClassName","activeClassName","otherProps","_objectWithoutProperties","_excluded","Icon","_jsx","React","Fragment","Parent","NavLink","buttonAttributes","type","_jsxs","_objectSpread","classnames","displayName","SIZES","large","small","Tab","_ref$size","size","_ref$noUnderline","noUnderline"],"mappings":"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"}
1
+ {"version":3,"file":"Tab.js","sources":["../src/components/Tab/Item.jsx","../src/components/Tab/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst Item = ({\n active,\n className = \"\",\n children,\n icon = null,\n onClick = () => {},\n activeClassName = \"\",\n ...otherProps\n}) => {\n const Icon =\n typeof icon === \"string\"\n ? () => <i className={icon} data-testid=\"tab-item-icon\" />\n : icon || React.Fragment;\n\n const Parent = activeClassName ? NavLink : \"button\";\n const buttonAttributes = activeClassName ? {} : { type: \"button\" };\n\n return (\n <Parent\n aria-selected={active}\n data-testid=\"tab-item\"\n role=\"tab\"\n className={classnames(\n [\n \"neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none\",\n className,\n ],\n { active }\n )}\n {...{ onClick, ...otherProps, ...buttonAttributes }}\n >\n {icon && <Icon className=\"neeto-ui-tab__icon\" />}\n {children}\n </Parent>\n );\n};\n\nItem.displayName = \"Tab.Item\";\n\nItem.propTypes = {\n /**\n * To set the active Tab\n */\n active: PropTypes.bool,\n /**\n * Extra classes can be provided to the TabItem\n */\n className: PropTypes.string,\n /**\n * To add content inside TabItem\n */\n children: PropTypes.node,\n /**\n * To add icons to TabItem\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n /**\n * Callback to be triggered when user clicks on the TabItem\n */\n onClick: PropTypes.func,\n activeClassName: PropTypes.string,\n};\n\nexport default Item;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Item from \"./Item\";\n\nconst SIZES = { large: \"large\", small: \"small\" };\n\nconst Tab = ({\n size = SIZES.small,\n noUnderline = false,\n children,\n className = \"\",\n ...otherProps\n}) => (\n <div\n data-testid=\"tab-container\"\n role=\"tablist\"\n className={classnames(\n {\n \"neeto-ui-tab__wrapper neeto-ui-flex\": true,\n \"neeto-ui-tab__wrapper--size-large\": size === SIZES.large,\n \"neeto-ui-tab__wrapper--size-small\": size === SIZES.small,\n \"neeto-ui-tab__wrapper--underline-none\": noUnderline,\n },\n [className]\n )}\n {...otherProps}\n >\n {children}\n </div>\n);\n\nTab.propTypes = {\n /**\n * To hide the underline\n */\n noUnderline: PropTypes.bool,\n /**\n * Set the size of the Tabs.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To add content inside the Tab\n */\n children: PropTypes.node,\n /**\n * Extra classes can be provided to the Tab\n */\n className: PropTypes.string,\n};\n\nTab.Item = Item;\n\nexport default Tab;\n"],"names":["Item","_ref","active","_ref$className","className","children","_ref$icon","icon","_ref$onClick","onClick","_ref$activeClassName","activeClassName","otherProps","_objectWithoutProperties","_excluded","Icon","_jsx","React","Fragment","Parent","NavLink","buttonAttributes","type","_jsxs","_objectSpread","role","classnames","displayName","SIZES","large","small","Tab","_ref$size","size","_ref$noUnderline","noUnderline"],"mappings":"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"}
package/dist/Table.js CHANGED
@@ -16,13 +16,13 @@ import { useHistory } from 'react-router-dom';
16
16
  import { ANTD_LOCALE } from './constants.js';
17
17
  import '@bigbinary/neeto-hotkeys';
18
18
  import './overlayManager.js';
19
- import { a as getLocale, b as getFromLocalStorage, r as removeFromLocalStorage, s as setToLocalStorage, h as hyphenize, g as getContentDir, c as buildUrl, n as noop$1, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-D_BsZoxj.js';
19
+ import { a as getLocale, b as getFromLocalStorage, r as removeFromLocalStorage, s as setToLocalStorage, h as hyphenize, g as getContentDir, c as buildUrl, n as noop$1, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from './index-DmicnBCQ.js';
20
20
  import { u as useQueryParams } from './useQueryParams-BKsf4FPY.js';
21
21
  import Button from './Button.js';
22
22
  import Callout from './Callout.js';
23
23
  import Typography from './Typography.js';
24
24
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
25
- import { H as HeaderCellMenu, a as TABLE_SORT_ORDERS, b as TABLE_PAGINATION_HEIGHT, c as TABLE_ROW_HEIGHT, C as COLUMN_FIXED_VALUES, S as SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT, d as SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT, U as URL_SORT_ORDERS, u as useRestoreScrollPosition, e as TABLE_DEFAULT_HEADER_HEIGHT, f as TableInfoPane } from './index-DasLFwoo.js';
25
+ import { H as HeaderCellMenu, a as TABLE_SORT_ORDERS, b as TABLE_PAGINATION_HEIGHT, c as TABLE_ROW_HEIGHT, C as COLUMN_FIXED_VALUES, S as SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT, d as SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT, U as URL_SORT_ORDERS, u as useRestoreScrollPosition, e as TABLE_DEFAULT_HEADER_HEIGHT, f as TableInfoPane } from './index-Dlo3HdFv.js';
26
26
  import { Resizable as Resizable$1 } from 'react-resizable';
27
27
  import '@babel/runtime/helpers/classCallCheck';
28
28
  import '@babel/runtime/helpers/createClass';
@@ -58,7 +58,7 @@ import './Dropdown.js';
58
58
  import '@bigbinary/neeto-icons/Down';
59
59
  import './Modal.js';
60
60
  import '@bigbinary/neeto-icons/Close';
61
- import './useOverlayManager-B2c6fBF6.js';
61
+ import './useOverlayManager-Bn2Stdmg.js';
62
62
  import '@babel/runtime/helpers/esm/extends';
63
63
  import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
64
64
  import '@babel/runtime/helpers/esm/inheritsLoose';
@@ -72,7 +72,7 @@ import '@babel/runtime/helpers/asyncToGenerator';
72
72
  import '@babel/runtime/regenerator';
73
73
  import '@bigbinary/neeto-icons/ColorPicker';
74
74
  import 'react-colorful';
75
- import './useRecentlyUsedColors-DVZT_MHc.js';
75
+ import './useRecentlyUsedColors-zQ7y37Sk.js';
76
76
  import 'antd/lib/date-picker';
77
77
  import '@bigbinary/neeto-icons/Calendar';
78
78
  import './Input.js';
@@ -97,7 +97,7 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';
97
97
  import '@babel/runtime/helpers/typeof';
98
98
  import '@babel/runtime/helpers/toArray';
99
99
  import './Tag.js';
100
- import './Textarea-D3WmOs_6.js';
100
+ import './Textarea-DucQtmjX.js';
101
101
  import './Pane.js';
102
102
  import './Radio.js';
103
103
  import 'antd/lib/slider';
@@ -249,7 +249,7 @@ var CellContent = function CellContent(_ref) {
249
249
  onClick: isSortable ? noop : headerProps.onClick,
250
250
  children: /*#__PURE__*/jsxs("div", {
251
251
  className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-between",
252
- "data-cy": "".concat(hyphenize(headerProps.title), "-header-title"),
252
+ "data-testid": "".concat(hyphenize(headerProps.title), "-header-title"),
253
253
  children: [/*#__PURE__*/jsx("div", {
254
254
  className: "neeto-ui-min-w-0 neeto-ui-flex-grow neeto-ui-truncate neeto-ui-table__column-title-content",
255
255
  children: children