@bigbinary/neeto-molecules 3.3.10 → 3.3.12
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/dist/Breadcrumbs.js +28 -24
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/BrowserSupport.js +95 -69
- package/dist/BrowserSupport.js.map +1 -1
- package/dist/Builder.js +337 -285
- package/dist/Builder.js.map +1 -1
- package/dist/CalendarView.js +121 -110
- package/dist/CalendarView.js.map +1 -1
- package/dist/{Chevron-dee43d2f.js → Chevron-6564bcdc.js} +81 -67
- package/dist/Chevron-6564bcdc.js.map +1 -0
- package/dist/Codeblock.js +30 -25
- package/dist/Codeblock.js.map +1 -1
- package/dist/Columns.js +3 -3
- package/dist/ConfigurePageSidebar.js +39 -37
- package/dist/ConfigurePageSidebar.js.map +1 -1
- package/dist/ConfirmationModal.js +54 -42
- package/dist/ConfirmationModal.js.map +1 -1
- package/dist/Container.js +6 -4
- package/dist/Container.js.map +1 -1
- package/dist/CopyToClipboardButton.js +5 -3
- package/dist/CopyToClipboardButton.js.map +1 -1
- package/dist/Currency.js +9 -4
- package/dist/Currency.js.map +1 -1
- package/dist/CustomDomain.js +56 -53
- package/dist/CustomDomain.js.map +1 -1
- package/dist/CustomDomainDashboard.js +131 -113
- package/dist/CustomDomainDashboard.js.map +1 -1
- package/dist/DateFormat.js +13 -7
- package/dist/DateFormat.js.map +1 -1
- package/dist/DateRangeFilter.js +43 -38
- package/dist/DateRangeFilter.js.map +1 -1
- package/dist/DeleteArchiveModal.js +47 -38
- package/dist/DeleteArchiveModal.js.map +1 -1
- package/dist/DocumentEditor.js +43 -39
- package/dist/DocumentEditor.js.map +1 -1
- package/dist/DownloadMobileAppCallout.js +15 -14
- package/dist/DownloadMobileAppCallout.js.map +1 -1
- package/dist/DynamicVariables.js +33 -26
- package/dist/DynamicVariables.js.map +1 -1
- package/dist/EmailForm.js +144 -131
- package/dist/EmailForm.js.map +1 -1
- package/dist/EmailPreview.js +83 -68
- package/dist/EmailPreview.js.map +1 -1
- package/dist/EmojiPicker.js +11 -6
- package/dist/EmojiPicker.js.map +1 -1
- package/dist/EmojiReactions.js +48 -37
- package/dist/EmojiReactions.js.map +1 -1
- package/dist/ErrorPage.js +51 -38
- package/dist/ErrorPage.js.map +1 -1
- package/dist/FileUpload.js +180 -149
- package/dist/FileUpload.js.map +1 -1
- package/dist/FloatingActionMenu.js +288 -230
- package/dist/FloatingActionMenu.js.map +1 -1
- package/dist/Header.js +42 -35
- package/dist/Header.js.map +1 -1
- package/dist/HelpPopover.js +50 -42
- package/dist/HelpPopover.js.map +1 -1
- package/dist/IconPicker.js +121 -100
- package/dist/IconPicker.js.map +1 -1
- package/dist/ImageWithFallback.js +9 -5
- package/dist/ImageWithFallback.js.map +1 -1
- package/dist/InlineInput.js +59 -52
- package/dist/InlineInput.js.map +1 -1
- package/dist/Insights.js +185 -153
- package/dist/Insights.js.map +1 -1
- package/dist/IntegrationCard.js +109 -91
- package/dist/IntegrationCard.js.map +1 -1
- package/dist/IntegrationDisconnectAlert.js +5 -3
- package/dist/IntegrationDisconnectAlert.js.map +1 -1
- package/dist/IntegrationWalkthroughModal.js +30 -20
- package/dist/IntegrationWalkthroughModal.js.map +1 -1
- package/dist/IpRestriction.js +209 -177
- package/dist/IpRestriction.js.map +1 -1
- package/dist/KeyboardShortcuts.js +83 -73
- package/dist/KeyboardShortcuts.js.map +1 -1
- package/dist/LoginPage.js +70 -63
- package/dist/LoginPage.js.map +1 -1
- package/dist/MadeWith.js +14 -9
- package/dist/MadeWith.js.map +1 -1
- package/dist/MenuBar.js +107 -77
- package/dist/MenuBar.js.map +1 -1
- package/dist/Metadata.js +124 -100
- package/dist/Metadata.js.map +1 -1
- package/dist/MoreDropdown.js +55 -43
- package/dist/MoreDropdown.js.map +1 -1
- package/dist/NavigationHeader.js +104 -81
- package/dist/NavigationHeader.js.map +1 -1
- package/dist/NeetoWidget.js +383 -330
- package/dist/NeetoWidget.js.map +1 -1
- package/dist/Onboarding.js +125 -107
- package/dist/Onboarding.js.map +1 -1
- package/dist/OptionFields.js +261 -227
- package/dist/OptionFields.js.map +1 -1
- package/dist/PageLoader.js +23 -19
- package/dist/PageLoader.js.map +1 -1
- package/dist/PhoneNumber.js +85 -69
- package/dist/PhoneNumber.js.map +1 -1
- package/dist/ProductEmbed.js +384 -341
- package/dist/ProductEmbed.js.map +1 -1
- package/dist/PublishBlock.js +185 -154
- package/dist/PublishBlock.js.map +1 -1
- package/dist/PublishYourItem.js +35 -30
- package/dist/PublishYourItem.js.map +1 -1
- package/dist/Rename.js +102 -83
- package/dist/Rename.js.map +1 -1
- package/dist/ResponsiveDevicePicker.js +25 -21
- package/dist/ResponsiveDevicePicker.js.map +1 -1
- package/dist/Schedule.js +340 -301
- package/dist/Schedule.js.map +1 -1
- package/dist/Scrollable.js +7 -4
- package/dist/Scrollable.js.map +1 -1
- package/dist/Search.js +6 -4
- package/dist/Search.js.map +1 -1
- package/dist/SendToFields.js +154 -125
- package/dist/SendToFields.js.map +1 -1
- package/dist/Settings.js +94 -78
- package/dist/Settings.js.map +1 -1
- package/dist/ShareRecordingPane.js +60 -49
- package/dist/ShareRecordingPane.js.map +1 -1
- package/dist/ShareViaEmail.js +167 -146
- package/dist/ShareViaEmail.js.map +1 -1
- package/dist/ShareViaLink.js +289 -255
- package/dist/ShareViaLink.js.map +1 -1
- package/dist/Sidebar.js +122 -111
- package/dist/Sidebar.js.map +1 -1
- package/dist/StickyRibbonsContainer.js +20 -18
- package/dist/StickyRibbonsContainer.js.map +1 -1
- package/dist/SubHeader.js +111 -100
- package/dist/SubHeader.js.map +1 -1
- package/dist/SuffixedInput.js +52 -47
- package/dist/SuffixedInput.js.map +1 -1
- package/dist/TableWrapper.js +9 -7
- package/dist/TableWrapper.js.map +1 -1
- package/dist/Taxonomy.js +179 -151
- package/dist/Taxonomy.js.map +1 -1
- package/dist/TimeFormat.js +2 -2
- package/dist/TimezoneMismatchModal.js +55 -43
- package/dist/TimezoneMismatchModal.js.map +1 -1
- package/dist/ToggleFeatureCard.js +74 -65
- package/dist/ToggleFeatureCard.js.map +1 -1
- package/dist/cjs/Breadcrumbs.js +28 -25
- package/dist/cjs/Breadcrumbs.js.map +1 -1
- package/dist/cjs/BrowserSupport.js +96 -71
- package/dist/cjs/BrowserSupport.js.map +1 -1
- package/dist/cjs/Builder.js +336 -286
- package/dist/cjs/Builder.js.map +1 -1
- package/dist/cjs/CalendarView.js +120 -111
- package/dist/cjs/CalendarView.js.map +1 -1
- package/dist/cjs/{Chevron-c10b4e16.js → Chevron-6368e586.js} +81 -69
- package/dist/cjs/Chevron-6368e586.js.map +1 -0
- package/dist/cjs/Codeblock.js +31 -27
- package/dist/cjs/Codeblock.js.map +1 -1
- package/dist/cjs/Columns.js +3 -3
- package/dist/cjs/ConfigurePageSidebar.js +38 -37
- package/dist/cjs/ConfigurePageSidebar.js.map +1 -1
- package/dist/cjs/ConfirmationModal.js +53 -42
- package/dist/cjs/ConfirmationModal.js.map +1 -1
- package/dist/cjs/Container.js +5 -4
- package/dist/cjs/Container.js.map +1 -1
- package/dist/cjs/CopyToClipboardButton.js +4 -4
- package/dist/cjs/CopyToClipboardButton.js.map +1 -1
- package/dist/cjs/Currency.js +9 -5
- package/dist/cjs/Currency.js.map +1 -1
- package/dist/cjs/CustomDomain.js +55 -53
- package/dist/cjs/CustomDomain.js.map +1 -1
- package/dist/cjs/CustomDomainDashboard.js +131 -114
- package/dist/cjs/CustomDomainDashboard.js.map +1 -1
- package/dist/cjs/DateFormat.js +14 -9
- package/dist/cjs/DateFormat.js.map +1 -1
- package/dist/cjs/DateRangeFilter.js +44 -40
- package/dist/cjs/DateRangeFilter.js.map +1 -1
- package/dist/cjs/DeleteArchiveModal.js +46 -38
- package/dist/cjs/DeleteArchiveModal.js.map +1 -1
- package/dist/cjs/DocumentEditor.js +42 -40
- package/dist/cjs/DocumentEditor.js.map +1 -1
- package/dist/cjs/DownloadMobileAppCallout.js +15 -15
- package/dist/cjs/DownloadMobileAppCallout.js.map +1 -1
- package/dist/cjs/DynamicVariables.js +32 -27
- package/dist/cjs/DynamicVariables.js.map +1 -1
- package/dist/cjs/EmailForm.js +143 -131
- package/dist/cjs/EmailForm.js.map +1 -1
- package/dist/cjs/EmailPreview.js +82 -68
- package/dist/cjs/EmailPreview.js.map +1 -1
- package/dist/cjs/EmojiPicker.js +11 -7
- package/dist/cjs/EmojiPicker.js.map +1 -1
- package/dist/cjs/EmojiReactions.js +47 -37
- package/dist/cjs/EmojiReactions.js.map +1 -1
- package/dist/cjs/ErrorPage.js +51 -39
- package/dist/cjs/ErrorPage.js.map +1 -1
- package/dist/cjs/FileUpload.js +181 -152
- package/dist/cjs/FileUpload.js.map +1 -1
- package/dist/cjs/FloatingActionMenu.js +288 -232
- package/dist/cjs/FloatingActionMenu.js.map +1 -1
- package/dist/cjs/Header.js +41 -36
- package/dist/cjs/Header.js.map +1 -1
- package/dist/cjs/HelpPopover.js +50 -43
- package/dist/cjs/HelpPopover.js.map +1 -1
- package/dist/cjs/IconPicker.js +121 -101
- package/dist/cjs/IconPicker.js.map +1 -1
- package/dist/cjs/ImageWithFallback.js +8 -6
- package/dist/cjs/ImageWithFallback.js.map +1 -1
- package/dist/cjs/InlineInput.js +59 -54
- package/dist/cjs/InlineInput.js.map +1 -1
- package/dist/cjs/Insights.js +185 -154
- package/dist/cjs/Insights.js.map +1 -1
- package/dist/cjs/IntegrationCard.js +110 -93
- package/dist/cjs/IntegrationCard.js.map +1 -1
- package/dist/cjs/IntegrationDisconnectAlert.js +6 -5
- package/dist/cjs/IntegrationDisconnectAlert.js.map +1 -1
- package/dist/cjs/IntegrationWalkthroughModal.js +30 -21
- package/dist/cjs/IntegrationWalkthroughModal.js.map +1 -1
- package/dist/cjs/IpRestriction.js +208 -177
- package/dist/cjs/IpRestriction.js.map +1 -1
- package/dist/cjs/KeyboardShortcuts.js +83 -74
- package/dist/cjs/KeyboardShortcuts.js.map +1 -1
- package/dist/cjs/LoginPage.js +69 -63
- package/dist/cjs/LoginPage.js.map +1 -1
- package/dist/cjs/MadeWith.js +14 -10
- package/dist/cjs/MadeWith.js.map +1 -1
- package/dist/cjs/MenuBar.js +108 -79
- package/dist/cjs/MenuBar.js.map +1 -1
- package/dist/cjs/Metadata.js +123 -100
- package/dist/cjs/Metadata.js.map +1 -1
- package/dist/cjs/MoreDropdown.js +55 -45
- package/dist/cjs/MoreDropdown.js.map +1 -1
- package/dist/cjs/NavigationHeader.js +105 -83
- package/dist/cjs/NavigationHeader.js.map +1 -1
- package/dist/cjs/NeetoWidget.js +383 -332
- package/dist/cjs/NeetoWidget.js.map +1 -1
- package/dist/cjs/Onboarding.js +125 -109
- package/dist/cjs/Onboarding.js.map +1 -1
- package/dist/cjs/OptionFields.js +261 -229
- package/dist/cjs/OptionFields.js.map +1 -1
- package/dist/cjs/PageLoader.js +23 -20
- package/dist/cjs/PageLoader.js.map +1 -1
- package/dist/cjs/PhoneNumber.js +86 -72
- package/dist/cjs/PhoneNumber.js.map +1 -1
- package/dist/cjs/ProductEmbed.js +383 -341
- package/dist/cjs/ProductEmbed.js.map +1 -1
- package/dist/cjs/PublishBlock.js +185 -156
- package/dist/cjs/PublishBlock.js.map +1 -1
- package/dist/cjs/PublishYourItem.js +35 -31
- package/dist/cjs/PublishYourItem.js.map +1 -1
- package/dist/cjs/Rename.js +102 -85
- package/dist/cjs/Rename.js.map +1 -1
- package/dist/cjs/ResponsiveDevicePicker.js +26 -24
- package/dist/cjs/ResponsiveDevicePicker.js.map +1 -1
- package/dist/cjs/Schedule.js +339 -301
- package/dist/cjs/Schedule.js.map +1 -1
- package/dist/cjs/Scrollable.js +7 -6
- package/dist/cjs/Scrollable.js.map +1 -1
- package/dist/cjs/Search.js +5 -5
- package/dist/cjs/Search.js.map +1 -1
- package/dist/cjs/SendToFields.js +154 -126
- package/dist/cjs/SendToFields.js.map +1 -1
- package/dist/cjs/Settings.js +94 -80
- package/dist/cjs/Settings.js.map +1 -1
- package/dist/cjs/ShareRecordingPane.js +60 -51
- package/dist/cjs/ShareRecordingPane.js.map +1 -1
- package/dist/cjs/ShareViaEmail.js +167 -148
- package/dist/cjs/ShareViaEmail.js.map +1 -1
- package/dist/cjs/ShareViaLink.js +290 -256
- package/dist/cjs/ShareViaLink.js.map +1 -1
- package/dist/cjs/Sidebar.js +120 -111
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/StickyRibbonsContainer.js +20 -19
- package/dist/cjs/StickyRibbonsContainer.js.map +1 -1
- package/dist/cjs/SubHeader.js +110 -101
- package/dist/cjs/SubHeader.js.map +1 -1
- package/dist/cjs/SuffixedInput.js +51 -48
- package/dist/cjs/SuffixedInput.js.map +1 -1
- package/dist/cjs/TableWrapper.js +9 -8
- package/dist/cjs/TableWrapper.js.map +1 -1
- package/dist/cjs/Taxonomy.js +178 -151
- package/dist/cjs/Taxonomy.js.map +1 -1
- package/dist/cjs/TimeFormat.js +2 -2
- package/dist/cjs/TimezoneMismatchModal.js +54 -43
- package/dist/cjs/TimezoneMismatchModal.js.map +1 -1
- package/dist/cjs/ToggleFeatureCard.js +73 -66
- package/dist/cjs/ToggleFeatureCard.js.map +1 -1
- package/dist/cjs/{index-4ee3f585.js → index-c925b4b1.js} +296 -239
- package/dist/cjs/index-c925b4b1.js.map +1 -0
- package/dist/cjs/{useColumns-5ce3cf1e.js → useColumns-8894f767.js} +52 -42
- package/dist/cjs/useColumns-8894f767.js.map +1 -0
- package/dist/{index-0063079e.js → index-e123ffe8.js} +296 -238
- package/dist/index-e123ffe8.js.map +1 -0
- package/dist/{useColumns-e0b5dfb7.js → useColumns-13263cd8.js} +52 -40
- package/dist/useColumns-13263cd8.js.map +1 -0
- package/package.json +5 -3
- package/types/Breadcrumbs.d.ts +0 -1
- package/types/Builder.d.ts +0 -1
- package/types/Codeblock.d.ts +0 -1
- package/types/Columns.d.ts +10 -4
- package/types/ConfirmationModal.d.ts +0 -1
- package/types/DeleteArchiveModal.d.ts +9 -6
- package/types/DocumentEditor.d.ts +0 -1
- package/types/EmailForm.d.ts +0 -1
- package/types/EmailFormProvider.d.ts +0 -1
- package/types/EmailPreview.d.ts +0 -1
- package/types/FileUpload.d.ts +8 -4
- package/types/IntegrationWalkthroughModal.d.ts +1 -1
- package/types/Metadata.d.ts +0 -1
- package/types/MoreDropdown.d.ts +0 -1
- package/types/NavigationHeader.d.ts +0 -4
- package/types/PhoneNumber.d.ts +1 -1
- package/types/ProductEmbed.d.ts +0 -1
- package/types/Schedule.d.ts +1 -1
- package/types/Search.d.ts +0 -1
- package/types/SendToFields.d.ts +0 -1
- package/types/Settings.d.ts +1 -1
- package/types/ShareRecordingPane.d.ts +1 -1
- package/types/ShareViaEmail.d.ts +1 -2
- package/types/Taxonomy.d.ts +0 -1
- package/dist/Chevron-dee43d2f.js.map +0 -1
- package/dist/cjs/Chevron-c10b4e16.js.map +0 -1
- package/dist/cjs/index-4ee3f585.js.map +0 -1
- package/dist/cjs/useColumns-5ce3cf1e.js.map +0 -1
- package/dist/index-0063079e.js.map +0 -1
- package/dist/useColumns-e0b5dfb7.js.map +0 -1
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
6
|
var React = require('react');
|
|
8
7
|
var classnames = require('classnames');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
13
12
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
13
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
15
14
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
16
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
15
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
18
16
|
|
|
19
17
|
var _excluded$1 = ["className"];
|
|
18
|
+
function ownKeys$1(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; }
|
|
19
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
20
|
var ImagePlaceholder = function ImagePlaceholder(_ref) {
|
|
21
21
|
var _ref$className = _ref.className,
|
|
22
22
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
23
23
|
props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
|
|
24
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$1({
|
|
25
25
|
"data-testid": "fallback-image",
|
|
26
26
|
className: classnames__default["default"]("neeto-ui-bg-gray-100", _defineProperty__default["default"]({}, className, className))
|
|
27
27
|
}, props));
|
|
@@ -45,11 +45,13 @@ var ImageWithFallback = function ImageWithFallback(_ref) {
|
|
|
45
45
|
};
|
|
46
46
|
img.src = src;
|
|
47
47
|
}, [src]);
|
|
48
|
-
return isLoaded ? /*#__PURE__*/
|
|
48
|
+
return isLoaded ? /*#__PURE__*/jsxRuntime.jsx("img", _objectSpread({
|
|
49
49
|
"data-testid": "original-image"
|
|
50
50
|
}, _objectSpread({
|
|
51
51
|
src: src
|
|
52
|
-
}, otherProps))) : /*#__PURE__*/
|
|
52
|
+
}, otherProps))) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
53
|
+
children: fallback || /*#__PURE__*/jsxRuntime.jsx(ImagePlaceholder, _objectSpread({}, otherProps))
|
|
54
|
+
});
|
|
53
55
|
};
|
|
54
56
|
|
|
55
57
|
module.exports = ImageWithFallback;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageWithFallback.js","sources":["../../src/components/ImageWithFallback/ImagePlaceholder.jsx","../../src/components/ImageWithFallback/index.jsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"ImageWithFallback.js","sources":["../../src/components/ImageWithFallback/ImagePlaceholder.jsx","../../src/components/ImageWithFallback/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\n\nconst ImagePlaceholder = ({ className = \"\", ...props }) => (\n <div\n data-testid=\"fallback-image\"\n className={classnames(\"neeto-ui-bg-gray-100\", {\n [className]: className,\n })}\n {...props}\n />\n);\n\nexport default ImagePlaceholder;\n","import { useEffect, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport ImagePlaceholder from \"./ImagePlaceholder\";\n\nconst ImageWithFallback = ({ src, fallback, ...otherProps }) => {\n const [isLoaded, setIsLoaded] = useState(false);\n\n useEffect(() => {\n const img = new Image();\n img.onload = () => {\n setIsLoaded(true);\n };\n img.src = src;\n }, [src]);\n\n return isLoaded ? (\n <img data-testid=\"original-image\" {...{ src, ...otherProps }} />\n ) : (\n <>{fallback || <ImagePlaceholder {...otherProps} />}</>\n );\n};\n\nImageWithFallback.propTypes = {\n /**\n * The provide the source of the image.\n */\n src: PropTypes.string,\n /**\n * Displays a fallback component in case no image is available.\n */\n fallback: PropTypes.node,\n};\n\nexport default ImageWithFallback;\n"],"names":["ImagePlaceholder","_ref","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","classnames","_defineProperty","ImageWithFallback","src","fallback","otherProps","_useState","useState","_useState2","_slicedToArray","isLoaded","setIsLoaded","useEffect","img","Image","onload","_Fragment","children"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAAME,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;EAAA,oBAClDC,cAAA,QAAAC,eAAA,CAAA;AACE,IAAA,aAAA,EAAY,gBAAgB;IAC5BL,SAAS,EAAEM,8BAAU,CAAC,sBAAsB,EAAAC,mCAAA,CACzCP,EAAAA,EAAAA,SAAS,EAAGA,SAAS,CACvB,CAAA;GACGC,EAAAA,KAAK,CACV,CAAC,CAAA;AAAA,CACH;;;;;ACJD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAV,IAAA,EAAyC;AAAA,EAAA,IAAnCW,GAAG,GAAAX,IAAA,CAAHW,GAAG;IAAEC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;AAAKC,IAAAA,UAAU,GAAAT,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACvD,EAAA,IAAAS,SAAA,GAAgCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE5BI,EAAAA,eAAS,CAAC,YAAM;AACd,IAAA,IAAMC,GAAG,GAAG,IAAIC,KAAK,EAAE,CAAA;IACvBD,GAAG,CAACE,MAAM,GAAG,YAAM;MACjBJ,WAAW,CAAC,IAAI,CAAC,CAAA;KAClB,CAAA;IACDE,GAAG,CAACV,GAAG,GAAGA,GAAG,CAAA;AACf,GAAC,EAAE,CAACA,GAAG,CAAC,CAAC,CAAA;AAET,EAAA,OAAOO,QAAQ,gBACbZ,cAAA,CAAA,KAAA,EAAAC,aAAA,CAAA;IAAK,aAAY,EAAA,gBAAA;AAAgB,GAAA,EAAAA,aAAA,CAAA;AAAOI,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKE,UAAU,CAAK,CAAA,CAAC,gBAEhEP,cAAA,CAAAkB,mBAAA,EAAA;IAAAC,QAAA,EAAGb,QAAQ,iBAAIN,cAAA,CAACP,gBAAgB,EAAAQ,aAAA,CAAKM,EAAAA,EAAAA,UAAU,CAAG,CAAA;AAAC,GAAG,CACvD,CAAA;AACH;;;;"}
|
package/dist/cjs/InlineInput.js
CHANGED
|
@@ -2,15 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
5
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
6
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
8
7
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
9
|
-
var React = require('react');
|
|
10
8
|
var formik = require('formik');
|
|
11
9
|
var ramda = require('ramda');
|
|
12
10
|
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
|
|
13
11
|
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
12
|
+
var React = require('react');
|
|
14
13
|
var classnames = require('classnames');
|
|
15
14
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
16
15
|
var useOnClickOutside = require('@bigbinary/neeto-commons-frontend/react-utils/useOnClickOutside');
|
|
@@ -22,14 +21,13 @@ var Button = require('@bigbinary/neetoui/Button');
|
|
|
22
21
|
var Input = require('@bigbinary/neetoui/Input');
|
|
23
22
|
var i18next = require('i18next');
|
|
24
23
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
24
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
25
25
|
|
|
26
26
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
27
|
|
|
28
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
29
28
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
30
29
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
31
30
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
32
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
33
31
|
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
34
32
|
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
35
33
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
@@ -69,7 +67,9 @@ var mergeRefs = function mergeRefs() {
|
|
|
69
67
|
};
|
|
70
68
|
|
|
71
69
|
var _excluded$1 = ["saveOnBlur", "clearOnSave", "nullable", "value", "isSaving", "className", "handleSubmit", "handleCancel", "submitButtonProps", "cancelButtonProps", "dirty", "onInlineInputBlur"];
|
|
72
|
-
var
|
|
70
|
+
function ownKeys$1(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; }
|
|
71
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
72
|
+
var InlineInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
73
73
|
var _props$saveOnBlur = props.saveOnBlur,
|
|
74
74
|
saveOnBlur = _props$saveOnBlur === void 0 ? false : _props$saveOnBlur,
|
|
75
75
|
_props$clearOnSave = props.clearOnSave,
|
|
@@ -155,46 +155,49 @@ var InlineInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
155
155
|
React.useEffect(function () {
|
|
156
156
|
return inputRef.current && inputRef.current.focus();
|
|
157
157
|
}, [isSubmitting]);
|
|
158
|
-
return /*#__PURE__*/
|
|
158
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
159
159
|
className: classnames__default["default"]("flex flex-grow", _defineProperty__default["default"]({}, className, className)),
|
|
160
|
-
ref: inputWrapperRef
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
160
|
+
ref: inputWrapperRef,
|
|
161
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$1(_objectSpread$1({
|
|
162
|
+
disableTrimOnBlur: true,
|
|
163
|
+
className: "neeto-molecules-autosave-input",
|
|
164
|
+
"data-testid": "neeto-molecules-autosave-input",
|
|
165
|
+
disabled: isSubmitting,
|
|
166
|
+
ref: mergeRefs(inputRef, closeRef, submitRef),
|
|
167
|
+
value: internalValue
|
|
168
|
+
}, otherProps), {}, {
|
|
169
|
+
suffix: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
170
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1(_objectSpread$1({
|
|
171
|
+
"data-testid": "neeto-molecules-autosave-input-save",
|
|
172
|
+
icon: Check__default["default"],
|
|
173
|
+
loading: isSubmitting || isSaving,
|
|
174
|
+
size: "small",
|
|
175
|
+
style: "text",
|
|
176
|
+
tabIndex: -1,
|
|
177
|
+
tooltipProps: TOOLTIP_PROPS["save"],
|
|
178
|
+
onClick: onSubmit
|
|
179
|
+
}, submitButtonProps), {}, {
|
|
180
|
+
disabled: !isValidValue || isSubmitting || isSaving || submitButtonProps.disabled || !isDirty
|
|
181
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1(_objectSpread$1({
|
|
182
|
+
ref: ref,
|
|
183
|
+
"data-testid": "neeto-molecules-autosave-input-cancel",
|
|
184
|
+
icon: Close__default["default"],
|
|
185
|
+
size: "small",
|
|
186
|
+
style: "text",
|
|
187
|
+
tabIndex: -1,
|
|
188
|
+
tooltipProps: TOOLTIP_PROPS["cancel"],
|
|
189
|
+
onClick: onCancel
|
|
190
|
+
}, cancelButtonProps), {}, {
|
|
191
|
+
disabled: isSubmitting || isSaving || cancelButtonProps.disabled
|
|
192
|
+
}))]
|
|
193
|
+
}),
|
|
194
|
+
onChange: function onChange(e) {
|
|
195
|
+
var _otherProps$onChange;
|
|
196
|
+
otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 ? void 0 : _otherProps$onChange.call(otherProps, e);
|
|
197
|
+
setInternalValue(e.target.value);
|
|
198
|
+
}
|
|
199
|
+
}))
|
|
200
|
+
});
|
|
198
201
|
});
|
|
199
202
|
InlineInput.displayName = "InlineInput";
|
|
200
203
|
|
|
@@ -216,24 +219,26 @@ var FormikInlineInput = function FormikInlineInput(_ref) {
|
|
|
216
219
|
isSubmitting = _useFormikContext.isSubmitting,
|
|
217
220
|
resetForm = _useFormikContext.resetForm,
|
|
218
221
|
dirty = _useFormikContext.dirty;
|
|
219
|
-
|
|
222
|
+
var handleSubmit = function handleSubmit(value) {
|
|
223
|
+
var _props$handleSubmit;
|
|
224
|
+
setValue(value);
|
|
225
|
+
(_props$handleSubmit = props.handleSubmit) === null || _props$handleSubmit === void 0 ? void 0 : _props$handleSubmit.call(props, value);
|
|
226
|
+
return submitForm();
|
|
227
|
+
};
|
|
228
|
+
return /*#__PURE__*/jsxRuntime.jsx(InlineInput, _objectSpread(_objectSpread(_objectSpread({
|
|
220
229
|
error: meta.touched ? meta.error : "",
|
|
221
230
|
isSaving: isSubmitting
|
|
222
|
-
}, props, {
|
|
231
|
+
}, props), {}, {
|
|
223
232
|
handleCancel: function handleCancel() {
|
|
224
233
|
var _props$handleCancel;
|
|
225
234
|
resetForm();
|
|
226
235
|
(_props$handleCancel = props.handleCancel) === null || _props$handleCancel === void 0 ? void 0 : _props$handleCancel.call(props);
|
|
227
|
-
},
|
|
228
|
-
handleSubmit: function handleSubmit(value) {
|
|
229
|
-
var _props$handleSubmit;
|
|
230
|
-
setValue(value);
|
|
231
|
-
(_props$handleSubmit = props.handleSubmit) === null || _props$handleSubmit === void 0 ? void 0 : _props$handleSubmit.call(props, value);
|
|
232
|
-
return submitForm();
|
|
233
236
|
}
|
|
234
|
-
}, _objectSpread(_objectSpread({
|
|
237
|
+
}, _objectSpread(_objectSpread({
|
|
238
|
+
handleSubmit: handleSubmit
|
|
239
|
+
}, ramda.omit(["onBlur"], field)), {}, {
|
|
235
240
|
dirty: dirty
|
|
236
|
-
}), {
|
|
241
|
+
})), {}, {
|
|
237
242
|
onInlineInputBlur: function onInlineInputBlur(trimmedValue) {
|
|
238
243
|
setValue(trimmedValue);
|
|
239
244
|
setTouched(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineInput.js","sources":["../../src/components/InlineInput/constants.js","../../src/components/InlineInput/utils.js","../../src/components/InlineInput/InlineInput.jsx","../../src/components/InlineInput/FormikInlineInput.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TOOLTIP_PROPS = {\n save: {\n content: t(\"neetoMolecules.common.actions.save\"),\n position: \"top\",\n delay: 300,\n },\n cancel: {\n content: t(\"neetoMolecules.common.actions.cancel\"),\n position: \"top\",\n delay: 300,\n },\n};\n","export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import React, { useEffect, useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\n\nimport { TOOLTIP_PROPS } from \"./constants\";\nimport \"./inlineinput.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst InlineInput = React.forwardRef((props, ref) => {\n const {\n saveOnBlur = false,\n clearOnSave = false,\n nullable = false,\n value = \"\",\n isSaving,\n className = \"\",\n handleSubmit = noop,\n handleCancel = noop,\n submitButtonProps = {},\n cancelButtonProps = {},\n dirty,\n onInlineInputBlur = noop,\n ...otherProps\n } = props;\n\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [internalValue, setInternalValue] = useStateWithDependency(value ?? \"\");\n const inputRef = useRef(null);\n const inputWrapperRef = useRef(null);\n const trimmedValue = internalValue && internalValue?.trim();\n const isValidValue =\n nullable || (isNotEmpty(trimmedValue) && isNotNil(trimmedValue));\n\n const isDirty = internalValue !== value || dirty;\n\n const handleFocusOut = () => {\n if (!isValidValue || isSubmitting) return;\n\n onInlineInputBlur(trimmedValue);\n\n if (saveOnBlur && isDirty) {\n onSubmit();\n\n return;\n }\n\n onCancel();\n };\n\n useOnClickOutside(inputWrapperRef, handleFocusOut);\n\n const onSubmit = async () => {\n setIsSubmitting(true);\n await handleSubmit(trimmedValue);\n setIsSubmitting(false);\n clearOnSave && setInternalValue(\"\");\n };\n\n const onCancel = () => {\n handleCancel(trimmedValue);\n };\n\n const closeRef = useHotkeys(\n \"escape\",\n event => {\n event.stopPropagation();\n onCancel();\n },\n { mode: \"scoped\" }\n );\n\n const submitRef = useHotkeys([\"command+return\", \"return\"], () => onSubmit(), {\n mode: \"scoped\",\n enabled: isValidValue,\n });\n\n useEffect(() => inputRef.current && inputRef.current.focus(), [isSubmitting]);\n\n return (\n <div\n className={classnames(\"flex flex-grow\", { [className]: className })}\n ref={inputWrapperRef}\n >\n <Input\n disableTrimOnBlur\n className=\"neeto-molecules-autosave-input\"\n data-testid=\"neeto-molecules-autosave-input\"\n disabled={isSubmitting}\n ref={mergeRefs(inputRef, closeRef, submitRef)}\n value={internalValue}\n {...otherProps}\n suffix={\n <>\n <Button\n data-testid=\"neeto-molecules-autosave-input-save\"\n icon={Check}\n loading={isSubmitting || isSaving}\n size=\"small\"\n style=\"text\"\n tabIndex={-1}\n tooltipProps={TOOLTIP_PROPS[\"save\"]}\n onClick={onSubmit}\n {...submitButtonProps}\n disabled={\n !isValidValue ||\n isSubmitting ||\n isSaving ||\n submitButtonProps.disabled ||\n !isDirty\n }\n />\n <Button\n {...{ ref }}\n data-testid=\"neeto-molecules-autosave-input-cancel\"\n icon={Close}\n size=\"small\"\n style=\"text\"\n tabIndex={-1}\n tooltipProps={TOOLTIP_PROPS[\"cancel\"]}\n onClick={onCancel}\n {...cancelButtonProps}\n disabled={isSubmitting || isSaving || cancelButtonProps.disabled}\n />\n </>\n }\n onChange={e => {\n otherProps?.onChange?.(e);\n setInternalValue(e.target.value);\n }}\n />\n </div>\n );\n});\n\nInlineInput.displayName = \"InlineInput\";\n\nInlineInput.propTypes = {\n /**\n * To provide additional classes to the component.\n */\n className: PropTypes.string,\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To enable submission of empty values.\n */\n nullable: PropTypes.bool,\n /**\n * To specify whether the value is being saved.\n */\n isSaving: PropTypes.bool,\n /**\n * To specify whether to save the value on blur.\n */\n saveOnBlur: PropTypes.bool,\n /**\n * To specify whether to clear the input on save.\n */\n clearOnSave: PropTypes.bool,\n /**\n * To specify additional props for submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To specify additional props for cancel button.\n */\n cancelButtonProps: PropTypes.object,\n /**\n * Function to be called on clicking the submit button.\n */\n handleSubmit: PropTypes.func,\n /**\n * Function to be called on clicking the cancel button .\n */\n handleCancel: PropTypes.func,\n};\n\nexport default InlineInput;\n","import React from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\nimport { omit } from \"ramda\";\n\nimport InlineInput from \"./InlineInput\";\n\nconst FormikInlineInput = ({ name, ...props }) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n const { submitForm, isSubmitting, resetForm, dirty } = useFormikContext();\n\n return (\n <InlineInput\n error={meta.touched ? meta.error : \"\"}\n isSaving={isSubmitting}\n {...props}\n handleCancel={() => {\n resetForm();\n props.handleCancel?.();\n }}\n handleSubmit={value => {\n setValue(value);\n\n props.handleSubmit?.(value);\n\n return submitForm();\n }}\n {...{ ...omit([\"onBlur\"], field), dirty }}\n onInlineInputBlur={trimmedValue => {\n setValue(trimmedValue);\n setTouched(true);\n }}\n />\n );\n};\n\nexport default FormikInlineInput;\n"],"names":["TOOLTIP_PROPS","save","content","t","position","delay","cancel","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","InlineInput","React","forwardRef","props","_props$saveOnBlur","saveOnBlur","_props$clearOnSave","clearOnSave","_props$nullable","nullable","_props$value","value","isSaving","_props$className","className","_props$handleSubmit","handleSubmit","noop","_props$handleCancel","handleCancel","_props$submitButtonPr","submitButtonProps","_props$cancelButtonPr","cancelButtonProps","dirty","_props$onInlineInputB","onInlineInputBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","internalValue","setInternalValue","inputRef","useRef","inputWrapperRef","trimmedValue","trim","isValidValue","isNotEmpty","isNotNil","isDirty","handleFocusOut","onSubmit","onCancel","useOnClickOutside","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","closeRef","useHotkeys","event","stopPropagation","mode","submitRef","enabled","useEffect","focus","createElement","classnames","_defineProperty","Input","_extends","disableTrimOnBlur","disabled","suffix","Fragment","Button","icon","Check","loading","size","style","tabIndex","tooltipProps","onClick","Close","onChange","e","_otherProps$onChange","call","target","displayName","FormikInlineInput","name","_useField","useField","_useField2","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","submitForm","resetForm","error","touched","_objectSpread","omit"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InlineInput.js","sources":["../../src/components/InlineInput/constants.js","../../src/components/InlineInput/utils.js","../../src/components/InlineInput/InlineInput.jsx","../../src/components/InlineInput/FormikInlineInput.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TOOLTIP_PROPS = {\n save: {\n content: t(\"neetoMolecules.common.actions.save\"),\n position: \"top\",\n delay: 300,\n },\n cancel: {\n content: t(\"neetoMolecules.common.actions.cancel\"),\n position: \"top\",\n delay: 300,\n },\n};\n","export const mergeRefs =\n (...refs) =>\n node =>\n refs.forEach(ref =>\n typeof ref === \"function\" ? ref(node) : (ref.current = node)\n );\n","import { forwardRef, useEffect, useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\n\nimport { TOOLTIP_PROPS } from \"./constants\";\nimport \"./inlineinput.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst InlineInput = forwardRef((props, ref) => {\n const {\n saveOnBlur = false,\n clearOnSave = false,\n nullable = false,\n value = \"\",\n isSaving,\n className = \"\",\n handleSubmit = noop,\n handleCancel = noop,\n submitButtonProps = {},\n cancelButtonProps = {},\n dirty,\n onInlineInputBlur = noop,\n ...otherProps\n } = props;\n\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [internalValue, setInternalValue] = useStateWithDependency(value ?? \"\");\n const inputRef = useRef(null);\n const inputWrapperRef = useRef(null);\n const trimmedValue = internalValue && internalValue?.trim();\n const isValidValue =\n nullable || (isNotEmpty(trimmedValue) && isNotNil(trimmedValue));\n\n const isDirty = internalValue !== value || dirty;\n\n const handleFocusOut = () => {\n if (!isValidValue || isSubmitting) return;\n\n onInlineInputBlur(trimmedValue);\n\n if (saveOnBlur && isDirty) {\n onSubmit();\n\n return;\n }\n\n onCancel();\n };\n\n useOnClickOutside(inputWrapperRef, handleFocusOut);\n\n const onSubmit = async () => {\n setIsSubmitting(true);\n await handleSubmit(trimmedValue);\n setIsSubmitting(false);\n clearOnSave && setInternalValue(\"\");\n };\n\n const onCancel = () => {\n handleCancel(trimmedValue);\n };\n\n const closeRef = useHotkeys(\n \"escape\",\n event => {\n event.stopPropagation();\n onCancel();\n },\n { mode: \"scoped\" }\n );\n\n const submitRef = useHotkeys([\"command+return\", \"return\"], () => onSubmit(), {\n mode: \"scoped\",\n enabled: isValidValue,\n });\n\n useEffect(() => inputRef.current && inputRef.current.focus(), [isSubmitting]);\n\n return (\n <div\n className={classnames(\"flex flex-grow\", { [className]: className })}\n ref={inputWrapperRef}\n >\n <Input\n disableTrimOnBlur\n className=\"neeto-molecules-autosave-input\"\n data-testid=\"neeto-molecules-autosave-input\"\n disabled={isSubmitting}\n ref={mergeRefs(inputRef, closeRef, submitRef)}\n value={internalValue}\n {...otherProps}\n suffix={\n <>\n <Button\n data-testid=\"neeto-molecules-autosave-input-save\"\n icon={Check}\n loading={isSubmitting || isSaving}\n size=\"small\"\n style=\"text\"\n tabIndex={-1}\n tooltipProps={TOOLTIP_PROPS[\"save\"]}\n onClick={onSubmit}\n {...submitButtonProps}\n disabled={\n !isValidValue ||\n isSubmitting ||\n isSaving ||\n submitButtonProps.disabled ||\n !isDirty\n }\n />\n <Button\n {...{ ref }}\n data-testid=\"neeto-molecules-autosave-input-cancel\"\n icon={Close}\n size=\"small\"\n style=\"text\"\n tabIndex={-1}\n tooltipProps={TOOLTIP_PROPS[\"cancel\"]}\n onClick={onCancel}\n {...cancelButtonProps}\n disabled={isSubmitting || isSaving || cancelButtonProps.disabled}\n />\n </>\n }\n onChange={e => {\n otherProps?.onChange?.(e);\n setInternalValue(e.target.value);\n }}\n />\n </div>\n );\n});\n\nInlineInput.displayName = \"InlineInput\";\n\nInlineInput.propTypes = {\n /**\n * To provide additional classes to the component.\n */\n className: PropTypes.string,\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To enable submission of empty values.\n */\n nullable: PropTypes.bool,\n /**\n * To specify whether the value is being saved.\n */\n isSaving: PropTypes.bool,\n /**\n * To specify whether to save the value on blur.\n */\n saveOnBlur: PropTypes.bool,\n /**\n * To specify whether to clear the input on save.\n */\n clearOnSave: PropTypes.bool,\n /**\n * To specify additional props for submit button.\n */\n submitButtonProps: PropTypes.object,\n /**\n * To specify additional props for cancel button.\n */\n cancelButtonProps: PropTypes.object,\n /**\n * Function to be called on clicking the submit button.\n */\n handleSubmit: PropTypes.func,\n /**\n * Function to be called on clicking the cancel button .\n */\n handleCancel: PropTypes.func,\n};\n\nexport default InlineInput;\n","import { useField, useFormikContext } from \"formik\";\nimport { omit } from \"ramda\";\n\nimport InlineInput from \"./InlineInput\";\n\nconst FormikInlineInput = ({ name, ...props }) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n const { submitForm, isSubmitting, resetForm, dirty } = useFormikContext();\n\n const handleSubmit = value => {\n setValue(value);\n\n props.handleSubmit?.(value);\n\n return submitForm();\n };\n\n return (\n <InlineInput\n error={meta.touched ? meta.error : \"\"}\n isSaving={isSubmitting}\n {...props}\n handleCancel={() => {\n resetForm();\n props.handleCancel?.();\n }}\n {...{ handleSubmit, ...omit([\"onBlur\"], field), dirty }}\n onInlineInputBlur={trimmedValue => {\n setValue(trimmedValue);\n setTouched(true);\n }}\n />\n );\n};\n\nexport default FormikInlineInput;\n"],"names":["TOOLTIP_PROPS","save","content","t","position","delay","cancel","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","InlineInput","forwardRef","props","_props$saveOnBlur","saveOnBlur","_props$clearOnSave","clearOnSave","_props$nullable","nullable","_props$value","value","isSaving","_props$className","className","_props$handleSubmit","handleSubmit","noop","_props$handleCancel","handleCancel","_props$submitButtonPr","submitButtonProps","_props$cancelButtonPr","cancelButtonProps","dirty","_props$onInlineInputB","onInlineInputBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","internalValue","setInternalValue","inputRef","useRef","inputWrapperRef","trimmedValue","trim","isValidValue","isNotEmpty","isNotNil","isDirty","handleFocusOut","onSubmit","onCancel","useOnClickOutside","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","closeRef","useHotkeys","event","stopPropagation","mode","submitRef","enabled","useEffect","focus","_jsx","classnames","_defineProperty","children","Input","_objectSpread","disableTrimOnBlur","disabled","suffix","_jsxs","_Fragment","Button","icon","Check","loading","size","style","tabIndex","tooltipProps","onClick","Close","onChange","e","_otherProps$onChange","call","target","displayName","FormikInlineInput","name","_useField","useField","_useField2","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","submitForm","resetForm","error","touched","omit"],"mappings":"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"}
|