@bigbinary/neeto-molecules 1.2.0-beta1 → 1.2.0-beta3

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 (251) hide show
  1. package/README.md +1 -0
  2. package/dist/BrowserSupport.js +3 -3
  3. package/dist/Builder.js +5 -5
  4. package/dist/CalendarView.js +5 -5
  5. package/dist/{Chevron-c64ff676.js → Chevron-c639aa31.js} +5 -5
  6. package/dist/{Chevron-c64ff676.js.map → Chevron-c639aa31.js.map} +1 -1
  7. package/dist/Codeblock.js +4 -4
  8. package/dist/Columns.js +5 -5
  9. package/dist/ConfigurePageSidebar.js +5 -5
  10. package/dist/CopyToClipboardButton.js +4 -4
  11. package/dist/Currency.js +2 -2
  12. package/dist/CustomDomain.js +5 -5
  13. package/dist/CustomDomainDashboard.js +6 -6
  14. package/dist/DateFormat.js +1 -1
  15. package/dist/DateRangeFilter.js +9 -8
  16. package/dist/DateRangeFilter.js.map +1 -1
  17. package/dist/DeleteArchiveModal.js +1 -1
  18. package/dist/DocumentEditor.js +4 -4
  19. package/dist/DynamicVariables.js +3 -3
  20. package/dist/EmailForm.js +5 -5
  21. package/dist/EmojiPicker.js +54 -15
  22. package/dist/EmojiPicker.js.map +1 -1
  23. package/dist/EmojiReactions.js +1 -1
  24. package/dist/ErrorPage.js +1 -1
  25. package/dist/FloatingActionMenu.js +6 -6
  26. package/dist/FloatingActionMenu.js.map +1 -1
  27. package/dist/Header.js +4 -4
  28. package/dist/HelpPopover.js +2 -2
  29. package/dist/IconPicker.js +3 -3
  30. package/dist/ImageWithFallback.js +4 -4
  31. package/dist/InlineInput.js +8 -7
  32. package/dist/InlineInput.js.map +1 -1
  33. package/dist/Insights.js +4 -3
  34. package/dist/Insights.js.map +1 -1
  35. package/dist/IntegrationCard.js +3 -3
  36. package/dist/IntegrationDisconnectAlert.js +2 -2
  37. package/dist/IpRestriction.js +23 -32
  38. package/dist/IpRestriction.js.map +1 -1
  39. package/dist/KeyboardShortcuts.js +2 -2
  40. package/dist/LoginPage.js +7 -6
  41. package/dist/LoginPage.js.map +1 -1
  42. package/dist/MadeWith.js +4 -3
  43. package/dist/MadeWith.js.map +1 -1
  44. package/dist/MenuBar.js +3 -3
  45. package/dist/Metadata.js +1 -1
  46. package/dist/MoreDropdown.js +3 -3
  47. package/dist/NavigationHeader.js +18 -10
  48. package/dist/NavigationHeader.js.map +1 -1
  49. package/dist/NeetoWidget.js +30 -62
  50. package/dist/NeetoWidget.js.map +1 -1
  51. package/dist/Onboarding.js +47 -186
  52. package/dist/Onboarding.js.map +1 -1
  53. package/dist/OptionFields.js +4 -4
  54. package/dist/PageLoader.js +6 -66
  55. package/dist/PageLoader.js.map +1 -1
  56. package/dist/PhoneNumber.js +28 -19
  57. package/dist/PhoneNumber.js.map +1 -1
  58. package/dist/ProductEmbed.js +5 -5
  59. package/dist/PublishBlock.js +2 -2
  60. package/dist/Rename.js +5 -5
  61. package/dist/ResponsiveDevicePicker.js +5 -5
  62. package/dist/Schedule.js +8 -29
  63. package/dist/Schedule.js.map +1 -1
  64. package/dist/Scrollable.js +3 -3
  65. package/dist/Search.js +4 -4
  66. package/dist/Security.js +13 -18
  67. package/dist/Security.js.map +1 -1
  68. package/dist/SendToFields.js +3 -3
  69. package/dist/Settings.js +4 -4
  70. package/dist/ShareRecordingPane.js +4 -4
  71. package/dist/ShareViaEmail.js +5 -5
  72. package/dist/ShareViaLink.js +5 -5
  73. package/dist/ShareViaLink.js.map +1 -1
  74. package/dist/Sidebar.js +5 -5
  75. package/dist/StickyRibbonsContainer.js +81 -0
  76. package/dist/StickyRibbonsContainer.js.map +1 -0
  77. package/dist/SubHeader.js +5 -5
  78. package/dist/SuffixedInput.js +4 -4
  79. package/dist/Taxonomy.js +12 -18
  80. package/dist/Taxonomy.js.map +1 -1
  81. package/dist/ThemeSidebar.js +14 -13
  82. package/dist/ThemeSidebar.js.map +1 -1
  83. package/dist/TimeFormat.js +1 -1
  84. package/dist/TimezoneMismatchModal.js +7 -12
  85. package/dist/TimezoneMismatchModal.js.map +1 -1
  86. package/dist/ToggleFeatureCard.js +4 -4
  87. package/dist/cjs/BrowserSupport.js +9 -6
  88. package/dist/cjs/BrowserSupport.js.map +1 -1
  89. package/dist/cjs/Builder.js +22 -18
  90. package/dist/cjs/Builder.js.map +1 -1
  91. package/dist/cjs/CalendarView.js +19 -15
  92. package/dist/cjs/CalendarView.js.map +1 -1
  93. package/dist/cjs/{Chevron-8a4ed9cd.js → Chevron-5fe59f57.js} +16 -13
  94. package/dist/cjs/{Chevron-8a4ed9cd.js.map → Chevron-5fe59f57.js.map} +1 -1
  95. package/dist/cjs/Codeblock.js +7 -6
  96. package/dist/cjs/Codeblock.js.map +1 -1
  97. package/dist/cjs/Columns.js +5 -5
  98. package/dist/cjs/ConfigurePageSidebar.js +8 -7
  99. package/dist/cjs/ConfigurePageSidebar.js.map +1 -1
  100. package/dist/cjs/CopyToClipboardButton.js +12 -8
  101. package/dist/cjs/CopyToClipboardButton.js.map +1 -1
  102. package/dist/cjs/Currency.js +8 -6
  103. package/dist/cjs/Currency.js.map +1 -1
  104. package/dist/cjs/CustomDomain.js +8 -7
  105. package/dist/cjs/CustomDomain.js.map +1 -1
  106. package/dist/cjs/CustomDomainDashboard.js +13 -11
  107. package/dist/cjs/CustomDomainDashboard.js.map +1 -1
  108. package/dist/cjs/DateFormat.js +4 -3
  109. package/dist/cjs/DateFormat.js.map +1 -1
  110. package/dist/cjs/DateRangeFilter.js +13 -10
  111. package/dist/cjs/DateRangeFilter.js.map +1 -1
  112. package/dist/cjs/DeleteArchiveModal.js +3 -2
  113. package/dist/cjs/DeleteArchiveModal.js.map +1 -1
  114. package/dist/cjs/DocumentEditor.js +13 -10
  115. package/dist/cjs/DocumentEditor.js.map +1 -1
  116. package/dist/cjs/DynamicVariables.js +9 -6
  117. package/dist/cjs/DynamicVariables.js.map +1 -1
  118. package/dist/cjs/EmailForm.js +12 -10
  119. package/dist/cjs/EmailForm.js.map +1 -1
  120. package/dist/cjs/EmojiPicker.js +59 -19
  121. package/dist/cjs/EmojiPicker.js.map +1 -1
  122. package/dist/cjs/EmojiReactions.js +3 -2
  123. package/dist/cjs/EmojiReactions.js.map +1 -1
  124. package/dist/cjs/ErrorPage.js +3 -2
  125. package/dist/cjs/ErrorPage.js.map +1 -1
  126. package/dist/cjs/FloatingActionMenu.js +28 -23
  127. package/dist/cjs/FloatingActionMenu.js.map +1 -1
  128. package/dist/cjs/Header.js +11 -8
  129. package/dist/cjs/Header.js.map +1 -1
  130. package/dist/cjs/HelpPopover.js +8 -6
  131. package/dist/cjs/HelpPopover.js.map +1 -1
  132. package/dist/cjs/IconPicker.js +11 -8
  133. package/dist/cjs/IconPicker.js.map +1 -1
  134. package/dist/cjs/ImageWithFallback.js +15 -11
  135. package/dist/cjs/ImageWithFallback.js.map +1 -1
  136. package/dist/cjs/InlineInput.js +25 -18
  137. package/dist/cjs/InlineInput.js.map +1 -1
  138. package/dist/cjs/Insights.js +4 -3
  139. package/dist/cjs/Insights.js.map +1 -1
  140. package/dist/cjs/IntegrationCard.js +9 -7
  141. package/dist/cjs/IntegrationCard.js.map +1 -1
  142. package/dist/cjs/IntegrationDisconnectAlert.js +6 -4
  143. package/dist/cjs/IntegrationDisconnectAlert.js.map +1 -1
  144. package/dist/cjs/IpRestriction.js +27 -34
  145. package/dist/cjs/IpRestriction.js.map +1 -1
  146. package/dist/cjs/KeyboardShortcuts.js +9 -7
  147. package/dist/cjs/KeyboardShortcuts.js.map +1 -1
  148. package/dist/cjs/LoginPage.js +11 -7
  149. package/dist/cjs/LoginPage.js.map +1 -1
  150. package/dist/cjs/MadeWith.js +8 -5
  151. package/dist/cjs/MadeWith.js.map +1 -1
  152. package/dist/cjs/MenuBar.js +22 -19
  153. package/dist/cjs/MenuBar.js.map +1 -1
  154. package/dist/cjs/Metadata.js +5 -4
  155. package/dist/cjs/Metadata.js.map +1 -1
  156. package/dist/cjs/MoreDropdown.js +18 -15
  157. package/dist/cjs/MoreDropdown.js.map +1 -1
  158. package/dist/cjs/NavigationHeader.js +23 -13
  159. package/dist/cjs/NavigationHeader.js.map +1 -1
  160. package/dist/cjs/NeetoWidget.js +41 -70
  161. package/dist/cjs/NeetoWidget.js.map +1 -1
  162. package/dist/cjs/Onboarding.js +46 -187
  163. package/dist/cjs/Onboarding.js.map +1 -1
  164. package/dist/cjs/OptionFields.js +21 -17
  165. package/dist/cjs/OptionFields.js.map +1 -1
  166. package/dist/cjs/PageLoader.js +9 -85
  167. package/dist/cjs/PageLoader.js.map +1 -1
  168. package/dist/cjs/PhoneNumber.js +48 -34
  169. package/dist/cjs/PhoneNumber.js.map +1 -1
  170. package/dist/cjs/ProductEmbed.js +24 -21
  171. package/dist/cjs/ProductEmbed.js.map +1 -1
  172. package/dist/cjs/PublishBlock.js +13 -11
  173. package/dist/cjs/PublishBlock.js.map +1 -1
  174. package/dist/cjs/Rename.js +17 -13
  175. package/dist/cjs/Rename.js.map +1 -1
  176. package/dist/cjs/ResponsiveDevicePicker.js +12 -8
  177. package/dist/cjs/ResponsiveDevicePicker.js.map +1 -1
  178. package/dist/cjs/Schedule.js +24 -39
  179. package/dist/cjs/Schedule.js.map +1 -1
  180. package/dist/cjs/Scrollable.js +9 -6
  181. package/dist/cjs/Scrollable.js.map +1 -1
  182. package/dist/cjs/Search.js +12 -8
  183. package/dist/cjs/Search.js.map +1 -1
  184. package/dist/cjs/Security.js +20 -22
  185. package/dist/cjs/Security.js.map +1 -1
  186. package/dist/cjs/SendToFields.js +12 -9
  187. package/dist/cjs/SendToFields.js.map +1 -1
  188. package/dist/cjs/Settings.js +14 -11
  189. package/dist/cjs/Settings.js.map +1 -1
  190. package/dist/cjs/ShareRecordingPane.js +16 -12
  191. package/dist/cjs/ShareRecordingPane.js.map +1 -1
  192. package/dist/cjs/ShareViaEmail.js +15 -10
  193. package/dist/cjs/ShareViaEmail.js.map +1 -1
  194. package/dist/cjs/ShareViaLink.js +9 -8
  195. package/dist/cjs/ShareViaLink.js.map +1 -1
  196. package/dist/cjs/Sidebar.js +16 -12
  197. package/dist/cjs/Sidebar.js.map +1 -1
  198. package/dist/cjs/StickyRibbonsContainer.js +90 -0
  199. package/dist/cjs/StickyRibbonsContainer.js.map +1 -0
  200. package/dist/cjs/SubHeader.js +14 -11
  201. package/dist/cjs/SubHeader.js.map +1 -1
  202. package/dist/cjs/SuffixedInput.js +10 -7
  203. package/dist/cjs/SuffixedInput.js.map +1 -1
  204. package/dist/cjs/Taxonomy.js +27 -30
  205. package/dist/cjs/Taxonomy.js.map +1 -1
  206. package/dist/cjs/ThemeSidebar.js +33 -26
  207. package/dist/cjs/ThemeSidebar.js.map +1 -1
  208. package/dist/cjs/TimeFormat.js +1 -1
  209. package/dist/cjs/TimezoneMismatchModal.js +9 -13
  210. package/dist/cjs/TimezoneMismatchModal.js.map +1 -1
  211. package/dist/cjs/ToggleFeatureCard.js +17 -13
  212. package/dist/cjs/ToggleFeatureCard.js.map +1 -1
  213. package/dist/cjs/{index-00fdb8c2.js → index-27f4aa6e.js} +18 -21
  214. package/dist/cjs/index-27f4aa6e.js.map +1 -0
  215. package/dist/cjs/{useColumns-a1c3668f.js → useColumns-9978cf70.js} +18 -14
  216. package/dist/cjs/{useColumns-a1c3668f.js.map → useColumns-9978cf70.js.map} +1 -1
  217. package/dist/{index-90c89467.js → index-f2f4a6ba.js} +14 -19
  218. package/dist/index-f2f4a6ba.js.map +1 -0
  219. package/dist/{useColumns-d17d1f72.js → useColumns-751e9192.js} +5 -5
  220. package/dist/{useColumns-d17d1f72.js.map → useColumns-751e9192.js.map} +1 -1
  221. package/package.json +6 -7
  222. package/src/translations/en.json +1 -1
  223. package/types/Onboarding.d.ts +4 -2
  224. package/types/ProductEmbed.d.ts +53 -9
  225. package/types/StickyRibbonsContainer.d.ts +26 -0
  226. package/dist/cjs/defineProperty-886ed289.js +0 -47
  227. package/dist/cjs/defineProperty-886ed289.js.map +0 -1
  228. package/dist/cjs/extends-1b35a664.js +0 -19
  229. package/dist/cjs/extends-1b35a664.js.map +0 -1
  230. package/dist/cjs/index-00fdb8c2.js.map +0 -1
  231. package/dist/cjs/index-c55ad2bc.js +0 -375
  232. package/dist/cjs/index-c55ad2bc.js.map +0 -1
  233. package/dist/cjs/objectWithoutProperties-2fed2d7d.js +0 -33
  234. package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +0 -1
  235. package/dist/cjs/slicedToArray-f320d9e7.js +0 -61
  236. package/dist/cjs/slicedToArray-f320d9e7.js.map +0 -1
  237. package/dist/cjs/toConsumableArray-9abb3858.js +0 -22
  238. package/dist/cjs/toConsumableArray-9abb3858.js.map +0 -1
  239. package/dist/defineProperty-549061a7.js +0 -43
  240. package/dist/defineProperty-549061a7.js.map +0 -1
  241. package/dist/extends-093996c9.js +0 -17
  242. package/dist/extends-093996c9.js.map +0 -1
  243. package/dist/index-90c89467.js.map +0 -1
  244. package/dist/index-9720867c.js +0 -372
  245. package/dist/index-9720867c.js.map +0 -1
  246. package/dist/objectWithoutProperties-a0edb288.js +0 -31
  247. package/dist/objectWithoutProperties-a0edb288.js.map +0 -1
  248. package/dist/slicedToArray-b4278ecd.js +0 -57
  249. package/dist/slicedToArray-b4278ecd.js.map +0 -1
  250. package/dist/toConsumableArray-1cc38429.js +0 -20
  251. package/dist/toConsumableArray-1cc38429.js.map +0 -1
@@ -1,7 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-c55ad2bc.js');
4
- var slicedToArray = require('./slicedToArray-f320d9e7.js');
3
+ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
4
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
5
+ var _regeneratorRuntime = require('@babel/runtime/regenerator');
5
6
  var React = require('react');
6
7
  var neetoui = require('@bigbinary/neetoui');
7
8
  var reactI18next = require('react-i18next');
@@ -32,6 +33,9 @@ function _interopNamespace(e) {
32
33
  return Object.freeze(n);
33
34
  }
34
35
 
36
+ var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
37
+ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
38
+ var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
35
39
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
36
40
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
37
41
 
@@ -99,7 +103,7 @@ var SignInForm = function SignInForm(_ref) {
99
103
  var SignIn = function SignIn(_ref) {
100
104
  var handleSubmit = _ref.handleSubmit;
101
105
  var _useState = React.useState(null),
102
- _useState2 = slicedToArray._slicedToArray(_useState, 2),
106
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
103
107
  isSubmitting = _useState2[0],
104
108
  setIsSubmitting = _useState2[1];
105
109
  var _useTranslation = reactI18next.useTranslation(),
@@ -108,9 +112,9 @@ var SignIn = function SignIn(_ref) {
108
112
  window.location.pathname = redirectTo || "/";
109
113
  };
110
114
  var handleFormSubmit = /*#__PURE__*/function () {
111
- var _ref2 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(formValues) {
115
+ var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(formValues) {
112
116
  var response;
113
- return index.regenerator.wrap(function _callee$(_context) {
117
+ return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
114
118
  while (1) switch (_context.prev = _context.next) {
115
119
  case 0:
116
120
  _context.prev = 0;
@@ -138,8 +142,8 @@ var SignIn = function SignIn(_ref) {
138
142
  };
139
143
  }();
140
144
  var loginAsOliver = /*#__PURE__*/function () {
141
- var _ref3 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee2() {
142
- return index.regenerator.wrap(function _callee2$(_context2) {
145
+ var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
146
+ return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
143
147
  while (1) switch (_context2.prev = _context2.next) {
144
148
  case 0:
145
149
  setIsSubmitting(true);
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPage.js","sources":["../../src/components/LoginPage/constants.js","../../src/components/LoginPage/Form.jsx","../../src/components/LoginPage/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const INITIAL_FORM_VALUES = { email: \"\", password: \"\" };\n\nexport const DEFAULT_EMAIL = \"oliver@example.com\";\nexport const DEFAULT_PASSWORD = \"welcome\";\n\nexport const LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({\n email: Yup.string()\n .email(t(\"neetoMolecules.login.invalidEmail\"))\n .required(t(\"neetoMolecules.login.emailRequired\")),\n password: Yup.string().required(t(\"neetoMolecules.login.passwordRequired\")),\n});\n","import React from \"react\";\n\nimport { Form, Formik } from \"formik\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Input } from \"neetoui/formik\";\nimport { assoc } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from \"./constants\";\n\nconst SignInForm = ({ handleFormSubmit }) => {\n const { t } = useTranslation();\n const { email = \"\" } = getQueryParams();\n\n const emailPrefilledInitialValues = () =>\n assoc(\"email\", email, INITIAL_FORM_VALUES);\n\n if (Button === undefined) {\n return (\n <Trans\n components={{ code: <code /> }}\n i18nKey=\"neetoMolecules.login.installNeetoUI\"\n />\n );\n }\n\n return (\n <Formik\n initialValues={emailPrefilledInitialValues()}\n validationSchema={LOGIN_FORM_VALIDATION_SCHEMA}\n onSubmit={handleFormSubmit}\n >\n <Form className=\"w-full space-y-6\">\n <Input\n required\n data-cy=\"login-email-text-field\"\n data-test-id=\"login-email\"\n label={t(\"neetoMolecules.login.email\")}\n name=\"email\"\n size=\"large\"\n />\n <Input\n required\n data-cy=\"login-password-text-field\"\n data-test-id=\"login-password\"\n label={t(\"neetoMolecules.login.password\")}\n name=\"password\"\n size=\"large\"\n type=\"password\"\n />\n <Button\n fullWidth\n data-cy=\"login-submit-button\"\n data-test-id=\"login-submit-button\"\n label={t(\"neetoMolecules.login.login\")}\n size=\"large\"\n style=\"secondary\"\n type=\"submit\"\n />\n </Form>\n </Formik>\n );\n};\n\nexport default SignInForm;\n","import React, { useState } from \"react\";\n\nimport { Button, Toastr, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { DEFAULT_EMAIL, DEFAULT_PASSWORD } from \"./constants\";\nimport SignInForm from \"./Form\";\n\nconst SignIn = ({ handleSubmit }) => {\n const [isSubmitting, setIsSubmitting] = useState(null);\n const { t } = useTranslation();\n\n const redirectAfterSuccessfulLogin = redirectTo => {\n window.location.pathname = redirectTo || \"/\";\n };\n\n const handleFormSubmit = async formValues => {\n try {\n const response = await handleSubmit({ user: formValues });\n Toastr.success(t(\"neetoMolecules.login.success\"));\n redirectAfterSuccessfulLogin(response.redirectTo);\n } catch {\n /* empty */\n }\n };\n\n const loginAsOliver = async () => {\n setIsSubmitting(true);\n await handleFormSubmit({\n email: DEFAULT_EMAIL,\n password: DEFAULT_PASSWORD,\n });\n setIsSubmitting(false);\n };\n\n return (\n <div className=\"flex h-screen w-full justify-center\">\n <div className=\"neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10\">\n <Typography style=\"h3\" weight=\"medium\">\n <Trans\n components={{ bold: <b data-test-id=\"organization-name\" /> }}\n i18nKey=\"neetoMolecules.login.toOrganizationAccount\"\n values={{ organizationName: globalProps.organization.name }}\n />\n </Typography>\n <Button\n fullWidth\n disabled={isSubmitting}\n label={t(\"neetoMolecules.login.loginAsOliver\")}\n loading={isSubmitting}\n size=\"large\"\n style=\"primary\"\n onClick={loginAsOliver}\n />\n <Typography className=\"text-center\" style=\"body1\" weight=\"semibold\">\n {t(\"neetoMolecules.common.or\").toLocaleUpperCase()}\n </Typography>\n <SignInForm {...{ handleFormSubmit }} />\n </div>\n </div>\n );\n};\n\nSignIn.propTypes = {\n /**\n * The function that is triggered when login button is clicked.\n */\n handleSubmit: PropTypes.func,\n};\n\nexport default SignIn;\n"],"names":["INITIAL_FORM_VALUES","email","password","DEFAULT_EMAIL","DEFAULT_PASSWORD","LOGIN_FORM_VALIDATION_SCHEMA","Yup","object","shape","string","t","required","SignInForm","_ref","handleFormSubmit","_useTranslation","useTranslation","_getQueryParams","getQueryParams","_getQueryParams$email","emailPrefilledInitialValues","assoc","Button","undefined","React","createElement","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","Form","className","Input","label","name","size","type","fullWidth","style","SignIn","handleSubmit","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","redirectAfterSuccessfulLogin","redirectTo","window","location","pathname","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formValues","response","wrap","_callee$","_context","prev","next","user","sent","Toastr","success","t0","stop","_x","apply","arguments","loginAsOliver","_ref3","_callee2","_callee2$","_context2","Typography","weight","bold","values","organizationName","globalProps","organization","disabled","loading","onClick","toLocaleUpperCase"],"mappings":"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"}
1
+ {"version":3,"file":"LoginPage.js","sources":["../../src/components/LoginPage/constants.js","../../src/components/LoginPage/Form.jsx","../../src/components/LoginPage/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const INITIAL_FORM_VALUES = { email: \"\", password: \"\" };\n\nexport const DEFAULT_EMAIL = \"oliver@example.com\";\nexport const DEFAULT_PASSWORD = \"welcome\";\n\nexport const LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({\n email: Yup.string()\n .email(t(\"neetoMolecules.login.invalidEmail\"))\n .required(t(\"neetoMolecules.login.emailRequired\")),\n password: Yup.string().required(t(\"neetoMolecules.login.passwordRequired\")),\n});\n","import React from \"react\";\n\nimport { Form, Formik } from \"formik\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Input } from \"neetoui/formik\";\nimport { assoc } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from \"./constants\";\n\nconst SignInForm = ({ handleFormSubmit }) => {\n const { t } = useTranslation();\n const { email = \"\" } = getQueryParams();\n\n const emailPrefilledInitialValues = () =>\n assoc(\"email\", email, INITIAL_FORM_VALUES);\n\n if (Button === undefined) {\n return (\n <Trans\n components={{ code: <code /> }}\n i18nKey=\"neetoMolecules.login.installNeetoUI\"\n />\n );\n }\n\n return (\n <Formik\n initialValues={emailPrefilledInitialValues()}\n validationSchema={LOGIN_FORM_VALIDATION_SCHEMA}\n onSubmit={handleFormSubmit}\n >\n <Form className=\"w-full space-y-6\">\n <Input\n required\n data-cy=\"login-email-text-field\"\n data-test-id=\"login-email\"\n label={t(\"neetoMolecules.login.email\")}\n name=\"email\"\n size=\"large\"\n />\n <Input\n required\n data-cy=\"login-password-text-field\"\n data-test-id=\"login-password\"\n label={t(\"neetoMolecules.login.password\")}\n name=\"password\"\n size=\"large\"\n type=\"password\"\n />\n <Button\n fullWidth\n data-cy=\"login-submit-button\"\n data-test-id=\"login-submit-button\"\n label={t(\"neetoMolecules.login.login\")}\n size=\"large\"\n style=\"secondary\"\n type=\"submit\"\n />\n </Form>\n </Formik>\n );\n};\n\nexport default SignInForm;\n","import React, { useState } from \"react\";\n\nimport { Button, Toastr, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { DEFAULT_EMAIL, DEFAULT_PASSWORD } from \"./constants\";\nimport SignInForm from \"./Form\";\n\nconst SignIn = ({ handleSubmit }) => {\n const [isSubmitting, setIsSubmitting] = useState(null);\n const { t } = useTranslation();\n\n const redirectAfterSuccessfulLogin = redirectTo => {\n window.location.pathname = redirectTo || \"/\";\n };\n\n const handleFormSubmit = async formValues => {\n try {\n const response = await handleSubmit({ user: formValues });\n Toastr.success(t(\"neetoMolecules.login.success\"));\n redirectAfterSuccessfulLogin(response.redirectTo);\n } catch {\n /* empty */\n }\n };\n\n const loginAsOliver = async () => {\n setIsSubmitting(true);\n await handleFormSubmit({\n email: DEFAULT_EMAIL,\n password: DEFAULT_PASSWORD,\n });\n setIsSubmitting(false);\n };\n\n return (\n <div className=\"flex h-screen w-full justify-center\">\n <div className=\"neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10\">\n <Typography style=\"h3\" weight=\"medium\">\n <Trans\n components={{ bold: <b data-test-id=\"organization-name\" /> }}\n i18nKey=\"neetoMolecules.login.toOrganizationAccount\"\n values={{ organizationName: globalProps.organization.name }}\n />\n </Typography>\n <Button\n fullWidth\n disabled={isSubmitting}\n label={t(\"neetoMolecules.login.loginAsOliver\")}\n loading={isSubmitting}\n size=\"large\"\n style=\"primary\"\n onClick={loginAsOliver}\n />\n <Typography className=\"text-center\" style=\"body1\" weight=\"semibold\">\n {t(\"neetoMolecules.common.or\").toLocaleUpperCase()}\n </Typography>\n <SignInForm {...{ handleFormSubmit }} />\n </div>\n </div>\n );\n};\n\nSignIn.propTypes = {\n /**\n * The function that is triggered when login button is clicked.\n */\n handleSubmit: PropTypes.func,\n};\n\nexport default SignIn;\n"],"names":["INITIAL_FORM_VALUES","email","password","DEFAULT_EMAIL","DEFAULT_PASSWORD","LOGIN_FORM_VALIDATION_SCHEMA","Yup","object","shape","string","t","required","SignInForm","_ref","handleFormSubmit","_useTranslation","useTranslation","_getQueryParams","getQueryParams","_getQueryParams$email","emailPrefilledInitialValues","assoc","Button","undefined","React","createElement","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","Form","className","Input","label","name","size","type","fullWidth","style","SignIn","handleSubmit","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","redirectAfterSuccessfulLogin","redirectTo","window","location","pathname","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formValues","response","wrap","_callee$","_context","prev","next","user","sent","Toastr","success","t0","stop","_x","apply","arguments","loginAsOliver","_ref3","_callee2","_callee2$","_context2","Typography","weight","bold","values","organizationName","globalProps","organization","disabled","loading","onClick","toLocaleUpperCase"],"mappings":"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"}
@@ -1,13 +1,16 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('./extends-1b35a664.js');
4
- var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
3
+ var _extends = require('@babel/runtime/helpers/extends');
4
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
5
  var React = require('react');
6
+ var neetoCist = require('@bigbinary/neeto-cist');
6
7
  var reactI18next = require('react-i18next');
7
8
  var injectCss = require('./inject-css-80a5faa3.js');
8
9
 
9
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
11
 
12
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
13
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
11
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
15
 
13
16
  var css = ".neeto-molecules-made-with__wrapper{background:#fff;border:1px solid #dfdfde;border-radius:4px;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue;font-size:14px;font-weight:400;padding:4px 6px;transition:all;transition-duration:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-made-with__wrapper strong{font-weight:700}.neeto-molecules-made-with__wrapper:hover{box-shadow:inset 0 0 0 1px #dfdfde}";
@@ -16,9 +19,9 @@ injectCss.n(css,{});
16
19
  var _excluded = ["productName"];
17
20
  var MadeWith = function MadeWith(_ref) {
18
21
  var productName = _ref.productName,
19
- otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
20
- var name = productName || globalProps.appName;
21
- return /*#__PURE__*/React__default["default"].createElement("a", _extends._extends({
22
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
23
+ var name = neetoCist.capitalize(productName || globalProps.appName);
24
+ return /*#__PURE__*/React__default["default"].createElement("a", _extends__default["default"]({
22
25
  className: "neeto-molecules-made-with__wrapper",
23
26
  "data-cy": "made-with-".concat(name.toLowerCase()),
24
27
  "data-testid": "made-with-".concat(name.toLowerCase()),
@@ -1 +1 @@
1
- {"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n const name = productName || globalProps.appName;\n\n return (\n <a\n className=\"neeto-molecules-made-with__wrapper\"\n data-cy={`made-with-${name.toLowerCase()}`}\n data-testid={`made-with-${name.toLowerCase()}`}\n href={`https://www.neeto.com/${name.toLowerCase()}`}\n rel=\"noreferrer\"\n target=\"_blank\"\n {...otherProps}\n >\n <Trans\n i18nKey=\"neetoMolecules.common.madeWith\"\n values={{ productName: name }}\n />\n </a>\n );\n};\n\nMadeWith.propTypes = {\n /**\n * Product name to be displayed on the component (optional).\n */\n productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,gDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAC5C,EAAA,IAAMC,IAAI,GAAGJ,WAAW,IAAIK,WAAW,CAACC,OAAO,CAAA;AAE/C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,iBAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBP,IAAI,CAACQ,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BP,IAAI,CAACQ,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BP,IAAI,CAACQ,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXd,UAAU,CAEdM,eAAAA,yBAAA,CAAAC,aAAA,CAACQ,kBAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAElB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeG,yBAAK,CAACY,IAAI,CAACrB,QAAQ,CAAC;;;;"}
1
+ {"version":3,"file":"MadeWith.js","sources":["../../src/components/MadeWith/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nimport \"./made-with.scss\";\n\nconst MadeWith = ({ productName, ...otherProps }) => {\n const name = capitalize(productName || globalProps.appName);\n\n return (\n <a\n className=\"neeto-molecules-made-with__wrapper\"\n data-cy={`made-with-${name.toLowerCase()}`}\n data-testid={`made-with-${name.toLowerCase()}`}\n href={`https://www.neeto.com/${name.toLowerCase()}`}\n rel=\"noreferrer\"\n target=\"_blank\"\n {...otherProps}\n >\n <Trans\n i18nKey=\"neetoMolecules.common.madeWith\"\n values={{ productName: name }}\n />\n </a>\n );\n};\n\nMadeWith.propTypes = {\n /**\n * Product name to be displayed on the component (optional).\n */\n productName: PropTypes.string,\n};\n\nexport default React.memo(MadeWith);\n"],"names":["MadeWith","_ref","productName","otherProps","_objectWithoutProperties","_excluded","name","capitalize","globalProps","appName","React","createElement","_extends","className","concat","toLowerCase","href","rel","target","Trans","i18nKey","values","memo"],"mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAuC;AAAA,EAAA,IAAjCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAC5C,IAAMC,IAAI,GAAGC,oBAAU,CAACL,WAAW,IAAIM,WAAW,CAACC,OAAO,CAAC,CAAA;AAE3D,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,4BAAA,CAAA;AACEC,IAAAA,SAAS,EAAC,oCAAoC;AAC9C,IAAA,SAAA,EAAA,YAAA,CAAAC,MAAA,CAAsBR,IAAI,CAACS,WAAW,EAAE,CAAG;AAC3C,IAAA,aAAA,EAAA,YAAA,CAAAD,MAAA,CAA0BR,IAAI,CAACS,WAAW,EAAE,CAAG;IAC/CC,IAAI,EAAA,wBAAA,CAAAF,MAAA,CAA2BR,IAAI,CAACS,WAAW,EAAE,CAAG;AACpDE,IAAAA,GAAG,EAAC,YAAY;AAChBC,IAAAA,MAAM,EAAC,QAAA;AAAQ,GAAA,EACXf,UAAU,CAEdO,eAAAA,yBAAA,CAAAC,aAAA,CAACQ,kBAAK,EAAA;AACJC,IAAAA,OAAO,EAAC,gCAAgC;AACxCC,IAAAA,MAAM,EAAE;AAAEnB,MAAAA,WAAW,EAAEI,IAAAA;AAAK,KAAA;AAAE,GAC/B,CACA,CAAC,CAAA;AAER,CAAC,CAAA;AASD,YAAA,aAAeI,yBAAK,CAACY,IAAI,CAACtB,QAAQ,CAAC;;;;"}
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var defineProperty = require('./defineProperty-886ed289.js');
4
- var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var neetoui = require('@bigbinary/neetoui');
8
8
  var reactTransitionGroup = require('react-transition-group');
9
- var _extends = require('./extends-1b35a664.js');
9
+ var _extends = require('@babel/runtime/helpers/extends');
10
10
  var neetoIcons = require('@bigbinary/neeto-icons');
11
11
  var injectCss = require('./inject-css-80a5faa3.js');
12
12
  var neetoCist = require('@bigbinary/neeto-cist');
@@ -18,8 +18,11 @@ var ramda = require('ramda');
18
18
 
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
20
 
21
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
22
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
21
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
24
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
25
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
23
26
  var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
24
27
 
25
28
  var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-white))!important;border-right:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:32px!important;width:324px}@media screen and (max-width:1024px){.neeto-molecules-menubar__container{padding:40px 24px 24px!important;width:280px}}@media screen and (max-width:768px){.neeto-molecules-menubar__container{padding:40px 20px 24px!important;width:240px}}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-primary-100));border-color:rgb(var(--neeto-ui-primary-100));box-shadow:none;position:relative}.neeto-molecules-menubar__block--active:after{background-color:rgb(var(--neeto-ui-primary-500));border-bottom-left-radius:var(--neeto-ui-rounded);border-top-left-radius:var(--neeto-ui-rounded);content:\"\";height:100%;left:-1px;position:absolute;top:0;width:3px}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-primary-100))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}@media screen and (max-width:1024px){.neeto-molecules-menubar__item{padding:10px}}@media screen and (max-width:768px){.neeto-molecules-menubar__item{padding:8px}}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
@@ -30,8 +33,8 @@ var AddNew = function AddNew(_ref) {
30
33
  var _ref$label = _ref.label,
31
34
  label = _ref$label === void 0 ? "" : _ref$label,
32
35
  onClick = _ref.onClick,
33
- otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$5);
34
- return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
36
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
37
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
35
38
  className: "neeto-molecules-menubar__add-new-wrap"
36
39
  }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
37
40
  icon: neetoIcons.Plus,
@@ -46,7 +49,7 @@ var AddNew = function AddNew(_ref) {
46
49
 
47
50
  var _excluded$4 = ["url", "icon", "label", "count", "active", "onEdit", "onClick", "className"];
48
51
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
49
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
52
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
50
53
  var Block = function Block(_ref) {
51
54
  var url = _ref.url,
52
55
  icon = _ref.icon,
@@ -58,7 +61,7 @@ var Block = function Block(_ref) {
58
61
  _ref$onClick = _ref.onClick,
59
62
  onClick = _ref$onClick === void 0 ? neetoCist.noop : _ref$onClick,
60
63
  className = _ref.className,
61
- otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$4);
64
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
62
65
  var handleEdit = function handleEdit(e) {
63
66
  e.stopPropagation();
64
67
  onEdit && onEdit();
@@ -66,10 +69,10 @@ var Block = function Block(_ref) {
66
69
  var Parent = url ? reactRouterDom.Link : function (props) {
67
70
  return /*#__PURE__*/React__default["default"].createElement("button", props);
68
71
  };
69
- return /*#__PURE__*/React__default["default"].createElement(Parent, _extends._extends({
72
+ return /*#__PURE__*/React__default["default"].createElement(Parent, _extends__default["default"]({
70
73
  "data-cy": otherProps["data-cy"] || "menubar-block",
71
74
  to: url,
72
- className: classnames__default["default"]("neeto-molecules-menubar__block", defineProperty._defineProperty({
75
+ className: classnames__default["default"]("neeto-molecules-menubar__block", _defineProperty__default["default"]({
73
76
  "neeto-molecules-menubar__block--editable": !!onEdit,
74
77
  "neeto-molecules-menubar__block--active": active
75
78
  }, className, className))
@@ -104,9 +107,9 @@ var Item = function Item(_ref) {
104
107
  active = _ref$active === void 0 ? false : _ref$active,
105
108
  _ref$className = _ref.className,
106
109
  className = _ref$className === void 0 ? "" : _ref$className,
107
- otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$3);
108
- return /*#__PURE__*/React__default["default"].createElement("button", _extends._extends({
109
- className: classnames__default["default"]("neeto-molecules-menubar__item", defineProperty._defineProperty({
110
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
111
+ return /*#__PURE__*/React__default["default"].createElement("button", _extends__default["default"]({
112
+ className: classnames__default["default"]("neeto-molecules-menubar__item", _defineProperty__default["default"]({
110
113
  "neeto-molecules-menubar__item--active": active
111
114
  }, className, className))
112
115
  }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -127,10 +130,10 @@ var Search = withT__default["default"](function (_ref) {
127
130
  _ref$isCollapsed = _ref.isCollapsed,
128
131
  isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed,
129
132
  onCollapse = _ref.onCollapse,
130
- props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$2);
133
+ props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
131
134
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !isCollapsed && /*#__PURE__*/React__default["default"].createElement("div", {
132
135
  className: "neeto-molecules-menubar__search"
133
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends._extends({
136
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends__default["default"]({
134
137
  placeholder: t("neetoMolecules.common.actions.search"),
135
138
  prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
136
139
  type: "search"
@@ -156,14 +159,14 @@ var _excluded$1 = ["children", "iconProps"];
156
159
  var SubTitle = function SubTitle(_ref) {
157
160
  var children = _ref.children,
158
161
  iconProps = _ref.iconProps,
159
- otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
160
- return /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({
162
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
163
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
161
164
  className: "neeto-molecules-menubar__subtitle",
162
165
  "data-cy": otherProps["data-cy"] || "menubar-subtitle-heading"
163
166
  }, otherProps), children, /*#__PURE__*/React__default["default"].createElement("div", {
164
167
  className: "neeto-molecules-menubar__subtitle-actions"
165
168
  }, iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (iconProp, index) {
166
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
169
+ return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
167
170
  key: index,
168
171
  style: "text"
169
172
  }, iconProp));
@@ -179,14 +182,14 @@ var MenuBar = function MenuBar(_ref) {
179
182
  showMenu = _ref$showMenu === void 0 ? false : _ref$showMenu,
180
183
  _ref$className = _ref.className,
181
184
  className = _ref$className === void 0 ? "" : _ref$className,
182
- otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
185
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
183
186
  return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
184
187
  unmountOnExit: true,
185
188
  classNames: "neeto-molecules-menubar",
186
189
  "in": showMenu,
187
190
  timeout: 300
188
191
  }, /*#__PURE__*/React__default["default"].createElement("div", {
189
- className: classnames__default["default"]("neeto-molecules-menubar__wrapper", defineProperty._defineProperty({}, className, className))
192
+ className: classnames__default["default"]("neeto-molecules-menubar__wrapper", _defineProperty__default["default"]({}, className, className))
190
193
  }, /*#__PURE__*/React__default["default"].createElement("div", {
191
194
  className: "neeto-molecules-menubar__container",
192
195
  "data-cy": "menubar-container"
@@ -1 +1 @@
1
- {"version":3,"file":"MenuBar.js","sources":["../../src/components/MenuBar/AddNew.jsx","../../src/components/MenuBar/Block.jsx","../../src/components/MenuBar/Item.jsx","../../src/components/MenuBar/constants.js","../../src/components/MenuBar/Search.jsx","../../src/components/MenuBar/SubTitle.jsx","../../src/components/MenuBar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Plus } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n <div className=\"neeto-molecules-menubar__add-new-wrap\" {...otherProps}>\n <Button\n icon={Plus}\n iconPosition=\"left\"\n iconSize={16}\n label={label}\n size=\"small\"\n style=\"link\"\n onClick={onClick}\n />\n </div>\n);\n\nAddNew.propTypes = {\n /**\n * To specify the label to be rendered as the add new Button.\n */\n label: PropTypes.string,\n};\n\nexport default AddNew;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./menubar.scss\";\n\nconst Block = ({\n url,\n icon,\n label,\n count,\n active = false,\n onEdit,\n onClick = noop,\n className,\n ...otherProps\n}) => {\n const handleEdit = e => {\n e.stopPropagation();\n onEdit && onEdit();\n };\n\n const Parent = url ? Link : props => <button {...props} />;\n\n return (\n <Parent\n data-cy={otherProps[\"data-cy\"] || \"menubar-block\"}\n to={url}\n className={classnames(\"neeto-molecules-menubar__block\", {\n \"neeto-molecules-menubar__block--editable\": !!onEdit,\n \"neeto-molecules-menubar__block--active\": active,\n [className]: className,\n })}\n {...{ onClick, ...otherProps }}\n >\n <div\n className=\"neeto-molecules-menubar__block-label\"\n data-cy={joinHyphenCase(\"menubar-block-label\", label)}\n >\n {icon && <i className=\"neeto-molecules-menubar__block-icon\">{icon}</i>}\n <Typography component=\"span\" style=\"h5\" title={label} weight=\"medium\">\n {label}\n </Typography>\n </div>\n {Number.isInteger(count) && (\n <div onClick={handleEdit}>\n <Typography component=\"span\" style=\"h5\" weight=\"medium\">\n {count}\n </Typography>\n </div>\n )}\n </Parent>\n );\n};\n\nBlock.propTypes = {\n /**\n * To provide the url of the Block.\n */\n url: PropTypes.string,\n /**\n * To provide the icon of the Block.\n */\n icon: PropTypes.node,\n /**\n * To provide the label of the Block.\n */\n label: PropTypes.string,\n /**\n * To specify the count of items in the Block.\n */\n count: PropTypes.number,\n /**\n * To specify whether the Block is active.\n */\n active: PropTypes.bool,\n /**\n * The handler function that is called when the number is clicked.\n */\n onEdit: PropTypes.func,\n /**\n * To provide a callback function on click of the Block.\n */\n onClick: PropTypes.func,\n /**\n * To specify external classnames as overrides to the Block.\n */\n className: PropTypes.string,\n};\n\nexport default Block;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Item = ({\n label = \"\",\n description = \"\",\n active = false,\n className = \"\",\n ...otherProps\n}) => (\n <button\n className={classnames(\"neeto-molecules-menubar__item\", {\n \"neeto-molecules-menubar__item--active\": active,\n [className]: className,\n })}\n {...otherProps}\n >\n <Typography\n className=\"neeto-molecules-menubar__item-header\"\n component=\"h5\"\n style=\"h4\"\n >\n {label}\n </Typography>\n <Typography className=\"neeto-molecules-menubar__item-desc\" style=\"body3\">\n {description}\n </Typography>\n </button>\n);\n\nItem.propTypes = {\n /**\n * To specify the text to be rendered as the label.\n */\n label: PropTypes.string,\n /**\n * To specify the text to be rendered as the description.\n */\n description: PropTypes.string,\n /**\n * To specify the current Item is active.\n */\n active: PropTypes.bool,\n /**\n * To specify external classnames as overrides to the Item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","export const UNSUPPORTED_INPUT_PROPS = [\"tReady\"];\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Search as NeetoUISearchIcon, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\n\nimport { UNSUPPORTED_INPUT_PROPS } from \"./constants\";\nimport \"./menubar.scss\";\n\nconst Search = withT(({ t, isCollapsed = true, onCollapse, ...props }) => (\n <>\n {!isCollapsed && (\n <div className=\"neeto-molecules-menubar__search\">\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<NeetoUISearchIcon />}\n type=\"search\"\n {...omit(UNSUPPORTED_INPUT_PROPS, props)}\n />\n <Button\n data-cy=\"menubar-search-close-icon\"\n icon={Close}\n style=\"text\"\n onClick={onCollapse}\n />\n </div>\n )}\n </>\n));\n\nSearch.propTypes = {\n /**\n * To specify whether the search field is collapsed.\n */\n isCollapsed: PropTypes.bool,\n /**\n * To provide a callback function on collapse of the search field.\n */\n onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import React from \"react\";\n\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n <div\n className=\"neeto-molecules-menubar__subtitle\"\n data-cy={otherProps[\"data-cy\"] || \"menubar-subtitle-heading\"}\n {...otherProps}\n >\n {children}\n <div className=\"neeto-molecules-menubar__subtitle-actions\">\n {iconProps?.map((iconProp, index) => (\n <Button key={index} style=\"text\" {...iconProp} />\n ))}\n </div>\n </div>\n);\n\nSubTitle.propTypes = {\n /**\n * To specify the content to be rendered as the SubTitle.\n */\n children: PropTypes.node,\n /**\n * To specify the icon properties.\n */\n iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport \"./menubar.scss\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n title = \"\",\n children,\n showMenu = false,\n className = \"\",\n ...otherProps\n}) => (\n <CSSTransition\n unmountOnExit\n classNames=\"neeto-molecules-menubar\"\n in={showMenu}\n timeout={300}\n >\n <div\n className={classnames(\"neeto-molecules-menubar__wrapper\", {\n [className]: className,\n })}\n >\n <div\n className=\"neeto-molecules-menubar__container\"\n data-cy=\"menubar-container\"\n >\n {title && (\n <Typography\n className=\"neeto-molecules-menubar__title\"\n data-cy={otherProps[\"data-cy\"] || \"menubar-heading\"}\n lineHeight=\"tight\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {title}\n </Typography>\n )}\n {children}\n </div>\n </div>\n </CSSTransition>\n);\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n /**\n * To specify the content to be rendered as the title for the `MenuBar`.\n */\n title: PropTypes.node,\n /**\n * To specify the content to be rendered inside the `MenuBar`.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n /**\n * To specify whether the MenuBar is visible or not.\n */\n showMenu: PropTypes.bool,\n /**\n * To specify external classnames for the MenuBar.\n */\n className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Button","icon","Plus","iconPosition","iconSize","size","style","Block","url","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","to","classnames","_defineProperty","_objectSpread","joinHyphenCase","Typography","component","title","weight","Number","isInteger","Item","_ref$description","description","_ref$className","UNSUPPORTED_INPUT_PROPS","Search","withT","t","_ref$isCollapsed","isCollapsed","onCollapse","Fragment","Input","placeholder","prefix","NeetoUISearchIcon","type","omit","Close","propTypes","PropTypes","bool","func","SubTitle","children","iconProps","map","iconProp","index","key","MenuBar","_ref$title","_ref$showMenu","showMenu","CSSTransition","unmountOnExit","classNames","timeout","lineHeight"],"mappings":"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"}
1
+ {"version":3,"file":"MenuBar.js","sources":["../../src/components/MenuBar/AddNew.jsx","../../src/components/MenuBar/Block.jsx","../../src/components/MenuBar/Item.jsx","../../src/components/MenuBar/constants.js","../../src/components/MenuBar/Search.jsx","../../src/components/MenuBar/SubTitle.jsx","../../src/components/MenuBar/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Plus } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n <div className=\"neeto-molecules-menubar__add-new-wrap\" {...otherProps}>\n <Button\n icon={Plus}\n iconPosition=\"left\"\n iconSize={16}\n label={label}\n size=\"small\"\n style=\"link\"\n onClick={onClick}\n />\n </div>\n);\n\nAddNew.propTypes = {\n /**\n * To specify the label to be rendered as the add new Button.\n */\n label: PropTypes.string,\n};\n\nexport default AddNew;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./menubar.scss\";\n\nconst Block = ({\n url,\n icon,\n label,\n count,\n active = false,\n onEdit,\n onClick = noop,\n className,\n ...otherProps\n}) => {\n const handleEdit = e => {\n e.stopPropagation();\n onEdit && onEdit();\n };\n\n const Parent = url ? Link : props => <button {...props} />;\n\n return (\n <Parent\n data-cy={otherProps[\"data-cy\"] || \"menubar-block\"}\n to={url}\n className={classnames(\"neeto-molecules-menubar__block\", {\n \"neeto-molecules-menubar__block--editable\": !!onEdit,\n \"neeto-molecules-menubar__block--active\": active,\n [className]: className,\n })}\n {...{ onClick, ...otherProps }}\n >\n <div\n className=\"neeto-molecules-menubar__block-label\"\n data-cy={joinHyphenCase(\"menubar-block-label\", label)}\n >\n {icon && <i className=\"neeto-molecules-menubar__block-icon\">{icon}</i>}\n <Typography component=\"span\" style=\"h5\" title={label} weight=\"medium\">\n {label}\n </Typography>\n </div>\n {Number.isInteger(count) && (\n <div onClick={handleEdit}>\n <Typography component=\"span\" style=\"h5\" weight=\"medium\">\n {count}\n </Typography>\n </div>\n )}\n </Parent>\n );\n};\n\nBlock.propTypes = {\n /**\n * To provide the url of the Block.\n */\n url: PropTypes.string,\n /**\n * To provide the icon of the Block.\n */\n icon: PropTypes.node,\n /**\n * To provide the label of the Block.\n */\n label: PropTypes.string,\n /**\n * To specify the count of items in the Block.\n */\n count: PropTypes.number,\n /**\n * To specify whether the Block is active.\n */\n active: PropTypes.bool,\n /**\n * The handler function that is called when the number is clicked.\n */\n onEdit: PropTypes.func,\n /**\n * To provide a callback function on click of the Block.\n */\n onClick: PropTypes.func,\n /**\n * To specify external classnames as overrides to the Block.\n */\n className: PropTypes.string,\n};\n\nexport default Block;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst Item = ({\n label = \"\",\n description = \"\",\n active = false,\n className = \"\",\n ...otherProps\n}) => (\n <button\n className={classnames(\"neeto-molecules-menubar__item\", {\n \"neeto-molecules-menubar__item--active\": active,\n [className]: className,\n })}\n {...otherProps}\n >\n <Typography\n className=\"neeto-molecules-menubar__item-header\"\n component=\"h5\"\n style=\"h4\"\n >\n {label}\n </Typography>\n <Typography className=\"neeto-molecules-menubar__item-desc\" style=\"body3\">\n {description}\n </Typography>\n </button>\n);\n\nItem.propTypes = {\n /**\n * To specify the text to be rendered as the label.\n */\n label: PropTypes.string,\n /**\n * To specify the text to be rendered as the description.\n */\n description: PropTypes.string,\n /**\n * To specify the current Item is active.\n */\n active: PropTypes.bool,\n /**\n * To specify external classnames as overrides to the Item.\n */\n className: PropTypes.string,\n};\n\nexport default Item;\n","export const UNSUPPORTED_INPUT_PROPS = [\"tReady\"];\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Search as NeetoUISearchIcon, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\n\nimport { UNSUPPORTED_INPUT_PROPS } from \"./constants\";\nimport \"./menubar.scss\";\n\nconst Search = withT(({ t, isCollapsed = true, onCollapse, ...props }) => (\n <>\n {!isCollapsed && (\n <div className=\"neeto-molecules-menubar__search\">\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<NeetoUISearchIcon />}\n type=\"search\"\n {...omit(UNSUPPORTED_INPUT_PROPS, props)}\n />\n <Button\n data-cy=\"menubar-search-close-icon\"\n icon={Close}\n style=\"text\"\n onClick={onCollapse}\n />\n </div>\n )}\n </>\n));\n\nSearch.propTypes = {\n /**\n * To specify whether the search field is collapsed.\n */\n isCollapsed: PropTypes.bool,\n /**\n * To provide a callback function on collapse of the search field.\n */\n onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import React from \"react\";\n\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./menubar.scss\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n <div\n className=\"neeto-molecules-menubar__subtitle\"\n data-cy={otherProps[\"data-cy\"] || \"menubar-subtitle-heading\"}\n {...otherProps}\n >\n {children}\n <div className=\"neeto-molecules-menubar__subtitle-actions\">\n {iconProps?.map((iconProp, index) => (\n <Button key={index} style=\"text\" {...iconProp} />\n ))}\n </div>\n </div>\n);\n\nSubTitle.propTypes = {\n /**\n * To specify the content to be rendered as the SubTitle.\n */\n children: PropTypes.node,\n /**\n * To specify the icon properties.\n */\n iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport \"./menubar.scss\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n title = \"\",\n children,\n showMenu = false,\n className = \"\",\n ...otherProps\n}) => (\n <CSSTransition\n unmountOnExit\n classNames=\"neeto-molecules-menubar\"\n in={showMenu}\n timeout={300}\n >\n <div\n className={classnames(\"neeto-molecules-menubar__wrapper\", {\n [className]: className,\n })}\n >\n <div\n className=\"neeto-molecules-menubar__container\"\n data-cy=\"menubar-container\"\n >\n {title && (\n <Typography\n className=\"neeto-molecules-menubar__title\"\n data-cy={otherProps[\"data-cy\"] || \"menubar-heading\"}\n lineHeight=\"tight\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {title}\n </Typography>\n )}\n {children}\n </div>\n </div>\n </CSSTransition>\n);\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n /**\n * To specify the content to be rendered as the title for the `MenuBar`.\n */\n title: PropTypes.node,\n /**\n * To specify the content to be rendered inside the `MenuBar`.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n /**\n * To specify whether the MenuBar is visible or not.\n */\n showMenu: PropTypes.bool,\n /**\n * To specify external classnames for the MenuBar.\n */\n className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Button","icon","Plus","iconPosition","iconSize","size","style","Block","url","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","to","classnames","_defineProperty","_objectSpread","joinHyphenCase","Typography","component","title","weight","Number","isInteger","Item","_ref$description","description","_ref$className","UNSUPPORTED_INPUT_PROPS","Search","withT","t","_ref$isCollapsed","isCollapsed","onCollapse","Fragment","Input","placeholder","prefix","NeetoUISearchIcon","type","omit","Close","propTypes","PropTypes","bool","func","SubTitle","children","iconProps","map","iconProp","index","key","MenuBar","_ref$title","_ref$showMenu","showMenu","CSSTransition","unmountOnExit","classNames","timeout","lineHeight"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var slicedToArray = require('./slicedToArray-f320d9e7.js');
3
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
4
4
  var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var useBreakpoints = require('@bigbinary/neeto-commons-frontend/react-utils/useBreakpoints');
@@ -12,6 +12,7 @@ var injectCss = require('./inject-css-80a5faa3.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
15
+ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
15
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
17
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
17
18
  var useBreakpoints__default = /*#__PURE__*/_interopDefaultLegacy(useBreakpoints);
@@ -68,13 +69,13 @@ var DetailsBlock = function DetailsBlock(_ref) {
68
69
  truncateAt = _ref$truncateAt === void 0 ? DEFAULT_TRUNCATE_AT : _ref$truncateAt,
69
70
  children = _ref.children;
70
71
  var _useState = React.useState(false),
71
- _useState2 = slicedToArray._slicedToArray(_useState, 2),
72
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
72
73
  showTruncated = _useState2[0],
73
74
  setShowTruncated = _useState2[1];
74
75
  var _useTranslation = reactI18next.useTranslation(),
75
76
  t = _useTranslation.t;
76
77
  var _ref2 = truncate ? [details.slice(0, truncateAt), details.slice(truncateAt)] : [details],
77
- _ref3 = slicedToArray._slicedToArray(_ref2, 2),
78
+ _ref3 = _slicedToArray__default["default"](_ref2, 2),
78
79
  visibleDetails = _ref3[0],
79
80
  truncatedDetails = _ref3[1];
80
81
  var renderDetailsValue = function renderDetailsValue(value) {
@@ -151,7 +152,7 @@ var Metadata = function Metadata(_ref) {
151
152
  isSize = _useBreakpoints.isSize;
152
153
  var isLargerScreen = isSize("desktop") || isSize("largeDesktop");
153
154
  var _useState = React.useState(!isLargerScreen),
154
- _useState2 = slicedToArray._slicedToArray(_useState, 2),
155
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
155
156
  isElementsPanelCollapsed = _useState2[0],
156
157
  setIsElementsPanelCollapsed = _useState2[1];
157
158
  React.useEffect(function () {
@@ -1 +1 @@
1
- {"version":3,"file":"Metadata.js","sources":["../../src/components/Metadata/Block.jsx","../../src/components/Metadata/constants.js","../../src/components/Metadata/DetailsBlock.jsx","../../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n <div\n className=\"neeto-molecules-metadata__block mb-5 w-full\"\n data-cy=\"neeto-molecules-metadata-block\"\n data-testid=\"metadata-block\"\n >\n <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n {title && (\n <div className=\"flex w-60 items-center gap-2 break-all\">\n <Typography\n className=\"neeto-ui-text-gray-700\"\n data-testid=\"metadata-block-title\"\n style=\"h5\"\n textTransform=\"uppercase\"\n weight=\"bold\"\n >\n {title}\n </Typography>\n </div>\n )}\n {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n </div>\n {!!children && (\n <div\n data-testid=\"metadata-card\"\n className={classnames(\n \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n className\n )}\n >\n {children}\n </div>\n )}\n </div>\n);\n\nBlock.propTypes = {\n /**\n * To specify the content to be rendered on the right side of the title.\n */\n actionBlock: PropTypes.node,\n /**\n * To specify the title of the block.\n */\n title: PropTypes.string,\n /**\n * The content to be rendered inside the block.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n /**\n * To specify external classNames as overrides to the `Block` component.\n */\n className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n title,\n actionBlock,\n details = [],\n className,\n style = STYLES.inline,\n truncate = false,\n truncateAt = DEFAULT_TRUNCATE_AT,\n children,\n}) => {\n const [showTruncated, setShowTruncated] = useState(false);\n\n const { t } = useTranslation();\n\n const [visibleDetails, truncatedDetails] = truncate\n ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n : [details];\n\n const renderDetailsValue = value => {\n if (typeof value === \"string\") {\n return (\n <Typography className=\"break-anywhere\" style=\"body2\">\n {value}\n </Typography>\n );\n }\n\n return <span>{value}</span>;\n };\n\n return (\n <Block\n {...{ actionBlock, className }}\n title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n >\n <div\n className=\"flex flex-col space-y-3\"\n data-cy=\"neeto-molecules-metadata-details-block\"\n >\n {visibleDetails.map(({ label, value, type }, index) => (\n <React.Fragment key={index}>\n {type === \"divider\" ? (\n <hr />\n ) : (\n <div\n data-testid=\"details-card-detail-wrapper\"\n className={classnames(\"flex\", {\n \"space-x-4\": style === STYLES.inline,\n \"flex-col\": style === STYLES.multiline,\n })}\n >\n <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n {label}\n </Typography>\n {renderDetailsValue(value)}\n </div>\n )}\n </React.Fragment>\n ))}\n {!truncate && children}\n {showTruncated && (\n <>\n {truncatedDetails.map(({ label, value, type }, index) => (\n <React.Fragment key={index}>\n {type === \"divider\" ? (\n <hr />\n ) : (\n <div\n className={classnames(\"flex\", {\n \"space-x-4\": style === STYLES.inline,\n \"flex-col\": style === STYLES.multiline,\n })}\n >\n <Typography\n className=\"neeto-ui-text-gray-600\"\n style=\"body2\"\n >\n {label}\n </Typography>\n {renderDetailsValue(value)}\n </div>\n )}\n </React.Fragment>\n ))}\n {children}\n </>\n )}\n {truncate && isNotEmpty(truncatedDetails) && (\n <Button\n data-testid=\"expand-button\"\n icon={showTruncated ? Up : Down}\n style=\"link\"\n label={\n showTruncated\n ? t(\"neetoMolecules.metadata.card.viewLess\")\n : t(\"neetoMolecules.metadata.card.viewMore\")\n }\n onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n />\n )}\n </div>\n </Block>\n );\n};\n\nDetailsBlock.propTypes = {\n /**\n * To specify the content to be rendered on the right side of the title.\n */\n actionBlock: PropTypes.node,\n /**\n * To specify the title of the block.\n */\n title: PropTypes.string,\n /**\n * The details to be rendered inside the block.\n */\n details: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.node,\n type: PropTypes.string,\n })\n ),\n /**\n * To specify whether the label and value should be rendered in a single line or in two lines.\n */\n style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n /**\n * To specify whether the visible details should be truncated at a specific point.\n */\n truncate: PropTypes.bool,\n /**\n * To specify the position at which the details should be truncated and `View more` button should be shown.\n */\n truncateAt: PropTypes.number,\n /**\n * To specify external classNames as overrides to the `DetailsBlock` component.\n */\n className: PropTypes.string,\n /**\n * The additional content to be rendered inside the block.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n headerBlock,\n size = SIZES.medium,\n children,\n className = \"\",\n}) => {\n const { isSize } = useBreakpoints();\n const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n !isLargerScreen\n );\n\n useEffect(() => {\n setIsElementsPanelCollapsed(!isLargerScreen);\n }, [isLargerScreen]);\n\n return (\n <>\n {!isElementsPanelCollapsed && (\n <div\n className=\"neeto-molecules-metadata-panel__backdrop\"\n onClick={() => {\n setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n }}\n />\n )}\n <div\n className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n isElementsPanelCollapsed,\n })}\n >\n <div className=\"neeto-molecules-metadata-list-panel__container\">\n <div\n data-cy=\"neeto-molecules-metadata-wrapper\"\n data-testid=\"metadata-wrapper\"\n className={classnames(\n \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n {\n \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n },\n className\n )}\n >\n {headerBlock && (\n <div\n className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n data-cy=\"neeto-molecules-metadata-header\"\n data-testid=\"metadata-header\"\n >\n {headerBlock}\n </div>\n )}\n {children}\n </div>\n </div>\n <Button\n className=\"neeto-molecules-metadata-list-panel__toggler\"\n icon={Collapse}\n style=\"secondary\"\n onClick={() => {\n setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n }}\n />\n </div>\n </>\n );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n /**\n * To specify the content to be rendered as the title of the `Metadata` wrapper.\n */\n headerBlock: PropTypes.node,\n /**\n * The content to be rendered inside the `Metadata` wrapper.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n /**\n * To specify external classNames as overrides to the `Metadata` component.\n */\n className: PropTypes.string,\n /**\n * To set the size of the `Metadata` wrapper.\n */\n size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}
1
+ {"version":3,"file":"Metadata.js","sources":["../../src/components/Metadata/Block.jsx","../../src/components/Metadata/constants.js","../../src/components/Metadata/DetailsBlock.jsx","../../src/components/Metadata/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n <div\n className=\"neeto-molecules-metadata__block mb-5 w-full\"\n data-cy=\"neeto-molecules-metadata-block\"\n data-testid=\"metadata-block\"\n >\n <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n {title && (\n <div className=\"flex w-60 items-center gap-2 break-all\">\n <Typography\n className=\"neeto-ui-text-gray-700\"\n data-testid=\"metadata-block-title\"\n style=\"h5\"\n textTransform=\"uppercase\"\n weight=\"bold\"\n >\n {title}\n </Typography>\n </div>\n )}\n {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n </div>\n {!!children && (\n <div\n data-testid=\"metadata-card\"\n className={classnames(\n \"neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-molecules-metadata__card border p-4\",\n className\n )}\n >\n {children}\n </div>\n )}\n </div>\n);\n\nBlock.propTypes = {\n /**\n * To specify the content to be rendered on the right side of the title.\n */\n actionBlock: PropTypes.node,\n /**\n * To specify the title of the block.\n */\n title: PropTypes.string,\n /**\n * The content to be rendered inside the block.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n /**\n * To specify external classNames as overrides to the `Block` component.\n */\n className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n title,\n actionBlock,\n details = [],\n className,\n style = STYLES.inline,\n truncate = false,\n truncateAt = DEFAULT_TRUNCATE_AT,\n children,\n}) => {\n const [showTruncated, setShowTruncated] = useState(false);\n\n const { t } = useTranslation();\n\n const [visibleDetails, truncatedDetails] = truncate\n ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n : [details];\n\n const renderDetailsValue = value => {\n if (typeof value === \"string\") {\n return (\n <Typography className=\"break-anywhere\" style=\"body2\">\n {value}\n </Typography>\n );\n }\n\n return <span>{value}</span>;\n };\n\n return (\n <Block\n {...{ actionBlock, className }}\n title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n >\n <div\n className=\"flex flex-col space-y-3\"\n data-cy=\"neeto-molecules-metadata-details-block\"\n >\n {visibleDetails.map(({ label, value, type }, index) => (\n <React.Fragment key={index}>\n {type === \"divider\" ? (\n <hr />\n ) : (\n <div\n data-testid=\"details-card-detail-wrapper\"\n className={classnames(\"flex\", {\n \"space-x-4\": style === STYLES.inline,\n \"flex-col\": style === STYLES.multiline,\n })}\n >\n <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n {label}\n </Typography>\n {renderDetailsValue(value)}\n </div>\n )}\n </React.Fragment>\n ))}\n {!truncate && children}\n {showTruncated && (\n <>\n {truncatedDetails.map(({ label, value, type }, index) => (\n <React.Fragment key={index}>\n {type === \"divider\" ? (\n <hr />\n ) : (\n <div\n className={classnames(\"flex\", {\n \"space-x-4\": style === STYLES.inline,\n \"flex-col\": style === STYLES.multiline,\n })}\n >\n <Typography\n className=\"neeto-ui-text-gray-600\"\n style=\"body2\"\n >\n {label}\n </Typography>\n {renderDetailsValue(value)}\n </div>\n )}\n </React.Fragment>\n ))}\n {children}\n </>\n )}\n {truncate && isNotEmpty(truncatedDetails) && (\n <Button\n data-testid=\"expand-button\"\n icon={showTruncated ? Up : Down}\n style=\"link\"\n label={\n showTruncated\n ? t(\"neetoMolecules.metadata.card.viewLess\")\n : t(\"neetoMolecules.metadata.card.viewMore\")\n }\n onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n />\n )}\n </div>\n </Block>\n );\n};\n\nDetailsBlock.propTypes = {\n /**\n * To specify the content to be rendered on the right side of the title.\n */\n actionBlock: PropTypes.node,\n /**\n * To specify the title of the block.\n */\n title: PropTypes.string,\n /**\n * The details to be rendered inside the block.\n */\n details: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.node,\n type: PropTypes.string,\n })\n ),\n /**\n * To specify whether the label and value should be rendered in a single line or in two lines.\n */\n style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n /**\n * To specify whether the visible details should be truncated at a specific point.\n */\n truncate: PropTypes.bool,\n /**\n * To specify the position at which the details should be truncated and `View more` button should be shown.\n */\n truncateAt: PropTypes.number,\n /**\n * To specify external classNames as overrides to the `DetailsBlock` component.\n */\n className: PropTypes.string,\n /**\n * The additional content to be rendered inside the block.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n};\n\nexport default DetailsBlock;\n","import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n headerBlock,\n size = SIZES.medium,\n children,\n className = \"\",\n}) => {\n const { isSize } = useBreakpoints();\n const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n !isLargerScreen\n );\n\n useEffect(() => {\n setIsElementsPanelCollapsed(!isLargerScreen);\n }, [isLargerScreen]);\n\n return (\n <>\n {!isElementsPanelCollapsed && (\n <div\n className=\"neeto-molecules-metadata-panel__backdrop\"\n onClick={() => {\n setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n }}\n />\n )}\n <div\n className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n isElementsPanelCollapsed,\n })}\n >\n <div className=\"neeto-molecules-metadata-list-panel__container\">\n <div\n data-cy=\"neeto-molecules-metadata-wrapper\"\n data-testid=\"metadata-wrapper\"\n className={classnames(\n \"neeto-ui-bg-gray-100 neeto-molecules-metadata h-screen flex-shrink-0 overflow-y-auto overflow-x-hidden\",\n {\n \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n },\n className\n )}\n >\n {headerBlock && (\n <div\n className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n data-cy=\"neeto-molecules-metadata-header\"\n data-testid=\"metadata-header\"\n >\n {headerBlock}\n </div>\n )}\n {children}\n </div>\n </div>\n <Button\n className=\"neeto-molecules-metadata-list-panel__toggler\"\n icon={Collapse}\n style=\"secondary\"\n onClick={() => {\n setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n }}\n />\n </div>\n </>\n );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n /**\n * To specify the content to be rendered as the title of the `Metadata` wrapper.\n */\n headerBlock: PropTypes.node,\n /**\n * The content to be rendered inside the `Metadata` wrapper.\n */\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]),\n /**\n * To specify external classNames as overrides to the `Metadata` component.\n */\n className: PropTypes.string,\n /**\n * To set the size of the `Metadata` wrapper.\n */\n size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","React","createElement","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","key","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}