@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
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n size = SIZES.medium,\n isOpen = false,\n isSubmitting = false,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n onClose = () => {},\n onSubmit = () => {},\n title = \"\",\n message = \"\",\n submitButtonLabel = \"Continue\",\n cancelButtonLabel = \"Cancel\",\n initialFocusRef,\n initialFocusElement,\n hideCancelButton = false,\n}) => {\n const submitButtonRef = useRef(null);\n const cancelButtonRef = useRef(null);\n\n const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n const initialFocusElementRef =\n initialFocusElement === FOCUSABLE_ELEMENTS.submit\n ? submitButtonRef\n : cancelButtonRef;\n\n return (\n <Modal\n {...{\n backdropClassName,\n className,\n closeButton,\n closeOnEsc,\n closeOnOutsideClick,\n isOpen,\n onClose,\n size,\n }}\n data-cy=\"alert-box\"\n {...(hasCustomFocusableElement && {\n initialFocusRef: initialFocusRef || initialFocusElementRef,\n })}\n >\n <Modal.Header>\n <Typography data-cy=\"alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n {message}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n {!hideCancelButton && (\n <Button\n data-cy=\"alert-cancel-button\"\n label={cancelButtonLabel}\n ref={cancelButtonRef}\n style=\"tertiary\"\n onClick={onClose}\n />\n )}\n <Button\n data-cy=\"alert-submit-button\"\n disabled={isSubmitting || !isOpen}\n label={submitButtonLabel}\n loading={isSubmitting}\n ref={submitButtonRef}\n style=\"danger\"\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nAlert.propTypes = {\n /**\n * To specify the size of the Alert.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Alert is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Alert is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the callback which will be invoked when the Alert is submitted.\n */\n onSubmit: PropTypes.func,\n /**\n * To provide title to the Alert.\n */\n title: PropTypes.string,\n /**\n * To provide description to the Alert.\n */\n message: PropTypes.node,\n /**\n * To add loading state to submit button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To provide external classNames to the Alert.\n */\n className: PropTypes.string,\n /**\n * To close the Alert on pressing the `Esc` key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Alert should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To provide label to the submit button.\n */\n submitButtonLabel: PropTypes.string,\n /**\n * To provide label to the cancel button.\n */\n cancelButtonLabel: PropTypes.string,\n /**\n * To add custom classes to Backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Alert content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To specify the ref of the element which will receive focus when the Alert is opened.\n * If not specified, the focus will be set to the submit button inside the Alert.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * To specify the element which will receive focus when the Alert is opened.\n */\n initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n /**\n * To hide the cancel button\n */\n hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","FOCUSABLE_ELEMENTS","submit","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","_jsxs","Modal","_objectSpread","children","_jsx","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
1
+ {"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n size = SIZES.medium,\n isOpen = false,\n isSubmitting = false,\n className = \"\",\n closeOnEsc = true,\n closeButton = true,\n backdropClassName = \"\",\n closeOnOutsideClick = true,\n onClose = () => {},\n onSubmit = () => {},\n title = \"\",\n message = \"\",\n submitButtonLabel = \"Continue\",\n cancelButtonLabel = \"Cancel\",\n initialFocusRef,\n initialFocusElement,\n hideCancelButton = false,\n}) => {\n const submitButtonRef = useRef(null);\n const cancelButtonRef = useRef(null);\n\n const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n const initialFocusElementRef =\n initialFocusElement === FOCUSABLE_ELEMENTS.submit\n ? submitButtonRef\n : cancelButtonRef;\n\n return (\n <Modal\n {...{\n backdropClassName,\n className,\n closeButton,\n closeOnEsc,\n closeOnOutsideClick,\n isOpen,\n onClose,\n size,\n }}\n data-testid=\"alert-box\"\n {...(hasCustomFocusableElement && {\n initialFocusRef: initialFocusRef || initialFocusElementRef,\n })}\n >\n <Modal.Header>\n <Typography data-testid=\"alert-title\" style=\"h2\">\n {title}\n </Typography>\n </Modal.Header>\n <Modal.Body>\n <Typography\n data-testid=\"alert-message\"\n lineHeight=\"normal\"\n style=\"body2\"\n >\n {message}\n </Typography>\n </Modal.Body>\n <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n {!hideCancelButton && (\n <Button\n data-testid=\"alert-cancel-button\"\n label={cancelButtonLabel}\n ref={cancelButtonRef}\n style=\"tertiary\"\n onClick={onClose}\n />\n )}\n <Button\n data-testid=\"alert-submit-button\"\n disabled={isSubmitting || !isOpen}\n label={submitButtonLabel}\n loading={isSubmitting}\n ref={submitButtonRef}\n style=\"danger\"\n onClick={onSubmit}\n />\n </Modal.Footer>\n </Modal>\n );\n};\n\nAlert.propTypes = {\n /**\n * To specify the size of the Alert.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify whether the Alert is open or not.\n */\n isOpen: PropTypes.bool,\n /**\n * To specify the callback which will be invoked when the Alert is closed.\n */\n onClose: PropTypes.func,\n /**\n * To specify the callback which will be invoked when the Alert is submitted.\n */\n onSubmit: PropTypes.func,\n /**\n * To provide title to the Alert.\n */\n title: PropTypes.string,\n /**\n * To provide description to the Alert.\n */\n message: PropTypes.node,\n /**\n * To add loading state to submit button\n */\n isSubmitting: PropTypes.bool,\n /**\n * To provide external classNames to the Alert.\n */\n className: PropTypes.string,\n /**\n * To close the Alert on pressing the `Esc` key.\n */\n closeOnEsc: PropTypes.bool,\n /**\n * To specify whether the close button of the Alert should be displayed or not.\n */\n closeButton: PropTypes.bool,\n /**\n * To provide label to the submit button.\n */\n submitButtonLabel: PropTypes.string,\n /**\n * To provide label to the cancel button.\n */\n cancelButtonLabel: PropTypes.string,\n /**\n * To add custom classes to Backdrop component.\n */\n backdropClassName: PropTypes.string,\n /**\n * To close on clicking outside the Alert content.\n */\n closeOnOutsideClick: PropTypes.bool,\n /**\n * To specify the ref of the element which will receive focus when the Alert is opened.\n * If not specified, the focus will be set to the submit button inside the Alert.\n * */\n initialFocusRef: PropTypes.object,\n /**\n * To specify the element which will receive focus when the Alert is opened.\n */\n initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n /**\n * To hide the cancel button\n */\n hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","FOCUSABLE_ELEMENTS","submit","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","_jsxs","Modal","_objectSpread","children","_jsx","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
@@ -69,12 +69,6 @@ var Avatar = function Avatar(_ref) {
69
69
  "neeto-ui-avatar__status-large": isLarge,
70
70
  "neeto-ui-avatar__status-xlarge": isExtraLarge
71
71
  });
72
- var Indicator = function Indicator() {
73
- return ramda.isNil(status) ? React.Fragment : /*#__PURE__*/jsxRuntime.jsx("span", {
74
- className: statusClasses,
75
- "data-testid": "indicator"
76
- });
77
- };
78
72
  var shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);
79
73
  return /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread(_objectSpread({
80
74
  content: name,
@@ -84,10 +78,12 @@ var Avatar = function Avatar(_ref) {
84
78
  children: /*#__PURE__*/jsxRuntime.jsxs("span", _objectSpread(_objectSpread({
85
79
  onClick: onClick,
86
80
  className: containerClasses,
87
- "data-cy": "nui-avatar",
88
- "data-testid": "avatar"
81
+ "data-testid": "nui-avatar"
89
82
  }, otherProps), {}, {
90
- children: [/*#__PURE__*/jsxRuntime.jsx(Indicator, {}), shouldDisplayFallbackAvatar ? /*#__PURE__*/jsxRuntime.jsx(Avvvatars, {
83
+ children: [!ramda.isNil(status) && /*#__PURE__*/jsxRuntime.jsx("span", {
84
+ className: statusClasses,
85
+ "data-testid": "indicator"
86
+ }), shouldDisplayFallbackAvatar ? /*#__PURE__*/jsxRuntime.jsx(Avvvatars, {
91
87
  displayValue: getInitials(name),
92
88
  size: SIZE[size],
93
89
  value: name
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const Indicator = () =>\n isNil(status) ? (\n React.Fragment\n ) : (\n <span className={statusClasses} data-testid=\"indicator\" />\n );\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-cy=\"nui-avatar\"\n data-testid=\"avatar\"\n {...otherProps}\n >\n <Indicator />\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","Indicator","isNil","React","Fragment","_jsx","shouldDisplayFallbackAvatar","Tooltip","_objectSpread","content","disabled","position","children","_jsxs","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Avvvatars from \"avvvatars-react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport Tooltip from \"components/Tooltip\";\n\nconst SIZE = { small: 24, medium: 32, large: 40, extraLarge: 64 };\n\nconst STATUS = { online: \"online\", idle: \"idle\", offline: \"offline\" };\n\nconst getInitials = fullName => {\n if (typeof fullName !== \"string\" || isEmpty(fullName)) return \" \";\n const allNames = fullName.trim().split(\" \");\n if (allNames.length === 1) return fullName.substring(0, 2).toUpperCase();\n\n return `${allNames[0][0]}${allNames[allNames.length - 1][0]}`.toUpperCase();\n};\n\nconst Avatar = ({\n size = \"medium\",\n user = {},\n status = null,\n onClick = () => {},\n className = \"\",\n showTooltip = false,\n tooltipProps = {},\n ...otherProps\n}) => {\n const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n\n const { name = \"\", imageUrl } = user;\n\n const isMedium = size === \"medium\";\n const isLarge = size === \"large\";\n const isExtraLarge = size === \"extraLarge\";\n\n const containerClasses = classNames(\n \"neeto-ui-avatar__container neeto-ui-select-none\",\n {\n \"neeto-ui-avatar__container--medium\": isMedium,\n \"neeto-ui-avatar__container--large\": isLarge,\n \"neeto-ui-avatar__container--xlarge\": isExtraLarge,\n },\n className\n );\n\n const imageClasses = classNames(\"neeto-ui-avatar\", {\n \"neeto-ui-avatar--medium\": isMedium,\n \"neeto-ui-avatar--large\": isLarge,\n \"neeto-ui-avatar--xlarge\": isExtraLarge,\n hidden: isLoadingFailed,\n });\n\n const statusClasses = classNames(\"neeto-ui-avatar__status\", status, {\n \"neeto-ui-avatar__status-medium\": isMedium,\n \"neeto-ui-avatar__status-large\": isLarge,\n \"neeto-ui-avatar__status-xlarge\": isExtraLarge,\n });\n\n const shouldDisplayFallbackAvatar = !(imageUrl && !isLoadingFailed);\n\n return (\n <Tooltip\n content={name}\n disabled={!showTooltip}\n position=\"bottom\"\n {...tooltipProps}\n >\n <span\n {...{ onClick }}\n className={containerClasses}\n data-testid=\"nui-avatar\"\n {...otherProps}\n >\n {!isNil(status) && (\n <span className={statusClasses} data-testid=\"indicator\" />\n )}\n {shouldDisplayFallbackAvatar ? (\n <Avvvatars\n displayValue={getInitials(name)}\n size={SIZE[size]}\n value={name}\n />\n ) : (\n <img\n alt={`avatar-${name}`}\n className={imageClasses}\n src={imageUrl}\n onError={() => setIsLoadingFailed(true)}\n />\n )}\n </span>\n </Tooltip>\n );\n};\n\nAvatar.propTypes = {\n /**\n * Specify the dimension for Avatar component.\n */\n size: PropTypes.oneOf(Object.keys(SIZE)),\n user: PropTypes.shape({\n imageUrl: PropTypes.string,\n name: PropTypes.string,\n }),\n /**\n * To specify the action to be triggered on clicking the Avatar.\n */\n onClick: PropTypes.func,\n /**\n * To specify the status of the user if needed in Avatar component.\n */\n status: PropTypes.oneOf(Object.keys(STATUS)),\n /**\n * To display a tooltip with name of the user.\n */\n showTooltip: PropTypes.bool,\n /**\n * To specify the props to be passed to the tooltip.\n */\n tooltipProps: PropTypes.object,\n /**\n * To provide external classnames to Avatar component.\n */\n className: PropTypes.string,\n};\n\nexport default Avatar;\n"],"names":["SIZE","small","medium","large","extraLarge","getInitials","fullName","isEmpty","allNames","trim","split","length","substring","toUpperCase","concat","Avatar","_ref","_ref$size","size","_ref$user","user","_ref$status","status","_ref$onClick","onClick","_ref$className","className","_ref$showTooltip","showTooltip","_ref$tooltipProps","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isLoadingFailed","setIsLoadingFailed","_user$name","name","imageUrl","isMedium","isLarge","isExtraLarge","containerClasses","classNames","imageClasses","hidden","statusClasses","shouldDisplayFallbackAvatar","_jsx","Tooltip","_objectSpread","content","disabled","position","children","_jsxs","isNil","Avvvatars","displayValue","value","alt","src","onError"],"mappings":"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"}
@@ -9,7 +9,7 @@ require('@babel/runtime/helpers/slicedToArray');
9
9
  require('react-router-dom');
10
10
  require('@bigbinary/neeto-hotkeys');
11
11
  require('./overlayManager.js');
12
- var index = require('./index-kRTNbSPu.js');
12
+ var index = require('./index-wzq3p_0z.js');
13
13
  require('qs');
14
14
  var Label = require('./Label.js');
15
15
  var jsxRuntime = require('react/jsx-runtime');
@@ -56,26 +56,28 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
56
56
  className: classnames(["neeto-ui-checkbox__wrapper", className]),
57
57
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
58
58
  className: "neeto-ui-checkbox__container",
59
- "data-cy": "nui-checkbox-container",
59
+ "data-testid": "nui-checkbox-container",
60
60
  children: [/*#__PURE__*/jsxRuntime.jsx("input", _objectSpread({
61
61
  id: id,
62
62
  ref: ref,
63
63
  required: required,
64
+ "aria-describedby": error ? errorId : undefined,
64
65
  "aria-invalid": !!error,
66
+ "aria-required": required,
65
67
  className: "neeto-ui-checkbox",
66
- "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
68
+ "data-testid": "".concat(index.hyphenize(renderLabel), "-checkbox-input"),
67
69
  name: id,
68
70
  type: "checkbox"
69
71
  }, otherProps)), renderLabel && /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread(_objectSpread({
70
72
  required: required,
71
- "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
73
+ "data-testid": "".concat(index.hyphenize(renderLabel), "-checkbox-label"),
72
74
  htmlFor: id
73
75
  }, labelProps), {}, {
74
76
  children: renderLabel
75
77
  }))]
76
78
  }), !!error && /*#__PURE__*/jsxRuntime.jsx("p", {
77
79
  className: "neeto-ui-input__error",
78
- "data-cy": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
80
+ "data-testid": "".concat(index.hyphenize(renderLabel), "-checkbox-error"),
79
81
  id: errorId,
80
82
  children: error
81
83
  })]
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div\n className=\"neeto-ui-checkbox__container\"\n data-cy=\"nui-checkbox-container\"\n >\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\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 error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","_jsxs","classnames","_jsx","_objectSpread","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ;AAErC,EAAA,oBACES,eAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,4BAA4B,EAAEd,SAAS,CAAC,CAAE;AAAAI,IAAAA,QAAA,gBACpES,eAAA,CAAA,KAAA,EAAA;AACEb,MAAAA,SAAS,EAAC,8BAA8B;AACxC,MAAA,SAAA,EAAQ,wBAAwB;MAAAI,QAAA,EAAA,cAEhCW,cAAA,CAAA,OAAA,EAAAC,aAAA,CAAA;AACQR,QAAAA,EAAE,EAAFA,EAAE;AAAEd,QAAAA,GAAG,EAAHA,GAAG;AAAEQ,QAAAA,QAAQ,EAARA,QAAQ;QACvB,cAAA,EAAc,CAAC,CAACJ,KAAM;AACtBE,QAAAA,SAAS,EAAC,mBAAmB;AAC7B,QAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDM,QAAAA,IAAI,EAAEV,EAAG;AACTW,QAAAA,IAAI,EAAC;AAAU,OAAA,EACXd,UAAU,CACf,CAAC,EACDO,WAAW,iBACVG,cAAA,CAACK,KAAK,EAAAJ,aAAA,CAAAA,aAAA,CAAA;AACEd,QAAAA,QAAQ,EAARA,QAAQ;AACd,QAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDS,QAAAA,OAAO,EAAEb;AAAG,OAAA,EACRL,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAEbQ;AAAW,OAAA,CACP,CACR;AAAA,KACE,CAAC,EACL,CAAC,CAACd,KAAK,iBACNiB,cAAA,CAAA,GAAA,EAAA;AACEf,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,eAAS,CAACL,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACpDJ,MAAAA,EAAE,EAAEE,OAAQ;AAAAN,MAAAA,QAAA,EAEXN;AAAK,KACL,CACJ;AAAA,GACE,CAAC;AAEV,CACF;AAEAP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div\n className=\"neeto-ui-checkbox__container\"\n data-testid=\"nui-checkbox-container\"\n >\n <input\n {...{ id, ref, required }}\n aria-describedby={error ? errorId : undefined}\n aria-invalid={!!error}\n aria-required={required}\n className=\"neeto-ui-checkbox\"\n data-testid={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-testid={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-testid={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\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 error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","_jsxs","classnames","_jsx","_objectSpread","undefined","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,QAAQ,gBAAGC,gBAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,WAAK,CAACJ,UAAU,CAACG,EAAE,CAAC;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ;AAErC,EAAA,oBACES,eAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,4BAA4B,EAAEd,SAAS,CAAC,CAAE;AAAAI,IAAAA,QAAA,gBACpES,eAAA,CAAA,KAAA,EAAA;AACEb,MAAAA,SAAS,EAAC,8BAA8B;AACxC,MAAA,aAAA,EAAY,wBAAwB;MAAAI,QAAA,EAAA,cAEpCW,cAAA,CAAA,OAAA,EAAAC,aAAA,CAAA;AACQR,QAAAA,EAAE,EAAFA,EAAE;AAAEd,QAAAA,GAAG,EAAHA,GAAG;AAAEQ,QAAAA,QAAQ,EAARA,QAAQ;AACvB,QAAA,kBAAA,EAAkBJ,KAAK,GAAGY,OAAO,GAAGO,SAAU;QAC9C,cAAA,EAAc,CAAC,CAACnB,KAAM;AACtB,QAAA,eAAA,EAAeI,QAAS;AACxBF,QAAAA,SAAS,EAAC,mBAAmB;AAC7B,QAAA,aAAA,EAAA,EAAA,CAAAW,MAAA,CAAgBO,eAAS,CAACN,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACxDO,QAAAA,IAAI,EAAEX,EAAG;AACTY,QAAAA,IAAI,EAAC;AAAU,OAAA,EACXf,UAAU,CACf,CAAC,EACDO,WAAW,iBACVG,cAAA,CAACM,KAAK,EAAAL,aAAA,CAAAA,aAAA,CAAA;AACEd,QAAAA,QAAQ,EAARA,QAAQ;AACd,QAAA,aAAA,EAAA,EAAA,CAAAS,MAAA,CAAgBO,eAAS,CAACN,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACxDU,QAAAA,OAAO,EAAEd;AAAG,OAAA,EACRL,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAC,QAAAA,QAAA,EAEbQ;AAAW,OAAA,CACP,CACR;AAAA,KACE,CAAC,EACL,CAAC,CAACd,KAAK,iBACNiB,cAAA,CAAA,GAAA,EAAA;AACEf,MAAAA,SAAS,EAAC,uBAAuB;AACjC,MAAA,aAAA,EAAA,EAAA,CAAAW,MAAA,CAAgBO,eAAS,CAACN,WAAW,CAAC,EAAA,iBAAA,CAAkB;AACxDJ,MAAAA,EAAE,EAAEE,OAAQ;AAAAN,MAAAA,QAAA,EAEXN;AAAK,KACL,CACJ;AAAA,GACE,CAAC;AAEV,CACF;AAEAP,QAAQ,CAACgC,WAAW,GAAG,UAAU;;;;"}
@@ -10,11 +10,11 @@ var classnames = require('classnames');
10
10
  var ColorPickerIcon = require('@bigbinary/neeto-icons/ColorPicker');
11
11
  var reactColorful = require('react-colorful');
12
12
  var reactI18next = require('react-i18next');
13
- var useRecentlyUsedColors = require('./useRecentlyUsedColors-Cqmsh4rp.js');
13
+ var useRecentlyUsedColors = require('./useRecentlyUsedColors-zjpSW-oL.js');
14
14
  var Button = require('./Button.js');
15
15
  var Dropdown = require('./Dropdown.js');
16
16
  var Typography = require('./Typography.js');
17
- var index = require('./index-kRTNbSPu.js');
17
+ var index = require('./index-wzq3p_0z.js');
18
18
  var jsxRuntime = require('react/jsx-runtime');
19
19
  var Down = require('@bigbinary/neeto-icons/Down');
20
20
  require('@babel/runtime/helpers/objectWithoutProperties');
@@ -117,8 +117,7 @@ var Target = function Target(_ref) {
117
117
  color = _ref.color,
118
118
  colorValue = _ref.colorValue;
119
119
  return /*#__PURE__*/jsxRuntime.jsxs("button", {
120
- "data-cy": "color-picker-target",
121
- "data-testid": "neeto-color-picker",
120
+ "data-testid": "color-picker-target",
122
121
  type: "button",
123
122
  className: classnames("neeto-ui-colorpicker__target", {
124
123
  "neeto-ui-colorpicker__target-size--large": size === TARGET_SIZES.large,
@@ -308,13 +307,13 @@ var ColorPicker = function ColorPicker(_ref) {
308
307
  className: "neeto-ui-input__wrapper",
309
308
  children: /*#__PURE__*/jsxRuntime.jsx("div", {
310
309
  className: "neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small",
311
- "data-cy": "colorpicker-editable-input",
310
+ "data-testid": "colorpicker-editable-input",
312
311
  children: /*#__PURE__*/jsxRuntime.jsx(reactColorful.HexColorInput, {
313
312
  onBlur: onBlur,
314
313
  prefixed: true,
315
314
  alpha: !!showTransparencyControl,
316
315
  color: colorValue,
317
- "data-cy": "colorpicker-editable-input-textbox",
316
+ "data-testid": "colorpicker-editable-input-textbox",
318
317
  onChange: onColorInputChange
319
318
  })
320
319
  })
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/Target.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const i=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,s=()=>{throw new Error(\"Unsupported browser.\")},a=a=>{const c=r(()=>{var r;return(r=i()&&new EyeDropper(a))?EyeDropper.prototype.open.bind(r):s},[a]),[p,w]=(()=>{const r=o(),[s,a]=e(!1);t(()=>(r.current=!0,a(i()),()=>{r.current=!1}),[]);const c=n(()=>s,[s]);return[r,c]})(),f=o(),u=n(()=>{void 0!==f.current&&f.current.abort()},[f]),d=n(async function(r){void 0===r&&(r={}),u();const{signal:o,...n}=r,t=new AbortController;f.current=t;const e=void 0!==o?(r=>{if(\"any\"in AbortSignal)return AbortSignal.any(r);const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;try{return await c({...n,signal:e})}catch(r){throw p.current||(r.canceled=!0),r}},[f,p,u,c]);return t(()=>u,[u]),{open:d,close:u,isSupported:w}};export{a as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n { hex: \"#FFFFFF\" },\n { hex: \"#D6D6D6\" },\n { hex: \"#0A0E13\" },\n { hex: \"#FECE1E\" },\n { hex: \"#F32E48\" },\n { hex: \"#02C39A\" },\n { hex: \"#2A79C4\" },\n { hex: \"#B3E5FC\" },\n { hex: \"#C3C6F9\" },\n { hex: \"#8064CE\" },\n { hex: \"#FE861E\" },\n { hex: \"#FF7DC9\" },\n { hex: \"#028090\" },\n { hex: \"#095482\" },\n];\n\nexport const TARGET_SIZES = {\n large: \"large\",\n medium: \"medium\",\n small: \"small\",\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n {colorList.map(item => {\n const { hex, rgb } = item;\n const colorObject = tinycolor(hex ?? rgb);\n const isTransparent = colorObject.getAlpha() === 0;\n const isActive = Boolean(\n // hex is case insensitive.\n color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n );\n\n return (\n <div\n data-testid=\"color-palette-item\"\n key={hex ?? rgb}\n className={classnames(\n \"neeto-ui-color-palette__item neeto-ui-border\",\n { active: isActive }\n )}\n onClick={() => onChange(hex ?? rgb)}\n >\n <div\n style={{ backgroundColor: hex ?? rgb }}\n className={classnames({\n \"transparent-bg-pattern\": isTransparent,\n })}\n />\n </div>\n );\n })}\n </div>\n);\n\nPalette.propTypes = {\n color: PropTypes.string,\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n hex: PropTypes.string,\n rgb: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }),\n ]),\n })\n ),\n onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { TARGET_SIZES } from \"./constants\";\n\nconst Target = ({ size, showHexValue, color, colorValue }) => (\n <button\n data-cy=\"color-picker-target\"\n data-testid=\"neeto-color-picker\"\n type=\"button\"\n className={classnames(\"neeto-ui-colorpicker__target\", {\n \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n \"neeto-ui-colorpicker__target-size--medium\": size === TARGET_SIZES.medium,\n \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n })}\n >\n {showHexValue && (\n <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n )}\n <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n <span\n className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n style={{ backgroundColor: colorValue }}\n />\n <span className=\"neeto-ui-colorpicker-target__icon\">\n <Down size={16} />\n </span>\n </span>\n </button>\n);\n\nTarget.propTypes = {\n size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n showHexValue: PropTypes.bool,\n color: PropTypes.string,\n colorValue: PropTypes.string,\n};\n\nexport default Target;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n HexColorPicker,\n HexColorInput,\n HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\nimport Target from \"./Target\";\nimport { TARGET_SIZES } from \"./constants\";\n\nconst ColorPicker = ({\n color = \"\",\n size = TARGET_SIZES.large,\n onChange = noop,\n dropdownProps,\n showEyeDropper = true,\n showHexValue = false,\n showTransparencyControl = false,\n showPicker = true,\n showHexPicker = true,\n portalProps,\n colorPalette,\n showRecentlyUsedColors = showPicker,\n}) => {\n const { t, i18n } = useTranslation();\n const [colorInternal, setColorInternal] = useState(color);\n const [isColorSelected, setIsColorSelected] = useState(false);\n const hexColorInputValue = useRef(\"\");\n const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n const PickerComponent = showTransparencyControl\n ? HexAlphaColorPicker\n : HexColorPicker;\n\n const colorValue = color ?? colorInternal ?? \"\";\n\n const getColor = colorValue => {\n const color = tinycolor(colorValue);\n\n if (color.isValid()) {\n let hex = color.toHexString();\n // return `transparent` for transparent colors.\n if (color.getAlpha() === 0) hex = colorValue;\n else if (showTransparencyControl) hex = color.toHex8String();\n\n return { hex, rgb: color.toRgb() };\n }\n\n return { hex: colorValue, rgb: colorValue };\n };\n\n const onColorChange = color => {\n setIsColorSelected(true);\n const changeHandler = onChange ?? setColorInternal;\n\n changeHandler(getColor(color));\n };\n\n const onColorInputChange = hex => {\n // HexColorInput onChange will trigger only if the input value is a valid color\n hexColorInputValue.current = hex;\n if (hex.length !== (showTransparencyControl ? 9 : 7)) return;\n\n onColorChange(hex);\n hexColorInputValue.current = \"\";\n };\n\n const onBlur = () => {\n if (!hexColorInputValue.current) return;\n\n onColorChange(hexColorInputValue.current);\n hexColorInputValue.current = \"\";\n };\n\n const pickColor = async () => {\n try {\n const colorResponse = await open();\n const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n onColorChange(hex);\n } catch {\n // Ensures component is still mounted\n // before calling setState\n // if (!e.canceled) setError(e);\n }\n };\n\n const onClose = () => {\n if (!showRecentlyUsedColors || !isColorSelected) return;\n\n const newColor = getColor(colorValue);\n\n const recentColorsExcludingNew = recentlyUsedColors.filter(\n ({ hex }) => hex !== newColor.hex\n );\n\n const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n if (updatedColors.length > 14) updatedColors.pop();\n\n setRecentlyUsedColors(updatedColors);\n setIsColorSelected(false);\n };\n\n return (\n <Dropdown\n closeOnSelect={false}\n label={colorValue}\n position=\"bottom-start\"\n {...{ ...dropdownProps, onClose }}\n customTarget={<Target {...{ color, colorValue, showHexValue, size }} />}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n className={classnames(\"neeto-ui-colorpicker__dropdown\", {\n \"neeto-ui-colorpicker__dropdown-size--small\":\n size === TARGET_SIZES.small,\n \"neeto-ui-colorpicker__dropdown-size--medium\":\n size === TARGET_SIZES.medium,\n \"neeto-ui-colorpicker__dropdown-size--large\":\n size === TARGET_SIZES.large,\n })}\n >\n <div className=\"neeto-ui-colorpicker__popover\">\n {showPicker && (\n <>\n {showHexPicker && (\n <div\n className=\"neeto-ui-colorpicker__pointer\"\n data-testid=\"neeto-color-picker-section\"\n >\n <PickerComponent color={colorValue} onChange={onColorChange} />\n </div>\n )}\n <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n {showEyeDropper && isSupported() && (\n <Button\n className=\"neeto-ui-colorpicker__eyedropper-btn\"\n icon={ColorPickerIcon}\n size=\"small\"\n style=\"text\"\n type=\"button\"\n onClick={pickColor}\n />\n )}\n <div className=\"neeto-ui-input__wrapper\">\n <div\n className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n data-cy=\"colorpicker-editable-input\"\n >\n <HexColorInput\n {...{ onBlur }}\n prefixed\n alpha={!!showTransparencyControl}\n color={colorValue}\n data-cy=\"colorpicker-editable-input-textbox\"\n onChange={onColorInputChange}\n />\n </div>\n </div>\n </div>\n </>\n )}\n <div\n data-testid=\"color-palette\"\n className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n showPicker,\n })}\n >\n <Palette\n {...{ color }}\n colorList={colorPalette}\n onChange={onColorChange}\n />\n </div>\n {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n <div\n className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n data-testid=\"color-palette-recently-used\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 mb-2\"\n style=\"body3\"\n weight=\"medium\"\n >\n {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n </Typography>\n <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n </div>\n )}\n </div>\n </Dropdown>\n );\n};\n\nColorPicker.propTypes = {\n /**\n * To specify the color value.\n */\n color: PropTypes.string,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To set the size of the target.\n */\n size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n /**\n * To specify the action to be triggered on changing the color.\n */\n onChange: PropTypes.func,\n /**\n * To specify the colors shown in the palette.\n */\n colorPalette: PropTypes.arrayOf(\n PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n ),\n /**\n * Shows eye dropper to pick color.\n */\n showEyeDropper: PropTypes.bool,\n /**\n * To show hex value near to the color in the dropdown.\n * By default it will be enabled.\n */\n showHexValue: PropTypes.bool,\n /**\n * To show transparency control. By default it will be hidden.\n */\n showTransparencyControl: PropTypes.bool,\n /**\n * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n */\n showPicker: PropTypes.bool,\n /**\n * To show the hex color picker (color pointer). Used to hide the picker while keeping the hex input and eye dropper. By default it will be true.\n */\n showHexPicker: PropTypes.bool,\n /**\n * To specify the props to be passed to the dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To show the recently used colors.\n */\n showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["r","o","e","t","n","Dropper","DEFAULT_PALETTE_COLORS","hex","TARGET_SIZES","large","medium","small","Palette","_ref","color","_ref$colorList","colorList","onChange","_jsx","className","children","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","classnames","active","onClick","style","backgroundColor","Target","size","showHexValue","colorValue","_jsxs","type","Down","ColorPicker","_ref2","_ref$color","_ref$size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","_ref$showHexPicker","showHexPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","hexColorInputValue","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","length","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_context","prev","next","sent","sRGBHex","_t","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","pop","Dropdown","_objectSpread","closeOnSelect","label","position","customTarget","_Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"ColorPicker.js","sources":["../../node_modules/use-eye-dropper/lib/use-eye-dropper.module.js","../../node_modules/use-eye-dropper/lib/index.module.js","../../src/components/ColorPicker/constants.js","../../src/components/ColorPicker/Palette.jsx","../../src/components/ColorPicker/Target.jsx","../../src/components/ColorPicker/index.jsx"],"sourcesContent":["import{useMemo as r,useRef as o,useCallback as n,useEffect as t,useState as e}from\"react\";const i=()=>\"undefined\"!=typeof window&&\"EyeDropper\"in window,s=()=>{throw new Error(\"Unsupported browser.\")},a=a=>{const c=r(()=>{var r;return(r=i()&&new EyeDropper(a))?EyeDropper.prototype.open.bind(r):s},[a]),[p,w]=(()=>{const r=o(),[s,a]=e(!1);t(()=>(r.current=!0,a(i()),()=>{r.current=!1}),[]);const c=n(()=>s,[s]);return[r,c]})(),f=o(),u=n(()=>{void 0!==f.current&&f.current.abort()},[f]),d=n(async function(r){void 0===r&&(r={}),u();const{signal:o,...n}=r,t=new AbortController;f.current=t;const e=void 0!==o?(r=>{if(\"any\"in AbortSignal)return AbortSignal.any(r);const o=new AbortController,n=()=>{o.abort();for(const o of r)o.removeEventListener(\"abort\",n)};for(const o of r){if(o.aborted){n();break}o.addEventListener(\"abort\",n)}return o.signal})([o,t.signal]):t.signal;try{return await c({...n,signal:e})}catch(r){throw p.current||(r.canceled=!0),r}},[f,p,u,c]);return t(()=>u,[u]),{open:d,close:u,isSupported:w}};export{a as default};\n","import { default as DropperDev } from './use-eye-dropper.module.dev.js'\nimport { default as Dropper } from './use-eye-dropper.module.js'\n\nexport default process.env.NODE_ENV === 'production' ? Dropper : DropperDev\n","export const DEFAULT_PALETTE_COLORS = [\n { hex: \"#FFFFFF\" },\n { hex: \"#D6D6D6\" },\n { hex: \"#0A0E13\" },\n { hex: \"#FECE1E\" },\n { hex: \"#F32E48\" },\n { hex: \"#02C39A\" },\n { hex: \"#2A79C4\" },\n { hex: \"#B3E5FC\" },\n { hex: \"#C3C6F9\" },\n { hex: \"#8064CE\" },\n { hex: \"#FE861E\" },\n { hex: \"#FF7DC9\" },\n { hex: \"#028090\" },\n { hex: \"#095482\" },\n];\n\nexport const TARGET_SIZES = {\n large: \"large\",\n medium: \"medium\",\n small: \"small\",\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport tinycolor from \"tinycolor2\";\n\nimport { DEFAULT_PALETTE_COLORS } from \"./constants\";\n\nconst Palette = ({ color, colorList = DEFAULT_PALETTE_COLORS, onChange }) => (\n <div className=\"neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start neeto-ui-color-palette neeto-ui-gap-1\">\n {colorList.map(item => {\n const { hex, rgb } = item;\n const colorObject = tinycolor(hex ?? rgb);\n const isTransparent = colorObject.getAlpha() === 0;\n const isActive = Boolean(\n // hex is case insensitive.\n color?.toLocaleLowerCase() === hex?.toLocaleLowerCase() || color === rgb\n );\n\n return (\n <div\n data-testid=\"color-palette-item\"\n key={hex ?? rgb}\n className={classnames(\n \"neeto-ui-color-palette__item neeto-ui-border\",\n { active: isActive }\n )}\n onClick={() => onChange(hex ?? rgb)}\n >\n <div\n style={{ backgroundColor: hex ?? rgb }}\n className={classnames({\n \"transparent-bg-pattern\": isTransparent,\n })}\n />\n </div>\n );\n })}\n </div>\n);\n\nPalette.propTypes = {\n color: PropTypes.string,\n colorList: PropTypes.arrayOf(\n PropTypes.shape({\n hex: PropTypes.string,\n rgb: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.shape({\n r: PropTypes.number,\n g: PropTypes.number,\n b: PropTypes.number,\n }),\n ]),\n })\n ),\n onChange: PropTypes.func,\n};\n\nexport default Palette;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Down } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { TARGET_SIZES } from \"./constants\";\n\nconst Target = ({ size, showHexValue, color, colorValue }) => (\n <button\n data-testid=\"color-picker-target\"\n type=\"button\"\n className={classnames(\"neeto-ui-colorpicker__target\", {\n \"neeto-ui-colorpicker__target-size--large\": size === TARGET_SIZES.large,\n \"neeto-ui-colorpicker__target-size--medium\": size === TARGET_SIZES.medium,\n \"neeto-ui-colorpicker__target-size--small\": size === TARGET_SIZES.small,\n })}\n >\n {showHexValue && (\n <span className=\"neeto-ui-colorpicker-target__code\">{color}</span>\n )}\n <span className=\"neeto-ui-colorpicker-target__color-wrapper\">\n <span\n className=\"neeto-ui-colorpicker-target__color neeto-ui-border-gray-200\"\n style={{ backgroundColor: colorValue }}\n />\n <span className=\"neeto-ui-colorpicker-target__icon\">\n <Down size={16} />\n </span>\n </span>\n </button>\n);\n\nTarget.propTypes = {\n size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n showHexValue: PropTypes.bool,\n color: PropTypes.string,\n colorValue: PropTypes.string,\n};\n\nexport default Target;\n","import React, { useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { ColorPicker as ColorPickerIcon } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\nimport {\n HexColorPicker,\n HexColorInput,\n HexAlphaColorPicker,\n} from \"react-colorful\";\nimport { useTranslation } from \"react-i18next\";\nimport tinycolor from \"tinycolor2\";\nimport useEyeDropper from \"use-eye-dropper\";\n\nimport Button from \"components/Button\";\nimport Dropdown from \"components/Dropdown\";\nimport Typography from \"components/Typography\";\nimport { getLocale, noop } from \"utils\";\n\nimport useRecentlyUsedColors from \"./hooks/useRecentlyUsedColors\";\nimport Palette from \"./Palette\";\nimport Target from \"./Target\";\nimport { TARGET_SIZES } from \"./constants\";\n\nconst ColorPicker = ({\n color = \"\",\n size = TARGET_SIZES.large,\n onChange = noop,\n dropdownProps,\n showEyeDropper = true,\n showHexValue = false,\n showTransparencyControl = false,\n showPicker = true,\n showHexPicker = true,\n portalProps,\n colorPalette,\n showRecentlyUsedColors = showPicker,\n}) => {\n const { t, i18n } = useTranslation();\n const [colorInternal, setColorInternal] = useState(color);\n const [isColorSelected, setIsColorSelected] = useState(false);\n const hexColorInputValue = useRef(\"\");\n const { open, isSupported } = useEyeDropper({ pickRadius: 3 });\n const [recentlyUsedColors, setRecentlyUsedColors] = useRecentlyUsedColors();\n\n const PickerComponent = showTransparencyControl\n ? HexAlphaColorPicker\n : HexColorPicker;\n\n const colorValue = color ?? colorInternal ?? \"\";\n\n const getColor = colorValue => {\n const color = tinycolor(colorValue);\n\n if (color.isValid()) {\n let hex = color.toHexString();\n // return `transparent` for transparent colors.\n if (color.getAlpha() === 0) hex = colorValue;\n else if (showTransparencyControl) hex = color.toHex8String();\n\n return { hex, rgb: color.toRgb() };\n }\n\n return { hex: colorValue, rgb: colorValue };\n };\n\n const onColorChange = color => {\n setIsColorSelected(true);\n const changeHandler = onChange ?? setColorInternal;\n\n changeHandler(getColor(color));\n };\n\n const onColorInputChange = hex => {\n // HexColorInput onChange will trigger only if the input value is a valid color\n hexColorInputValue.current = hex;\n if (hex.length !== (showTransparencyControl ? 9 : 7)) return;\n\n onColorChange(hex);\n hexColorInputValue.current = \"\";\n };\n\n const onBlur = () => {\n if (!hexColorInputValue.current) return;\n\n onColorChange(hexColorInputValue.current);\n hexColorInputValue.current = \"\";\n };\n\n const pickColor = async () => {\n try {\n const colorResponse = await open();\n const hex = tinycolor(colorResponse.sRGBHex).toHexString();\n onColorChange(hex);\n } catch {\n // Ensures component is still mounted\n // before calling setState\n // if (!e.canceled) setError(e);\n }\n };\n\n const onClose = () => {\n if (!showRecentlyUsedColors || !isColorSelected) return;\n\n const newColor = getColor(colorValue);\n\n const recentColorsExcludingNew = recentlyUsedColors.filter(\n ({ hex }) => hex !== newColor.hex\n );\n\n const updatedColors = [newColor, ...recentColorsExcludingNew];\n\n if (updatedColors.length > 14) updatedColors.pop();\n\n setRecentlyUsedColors(updatedColors);\n setIsColorSelected(false);\n };\n\n return (\n <Dropdown\n closeOnSelect={false}\n label={colorValue}\n position=\"bottom-start\"\n {...{ ...dropdownProps, onClose }}\n customTarget={<Target {...{ color, colorValue, showHexValue, size }} />}\n dropdownProps={{ ...dropdownProps?.dropdownProps, ...portalProps }}\n className={classnames(\"neeto-ui-colorpicker__dropdown\", {\n \"neeto-ui-colorpicker__dropdown-size--small\":\n size === TARGET_SIZES.small,\n \"neeto-ui-colorpicker__dropdown-size--medium\":\n size === TARGET_SIZES.medium,\n \"neeto-ui-colorpicker__dropdown-size--large\":\n size === TARGET_SIZES.large,\n })}\n >\n <div className=\"neeto-ui-colorpicker__popover\">\n {showPicker && (\n <>\n {showHexPicker && (\n <div\n className=\"neeto-ui-colorpicker__pointer\"\n data-testid=\"neeto-color-picker-section\"\n >\n <PickerComponent color={colorValue} onChange={onColorChange} />\n </div>\n )}\n <div className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-mt-3 neeto-ui-gap-2\">\n {showEyeDropper && isSupported() && (\n <Button\n className=\"neeto-ui-colorpicker__eyedropper-btn\"\n icon={ColorPickerIcon}\n size=\"small\"\n style=\"text\"\n type=\"button\"\n onClick={pickColor}\n />\n )}\n <div className=\"neeto-ui-input__wrapper\">\n <div\n className=\"neeto-ui-colorpicker__input neeto-ui-input neeto-ui-input--small\"\n data-testid=\"colorpicker-editable-input\"\n >\n <HexColorInput\n {...{ onBlur }}\n prefixed\n alpha={!!showTransparencyControl}\n color={colorValue}\n data-testid=\"colorpicker-editable-input-textbox\"\n onChange={onColorInputChange}\n />\n </div>\n </div>\n </div>\n </>\n )}\n <div\n data-testid=\"color-palette\"\n className={classnames(\"neeto-ui-colorpicker__palette-wrapper\", {\n \"neeto-ui-colorpicker__palette-wrapper--hidden-picker\": !showPicker,\n \"neeto-ui-pt-3 neeto-ui-border-t neeto-ui-border-gray-200\":\n showPicker,\n })}\n >\n <Palette\n {...{ color }}\n colorList={colorPalette}\n onChange={onColorChange}\n />\n </div>\n {showRecentlyUsedColors && recentlyUsedColors.length > 0 && (\n <div\n className=\"neeto-ui-colorpicker__palette-wrapper neeto-ui-border-t neeto-ui-border-gray-200 neeto-ui-pt-3\"\n data-testid=\"color-palette-recently-used\"\n >\n <Typography\n className=\"neeto-ui-text-gray-600 mb-2\"\n style=\"body3\"\n weight=\"medium\"\n >\n {getLocale(i18n, t, \"neetoui.colorPicker.recentlyUsed\")}\n </Typography>\n <Palette colorList={recentlyUsedColors} onChange={onColorChange} />\n </div>\n )}\n </div>\n </Dropdown>\n );\n};\n\nColorPicker.propTypes = {\n /**\n * To specify the color value.\n */\n color: PropTypes.string,\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-success mb-2\">\n * New\n * </div>\n * To set the size of the target.\n */\n size: PropTypes.oneOf(Object.values(TARGET_SIZES)),\n /**\n * To specify the action to be triggered on changing the color.\n */\n onChange: PropTypes.func,\n /**\n * To specify the colors shown in the palette.\n */\n colorPalette: PropTypes.arrayOf(\n PropTypes.shape({ hex: PropTypes.string, rgb: PropTypes.string })\n ),\n /**\n * Shows eye dropper to pick color.\n */\n showEyeDropper: PropTypes.bool,\n /**\n * To show hex value near to the color in the dropdown.\n * By default it will be enabled.\n */\n showHexValue: PropTypes.bool,\n /**\n * To show transparency control. By default it will be hidden.\n */\n showTransparencyControl: PropTypes.bool,\n /**\n * To show the color picker. Used to hide the picker in cases where only palette is required. By default it will be true.\n */\n showPicker: PropTypes.bool,\n /**\n * To show the hex color picker (color pointer). Used to hide the picker while keeping the hex input and eye dropper. By default it will be true.\n */\n showHexPicker: PropTypes.bool,\n /**\n * To specify the props to be passed to the dropdown portal.\n */\n portalProps: PropTypes.object,\n /**\n * To show the recently used colors.\n */\n showRecentlyUsedColors: PropTypes.bool,\n};\n\nexport default ColorPicker;\n"],"names":["r","o","e","t","n","Dropper","DEFAULT_PALETTE_COLORS","hex","TARGET_SIZES","large","medium","small","Palette","_ref","color","_ref$colorList","colorList","onChange","_jsx","className","children","map","item","rgb","colorObject","tinycolor","isTransparent","getAlpha","isActive","Boolean","toLocaleLowerCase","classnames","active","onClick","style","backgroundColor","Target","size","showHexValue","colorValue","_jsxs","type","Down","ColorPicker","_ref2","_ref$color","_ref$size","_ref$onChange","noop","dropdownProps","_ref$showEyeDropper","showEyeDropper","_ref$showHexValue","_ref$showTransparency","showTransparencyControl","_ref$showPicker","showPicker","_ref$showHexPicker","showHexPicker","portalProps","colorPalette","_ref$showRecentlyUsed","showRecentlyUsedColors","_useTranslation","useTranslation","i18n","_useState","useState","_useState2","_slicedToArray","colorInternal","setColorInternal","_useState3","_useState4","isColorSelected","setIsColorSelected","hexColorInputValue","useRef","_useEyeDropper","useEyeDropper","pickRadius","open","isSupported","_useRecentlyUsedColor","useRecentlyUsedColors","_useRecentlyUsedColor2","recentlyUsedColors","setRecentlyUsedColors","PickerComponent","HexAlphaColorPicker","HexColorPicker","getColor","isValid","toHexString","toHex8String","toRgb","onColorChange","changeHandler","onColorInputChange","current","length","onBlur","pickColor","_ref3","_asyncToGenerator","_regeneratorRuntime","mark","_callee","colorResponse","wrap","_context","prev","next","sent","sRGBHex","_t","stop","apply","arguments","onClose","newColor","recentColorsExcludingNew","filter","_ref4","updatedColors","concat","_toConsumableArray","pop","Dropdown","_objectSpread","closeOnSelect","label","position","customTarget","_Fragment","Button","icon","ColorPickerIcon","HexColorInput","prefixed","alpha","Typography","weight","getLocale"],"mappings":"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","x_google_ignoreList":[0,1]}
@@ -29,11 +29,11 @@ require('@babel/runtime/regenerator');
29
29
  require('@bigbinary/neeto-icons/ColorPicker');
30
30
  require('react-colorful');
31
31
  require('react-i18next');
32
- require('./useRecentlyUsedColors-Cqmsh4rp.js');
32
+ require('./useRecentlyUsedColors-zjpSW-oL.js');
33
33
  require('./Dropdown.js');
34
- require('./index-kRTNbSPu.js');
34
+ require('./index-wzq3p_0z.js');
35
35
  require('@bigbinary/neeto-icons/Down');
36
- var DatePicker = require('./index-C7kNDKSZ.js');
36
+ var DatePicker = require('./index-BGsAR8rN.js');
37
37
  require('./Input.js');
38
38
  require('./Label.js');
39
39
  require('./MultiEmailInput.js');
@@ -42,7 +42,7 @@ require('./useId-DXHUzdxd.js');
42
42
  require('@bigbinary/neeto-hotkeys');
43
43
  require('./overlayManager.js');
44
44
  require('qs');
45
- require('./Textarea-JUquK4ix.js');
45
+ require('./Textarea-BxE7T1u3.js');
46
46
  require('./Pane.js');
47
47
  require('./Popover.js');
48
48
  require('framer-motion');
@@ -87,7 +87,7 @@ require('dayjs/plugin/weekday');
87
87
  require('dayjs/plugin/weekOfYear');
88
88
  require('./Spinner.js');
89
89
  require('./Tooltip.js');
90
- require('./useOverlayManager-BKMTt29E.js');
90
+ require('./useOverlayManager-BMNCjew1.js');
91
91
  require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
92
92
  require('@babel/runtime/helpers/esm/inheritsLoose');
93
93
  require('@bigbinary/neeto-icons/Help');
@@ -9,7 +9,7 @@ var classnames = require('classnames');
9
9
  var Down = require('@bigbinary/neeto-icons/Down');
10
10
  var ramda = require('ramda');
11
11
  var Button = require('./Button.js');
12
- var index = require('./index-kRTNbSPu.js');
12
+ var index = require('./index-wzq3p_0z.js');
13
13
  var jsxRuntime = require('react/jsx-runtime');
14
14
  var neetoCist = require('@bigbinary/neeto-cist');
15
15
  var Tooltip = require('./Tooltip.js');
@@ -310,7 +310,7 @@ var Dropdown = function Dropdown(_ref2) {
310
310
  trigger: isControlled ? undefined : TRIGGERS[trigger],
311
311
  className: classnames("neeto-ui-dropdown", _defineProperty({}, className, className)),
312
312
  content: mounted ? /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
313
- "data-cy": "".concat(index.hyphenize(label), "-dropdown-container"),
313
+ "data-testid": "".concat(index.hyphenize(label), "-dropdown-container"),
314
314
  className: classnames("neeto-ui-dropdown__popup", _defineProperty(_defineProperty({}, dropdownClassName, dropdownClassName), dropdownClassnames, dropdownClassnames)),
315
315
  onClick: closeOnSelect ? close : index.noop
316
316
  }, otherDropdownProps), {}, {
@@ -339,7 +339,7 @@ var Dropdown = function Dropdown(_ref2) {
339
339
  }) : /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
340
340
  label: label,
341
341
  onClick: onClick,
342
- "data-cy": "".concat(index.hyphenize(label), "-dropdown-icon"),
342
+ "data-testid": "".concat(index.hyphenize(label), "-dropdown-icon"),
343
343
  disabled: disabled || (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled),
344
344
  icon: icon || Down,
345
345
  iconPosition: "right",