@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.
- package/README.md +1 -0
- package/dist/BrowserSupport.js +3 -3
- package/dist/Builder.js +5 -5
- package/dist/CalendarView.js +5 -5
- package/dist/{Chevron-c64ff676.js → Chevron-c639aa31.js} +5 -5
- package/dist/{Chevron-c64ff676.js.map → Chevron-c639aa31.js.map} +1 -1
- package/dist/Codeblock.js +4 -4
- package/dist/Columns.js +5 -5
- package/dist/ConfigurePageSidebar.js +5 -5
- package/dist/CopyToClipboardButton.js +4 -4
- package/dist/Currency.js +2 -2
- package/dist/CustomDomain.js +5 -5
- package/dist/CustomDomainDashboard.js +6 -6
- package/dist/DateFormat.js +1 -1
- package/dist/DateRangeFilter.js +9 -8
- package/dist/DateRangeFilter.js.map +1 -1
- package/dist/DeleteArchiveModal.js +1 -1
- package/dist/DocumentEditor.js +4 -4
- package/dist/DynamicVariables.js +3 -3
- package/dist/EmailForm.js +5 -5
- package/dist/EmojiPicker.js +54 -15
- package/dist/EmojiPicker.js.map +1 -1
- package/dist/EmojiReactions.js +1 -1
- package/dist/ErrorPage.js +1 -1
- package/dist/FloatingActionMenu.js +6 -6
- package/dist/FloatingActionMenu.js.map +1 -1
- package/dist/Header.js +4 -4
- package/dist/HelpPopover.js +2 -2
- package/dist/IconPicker.js +3 -3
- package/dist/ImageWithFallback.js +4 -4
- package/dist/InlineInput.js +8 -7
- package/dist/InlineInput.js.map +1 -1
- package/dist/Insights.js +4 -3
- package/dist/Insights.js.map +1 -1
- package/dist/IntegrationCard.js +3 -3
- package/dist/IntegrationDisconnectAlert.js +2 -2
- package/dist/IpRestriction.js +23 -32
- package/dist/IpRestriction.js.map +1 -1
- package/dist/KeyboardShortcuts.js +2 -2
- package/dist/LoginPage.js +7 -6
- package/dist/LoginPage.js.map +1 -1
- package/dist/MadeWith.js +4 -3
- package/dist/MadeWith.js.map +1 -1
- package/dist/MenuBar.js +3 -3
- package/dist/Metadata.js +1 -1
- package/dist/MoreDropdown.js +3 -3
- package/dist/NavigationHeader.js +18 -10
- package/dist/NavigationHeader.js.map +1 -1
- package/dist/NeetoWidget.js +30 -62
- package/dist/NeetoWidget.js.map +1 -1
- package/dist/Onboarding.js +47 -186
- package/dist/Onboarding.js.map +1 -1
- package/dist/OptionFields.js +4 -4
- package/dist/PageLoader.js +6 -66
- package/dist/PageLoader.js.map +1 -1
- package/dist/PhoneNumber.js +28 -19
- package/dist/PhoneNumber.js.map +1 -1
- package/dist/ProductEmbed.js +5 -5
- package/dist/PublishBlock.js +2 -2
- package/dist/Rename.js +5 -5
- package/dist/ResponsiveDevicePicker.js +5 -5
- package/dist/Schedule.js +8 -29
- package/dist/Schedule.js.map +1 -1
- package/dist/Scrollable.js +3 -3
- package/dist/Search.js +4 -4
- package/dist/Security.js +13 -18
- package/dist/Security.js.map +1 -1
- package/dist/SendToFields.js +3 -3
- package/dist/Settings.js +4 -4
- package/dist/ShareRecordingPane.js +4 -4
- package/dist/ShareViaEmail.js +5 -5
- package/dist/ShareViaLink.js +5 -5
- package/dist/ShareViaLink.js.map +1 -1
- package/dist/Sidebar.js +5 -5
- package/dist/StickyRibbonsContainer.js +81 -0
- package/dist/StickyRibbonsContainer.js.map +1 -0
- package/dist/SubHeader.js +5 -5
- package/dist/SuffixedInput.js +4 -4
- package/dist/Taxonomy.js +12 -18
- package/dist/Taxonomy.js.map +1 -1
- package/dist/ThemeSidebar.js +14 -13
- package/dist/ThemeSidebar.js.map +1 -1
- package/dist/TimeFormat.js +1 -1
- package/dist/TimezoneMismatchModal.js +7 -12
- package/dist/TimezoneMismatchModal.js.map +1 -1
- package/dist/ToggleFeatureCard.js +4 -4
- package/dist/cjs/BrowserSupport.js +9 -6
- package/dist/cjs/BrowserSupport.js.map +1 -1
- package/dist/cjs/Builder.js +22 -18
- package/dist/cjs/Builder.js.map +1 -1
- package/dist/cjs/CalendarView.js +19 -15
- package/dist/cjs/CalendarView.js.map +1 -1
- package/dist/cjs/{Chevron-8a4ed9cd.js → Chevron-5fe59f57.js} +16 -13
- package/dist/cjs/{Chevron-8a4ed9cd.js.map → Chevron-5fe59f57.js.map} +1 -1
- package/dist/cjs/Codeblock.js +7 -6
- package/dist/cjs/Codeblock.js.map +1 -1
- package/dist/cjs/Columns.js +5 -5
- package/dist/cjs/ConfigurePageSidebar.js +8 -7
- package/dist/cjs/ConfigurePageSidebar.js.map +1 -1
- package/dist/cjs/CopyToClipboardButton.js +12 -8
- package/dist/cjs/CopyToClipboardButton.js.map +1 -1
- package/dist/cjs/Currency.js +8 -6
- package/dist/cjs/Currency.js.map +1 -1
- package/dist/cjs/CustomDomain.js +8 -7
- package/dist/cjs/CustomDomain.js.map +1 -1
- package/dist/cjs/CustomDomainDashboard.js +13 -11
- package/dist/cjs/CustomDomainDashboard.js.map +1 -1
- package/dist/cjs/DateFormat.js +4 -3
- package/dist/cjs/DateFormat.js.map +1 -1
- package/dist/cjs/DateRangeFilter.js +13 -10
- package/dist/cjs/DateRangeFilter.js.map +1 -1
- package/dist/cjs/DeleteArchiveModal.js +3 -2
- package/dist/cjs/DeleteArchiveModal.js.map +1 -1
- package/dist/cjs/DocumentEditor.js +13 -10
- package/dist/cjs/DocumentEditor.js.map +1 -1
- package/dist/cjs/DynamicVariables.js +9 -6
- package/dist/cjs/DynamicVariables.js.map +1 -1
- package/dist/cjs/EmailForm.js +12 -10
- package/dist/cjs/EmailForm.js.map +1 -1
- package/dist/cjs/EmojiPicker.js +59 -19
- package/dist/cjs/EmojiPicker.js.map +1 -1
- package/dist/cjs/EmojiReactions.js +3 -2
- package/dist/cjs/EmojiReactions.js.map +1 -1
- package/dist/cjs/ErrorPage.js +3 -2
- package/dist/cjs/ErrorPage.js.map +1 -1
- package/dist/cjs/FloatingActionMenu.js +28 -23
- package/dist/cjs/FloatingActionMenu.js.map +1 -1
- package/dist/cjs/Header.js +11 -8
- package/dist/cjs/Header.js.map +1 -1
- package/dist/cjs/HelpPopover.js +8 -6
- package/dist/cjs/HelpPopover.js.map +1 -1
- package/dist/cjs/IconPicker.js +11 -8
- package/dist/cjs/IconPicker.js.map +1 -1
- package/dist/cjs/ImageWithFallback.js +15 -11
- package/dist/cjs/ImageWithFallback.js.map +1 -1
- package/dist/cjs/InlineInput.js +25 -18
- package/dist/cjs/InlineInput.js.map +1 -1
- package/dist/cjs/Insights.js +4 -3
- package/dist/cjs/Insights.js.map +1 -1
- package/dist/cjs/IntegrationCard.js +9 -7
- package/dist/cjs/IntegrationCard.js.map +1 -1
- package/dist/cjs/IntegrationDisconnectAlert.js +6 -4
- package/dist/cjs/IntegrationDisconnectAlert.js.map +1 -1
- package/dist/cjs/IpRestriction.js +27 -34
- package/dist/cjs/IpRestriction.js.map +1 -1
- package/dist/cjs/KeyboardShortcuts.js +9 -7
- package/dist/cjs/KeyboardShortcuts.js.map +1 -1
- package/dist/cjs/LoginPage.js +11 -7
- package/dist/cjs/LoginPage.js.map +1 -1
- package/dist/cjs/MadeWith.js +8 -5
- package/dist/cjs/MadeWith.js.map +1 -1
- package/dist/cjs/MenuBar.js +22 -19
- package/dist/cjs/MenuBar.js.map +1 -1
- package/dist/cjs/Metadata.js +5 -4
- package/dist/cjs/Metadata.js.map +1 -1
- package/dist/cjs/MoreDropdown.js +18 -15
- package/dist/cjs/MoreDropdown.js.map +1 -1
- package/dist/cjs/NavigationHeader.js +23 -13
- package/dist/cjs/NavigationHeader.js.map +1 -1
- package/dist/cjs/NeetoWidget.js +41 -70
- package/dist/cjs/NeetoWidget.js.map +1 -1
- package/dist/cjs/Onboarding.js +46 -187
- package/dist/cjs/Onboarding.js.map +1 -1
- package/dist/cjs/OptionFields.js +21 -17
- package/dist/cjs/OptionFields.js.map +1 -1
- package/dist/cjs/PageLoader.js +9 -85
- package/dist/cjs/PageLoader.js.map +1 -1
- package/dist/cjs/PhoneNumber.js +48 -34
- package/dist/cjs/PhoneNumber.js.map +1 -1
- package/dist/cjs/ProductEmbed.js +24 -21
- package/dist/cjs/ProductEmbed.js.map +1 -1
- package/dist/cjs/PublishBlock.js +13 -11
- package/dist/cjs/PublishBlock.js.map +1 -1
- package/dist/cjs/Rename.js +17 -13
- package/dist/cjs/Rename.js.map +1 -1
- package/dist/cjs/ResponsiveDevicePicker.js +12 -8
- package/dist/cjs/ResponsiveDevicePicker.js.map +1 -1
- package/dist/cjs/Schedule.js +24 -39
- package/dist/cjs/Schedule.js.map +1 -1
- package/dist/cjs/Scrollable.js +9 -6
- package/dist/cjs/Scrollable.js.map +1 -1
- package/dist/cjs/Search.js +12 -8
- package/dist/cjs/Search.js.map +1 -1
- package/dist/cjs/Security.js +20 -22
- package/dist/cjs/Security.js.map +1 -1
- package/dist/cjs/SendToFields.js +12 -9
- package/dist/cjs/SendToFields.js.map +1 -1
- package/dist/cjs/Settings.js +14 -11
- package/dist/cjs/Settings.js.map +1 -1
- package/dist/cjs/ShareRecordingPane.js +16 -12
- package/dist/cjs/ShareRecordingPane.js.map +1 -1
- package/dist/cjs/ShareViaEmail.js +15 -10
- package/dist/cjs/ShareViaEmail.js.map +1 -1
- package/dist/cjs/ShareViaLink.js +9 -8
- package/dist/cjs/ShareViaLink.js.map +1 -1
- package/dist/cjs/Sidebar.js +16 -12
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/StickyRibbonsContainer.js +90 -0
- package/dist/cjs/StickyRibbonsContainer.js.map +1 -0
- package/dist/cjs/SubHeader.js +14 -11
- package/dist/cjs/SubHeader.js.map +1 -1
- package/dist/cjs/SuffixedInput.js +10 -7
- package/dist/cjs/SuffixedInput.js.map +1 -1
- package/dist/cjs/Taxonomy.js +27 -30
- package/dist/cjs/Taxonomy.js.map +1 -1
- package/dist/cjs/ThemeSidebar.js +33 -26
- package/dist/cjs/ThemeSidebar.js.map +1 -1
- package/dist/cjs/TimeFormat.js +1 -1
- package/dist/cjs/TimezoneMismatchModal.js +9 -13
- package/dist/cjs/TimezoneMismatchModal.js.map +1 -1
- package/dist/cjs/ToggleFeatureCard.js +17 -13
- package/dist/cjs/ToggleFeatureCard.js.map +1 -1
- package/dist/cjs/{index-00fdb8c2.js → index-27f4aa6e.js} +18 -21
- package/dist/cjs/index-27f4aa6e.js.map +1 -0
- package/dist/cjs/{useColumns-a1c3668f.js → useColumns-9978cf70.js} +18 -14
- package/dist/cjs/{useColumns-a1c3668f.js.map → useColumns-9978cf70.js.map} +1 -1
- package/dist/{index-90c89467.js → index-f2f4a6ba.js} +14 -19
- package/dist/index-f2f4a6ba.js.map +1 -0
- package/dist/{useColumns-d17d1f72.js → useColumns-751e9192.js} +5 -5
- package/dist/{useColumns-d17d1f72.js.map → useColumns-751e9192.js.map} +1 -1
- package/package.json +6 -7
- package/src/translations/en.json +1 -1
- package/types/Onboarding.d.ts +4 -2
- package/types/ProductEmbed.d.ts +53 -9
- package/types/StickyRibbonsContainer.d.ts +26 -0
- package/dist/cjs/defineProperty-886ed289.js +0 -47
- package/dist/cjs/defineProperty-886ed289.js.map +0 -1
- package/dist/cjs/extends-1b35a664.js +0 -19
- package/dist/cjs/extends-1b35a664.js.map +0 -1
- package/dist/cjs/index-00fdb8c2.js.map +0 -1
- package/dist/cjs/index-c55ad2bc.js +0 -375
- package/dist/cjs/index-c55ad2bc.js.map +0 -1
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js +0 -33
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +0 -1
- package/dist/cjs/slicedToArray-f320d9e7.js +0 -61
- package/dist/cjs/slicedToArray-f320d9e7.js.map +0 -1
- package/dist/cjs/toConsumableArray-9abb3858.js +0 -22
- package/dist/cjs/toConsumableArray-9abb3858.js.map +0 -1
- package/dist/defineProperty-549061a7.js +0 -43
- package/dist/defineProperty-549061a7.js.map +0 -1
- package/dist/extends-093996c9.js +0 -17
- package/dist/extends-093996c9.js.map +0 -1
- package/dist/index-90c89467.js.map +0 -1
- package/dist/index-9720867c.js +0 -372
- package/dist/index-9720867c.js.map +0 -1
- package/dist/objectWithoutProperties-a0edb288.js +0 -31
- package/dist/objectWithoutProperties-a0edb288.js.map +0 -1
- package/dist/slicedToArray-b4278ecd.js +0 -57
- package/dist/slicedToArray-b4278ecd.js.map +0 -1
- package/dist/toConsumableArray-1cc38429.js +0 -20
- package/dist/toConsumableArray-1cc38429.js.map +0 -1
package/dist/cjs/LoginPage.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
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 =
|
|
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 =
|
|
115
|
+
var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(formValues) {
|
|
112
116
|
var response;
|
|
113
|
-
return
|
|
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 =
|
|
142
|
-
return
|
|
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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"}
|
package/dist/cjs/MadeWith.js
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
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 =
|
|
20
|
-
var name = productName || globalProps.appName;
|
|
21
|
-
return /*#__PURE__*/React__default["default"].createElement("a",
|
|
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()),
|
package/dist/cjs/MadeWith.js.map
CHANGED
|
@@ -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":"
|
|
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;;;;"}
|
package/dist/cjs/MenuBar.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
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('
|
|
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 =
|
|
34
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
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) {
|
|
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 =
|
|
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,
|
|
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",
|
|
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 =
|
|
108
|
-
return /*#__PURE__*/React__default["default"].createElement("button",
|
|
109
|
-
className: classnames__default["default"]("neeto-molecules-menubar__item",
|
|
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 =
|
|
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,
|
|
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 =
|
|
160
|
-
return /*#__PURE__*/React__default["default"].createElement("div",
|
|
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,
|
|
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 =
|
|
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",
|
|
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"
|
package/dist/cjs/MenuBar.js.map
CHANGED
|
@@ -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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"}
|
package/dist/cjs/Metadata.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
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 =
|
|
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 =
|
|
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 =
|
|
155
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
155
156
|
isElementsPanelCollapsed = _useState2[0],
|
|
156
157
|
setIsElementsPanelCollapsed = _useState2[1];
|
|
157
158
|
React.useEffect(function () {
|
package/dist/cjs/Metadata.js.map
CHANGED
|
@@ -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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"}
|