@bigbinary/neetoui 6.6.1 → 6.7.1

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 (212) hide show
  1. package/README.md +2 -5
  2. package/dist/ActionDropdown.js +3 -2
  3. package/dist/ActionDropdown.js.map +1 -1
  4. package/dist/Alert.js +4 -3
  5. package/dist/Alert.js.map +1 -1
  6. package/dist/Avatar.js +7 -1127
  7. package/dist/Avatar.js.map +1 -1
  8. package/dist/Button.js +2 -1
  9. package/dist/Button.js.map +1 -1
  10. package/dist/Checkbox.js +3 -2
  11. package/dist/Checkbox.js.map +1 -1
  12. package/dist/ColorPicker.js +7 -7
  13. package/dist/ColorPicker.js.map +1 -1
  14. package/dist/DatePicker.js +3 -2
  15. package/dist/DatePicker.js.map +1 -1
  16. package/dist/DateTimePicker.js +7 -5
  17. package/dist/DateTimePicker.js.map +1 -1
  18. package/dist/Dropdown.js +3 -2
  19. package/dist/Dropdown.js.map +1 -1
  20. package/dist/Input.js +3 -2
  21. package/dist/Input.js.map +1 -1
  22. package/dist/Kbd.js +2 -1
  23. package/dist/Kbd.js.map +1 -1
  24. package/dist/Label.js +2 -1
  25. package/dist/Label.js.map +1 -1
  26. package/dist/Modal.js +4 -3
  27. package/dist/Modal.js.map +1 -1
  28. package/dist/MultiEmailInput.js +3 -2
  29. package/dist/MultiEmailInput.js.map +1 -1
  30. package/dist/NoData.js +2 -1
  31. package/dist/NoData.js.map +1 -1
  32. package/dist/Pagination.js +2 -2
  33. package/dist/Pane.js +4 -3
  34. package/dist/Pane.js.map +1 -1
  35. package/dist/Popover.js +2 -1
  36. package/dist/Popover.js.map +1 -1
  37. package/dist/Radio.js +3 -2
  38. package/dist/Radio.js.map +1 -1
  39. package/dist/Select.js +3 -2
  40. package/dist/Select.js.map +1 -1
  41. package/dist/Sidebar.js +4 -2
  42. package/dist/Sidebar.js.map +1 -1
  43. package/dist/Slider.js +3 -2
  44. package/dist/Slider.js.map +1 -1
  45. package/dist/Switch.js +3 -2
  46. package/dist/Switch.js.map +1 -1
  47. package/dist/Table.js +404 -4539
  48. package/dist/Table.js.map +1 -1
  49. package/dist/Textarea.js +3 -2
  50. package/dist/Textarea.js.map +1 -1
  51. package/dist/TimePicker.js +3 -2
  52. package/dist/TimePicker.js.map +1 -1
  53. package/dist/TimePickerInput.js +8 -6
  54. package/dist/TimePickerInput.js.map +1 -1
  55. package/dist/Toastr.js +3 -1653
  56. package/dist/Toastr.js.map +1 -1
  57. package/dist/Tooltip.js +2 -1
  58. package/dist/Tooltip.js.map +1 -1
  59. package/dist/Tree.js +1 -1
  60. package/dist/TreeSelect.js +3 -2
  61. package/dist/TreeSelect.js.map +1 -1
  62. package/dist/cjs/ActionDropdown.js +3 -2
  63. package/dist/cjs/ActionDropdown.js.map +1 -1
  64. package/dist/cjs/Alert.js +4 -3
  65. package/dist/cjs/Alert.js.map +1 -1
  66. package/dist/cjs/Avatar.js +8 -1127
  67. package/dist/cjs/Avatar.js.map +1 -1
  68. package/dist/cjs/Button.js +2 -1
  69. package/dist/cjs/Button.js.map +1 -1
  70. package/dist/cjs/Checkbox.js +3 -2
  71. package/dist/cjs/Checkbox.js.map +1 -1
  72. package/dist/cjs/ColorPicker.js +6 -6
  73. package/dist/cjs/ColorPicker.js.map +1 -1
  74. package/dist/cjs/DatePicker.js +3 -2
  75. package/dist/cjs/DatePicker.js.map +1 -1
  76. package/dist/cjs/DateTimePicker.js +7 -5
  77. package/dist/cjs/DateTimePicker.js.map +1 -1
  78. package/dist/cjs/Dropdown.js +3 -2
  79. package/dist/cjs/Dropdown.js.map +1 -1
  80. package/dist/cjs/Input.js +3 -2
  81. package/dist/cjs/Input.js.map +1 -1
  82. package/dist/cjs/Kbd.js +2 -1
  83. package/dist/cjs/Kbd.js.map +1 -1
  84. package/dist/cjs/Label.js +2 -1
  85. package/dist/cjs/Label.js.map +1 -1
  86. package/dist/cjs/Modal.js +4 -3
  87. package/dist/cjs/Modal.js.map +1 -1
  88. package/dist/cjs/MultiEmailInput.js +3 -2
  89. package/dist/cjs/MultiEmailInput.js.map +1 -1
  90. package/dist/cjs/NoData.js +2 -1
  91. package/dist/cjs/NoData.js.map +1 -1
  92. package/dist/cjs/Pagination.js +2 -2
  93. package/dist/cjs/Pane.js +4 -3
  94. package/dist/cjs/Pane.js.map +1 -1
  95. package/dist/cjs/Popover.js +2 -1
  96. package/dist/cjs/Popover.js.map +1 -1
  97. package/dist/cjs/Radio.js +3 -2
  98. package/dist/cjs/Radio.js.map +1 -1
  99. package/dist/cjs/Select.js +3 -2
  100. package/dist/cjs/Select.js.map +1 -1
  101. package/dist/cjs/Sidebar.js +4 -2
  102. package/dist/cjs/Sidebar.js.map +1 -1
  103. package/dist/cjs/Slider.js +3 -2
  104. package/dist/cjs/Slider.js.map +1 -1
  105. package/dist/cjs/Switch.js +3 -2
  106. package/dist/cjs/Switch.js.map +1 -1
  107. package/dist/cjs/Table.js +429 -4564
  108. package/dist/cjs/Table.js.map +1 -1
  109. package/dist/cjs/Textarea.js +3 -2
  110. package/dist/cjs/Textarea.js.map +1 -1
  111. package/dist/cjs/TimePicker.js +3 -2
  112. package/dist/cjs/TimePicker.js.map +1 -1
  113. package/dist/cjs/TimePickerInput.js +8 -6
  114. package/dist/cjs/TimePickerInput.js.map +1 -1
  115. package/dist/cjs/Toastr.js +6 -1656
  116. package/dist/cjs/Toastr.js.map +1 -1
  117. package/dist/cjs/Tooltip.js +2 -1
  118. package/dist/cjs/Tooltip.js.map +1 -1
  119. package/dist/cjs/Tree.js +1 -1
  120. package/dist/cjs/TreeSelect.js +3 -2
  121. package/dist/cjs/TreeSelect.js.map +1 -1
  122. package/dist/cjs/formik/ActionBlock.js +2 -1
  123. package/dist/cjs/formik/ActionBlock.js.map +1 -1
  124. package/dist/cjs/formik/BlockNavigation.js +4 -3
  125. package/dist/cjs/formik/BlockNavigation.js.map +1 -1
  126. package/dist/cjs/formik/Button.js +2 -1
  127. package/dist/cjs/formik/Button.js.map +1 -1
  128. package/dist/cjs/formik/Checkbox.js +3 -2
  129. package/dist/cjs/formik/Checkbox.js.map +1 -1
  130. package/dist/cjs/formik/Input.js +3 -2
  131. package/dist/cjs/formik/Input.js.map +1 -1
  132. package/dist/cjs/formik/MultiEmailInput.js +3 -2
  133. package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
  134. package/dist/cjs/formik/Radio.js +3 -2
  135. package/dist/cjs/formik/Radio.js.map +1 -1
  136. package/dist/cjs/formik/Select.js +3 -2
  137. package/dist/cjs/formik/Select.js.map +1 -1
  138. package/dist/cjs/formik/Slider.js +3 -2
  139. package/dist/cjs/formik/Slider.js.map +1 -1
  140. package/dist/cjs/formik/Switch.js +3 -2
  141. package/dist/cjs/formik/Switch.js.map +1 -1
  142. package/dist/cjs/formik/Textarea.js +3 -2
  143. package/dist/cjs/formik/Textarea.js.map +1 -1
  144. package/dist/cjs/formik/TreeSelect.js +3 -2
  145. package/dist/cjs/formik/TreeSelect.js.map +1 -1
  146. package/dist/cjs/formik/index.js +4 -3
  147. package/dist/cjs/formik/index.js.map +1 -1
  148. package/dist/cjs/{index-16ef19ed.js → index-6e09c7bc.js} +1 -23
  149. package/dist/cjs/index-6e09c7bc.js.map +1 -0
  150. package/dist/cjs/index-773961dd.js +453 -0
  151. package/dist/cjs/index-773961dd.js.map +1 -0
  152. package/dist/cjs/index-becc6543.js +262 -0
  153. package/dist/cjs/index-becc6543.js.map +1 -0
  154. package/dist/cjs/index.js +13 -5
  155. package/dist/cjs/index.js.map +1 -1
  156. package/dist/cjs/layouts.js +4 -2
  157. package/dist/cjs/layouts.js.map +1 -1
  158. package/dist/cjs/{useOverlayManager-53380ba5.js → useOverlayManager-359ed795.js} +2 -2
  159. package/dist/cjs/{useOverlayManager-53380ba5.js.map → useOverlayManager-359ed795.js.map} +1 -1
  160. package/dist/cjs/{useQueryParams-3ddcf459.js → useQueryParams-14f054b3.js} +2 -2
  161. package/dist/cjs/{useQueryParams-3ddcf459.js.map → useQueryParams-14f054b3.js.map} +1 -1
  162. package/dist/formik/ActionBlock.js +2 -1
  163. package/dist/formik/ActionBlock.js.map +1 -1
  164. package/dist/formik/BlockNavigation.js +4 -3
  165. package/dist/formik/BlockNavigation.js.map +1 -1
  166. package/dist/formik/Button.js +2 -1
  167. package/dist/formik/Button.js.map +1 -1
  168. package/dist/formik/Checkbox.js +3 -2
  169. package/dist/formik/Checkbox.js.map +1 -1
  170. package/dist/formik/Input.js +3 -2
  171. package/dist/formik/Input.js.map +1 -1
  172. package/dist/formik/MultiEmailInput.js +3 -2
  173. package/dist/formik/MultiEmailInput.js.map +1 -1
  174. package/dist/formik/Radio.js +3 -2
  175. package/dist/formik/Radio.js.map +1 -1
  176. package/dist/formik/Select.js +3 -2
  177. package/dist/formik/Select.js.map +1 -1
  178. package/dist/formik/Slider.js +3 -2
  179. package/dist/formik/Slider.js.map +1 -1
  180. package/dist/formik/Switch.js +3 -2
  181. package/dist/formik/Switch.js.map +1 -1
  182. package/dist/formik/Textarea.js +3 -2
  183. package/dist/formik/Textarea.js.map +1 -1
  184. package/dist/formik/TreeSelect.js +3 -2
  185. package/dist/formik/TreeSelect.js.map +1 -1
  186. package/dist/formik/index.js +4 -3
  187. package/dist/formik/index.js.map +1 -1
  188. package/dist/index-661b9fd6.js +253 -0
  189. package/dist/index-661b9fd6.js.map +1 -0
  190. package/dist/index-c442518b.js +445 -0
  191. package/dist/index-c442518b.js.map +1 -0
  192. package/dist/{index-26f3deee.js → index-c8d9113c.js} +2 -23
  193. package/dist/index-c8d9113c.js.map +1 -0
  194. package/dist/index.js +13 -5
  195. package/dist/index.js.map +1 -1
  196. package/dist/layouts.js +4 -2
  197. package/dist/layouts.js.map +1 -1
  198. package/dist/{useOverlayManager-e76af01f.js → useOverlayManager-95a474d5.js} +2 -2
  199. package/dist/{useOverlayManager-e76af01f.js.map → useOverlayManager-95a474d5.js.map} +1 -1
  200. package/dist/{useQueryParams-4731dc94.js → useQueryParams-4e7ddcf8.js} +2 -2
  201. package/dist/{useQueryParams-4731dc94.js.map → useQueryParams-4e7ddcf8.js.map} +1 -1
  202. package/package.json +11 -2
  203. package/dist/cjs/index-0e68cfff.js +0 -3934
  204. package/dist/cjs/index-0e68cfff.js.map +0 -1
  205. package/dist/cjs/index-16ef19ed.js.map +0 -1
  206. package/dist/cjs/index-e722fedf.js +0 -3844
  207. package/dist/cjs/index-e722fedf.js.map +0 -1
  208. package/dist/index-2123b5e9.js +0 -3927
  209. package/dist/index-2123b5e9.js.map +0 -1
  210. package/dist/index-26f3deee.js.map +0 -1
  211. package/dist/index-8ff7d9a1.js +0 -3837
  212. package/dist/index-8ff7d9a1.js.map +0 -1
package/README.md CHANGED
@@ -23,11 +23,8 @@ working, please import the neetoUI stylesheet to your main `scss` entry point.
23
23
  ## Dependencies
24
24
 
25
25
  **neetoUI** has few peer dependencies which are required to use neetoUI
26
- properly. Install the peer dependencies using the below command:
27
-
28
- ```
29
- yarn add react-toastify@9.0.1 formik@2.2.0 react-router-dom@5.2.0 @bigbinary/neeto-icons antd@5.9.2 i18next@21.7.0
30
- ```
26
+ properly. Make sure you install all the peerDependencies mentioned in the
27
+ [package.json](./package.json)
31
28
 
32
29
  ### `react-toastify`
33
30
 
@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-093996c9.js';
2
2
  import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
3
3
  import React__default from 'react';
4
4
  import { c as classnames } from './index-3659771d.js';
5
- import { n as noop } from './index-26f3deee.js';
5
+ import { n as noop } from './index-c8d9113c.js';
6
6
  import Button from './Button.js';
7
7
  import Dropdown from './Dropdown.js';
8
8
  import './slicedToArray-45fa766e.js';
@@ -14,7 +14,8 @@ import 'ramda';
14
14
  import './defineProperty-e5245270.js';
15
15
  import 'react-router-dom';
16
16
  import './motion-087daf52.js';
17
- import './index-2123b5e9.js';
17
+ import './index-c442518b.js';
18
+ import 'tippy.js';
18
19
  import 'react-dom';
19
20
  import '@bigbinary/neeto-icons';
20
21
 
@@ -1 +1 @@
1
- {"version":3,"file":"ActionDropdown.js","sources":["../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n};\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst ActionDropdown = ({\n label = \"\",\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n disabled = false,\n onClick = noop,\n buttonProps: { style, size, ...buttonProps } = {},\n dropdownProps = {},\n className = \"\",\n children,\n}) => (\n <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n <Button\n data-testid=\"action-dropdown-btn\"\n disabled={disabled}\n label={label}\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n onClick={onClick}\n {...buttonProps}\n />\n <Dropdown\n buttonProps={{ size: size ?? buttonSize }}\n buttonStyle={style ?? buttonStyle}\n disabled={disabled}\n {...dropdownProps}\n >\n {children}\n </Dropdown>\n </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n /**\n * To specify the text to be displayed inside the button.\n */\n label: PropTypes.string,\n /**\n * To specify the style of the button to be rendered as the ActionDropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the size of the ActionDropdown.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify whether the ActionDropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the button.\n */\n onClick: PropTypes.func,\n /**\n * To specify the props to be passed to the action button and Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown target.\n */\n dropdownProps: PropTypes.object,\n /**\n * To provide external classnames to ActionDropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonStyle` prop instead._\n */\n style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonSize` prop instead._\n */\n size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$dropdownProps","dropdownProps","_ref$className","className","children","React","createElement","classnames","Button","_extends","Dropdown","Menu","MenuItem","Divider"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAA;AACb,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,CAAC,CAAA;AAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAClBE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,gBAAA,GAAAH,IAAA,CACVI,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGX,UAAU,CAACC,OAAO,GAAAU,gBAAA;IAAAE,eAAA,GAAAL,IAAA,CAChCM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAGV,SAAS,CAACE,MAAM,GAAAQ,eAAA;IAAAE,aAAA,GAAAP,IAAA,CAC7BQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAT,IAAA,CAChBU,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,YAAA;IAAAG,gBAAA,GAAAZ,IAAA,CACda,WAAW;AAAAC,IAAAA,iBAAA,GAAAF,gBAAA,KAAA,KAAA,CAAA,GAAoC,EAAE,GAAAA,gBAAA;IAAlCG,KAAK,GAAAD,iBAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,iBAAA,CAAJE,IAAI;AAAKH,IAAAA,WAAW,GAAAI,wBAAA,CAAAH,iBAAA,EAAAI,SAAA,CAAA;IAAAC,kBAAA,GAAAnB,IAAA,CAC1CoB,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAAAE,cAAA,GAAArB,IAAA,CAClBsB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAvB,IAAA,CAARuB,QAAQ,CAAA;EAAA,oBAERC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKH,IAAAA,SAAS,EAAEI,UAAU,CAAC,CAAC,0BAA0B,EAAEJ,SAAS,CAAC,CAAA;AAAE,GAAA,eAClEE,cAAA,CAAAC,aAAA,CAACE,MAAM,EAAAC,QAAA,CAAA;AACL,IAAA,aAAA,EAAY,qBAAqB;AACjCpB,IAAAA,QAAQ,EAAEA,QAAS;AACnBN,IAAAA,KAAK,EAAEA,KAAM;AACbc,IAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,IAAI,GAAIV,UAAW;AACzBS,IAAAA,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAIX,WAAY;AAC5BM,IAAAA,OAAO,EAAEA,OAAAA;GACLG,EAAAA,WAAW,EACf,eACFW,cAAA,CAAAC,aAAA,CAACI,QAAQ,EAAAD,QAAA,CAAA;AACPf,IAAAA,WAAW,EAAE;AAAEG,MAAAA,IAAI,EAAEA,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAJA,IAAI,GAAIV,UAAAA;KAAa;AAC1CF,IAAAA,WAAW,EAAEW,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAIX,WAAY;AAClCI,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfY,aAAa,CAAA,EAEhBG,QAAQ,CACA,CACP,CAAA;AAAA,EACP;AAEDxB,cAAc,CAAC+B,IAAI,GAAGD,QAAQ,CAACC,IAAI,CAAA;AACnC/B,cAAc,CAACgC,QAAQ,GAAGF,QAAQ,CAACE,QAAQ,CAAA;AAC3ChC,cAAc,CAACiC,OAAO,GAAGH,QAAQ,CAACG,OAAO;;;;"}
1
+ {"version":3,"file":"ActionDropdown.js","sources":["../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n};\n\nconst BTN_SIZES = {\n small: \"small\",\n medium: \"medium\",\n large: \"large\",\n};\n\nconst ActionDropdown = ({\n label = \"\",\n buttonStyle = BTN_STYLES.primary,\n buttonSize = BTN_SIZES.medium,\n disabled = false,\n onClick = noop,\n buttonProps: { style, size, ...buttonProps } = {},\n dropdownProps = {},\n className = \"\",\n children,\n}) => (\n <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n <Button\n data-testid=\"action-dropdown-btn\"\n disabled={disabled}\n label={label}\n size={size ?? buttonSize}\n style={style ?? buttonStyle}\n onClick={onClick}\n {...buttonProps}\n />\n <Dropdown\n buttonProps={{ size: size ?? buttonSize }}\n buttonStyle={style ?? buttonStyle}\n disabled={disabled}\n {...dropdownProps}\n >\n {children}\n </Dropdown>\n </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n /**\n * To specify the text to be displayed inside the button.\n */\n label: PropTypes.string,\n /**\n * To specify the style of the button to be rendered as the ActionDropdown target.\n */\n buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * To specify the size of the ActionDropdown.\n */\n buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n /**\n * To specify whether the ActionDropdown is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the action to be triggered on click of the button.\n */\n onClick: PropTypes.func,\n /**\n * To specify the props to be passed to the action button and Dropdown target button.\n */\n buttonProps: PropTypes.object,\n /**\n * To specify the props to be passed to the Dropdown target.\n */\n dropdownProps: PropTypes.object,\n /**\n * To provide external classnames to ActionDropdown target wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered inside the Dropdown.\n */\n children: PropTypes.node,\n /**\n * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonStyle` prop instead._\n */\n style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n /**\n * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n * Removed\n * </div>\n * _Use `buttonSize` prop instead._\n */\n size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$dropdownProps","dropdownProps","_ref$className","className","children","React","createElement","classnames","Button","_extends","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}
package/dist/Alert.js CHANGED
@@ -9,17 +9,18 @@ import './objectWithoutProperties-a0edb288.js';
9
9
  import './index-3659771d.js';
10
10
  import 'react-router-dom';
11
11
  import './motion-087daf52.js';
12
- import './index-2123b5e9.js';
12
+ import './index-c442518b.js';
13
13
  import './slicedToArray-45fa766e.js';
14
+ import 'tippy.js';
14
15
  import 'react-dom';
15
16
  import '@bigbinary/neeto-icons';
16
- import './useOverlayManager-e76af01f.js';
17
+ import './useOverlayManager-95a474d5.js';
17
18
  import './index-283bc6a6.js';
18
19
  import 'ramda';
19
20
  import './index-7fae3611.js';
20
21
  import './overlayManager.js';
21
22
  import './createClass-601a36b2.js';
22
- import './index-26f3deee.js';
23
+ import './index-c8d9113c.js';
23
24
  import '@bigbinary/neeto-cist';
24
25
  import 'util';
25
26
 
package/dist/Alert.js.map CHANGED
@@ -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={!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","large","FOCUSABLE_ELEMENTS","submit","cancel","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","React","createElement","Modal","_extends","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-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={!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","large","FOCUSABLE_ELEMENTS","submit","cancel","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","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}