@bigbinary/neeto-molecules 1.17.7 → 1.18.0
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/BrowserSupport.js +3 -3
- package/dist/Builder.js +4 -4
- package/dist/CalendarView.js +5 -5
- package/dist/{Chevron-c64ff676.js → Chevron-be0c2de2.js} +4 -4
- package/dist/{Chevron-c64ff676.js.map → Chevron-be0c2de2.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 +2 -2
- package/dist/DeleteArchiveModal.js +1 -1
- package/dist/DocumentEditor.js +3 -3
- package/dist/DynamicVariables.js +3 -3
- package/dist/EmailForm.js +5 -5
- package/dist/EmojiPicker.js +2 -2
- package/dist/EmojiReactions.js +1 -1
- package/dist/ErrorPage.js +1 -1
- package/dist/FloatingActionMenu.js +5 -5
- 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 +3 -3
- package/dist/IntegrationCard.js +3 -3
- package/dist/IntegrationDisconnectAlert.js +2 -2
- package/dist/IpRestriction.js +3 -3
- package/dist/KeyboardShortcuts.js +2 -2
- package/dist/LoginPage.js +7 -6
- package/dist/LoginPage.js.map +1 -1
- package/dist/MadeWith.js +2 -2
- package/dist/MenuBar.js +3 -3
- package/dist/Metadata.js +1 -1
- package/dist/MoreDropdown.js +3 -3
- package/dist/NavigationHeader.js +5 -5
- package/dist/NeetoWidget.js +4 -4
- package/dist/Onboarding.js +2 -2
- package/dist/OptionFields.js +4 -4
- package/dist/PageLoader.js +2 -2
- package/dist/PhoneNumber.js +4 -4
- 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 +5 -5
- 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 +4 -4
- package/dist/Sidebar.js +5 -5
- package/dist/SubHeader.js +5 -5
- package/dist/SuffixedInput.js +4 -4
- package/dist/Taxonomy.js +6 -6
- package/dist/ThemeSidebar.js +14 -13
- package/dist/ThemeSidebar.js.map +1 -1
- package/dist/TimeFormat.js +1 -1
- package/dist/TimezoneMismatchModal.js +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 +21 -17
- 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-059c442a.js} +15 -12
- package/dist/cjs/{Chevron-8a4ed9cd.js.map → Chevron-059c442a.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 +6 -4
- 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 +12 -9
- 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 +6 -4
- 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 +27 -22
- 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 +3 -3
- 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 +5 -4
- 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 +6 -4
- 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 +9 -8
- package/dist/cjs/NavigationHeader.js.map +1 -1
- package/dist/cjs/NeetoWidget.js +15 -12
- package/dist/cjs/NeetoWidget.js.map +1 -1
- package/dist/cjs/Onboarding.js +9 -7
- 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 +6 -4
- package/dist/cjs/PageLoader.js.map +1 -1
- package/dist/cjs/PhoneNumber.js +23 -19
- 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 +12 -9
- 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 +8 -7
- 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/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 +19 -17
- 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 +3 -2
- 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-8a9dd202.js → index-9b0c3047.js} +7 -5
- package/dist/cjs/{index-8a9dd202.js.map → index-9b0c3047.js.map} +1 -1
- 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-b9d0db95.js → index-8fd0cad5.js} +3 -3
- package/dist/{index-b9d0db95.js.map → index-8fd0cad5.js.map} +1 -1
- 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 +5 -2
- 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-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-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
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var classnames = require('classnames');
|
|
9
9
|
var general = require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
@@ -15,6 +15,10 @@ var injectCss = require('./inject-css-80a5faa3.js');
|
|
|
15
15
|
|
|
16
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
17
|
|
|
18
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
19
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
21
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
18
22
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
23
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
20
24
|
|
|
@@ -41,11 +45,11 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
|
|
|
41
45
|
value = _ref.value,
|
|
42
46
|
style = _ref.style,
|
|
43
47
|
tooltipProps = _ref.tooltipProps,
|
|
44
|
-
otherProps =
|
|
48
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
45
49
|
var _useTranslation = reactI18next.useTranslation(),
|
|
46
50
|
t = _useTranslation.t;
|
|
47
51
|
var _useState = React.useState(false),
|
|
48
|
-
_useState2 =
|
|
52
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
49
53
|
isChecked = _useState2[0],
|
|
50
54
|
setIsChecked = _useState2[1];
|
|
51
55
|
var ref = React.useRef();
|
|
@@ -70,14 +74,14 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
|
|
|
70
74
|
}, tooltipProps]);
|
|
71
75
|
var buttonLabel = isChecked && label ? successLabel || t("neetoMolecules.common.copied") : label;
|
|
72
76
|
var buttonIcon = isChecked ? neetoIcons.Check : icon;
|
|
73
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Button,
|
|
77
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends__default["default"]({
|
|
74
78
|
ref: ref,
|
|
75
79
|
style: style,
|
|
76
80
|
"data-testid": "copy-button",
|
|
77
81
|
icon: buttonIcon,
|
|
78
82
|
label: buttonLabel,
|
|
79
83
|
tooltipProps: tooltipOptions,
|
|
80
|
-
className: classnames__default["default"]("neeto-molecules-copy-button",
|
|
84
|
+
className: classnames__default["default"]("neeto-molecules-copy-button", _defineProperty__default["default"](_defineProperty__default["default"]({}, className, className), "neeto-molecules-copy-button--active", isChecked)),
|
|
81
85
|
onClick: onHandleClick
|
|
82
86
|
}, otherProps));
|
|
83
87
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboardButton.js","sources":["../../src/components/CopyToClipboardButton/constants.js","../../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n trigger: \"click mouseenter\",\n hideAfter: TIME_OUT,\n position: \"top\",\n};\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n text: \"text\",\n};\n\nexport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES };\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport { Copy, Check } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeAll } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES } from \"./constants\";\nimport \"./copyToClipboard.scss\";\n\nconst CopyToClipboardButton = ({\n className,\n icon = Copy,\n label = \"\",\n successLabel,\n tooltipContent,\n successTooltipContent,\n value,\n style,\n tooltipProps,\n ...otherProps\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const ref = useRef();\n\n const onHandleClick = event => {\n event.preventDefault();\n copyToClipboard(value, { showToastr: false });\n setIsChecked(true);\n setTimeout(() => {\n setIsChecked(false);\n }, TIME_OUT); // Reset copied state after 2 seconds\n };\n\n useEffect(() => {\n if (!ref.current) return;\n const buttonWidth = ref.current.clientWidth;\n ref.current.style.minWidth = `${buttonWidth}px`;\n }, []);\n\n const tooltipOptions = label\n ? null\n : mergeAll([\n TOOLTIP_CONFIG,\n {\n content: isChecked\n ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n : tooltipContent || t(\"neetoMolecules.common.copyToClipboard\"),\n },\n tooltipProps,\n ]);\n\n const buttonLabel =\n isChecked && label\n ? successLabel || t(\"neetoMolecules.common.copied\")\n : label;\n const buttonIcon = isChecked ? Check : icon;\n\n return (\n <Button\n {...{ ref, style }}\n data-testid=\"copy-button\"\n icon={buttonIcon}\n label={buttonLabel}\n tooltipProps={tooltipOptions}\n className={classnames(\"neeto-molecules-copy-button\", {\n [className]: className,\n \"neeto-molecules-copy-button--active\": isChecked,\n })}\n onClick={onHandleClick}\n {...otherProps}\n />\n );\n};\n\nCopyToClipboardButton.propTypes = {\n /**\n * To provide additional classnames to the button.\n */\n className: PropTypes.string,\n /**\n * To provide the icon to be passed to the button. Defaults to the Copy icon.\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * To provide the label to the button. By default there is no label.\n */\n label: PropTypes.string,\n /**\n * The label of button when the value is copied to clipboard. Defaults to 'Copied'.\n */\n successLabel: PropTypes.string,\n /**\n * The value to be copied to clipboard. (required)\n */\n value: PropTypes.string,\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copy to clipboard'.\n */\n tooltipContent: PropTypes.string,\n /**\n * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copied'.\n */\n successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","trigger","hideAfter","position","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","style","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","onHandleClick","event","preventDefault","copyToClipboard","showToastr","setTimeout","useEffect","current","buttonWidth","clientWidth","minWidth","concat","tooltipOptions","mergeAll","content","buttonLabel","buttonIcon","Check","React","createElement","Button","_extends","classnames","_defineProperty","onClick"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CopyToClipboardButton.js","sources":["../../src/components/CopyToClipboardButton/constants.js","../../src/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["const TIME_OUT = 2000;\n\nconst TOOLTIP_CONFIG = {\n trigger: \"click mouseenter\",\n hideAfter: TIME_OUT,\n position: \"top\",\n};\n\nconst BUTTON_STYLES = {\n primary: \"primary\",\n secondary: \"secondary\",\n text: \"text\",\n};\n\nexport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES };\n","import React, { useState, useEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport { Copy, Check } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeAll } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TOOLTIP_CONFIG, TIME_OUT, BUTTON_STYLES } from \"./constants\";\nimport \"./copyToClipboard.scss\";\n\nconst CopyToClipboardButton = ({\n className,\n icon = Copy,\n label = \"\",\n successLabel,\n tooltipContent,\n successTooltipContent,\n value,\n style,\n tooltipProps,\n ...otherProps\n}) => {\n const { t } = useTranslation();\n\n const [isChecked, setIsChecked] = useState(false);\n\n const ref = useRef();\n\n const onHandleClick = event => {\n event.preventDefault();\n copyToClipboard(value, { showToastr: false });\n setIsChecked(true);\n setTimeout(() => {\n setIsChecked(false);\n }, TIME_OUT); // Reset copied state after 2 seconds\n };\n\n useEffect(() => {\n if (!ref.current) return;\n const buttonWidth = ref.current.clientWidth;\n ref.current.style.minWidth = `${buttonWidth}px`;\n }, []);\n\n const tooltipOptions = label\n ? null\n : mergeAll([\n TOOLTIP_CONFIG,\n {\n content: isChecked\n ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n : tooltipContent || t(\"neetoMolecules.common.copyToClipboard\"),\n },\n tooltipProps,\n ]);\n\n const buttonLabel =\n isChecked && label\n ? successLabel || t(\"neetoMolecules.common.copied\")\n : label;\n const buttonIcon = isChecked ? Check : icon;\n\n return (\n <Button\n {...{ ref, style }}\n data-testid=\"copy-button\"\n icon={buttonIcon}\n label={buttonLabel}\n tooltipProps={tooltipOptions}\n className={classnames(\"neeto-molecules-copy-button\", {\n [className]: className,\n \"neeto-molecules-copy-button--active\": isChecked,\n })}\n onClick={onHandleClick}\n {...otherProps}\n />\n );\n};\n\nCopyToClipboardButton.propTypes = {\n /**\n * To provide additional classnames to the button.\n */\n className: PropTypes.string,\n /**\n * To provide the icon to be passed to the button. Defaults to the Copy icon.\n */\n icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * To provide the label to the button. By default there is no label.\n */\n label: PropTypes.string,\n /**\n * The label of button when the value is copied to clipboard. Defaults to 'Copied'.\n */\n successLabel: PropTypes.string,\n /**\n * The value to be copied to clipboard. (required)\n */\n value: PropTypes.string,\n /**\n * To specify the style of the Button.\n */\n style: PropTypes.oneOf(Object.values(BUTTON_STYLES)),\n /**\n * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copy to clipboard'.\n */\n tooltipContent: PropTypes.string,\n /**\n * The content of the tooltip when the value is copied to clipboard. Defaults to 'Copied'.\n */\n successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["TIME_OUT","TOOLTIP_CONFIG","trigger","hideAfter","position","CopyToClipboardButton","_ref","className","_ref$icon","icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","style","tooltipProps","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","onHandleClick","event","preventDefault","copyToClipboard","showToastr","setTimeout","useEffect","current","buttonWidth","clientWidth","minWidth","concat","tooltipOptions","mergeAll","content","buttonLabel","buttonIcon","Check","React","createElement","Button","_extends","classnames","_defineProperty","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,QAAQ,GAAG,IAAI,CAAA;AAErB,IAAMC,cAAc,GAAG;AACrBC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,SAAS,EAAEH,QAAQ;AACnBI,EAAAA,QAAQ,EAAE,KAAA;AACZ,CAAC;;;;;;ACOD,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAWrB;AAAA,EAAA,IAVJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,SAAA,GAAAF,IAAA,CACTG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAGE,KAAAA,CAAAA,GAAAA,eAAI,GAAAF,SAAA;IAAAG,UAAA,GAAAL,IAAA,CACXM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IACVE,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,qBAAqB,GAAAT,IAAA,CAArBS,qBAAqB;IACrBC,KAAK,GAAAV,IAAA,CAALU,KAAK;IACLC,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;AACTC,IAAAA,UAAU,GAAAC,4CAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA,CAAA;AAEb,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,GAAG,GAAGC,YAAM,EAAE,CAAA;AAEpB,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;IAC7BA,KAAK,CAACC,cAAc,EAAE,CAAA;IACtBC,uBAAe,CAACpB,KAAK,EAAE;AAAEqB,MAAAA,UAAU,EAAE,KAAA;AAAM,KAAC,CAAC,CAAA;IAC7CP,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBQ,IAAAA,UAAU,CAAC,YAAM;MACfR,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAC,EAAE9B,QAAQ,CAAC,CAAC;GACd,CAAA;;AAEDuC,EAAAA,eAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAACR,GAAG,CAACS,OAAO,EAAE,OAAA;AAClB,IAAA,IAAMC,WAAW,GAAGV,GAAG,CAACS,OAAO,CAACE,WAAW,CAAA;IAC3CX,GAAG,CAACS,OAAO,CAACvB,KAAK,CAAC0B,QAAQ,GAAAC,EAAAA,CAAAA,MAAA,CAAMH,WAAW,EAAI,IAAA,CAAA,CAAA;GAChD,EAAE,EAAE,CAAC,CAAA;EAEN,IAAMI,cAAc,GAAGjC,KAAK,GACxB,IAAI,GACJkC,cAAQ,CAAC,CACP7C,cAAc,EACd;AACE8C,IAAAA,OAAO,EAAElB,SAAS,GACdd,qBAAqB,IAAIS,CAAC,CAAC,8BAA8B,CAAC,GAC1DV,cAAc,IAAIU,CAAC,CAAC,uCAAuC,CAAA;GAChE,EACDN,YAAY,CACb,CAAC,CAAA;AAEN,EAAA,IAAM8B,WAAW,GACfnB,SAAS,IAAIjB,KAAK,GACdC,YAAY,IAAIW,CAAC,CAAC,8BAA8B,CAAC,GACjDZ,KAAK,CAAA;AACX,EAAA,IAAMqC,UAAU,GAAGpB,SAAS,GAAGqB,gBAAK,GAAGzC,IAAI,CAAA;AAE3C,EAAA,oBACE0C,yBAAA,CAAAC,aAAA,CAACC,cAAM,EAAAC,4BAAA,CAAA;AACCvB,IAAAA,GAAG,EAAHA,GAAG;AAAEd,IAAAA,KAAK,EAALA,KAAK;AAChB,IAAA,aAAA,EAAY,aAAa;AACzBR,IAAAA,IAAI,EAAEwC,UAAW;AACjBrC,IAAAA,KAAK,EAAEoC,WAAY;AACnB9B,IAAAA,YAAY,EAAE2B,cAAe;AAC7BtC,IAAAA,SAAS,EAAEgD,8BAAU,CAAC,6BAA6B,EAAAC,mCAAA,CAAAA,mCAAA,CAChDjD,EAAAA,EAAAA,SAAS,EAAGA,SAAS,CAAA,EACtB,qCAAqC,EAAEsB,SAAS,CACjD,CAAE;AACH4B,IAAAA,OAAO,EAAExB,aAAAA;GACLd,EAAAA,UAAU,CACf,CAAC,CAAA;AAEN;;;;"}
|
package/dist/cjs/Currency.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _extends = require('
|
|
6
|
-
var
|
|
5
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var neetoui = require('@bigbinary/neetoui');
|
|
9
9
|
var reactI18next = require('react-i18next');
|
|
@@ -12,6 +12,8 @@ var formik = require('@bigbinary/neetoui/formik');
|
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
15
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
16
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
15
17
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
18
|
|
|
17
19
|
var currencyData = [
|
|
@@ -885,13 +887,13 @@ var _excluded$1 = ["label", "allowedCurrencies"];
|
|
|
885
887
|
var Currency = function Currency(_ref) {
|
|
886
888
|
var label = _ref.label,
|
|
887
889
|
allowedCurrencies = _ref.allowedCurrencies,
|
|
888
|
-
otherSelectProps =
|
|
890
|
+
otherSelectProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
|
|
889
891
|
var _useTranslation = reactI18next.useTranslation(),
|
|
890
892
|
t = _useTranslation.t;
|
|
891
893
|
var data = React.useMemo(function () {
|
|
892
894
|
return getCurrencies(allowedCurrencies);
|
|
893
895
|
}, [allowedCurrencies]);
|
|
894
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Select,
|
|
896
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends__default["default"]({
|
|
895
897
|
label: label || t("neetoMolecules.common.currency"),
|
|
896
898
|
options: data
|
|
897
899
|
}, otherSelectProps));
|
|
@@ -903,13 +905,13 @@ var FormikCurrency = function FormikCurrency(_ref) {
|
|
|
903
905
|
_ref$name = _ref.name,
|
|
904
906
|
name = _ref$name === void 0 ? "currency" : _ref$name,
|
|
905
907
|
allowedCurrencies = _ref.allowedCurrencies,
|
|
906
|
-
otherSelectProps =
|
|
908
|
+
otherSelectProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
907
909
|
var _useTranslation = reactI18next.useTranslation(),
|
|
908
910
|
t = _useTranslation.t;
|
|
909
911
|
var data = React.useMemo(function () {
|
|
910
912
|
return getCurrencies(allowedCurrencies);
|
|
911
913
|
}, [allowedCurrencies]);
|
|
912
|
-
return /*#__PURE__*/React__default["default"].createElement(formik.Select,
|
|
914
|
+
return /*#__PURE__*/React__default["default"].createElement(formik.Select, _extends__default["default"]({
|
|
913
915
|
name: name,
|
|
914
916
|
label: label || t("neetoMolecules.common.currency"),
|
|
915
917
|
options: data
|
package/dist/cjs/Currency.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Currency.js","sources":["../../src/components/Currency/utils.js","../../src/components/Currency/Currency.jsx","../../src/components/Currency/FormikCurrency.jsx"],"sourcesContent":["import { isPresent, isNotEmpty } from \"neetocist\";\n\nimport currencyData from \"./currencyData.json\";\n\nexport const getCurrencies = allowedCurrencies => {\n if (isPresent(allowedCurrencies) && isNotEmpty(allowedCurrencies)) {\n return currencyData.filter(item => allowedCurrencies.includes(item.value));\n }\n\n return currencyData;\n};\n","import React, { useMemo } from \"react\";\n\nimport { Select } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst Currency = ({ label, allowedCurrencies, ...otherSelectProps }) => {\n const { t } = useTranslation();\n\n const data = useMemo(\n () => getCurrencies(allowedCurrencies),\n [allowedCurrencies]\n );\n\n return (\n <Select\n label={label || t(\"neetoMolecules.common.currency\")}\n options={data}\n {...otherSelectProps}\n />\n );\n};\n\nCurrency.propTypes = {\n /**\n * Label for the currency input.\n */\n label: PropTypes.string,\n /**\n * To specify only a selected list of currencies to be used.\n */\n allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default Currency;\n","import React, { useMemo } from \"react\";\n\nimport { Select } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst FormikCurrency = ({\n label,\n name = \"currency\",\n allowedCurrencies,\n ...otherSelectProps\n}) => {\n const { t } = useTranslation();\n\n const data = useMemo(\n () => getCurrencies(allowedCurrencies),\n [allowedCurrencies]\n );\n\n return (\n <Select\n {...{ name }}\n label={label || t(\"neetoMolecules.common.currency\")}\n options={data}\n {...otherSelectProps}\n />\n );\n};\n\nFormikCurrency.propTypes = {\n /**\n * Label for the currency input.\n */\n label: PropTypes.string,\n /**\n * Name for the currency input.\n */\n name: PropTypes.string,\n /**\n * To specify only a selected list of currencies to be used.\n */\n allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default FormikCurrency;\n"],"names":["getCurrencies","allowedCurrencies","isPresent","isNotEmpty","currencyData","filter","item","includes","value","Currency","_ref","label","otherSelectProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","data","useMemo","React","createElement","Select","_extends","options","FormikCurrency","_ref$name","name"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Currency.js","sources":["../../src/components/Currency/utils.js","../../src/components/Currency/Currency.jsx","../../src/components/Currency/FormikCurrency.jsx"],"sourcesContent":["import { isPresent, isNotEmpty } from \"neetocist\";\n\nimport currencyData from \"./currencyData.json\";\n\nexport const getCurrencies = allowedCurrencies => {\n if (isPresent(allowedCurrencies) && isNotEmpty(allowedCurrencies)) {\n return currencyData.filter(item => allowedCurrencies.includes(item.value));\n }\n\n return currencyData;\n};\n","import React, { useMemo } from \"react\";\n\nimport { Select } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst Currency = ({ label, allowedCurrencies, ...otherSelectProps }) => {\n const { t } = useTranslation();\n\n const data = useMemo(\n () => getCurrencies(allowedCurrencies),\n [allowedCurrencies]\n );\n\n return (\n <Select\n label={label || t(\"neetoMolecules.common.currency\")}\n options={data}\n {...otherSelectProps}\n />\n );\n};\n\nCurrency.propTypes = {\n /**\n * Label for the currency input.\n */\n label: PropTypes.string,\n /**\n * To specify only a selected list of currencies to be used.\n */\n allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default Currency;\n","import React, { useMemo } from \"react\";\n\nimport { Select } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { getCurrencies } from \"./utils\";\n\nconst FormikCurrency = ({\n label,\n name = \"currency\",\n allowedCurrencies,\n ...otherSelectProps\n}) => {\n const { t } = useTranslation();\n\n const data = useMemo(\n () => getCurrencies(allowedCurrencies),\n [allowedCurrencies]\n );\n\n return (\n <Select\n {...{ name }}\n label={label || t(\"neetoMolecules.common.currency\")}\n options={data}\n {...otherSelectProps}\n />\n );\n};\n\nFormikCurrency.propTypes = {\n /**\n * Label for the currency input.\n */\n label: PropTypes.string,\n /**\n * Name for the currency input.\n */\n name: PropTypes.string,\n /**\n * To specify only a selected list of currencies to be used.\n */\n allowedCurrencies: PropTypes.arrayOf(PropTypes.string),\n};\n\nexport default FormikCurrency;\n"],"names":["getCurrencies","allowedCurrencies","isPresent","isNotEmpty","currencyData","filter","item","includes","value","Currency","_ref","label","otherSelectProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","data","useMemo","React","createElement","Select","_extends","options","FormikCurrency","_ref$name","name"],"mappings":"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"}
|
package/dist/cjs/CustomDomain.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 neetoCist = require('@bigbinary/neeto-cist');
|
|
6
6
|
var constants = require('@bigbinary/neeto-commons-frontend/constants');
|
|
@@ -8,7 +8,7 @@ var general = require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
|
8
8
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
9
9
|
var neetoui = require('@bigbinary/neetoui');
|
|
10
10
|
var reactI18next = require('react-i18next');
|
|
11
|
-
var index = require('./index-
|
|
11
|
+
var index = require('./index-9b0c3047.js');
|
|
12
12
|
var MoreDropdown = require('./MoreDropdown.js');
|
|
13
13
|
require('formik');
|
|
14
14
|
require('@bigbinary/neeto-hotkeys');
|
|
@@ -16,9 +16,9 @@ require('@bigbinary/neetoui/formik');
|
|
|
16
16
|
require('i18next');
|
|
17
17
|
require('yup');
|
|
18
18
|
require('./CopyToClipboardButton.js');
|
|
19
|
-
require('
|
|
20
|
-
require('
|
|
21
|
-
require('
|
|
19
|
+
require('@babel/runtime/helpers/extends');
|
|
20
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
21
|
+
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
22
22
|
require('classnames');
|
|
23
23
|
require('ramda');
|
|
24
24
|
require('./inject-css-80a5faa3.js');
|
|
@@ -28,6 +28,7 @@ require('axios');
|
|
|
28
28
|
|
|
29
29
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
30
30
|
|
|
31
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
31
32
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
32
33
|
|
|
33
34
|
var CustomDomain = function CustomDomain(_ref) {
|
|
@@ -35,11 +36,11 @@ var CustomDomain = function CustomDomain(_ref) {
|
|
|
35
36
|
iconOnly = _ref.iconOnly,
|
|
36
37
|
onCreate = _ref.onCreate;
|
|
37
38
|
var _useState = React.useState(false),
|
|
38
|
-
_useState2 =
|
|
39
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
39
40
|
isPaneOpen = _useState2[0],
|
|
40
41
|
setIsPaneOpen = _useState2[1];
|
|
41
42
|
var _useState3 = React.useState(false),
|
|
42
|
-
_useState4 =
|
|
43
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
43
44
|
isAlertOpen = _useState4[0],
|
|
44
45
|
setIsAlertOpen = _useState4[1];
|
|
45
46
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomDomain.js","sources":["../../src/components/CustomDomain/index.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n useFetchCustomDomains,\n useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [isAlertOpen, setIsAlertOpen] = useState(false);\n const { t } = useTranslation();\n\n const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n const { mutate: deleteCustomDomain, isLoading: isDeleting } =\n useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n const actions = [\n {\n key: \"edit\",\n label: t(\"neetoMolecules.common.actions.edit\"),\n onClick: () => setIsPaneOpen(true),\n },\n {\n key: \"delete\",\n label: t(\"neetoMolecules.common.actions.delete\"),\n onClick: () => setIsAlertOpen(true),\n },\n ];\n\n if (isLoading) return <Spinner />;\n\n return (\n <div>\n {isNotEmpty(customDomain) ? (\n <div className=\"flex flex-row items-center\">\n <Tag\n data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n label={customDomain?.hostname}\n style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n />\n <MoreDropdown\n dropdownProps={{ autoWidth: true }}\n menuItems={actions}\n dropdownButtonProps={{\n \"data-testid\": \"nui-dropdown-icon\",\n strategy: \"fixed\",\n \"data-cy\": \"custom-domain-menu-button\",\n }}\n />\n </div>\n ) : (\n <Button\n icon={iconOnly && NeetoUICustomDomainIcon}\n style=\"text\"\n label={\n iconOnly\n ? \"\"\n : t(\"neetoMolecules.common.actions.add\", {\n entity: t(\n \"neetoMolecules.customDomain.customDomain\",\n SINGULAR\n ),\n })\n }\n tooltipProps={\n iconOnly && {\n content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n }\n }\n onClick={() => setIsPaneOpen(true)}\n />\n )}\n <ManageDomain\n {...{ customDomain, onCreate, url }}\n hasOne\n isOpen={isPaneOpen}\n setCustomDomain={noop}\n onClose={() => setIsPaneOpen(false)}\n />\n <DeleteAlert\n hostname={customDomain?.hostname}\n isOpen={isAlertOpen}\n isSubmitting={isDeleting}\n onClose={() => setIsAlertOpen(false)}\n onSubmit={() => deleteCustomDomain()}\n />\n </div>\n );\n};\n\nCustomDomain.propTypes = {\n /**\n * API path to manage custom domain records.\n */\n url: PropTypes.string,\n /**\n * Pass this prop if you need a icon button without label.\n */\n iconOnly: PropTypes.bool,\n /**\n * Callback function will be invoked with new domain values after successfully creating the domain.\n */\n onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","actions","key","label","onClick","React","createElement","Spinner","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","dropdownProps","autoWidth","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CustomDomain.js","sources":["../../src/components/CustomDomain/index.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { CustomDomain as NeetoUICustomDomainIcon } from \"neetoicons\";\nimport { Button, Tag, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DeleteAlert from \"components/CustomDomainDashboard/DeleteAlert\";\nimport ManageDomain from \"components/CustomDomainDashboard/Manage\";\nimport {\n useFetchCustomDomains,\n useDeleteCustomDomain,\n} from \"components/CustomDomainDashboard/useCustomDomainApi\";\nimport MoreDropdown from \"components/MoreDropdown\";\n\nconst CustomDomain = ({ url, iconOnly, onCreate }) => {\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [isAlertOpen, setIsAlertOpen] = useState(false);\n const { t } = useTranslation();\n\n const { data: customDomain, isLoading } = useFetchCustomDomains({ url });\n\n const { mutate: deleteCustomDomain, isLoading: isDeleting } =\n useDeleteCustomDomain(url, { onSettled: () => setIsAlertOpen(false) });\n\n const actions = [\n {\n key: \"edit\",\n label: t(\"neetoMolecules.common.actions.edit\"),\n onClick: () => setIsPaneOpen(true),\n },\n {\n key: \"delete\",\n label: t(\"neetoMolecules.common.actions.delete\"),\n onClick: () => setIsAlertOpen(true),\n },\n ];\n\n if (isLoading) return <Spinner />;\n\n return (\n <div>\n {isNotEmpty(customDomain) ? (\n <div className=\"flex flex-row items-center\">\n <Tag\n data-cy={`${hyphenize(customDomain.status)}-tag-container`}\n label={customDomain?.hostname}\n style={customDomain.status === \"active\" ? \"success\" : \"warning\"}\n />\n <MoreDropdown\n dropdownProps={{ autoWidth: true }}\n menuItems={actions}\n dropdownButtonProps={{\n \"data-testid\": \"nui-dropdown-icon\",\n strategy: \"fixed\",\n \"data-cy\": \"custom-domain-menu-button\",\n }}\n />\n </div>\n ) : (\n <Button\n icon={iconOnly && NeetoUICustomDomainIcon}\n style=\"text\"\n label={\n iconOnly\n ? \"\"\n : t(\"neetoMolecules.common.actions.add\", {\n entity: t(\n \"neetoMolecules.customDomain.customDomain\",\n SINGULAR\n ),\n })\n }\n tooltipProps={\n iconOnly && {\n content: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n }\n }\n onClick={() => setIsPaneOpen(true)}\n />\n )}\n <ManageDomain\n {...{ customDomain, onCreate, url }}\n hasOne\n isOpen={isPaneOpen}\n setCustomDomain={noop}\n onClose={() => setIsPaneOpen(false)}\n />\n <DeleteAlert\n hostname={customDomain?.hostname}\n isOpen={isAlertOpen}\n isSubmitting={isDeleting}\n onClose={() => setIsAlertOpen(false)}\n onSubmit={() => deleteCustomDomain()}\n />\n </div>\n );\n};\n\nCustomDomain.propTypes = {\n /**\n * API path to manage custom domain records.\n */\n url: PropTypes.string,\n /**\n * Pass this prop if you need a icon button without label.\n */\n iconOnly: PropTypes.bool,\n /**\n * Callback function will be invoked with new domain values after successfully creating the domain.\n */\n onCreate: PropTypes.func,\n};\n\nexport default CustomDomain;\n"],"names":["CustomDomain","_ref","url","iconOnly","onCreate","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","_useState3","_useState4","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","t","_useFetchCustomDomain","useFetchCustomDomains","customDomain","data","isLoading","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","actions","key","label","onClick","React","createElement","Spinner","isNotEmpty","className","Tag","concat","hyphenize","status","hostname","style","MoreDropdown","dropdownProps","autoWidth","menuItems","dropdownButtonProps","strategy","Button","icon","NeetoUICustomDomainIcon","entity","SINGULAR","tooltipProps","content","ManageDomain","hasOne","isOpen","setCustomDomain","noop","onClose","DeleteAlert","isSubmitting","onSubmit"],"mappings":"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"}
|
|
@@ -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 neetoCist = require('@bigbinary/neeto-cist');
|
|
6
6
|
var useDebounce = require('@bigbinary/neeto-commons-frontend/react-utils/useDebounce');
|
|
@@ -10,8 +10,8 @@ var Container = require('./Container.js');
|
|
|
10
10
|
var PageLoader = require('./PageLoader.js');
|
|
11
11
|
var SubHeader = require('./SubHeader.js');
|
|
12
12
|
var TableWrapper = require('./TableWrapper.js');
|
|
13
|
-
var index = require('./index-
|
|
14
|
-
var _extends = require('
|
|
13
|
+
var index = require('./index-9b0c3047.js');
|
|
14
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
15
15
|
var constants = require('@bigbinary/neeto-commons-frontend/constants');
|
|
16
16
|
var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
|
|
17
17
|
var general = require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
@@ -19,11 +19,11 @@ var Header$2 = require('./Header.js');
|
|
|
19
19
|
require('classnames');
|
|
20
20
|
require('./index-248c4f4c.js');
|
|
21
21
|
require('./inject-css-80a5faa3.js');
|
|
22
|
-
require('
|
|
22
|
+
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
23
23
|
require('ramda');
|
|
24
|
-
require('
|
|
24
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
25
25
|
require('@bigbinary/neeto-icons');
|
|
26
|
-
require('./useColumns-
|
|
26
|
+
require('./useColumns-9978cf70.js');
|
|
27
27
|
require('i18next');
|
|
28
28
|
require('zustand');
|
|
29
29
|
require('zustand/middleware');
|
|
@@ -47,8 +47,10 @@ require('@bigbinary/neeto-commons-frontend/utils');
|
|
|
47
47
|
|
|
48
48
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
49
49
|
|
|
50
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
50
51
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
51
52
|
var useDebounce__default = /*#__PURE__*/_interopDefaultLegacy(useDebounce);
|
|
53
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
52
54
|
var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
|
|
53
55
|
|
|
54
56
|
var Header = withT__default["default"](function (_ref) {
|
|
@@ -58,7 +60,7 @@ var Header = withT__default["default"](function (_ref) {
|
|
|
58
60
|
setSearchTerm = _ref.setSearchTerm,
|
|
59
61
|
headerProps = _ref.headerProps,
|
|
60
62
|
isFiltersVisible = _ref.isFiltersVisible;
|
|
61
|
-
return /*#__PURE__*/React__default["default"].createElement(Header$2,
|
|
63
|
+
return /*#__PURE__*/React__default["default"].createElement(Header$2, _extends__default["default"]({
|
|
62
64
|
"data-testid": "custom-domain-header",
|
|
63
65
|
title: t("neetoMolecules.customDomain.customDomain", constants.PLURAL),
|
|
64
66
|
actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
@@ -85,19 +87,19 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
|
|
|
85
87
|
url = _ref.url,
|
|
86
88
|
onCreate = _ref.onCreate;
|
|
87
89
|
var _useState = React.useState(""),
|
|
88
|
-
_useState2 =
|
|
90
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
89
91
|
searchTerm = _useState2[0],
|
|
90
92
|
setSearchTerm = _useState2[1];
|
|
91
93
|
var _useState3 = React.useState(false),
|
|
92
|
-
_useState4 =
|
|
94
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
93
95
|
isPaneOpen = _useState4[0],
|
|
94
96
|
setIsPaneOpen = _useState4[1];
|
|
95
97
|
var _useState5 = React.useState({}),
|
|
96
|
-
_useState6 =
|
|
98
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
97
99
|
customDomain = _useState6[0],
|
|
98
100
|
setCustomDomain = _useState6[1];
|
|
99
101
|
var _useState7 = React.useState(false),
|
|
100
|
-
_useState8 =
|
|
102
|
+
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
101
103
|
isAlertOpen = _useState8[0],
|
|
102
104
|
setIsAlertOpen = _useState8[1];
|
|
103
105
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomDomainDashboard.js","sources":["../../src/components/CustomDomainDashboard/Header.jsx","../../src/components/CustomDomainDashboard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { PLURAL } from \"neetocommons/constants\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport { Button } from \"neetoui\";\n\nimport NeetoHeader from \"components/Header\";\n\nconst Header = withT(\n ({\n t,\n setIsPaneOpen,\n searchTerm,\n setSearchTerm,\n headerProps,\n isFiltersVisible,\n }) => (\n <NeetoHeader\n data-testid=\"custom-domain-header\"\n title={t(\"neetoMolecules.customDomain.customDomain\", PLURAL)}\n actionBlock={\n <Button\n data-cy=\"add-new-custom-domain-button\"\n label={t(\"neetoMolecules.customDomain.addNew\")}\n onClick={() => setIsPaneOpen(true)}\n />\n }\n searchProps={\n isFiltersVisible && {\n value: searchTerm,\n onChange: withEventTargetValue(setSearchTerm),\n placeholder: t(\"neetoMolecules.customDomain.search\"),\n \"data-cy\": \"custom-domain-search-field\",\n className: \"w-56\",\n }\n }\n {...headerProps}\n />\n )\n);\n\nexport default React.memo(Header);\n","import React, { useState } from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport useDebounce from \"neetocommons/react-utils/useDebounce\";\nimport { Table, Typography, NoData, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Container from \"components/Container\";\nimport PageLoader from \"components/PageLoader\";\nimport SubHeader from \"components/SubHeader\";\nimport TableWrapper from \"components/TableWrapper\";\n\nimport DeleteAlert from \"./DeleteAlert\";\nimport Header from \"./Header\";\nimport ManageDomain from \"./Manage\";\nimport {\n useFetchCustomDomains,\n useDeleteCustomDomain,\n} from \"./useCustomDomainApi\";\nimport { renderColumnData } from \"./utils\";\n\nconst CustomDomainDashboard = ({ headerProps, url, onCreate }) => {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [customDomain, setCustomDomain] = useState({});\n const [isAlertOpen, setIsAlertOpen] = useState(false);\n const { t } = useTranslation();\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const { data: data, isLoading } = useFetchCustomDomains({\n url,\n params: { searchTerm: debouncedSearchTerm },\n });\n\n const isFiltersVisible =\n isNotEmpty(data?.customDomains) || isPresent(searchTerm);\n\n const { mutate: deleteCustomDomain, isLoading: isDeleting } =\n useDeleteCustomDomain(url, {\n onSettled: () => {\n setIsAlertOpen(false);\n setCustomDomain({});\n },\n });\n\n const enableManagePane = customDomain => {\n setCustomDomain(customDomain);\n setIsPaneOpen(true);\n };\n\n const enableDeleteAlert = customDomain => {\n setCustomDomain(customDomain);\n setIsAlertOpen(true);\n };\n\n const disableManagePane = () => {\n setIsPaneOpen(false);\n setCustomDomain({});\n };\n\n const disableDeleteAlert = () => {\n setIsAlertOpen(false);\n setCustomDomain({});\n };\n\n return (\n <>\n <Container>\n <Header\n {...{\n headerProps,\n isFiltersVisible,\n searchTerm,\n setIsPaneOpen,\n setSearchTerm,\n }}\n />\n {isLoading && (\n <div className=\"h-screen w-full\">\n <PageLoader />\n </div>\n )}\n {!isLoading && (\n <>\n <SubHeader\n leftActionBlock={\n <Typography\n className=\"neeto-ui-gray-800 font-semibold\"\n component=\"h4\"\n >\n {t(\"neetoMolecules.customDomain.customDomainWithCount\", {\n count: data?.customDomains?.length,\n })}\n </Typography>\n }\n />\n {isNotEmpty(data?.customDomains) ? (\n <TableWrapper>\n <Table\n fixedHeight\n allowRowClick={false}\n rowData={data?.customDomains}\n rowSelection={false}\n columnData={renderColumnData(\n enableManagePane,\n enableDeleteAlert\n )}\n />\n </TableWrapper>\n ) : (\n <div className=\"flex h-full w-full flex-grow items-center justify-center\">\n <NoData\n title={t(\"neetoMolecules.customDomain.notFound\")}\n helpText={\n <Trans\n i18nKey=\"neetoMolecules.customDomain.learnMoreMessage\"\n components={{\n button: (\n <Button\n href=\"https://help.neetosite.com/p/a-95ad5b03\"\n style=\"link\"\n target=\"_blank\"\n />\n ),\n }}\n />\n }\n primaryButtonProps={{\n label: t(\"neetoMolecules.customDomain.addNew\"),\n onClick: () => setIsPaneOpen(true),\n }}\n />\n </div>\n )}\n </>\n )}\n </Container>\n <ManageDomain\n {...{ customDomain, onCreate, setCustomDomain, url }}\n hasOne={false}\n isOpen={isPaneOpen}\n onClose={disableManagePane}\n />\n <DeleteAlert\n hostname={customDomain?.hostname}\n isOpen={isAlertOpen}\n isSubmitting={isDeleting}\n onClose={disableDeleteAlert}\n onSubmit={() => deleteCustomDomain(customDomain?.id)}\n />\n </>\n );\n};\n\nCustomDomainDashboard.propTypes = {\n /**\n * The props to be passed to the `CustomDomain` page header. Accepts all props that can be passed to the `Header` component.\n */\n headerProps: PropTypes.object,\n /**\n * API path to manage custom domain records.\n */\n url: PropTypes.string,\n /**\n * Callback function will be invoked with new domain values after successfully creating the domain.\n */\n onCreate: PropTypes.func,\n};\n\nexport default CustomDomainDashboard;\n"],"names":["Header","withT","_ref","t","setIsPaneOpen","searchTerm","setSearchTerm","headerProps","isFiltersVisible","React","createElement","NeetoHeader","_extends","title","PLURAL","actionBlock","Button","label","onClick","searchProps","value","onChange","withEventTargetValue","placeholder","className","memo","CustomDomainDashboard","_data$customDomains","url","onCreate","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","isPaneOpen","_useState5","_useState6","customDomain","setCustomDomain","_useState7","_useState8","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","debouncedSearchTerm","useDebounce","_useFetchCustomDomain","useFetchCustomDomains","params","data","isLoading","isNotEmpty","customDomains","isPresent","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","enableManagePane","enableDeleteAlert","disableManagePane","disableDeleteAlert","Fragment","Container","PageLoader","SubHeader","leftActionBlock","Typography","component","count","length","TableWrapper","Table","fixedHeight","allowRowClick","rowData","rowSelection","columnData","renderColumnData","NoData","helpText","Trans","i18nKey","components","button","href","style","target","primaryButtonProps","ManageDomain","hasOne","isOpen","onClose","DeleteAlert","hostname","isSubmitting","onSubmit","id"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CustomDomainDashboard.js","sources":["../../src/components/CustomDomainDashboard/Header.jsx","../../src/components/CustomDomainDashboard/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { PLURAL } from \"neetocommons/constants\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport { Button } from \"neetoui\";\n\nimport NeetoHeader from \"components/Header\";\n\nconst Header = withT(\n ({\n t,\n setIsPaneOpen,\n searchTerm,\n setSearchTerm,\n headerProps,\n isFiltersVisible,\n }) => (\n <NeetoHeader\n data-testid=\"custom-domain-header\"\n title={t(\"neetoMolecules.customDomain.customDomain\", PLURAL)}\n actionBlock={\n <Button\n data-cy=\"add-new-custom-domain-button\"\n label={t(\"neetoMolecules.customDomain.addNew\")}\n onClick={() => setIsPaneOpen(true)}\n />\n }\n searchProps={\n isFiltersVisible && {\n value: searchTerm,\n onChange: withEventTargetValue(setSearchTerm),\n placeholder: t(\"neetoMolecules.customDomain.search\"),\n \"data-cy\": \"custom-domain-search-field\",\n className: \"w-56\",\n }\n }\n {...headerProps}\n />\n )\n);\n\nexport default React.memo(Header);\n","import React, { useState } from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport useDebounce from \"neetocommons/react-utils/useDebounce\";\nimport { Table, Typography, NoData, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Container from \"components/Container\";\nimport PageLoader from \"components/PageLoader\";\nimport SubHeader from \"components/SubHeader\";\nimport TableWrapper from \"components/TableWrapper\";\n\nimport DeleteAlert from \"./DeleteAlert\";\nimport Header from \"./Header\";\nimport ManageDomain from \"./Manage\";\nimport {\n useFetchCustomDomains,\n useDeleteCustomDomain,\n} from \"./useCustomDomainApi\";\nimport { renderColumnData } from \"./utils\";\n\nconst CustomDomainDashboard = ({ headerProps, url, onCreate }) => {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [isPaneOpen, setIsPaneOpen] = useState(false);\n const [customDomain, setCustomDomain] = useState({});\n const [isAlertOpen, setIsAlertOpen] = useState(false);\n const { t } = useTranslation();\n const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n const { data: data, isLoading } = useFetchCustomDomains({\n url,\n params: { searchTerm: debouncedSearchTerm },\n });\n\n const isFiltersVisible =\n isNotEmpty(data?.customDomains) || isPresent(searchTerm);\n\n const { mutate: deleteCustomDomain, isLoading: isDeleting } =\n useDeleteCustomDomain(url, {\n onSettled: () => {\n setIsAlertOpen(false);\n setCustomDomain({});\n },\n });\n\n const enableManagePane = customDomain => {\n setCustomDomain(customDomain);\n setIsPaneOpen(true);\n };\n\n const enableDeleteAlert = customDomain => {\n setCustomDomain(customDomain);\n setIsAlertOpen(true);\n };\n\n const disableManagePane = () => {\n setIsPaneOpen(false);\n setCustomDomain({});\n };\n\n const disableDeleteAlert = () => {\n setIsAlertOpen(false);\n setCustomDomain({});\n };\n\n return (\n <>\n <Container>\n <Header\n {...{\n headerProps,\n isFiltersVisible,\n searchTerm,\n setIsPaneOpen,\n setSearchTerm,\n }}\n />\n {isLoading && (\n <div className=\"h-screen w-full\">\n <PageLoader />\n </div>\n )}\n {!isLoading && (\n <>\n <SubHeader\n leftActionBlock={\n <Typography\n className=\"neeto-ui-gray-800 font-semibold\"\n component=\"h4\"\n >\n {t(\"neetoMolecules.customDomain.customDomainWithCount\", {\n count: data?.customDomains?.length,\n })}\n </Typography>\n }\n />\n {isNotEmpty(data?.customDomains) ? (\n <TableWrapper>\n <Table\n fixedHeight\n allowRowClick={false}\n rowData={data?.customDomains}\n rowSelection={false}\n columnData={renderColumnData(\n enableManagePane,\n enableDeleteAlert\n )}\n />\n </TableWrapper>\n ) : (\n <div className=\"flex h-full w-full flex-grow items-center justify-center\">\n <NoData\n title={t(\"neetoMolecules.customDomain.notFound\")}\n helpText={\n <Trans\n i18nKey=\"neetoMolecules.customDomain.learnMoreMessage\"\n components={{\n button: (\n <Button\n href=\"https://help.neetosite.com/p/a-95ad5b03\"\n style=\"link\"\n target=\"_blank\"\n />\n ),\n }}\n />\n }\n primaryButtonProps={{\n label: t(\"neetoMolecules.customDomain.addNew\"),\n onClick: () => setIsPaneOpen(true),\n }}\n />\n </div>\n )}\n </>\n )}\n </Container>\n <ManageDomain\n {...{ customDomain, onCreate, setCustomDomain, url }}\n hasOne={false}\n isOpen={isPaneOpen}\n onClose={disableManagePane}\n />\n <DeleteAlert\n hostname={customDomain?.hostname}\n isOpen={isAlertOpen}\n isSubmitting={isDeleting}\n onClose={disableDeleteAlert}\n onSubmit={() => deleteCustomDomain(customDomain?.id)}\n />\n </>\n );\n};\n\nCustomDomainDashboard.propTypes = {\n /**\n * The props to be passed to the `CustomDomain` page header. Accepts all props that can be passed to the `Header` component.\n */\n headerProps: PropTypes.object,\n /**\n * API path to manage custom domain records.\n */\n url: PropTypes.string,\n /**\n * Callback function will be invoked with new domain values after successfully creating the domain.\n */\n onCreate: PropTypes.func,\n};\n\nexport default CustomDomainDashboard;\n"],"names":["Header","withT","_ref","t","setIsPaneOpen","searchTerm","setSearchTerm","headerProps","isFiltersVisible","React","createElement","NeetoHeader","_extends","title","PLURAL","actionBlock","Button","label","onClick","searchProps","value","onChange","withEventTargetValue","placeholder","className","memo","CustomDomainDashboard","_data$customDomains","url","onCreate","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","isPaneOpen","_useState5","_useState6","customDomain","setCustomDomain","_useState7","_useState8","isAlertOpen","setIsAlertOpen","_useTranslation","useTranslation","debouncedSearchTerm","useDebounce","_useFetchCustomDomain","useFetchCustomDomains","params","data","isLoading","isNotEmpty","customDomains","isPresent","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","enableManagePane","enableDeleteAlert","disableManagePane","disableDeleteAlert","Fragment","Container","PageLoader","SubHeader","leftActionBlock","Typography","component","count","length","TableWrapper","Table","fixedHeight","allowRowClick","rowData","rowSelection","columnData","renderColumnData","NoData","helpText","Trans","i18nKey","components","button","href","style","target","primaryButtonProps","ManageDomain","hasOne","isOpen","onClose","DeleteAlert","hostname","isSubmitting","onSubmit","id"],"mappings":"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"}
|
package/dist/cjs/DateFormat.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
6
6
|
var useTimer = require('@bigbinary/neeto-commons-frontend/react-utils/useTimer');
|
|
@@ -10,6 +10,7 @@ var ramda = require('ramda');
|
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
13
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
13
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
15
|
var useTimer__default = /*#__PURE__*/_interopDefaultLegacy(useTimer);
|
|
15
16
|
|
|
@@ -25,11 +26,11 @@ var DateFormat = ramda.fromPairs(ramda.keys(datetime.timeFormat).map(function (k
|
|
|
25
26
|
_ref$tooltipDateForma = _ref.tooltipDateFormat,
|
|
26
27
|
tooltipDateFormat = _ref$tooltipDateForma === void 0 ? "extended" : _ref$tooltipDateForma;
|
|
27
28
|
useTimer__default["default"](timerInterval);
|
|
28
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip,
|
|
29
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends__default["default"]({
|
|
29
30
|
content: datetime.timeFormat[tooltipDateFormat](date),
|
|
30
31
|
disabled: key === tooltipDateFormat,
|
|
31
32
|
position: "top"
|
|
32
|
-
}, tooltipProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography,
|
|
33
|
+
}, tooltipProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends__default["default"]({
|
|
33
34
|
component: "span",
|
|
34
35
|
style: "body2"
|
|
35
36
|
}, typographyProps), datetime.timeFormat[key](date)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFormat.js","sources":["../../src/components/DateFormat.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport useTimer from \"neetocommons/react-utils/useTimer\";\nimport { timeFormat } from \"neetocommons/utils/datetime\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { fromPairs, keys } from \"ramda\";\n\nconst DateFormat = fromPairs(\n keys(timeFormat).map(key => [\n capitalize(key),\n ({\n date,\n timerInterval = 60,\n tooltipProps = {},\n typographyProps = {},\n tooltipDateFormat = \"extended\",\n }) => {\n useTimer(timerInterval);\n\n return (\n <Tooltip\n content={timeFormat[tooltipDateFormat](date)}\n disabled={key === tooltipDateFormat}\n position=\"top\"\n {...tooltipProps}\n >\n <Typography component=\"span\" style=\"body2\" {...typographyProps}>\n {timeFormat[key](date)}\n </Typography>\n </Tooltip>\n );\n },\n ])\n);\n\nDateFormat.propTypes = {\n /**\n * The date object to be formatted.\n */\n date: PropTypes.instanceOf(Date),\n /**\n * This prop will be used to re-render the component in every `timerInterval` seconds to show updated relative time.\n */\n timerInterval: PropTypes.number,\n /**\n * This prop will accept a string to set the format corresponding to\n * [dateFormat](https://github.com/bigbinary/neeto-commons-frontend/blob/main/docs/utils/dateFormat.md)\n * options from `neeto-commons-frontend`.\n */\n tooltipDateFormat: PropTypes.string,\n /**\n * This prop will be forwarded to the neetoui Tooltip component. Default position is \"top\".\n */\n tooltipProps: PropTypes.object,\n /**\n * This prop will be forwarded to the neetoui Typography component.\n */\n typographyProps: PropTypes.object,\n};\n\nexport default DateFormat;\n"],"names":["DateFormat","fromPairs","keys","timeFormat","map","key","capitalize","_ref","date","_ref$timerInterval","timerInterval","_ref$tooltipProps","tooltipProps","_ref$typographyProps","typographyProps","_ref$tooltipDateForma","tooltipDateFormat","useTimer","React","createElement","Tooltip","_extends","content","disabled","position","Typography","component","style"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateFormat.js","sources":["../../src/components/DateFormat.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport useTimer from \"neetocommons/react-utils/useTimer\";\nimport { timeFormat } from \"neetocommons/utils/datetime\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { fromPairs, keys } from \"ramda\";\n\nconst DateFormat = fromPairs(\n keys(timeFormat).map(key => [\n capitalize(key),\n ({\n date,\n timerInterval = 60,\n tooltipProps = {},\n typographyProps = {},\n tooltipDateFormat = \"extended\",\n }) => {\n useTimer(timerInterval);\n\n return (\n <Tooltip\n content={timeFormat[tooltipDateFormat](date)}\n disabled={key === tooltipDateFormat}\n position=\"top\"\n {...tooltipProps}\n >\n <Typography component=\"span\" style=\"body2\" {...typographyProps}>\n {timeFormat[key](date)}\n </Typography>\n </Tooltip>\n );\n },\n ])\n);\n\nDateFormat.propTypes = {\n /**\n * The date object to be formatted.\n */\n date: PropTypes.instanceOf(Date),\n /**\n * This prop will be used to re-render the component in every `timerInterval` seconds to show updated relative time.\n */\n timerInterval: PropTypes.number,\n /**\n * This prop will accept a string to set the format corresponding to\n * [dateFormat](https://github.com/bigbinary/neeto-commons-frontend/blob/main/docs/utils/dateFormat.md)\n * options from `neeto-commons-frontend`.\n */\n tooltipDateFormat: PropTypes.string,\n /**\n * This prop will be forwarded to the neetoui Tooltip component. Default position is \"top\".\n */\n tooltipProps: PropTypes.object,\n /**\n * This prop will be forwarded to the neetoui Typography component.\n */\n typographyProps: PropTypes.object,\n};\n\nexport default DateFormat;\n"],"names":["DateFormat","fromPairs","keys","timeFormat","map","key","capitalize","_ref","date","_ref$timerInterval","timerInterval","_ref$tooltipProps","tooltipProps","_ref$typographyProps","typographyProps","_ref$tooltipDateForma","tooltipDateFormat","useTimer","React","createElement","Tooltip","_extends","content","disabled","position","Typography","component","style"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAMA,UAAU,GAAGC,eAAS,CAC1BC,UAAI,CAACC,mBAAU,CAAC,CAACC,GAAG,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAI,CAC1BC,oBAAU,CAACD,GAAG,CAAC,EACf,UAAAE,IAAA,EAMM;AAAA,IAAA,IALJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAAC,kBAAA,GAAAF,IAAA,CACJG,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,kBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAClBK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,iBAAA;MAAAE,oBAAA,GAAAN,IAAA,CACjBO,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,oBAAA;MAAAE,qBAAA,GAAAR,IAAA,CACpBS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA,CAAA;IAE9BE,4BAAQ,CAACP,aAAa,CAAC,CAAA;AAEvB,IAAA,oBACEQ,yBAAA,CAAAC,aAAA,CAACC,eAAO,EAAAC,4BAAA,CAAA;AACNC,MAAAA,OAAO,EAAEnB,mBAAU,CAACa,iBAAiB,CAAC,CAACR,IAAI,CAAE;MAC7Ce,QAAQ,EAAElB,GAAG,KAAKW,iBAAkB;AACpCQ,MAAAA,QAAQ,EAAC,KAAA;KACLZ,EAAAA,YAAY,gBAEhBM,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAAJ,4BAAA,CAAA;AAACK,MAAAA,SAAS,EAAC,MAAM;AAACC,MAAAA,KAAK,EAAC,OAAA;KAAYb,EAAAA,eAAe,CAC3DX,EAAAA,mBAAU,CAACE,GAAG,CAAC,CAACG,IAAI,CACX,CACL,CAAC,CAAA;AAEd,GAAC,CACF,CAAA;AAAA,CAAA,CACH;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _extends = require('
|
|
4
|
-
var
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var dayjs = require('dayjs');
|
|
7
7
|
var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
|
|
@@ -11,6 +11,8 @@ var i18next = require('i18next');
|
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
14
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
15
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
14
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
17
|
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
16
18
|
|
|
@@ -153,7 +155,7 @@ var DateRangeFilter = function DateRangeFilter(_ref) {
|
|
|
153
155
|
})), isCustom && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
154
156
|
className: "max-w-sm flex-grow",
|
|
155
157
|
"data-testid": "date-range-filter-custom-duration-picker"
|
|
156
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker,
|
|
158
|
+
}, /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends__default["default"]({
|
|
157
159
|
autoFocus: true,
|
|
158
160
|
className: "w-full",
|
|
159
161
|
dateFormat: requiredDateFormat,
|
|
@@ -161,7 +163,7 @@ var DateRangeFilter = function DateRangeFilter(_ref) {
|
|
|
161
163
|
type: "range",
|
|
162
164
|
defaultValue: [startDate ? dayjs__default["default"](startDate) : null, endDate ? dayjs__default["default"](endDate) : null],
|
|
163
165
|
onChange: function onChange(_ref2) {
|
|
164
|
-
var _ref3 =
|
|
166
|
+
var _ref3 = _slicedToArray__default["default"](_ref2, 2),
|
|
165
167
|
startDate = _ref3[0],
|
|
166
168
|
endDate = _ref3[1];
|
|
167
169
|
setTimePeriod({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangeFilter.js","sources":["../../src/components/DateRangeFilter/utils.js","../../src/components/DateRangeFilter/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { t } from \"i18next\";\n\nconst quarterOfYear = require(\"dayjs/plugin/quarterOfYear\");\n\ndayjs.extend(quarterOfYear);\n\nexport const defaultTimePeriodOptions = () => {\n const today = dayjs().startOf(\"day\");\n const startOfLastWeek = today.subtract(7, \"day\").startOf(\"week\");\n\n const endOfLastWeek = today.subtract(7, \"day\").endOf(\"week\");\n const lastMonthStart = today.subtract(1, \"month\").startOf(\"month\");\n const lastMonthEnd = today.subtract(1, \"month\").endOf(\"month\");\n const thisQuarterStart = dayjs().startOf(\"quarter\");\n const thisQuarterEnd = dayjs().endOf(\"quarter\");\n const lastQuarterStart = dayjs().subtract(1, \"quarter\").startOf(\"quarter\");\n const lastQuarterEnd = dayjs().subtract(1, \"quarter\").endOf(\"quarter\");\n const startOfLastYear = dayjs().subtract(1, \"year\").startOf(\"year\");\n const endOfLastYear = dayjs().subtract(1, \"year\").endOf(\"year\");\n const startOfYear = dayjs().startOf(\"year\");\n const endOfYear = dayjs().endOf(\"year\");\n\n const startOf24Hours = dayjs().subtract(24, \"hour\");\n const now = dayjs();\n const startOfLast7Days = dayjs().subtract(7, \"day\");\n const startOfWeek = dayjs().startOf(\"week\");\n const startOfLast30Days = dayjs().subtract(30, \"day\");\n const startOfMonth = today.startOf(\"month\");\n\n return [\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.allTime\"),\n value: { startDate: null, endDate: null, rangeType: \"all\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last24Hours\"),\n value: { startDate: startOf24Hours, endDate: now, rangeType: \"hours\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last7Days\"),\n value: {\n startDate: startOfLast7Days,\n endDate: now,\n rangeType: \"days\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisWeek\"),\n value: { startDate: startOfWeek, endDate: now, rangeType: \"week\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastWeek\"),\n value: {\n startDate: startOfLastWeek,\n endDate: endOfLastWeek,\n rangeType: \"week\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last30Days\"),\n value: {\n startDate: startOfLast30Days,\n endDate: now,\n rangeType: \"days\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisMonth\"),\n value: { startDate: startOfMonth, endDate: now, rangeType: \"month\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastMonth\"),\n value: {\n startDate: lastMonthStart,\n endDate: lastMonthEnd,\n rangeType: \"month\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisQuarter\"),\n value: {\n startDate: thisQuarterStart,\n endDate: thisQuarterEnd,\n rangeType: \"quarter\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastQuarter\"),\n value: {\n startDate: lastQuarterStart,\n endDate: lastQuarterEnd,\n rangeType: \"quarter\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisYear\"),\n value: { startDate: startOfYear, endDate: endOfYear, rangeType: \"year\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastYear\"),\n value: {\n startDate: startOfLastYear,\n endDate: endOfLastYear,\n rangeType: \"year\",\n },\n },\n {\n label: t(\n \"neetoMolecules.dateRangeFilter.timePeriodOptions.customDuration\"\n ),\n value: \"custom\",\n },\n ];\n};\n","import React from \"react\";\n\nimport dayjs from \"dayjs\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Select, DatePicker } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\n\nimport { defaultTimePeriodOptions } from \"./utils\";\n\nconst DateRangeFilter = ({\n timePeriodOptions,\n timePeriod,\n setTimePeriod,\n datePickerProps,\n}) => {\n const isCustom =\n timePeriod.value === \"custom\" || timePeriod.value?.rangeType === \"custom\";\n const startDate = timePeriod.value?.startDate;\n const endDate = timePeriod.value?.endDate;\n const requiredDateFormat = globalProps?.user?.dateFormat;\n\n return (\n <div className=\"flex flex-wrap gap-3\" data-testid=\"date-range-filter\">\n <div className=\"w-40\">\n <Select\n required\n getOptionValue={prop(\"label\")}\n options={timePeriodOptions || defaultTimePeriodOptions()}\n strategy=\"fixed\"\n value={timePeriod}\n onChange={option => setTimePeriod(option)}\n />\n </div>\n {isCustom && (\n <div\n className=\"max-w-sm flex-grow\"\n data-testid=\"date-range-filter-custom-duration-picker\"\n >\n <DatePicker\n autoFocus\n className=\"w-full\"\n dateFormat={requiredDateFormat}\n picker=\"date\"\n type=\"range\"\n defaultValue={[\n startDate ? dayjs(startDate) : null,\n endDate ? dayjs(endDate) : null,\n ]}\n onChange={([startDate, endDate]) => {\n setTimePeriod({\n label: timePeriod.label,\n value: { startDate, endDate, rangeType: \"custom\" },\n });\n }}\n {...datePickerProps}\n />\n </div>\n )}\n </div>\n );\n};\n\nDateRangeFilter.propTypes = {\n /**\n * An array of objects that can be passed to the component which can be used to override default filter options.\n */\n timePeriodOptions: PropTypes.arrayOf(\n PropTypes.shape({ label: PropTypes.string, value: PropTypes.object })\n ),\n /**\n * The state corresponding to the currently selected date range filter.\n */\n timePeriod: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.object,\n }),\n /**\n * The setter method for `timePeriod` state.\n */\n setTimePeriod: PropTypes.func,\n /**\n * These props will be passed to the date range picker for custom date range selection.\n */\n datePickerProps: PropTypes.object,\n};\n\nexport default DateRangeFilter;\n"],"names":["quarterOfYear","require","dayjs","extend","defaultTimePeriodOptions","today","startOf","startOfLastWeek","subtract","endOfLastWeek","endOf","lastMonthStart","lastMonthEnd","thisQuarterStart","thisQuarterEnd","lastQuarterStart","lastQuarterEnd","startOfLastYear","endOfLastYear","startOfYear","endOfYear","startOf24Hours","now","startOfLast7Days","startOfWeek","startOfLast30Days","startOfMonth","label","t","value","startDate","endDate","rangeType","DateRangeFilter","_ref","_timePeriod$value","_timePeriod$value2","_timePeriod$value3","_globalProps$user","timePeriodOptions","timePeriod","setTimePeriod","datePickerProps","isCustom","requiredDateFormat","globalProps","user","dateFormat","React","createElement","className","Select","required","getOptionValue","prop","options","strategy","onChange","option","DatePicker","_extends","autoFocus","picker","type","defaultValue","_ref2","_ref3","_slicedToArray"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateRangeFilter.js","sources":["../../src/components/DateRangeFilter/utils.js","../../src/components/DateRangeFilter/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { t } from \"i18next\";\n\nconst quarterOfYear = require(\"dayjs/plugin/quarterOfYear\");\n\ndayjs.extend(quarterOfYear);\n\nexport const defaultTimePeriodOptions = () => {\n const today = dayjs().startOf(\"day\");\n const startOfLastWeek = today.subtract(7, \"day\").startOf(\"week\");\n\n const endOfLastWeek = today.subtract(7, \"day\").endOf(\"week\");\n const lastMonthStart = today.subtract(1, \"month\").startOf(\"month\");\n const lastMonthEnd = today.subtract(1, \"month\").endOf(\"month\");\n const thisQuarterStart = dayjs().startOf(\"quarter\");\n const thisQuarterEnd = dayjs().endOf(\"quarter\");\n const lastQuarterStart = dayjs().subtract(1, \"quarter\").startOf(\"quarter\");\n const lastQuarterEnd = dayjs().subtract(1, \"quarter\").endOf(\"quarter\");\n const startOfLastYear = dayjs().subtract(1, \"year\").startOf(\"year\");\n const endOfLastYear = dayjs().subtract(1, \"year\").endOf(\"year\");\n const startOfYear = dayjs().startOf(\"year\");\n const endOfYear = dayjs().endOf(\"year\");\n\n const startOf24Hours = dayjs().subtract(24, \"hour\");\n const now = dayjs();\n const startOfLast7Days = dayjs().subtract(7, \"day\");\n const startOfWeek = dayjs().startOf(\"week\");\n const startOfLast30Days = dayjs().subtract(30, \"day\");\n const startOfMonth = today.startOf(\"month\");\n\n return [\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.allTime\"),\n value: { startDate: null, endDate: null, rangeType: \"all\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last24Hours\"),\n value: { startDate: startOf24Hours, endDate: now, rangeType: \"hours\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last7Days\"),\n value: {\n startDate: startOfLast7Days,\n endDate: now,\n rangeType: \"days\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisWeek\"),\n value: { startDate: startOfWeek, endDate: now, rangeType: \"week\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastWeek\"),\n value: {\n startDate: startOfLastWeek,\n endDate: endOfLastWeek,\n rangeType: \"week\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.last30Days\"),\n value: {\n startDate: startOfLast30Days,\n endDate: now,\n rangeType: \"days\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisMonth\"),\n value: { startDate: startOfMonth, endDate: now, rangeType: \"month\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastMonth\"),\n value: {\n startDate: lastMonthStart,\n endDate: lastMonthEnd,\n rangeType: \"month\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisQuarter\"),\n value: {\n startDate: thisQuarterStart,\n endDate: thisQuarterEnd,\n rangeType: \"quarter\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastQuarter\"),\n value: {\n startDate: lastQuarterStart,\n endDate: lastQuarterEnd,\n rangeType: \"quarter\",\n },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.thisYear\"),\n value: { startDate: startOfYear, endDate: endOfYear, rangeType: \"year\" },\n },\n {\n label: t(\"neetoMolecules.dateRangeFilter.timePeriodOptions.lastYear\"),\n value: {\n startDate: startOfLastYear,\n endDate: endOfLastYear,\n rangeType: \"year\",\n },\n },\n {\n label: t(\n \"neetoMolecules.dateRangeFilter.timePeriodOptions.customDuration\"\n ),\n value: \"custom\",\n },\n ];\n};\n","import React from \"react\";\n\nimport dayjs from \"dayjs\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Select, DatePicker } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\n\nimport { defaultTimePeriodOptions } from \"./utils\";\n\nconst DateRangeFilter = ({\n timePeriodOptions,\n timePeriod,\n setTimePeriod,\n datePickerProps,\n}) => {\n const isCustom =\n timePeriod.value === \"custom\" || timePeriod.value?.rangeType === \"custom\";\n const startDate = timePeriod.value?.startDate;\n const endDate = timePeriod.value?.endDate;\n const requiredDateFormat = globalProps?.user?.dateFormat;\n\n return (\n <div className=\"flex flex-wrap gap-3\" data-testid=\"date-range-filter\">\n <div className=\"w-40\">\n <Select\n required\n getOptionValue={prop(\"label\")}\n options={timePeriodOptions || defaultTimePeriodOptions()}\n strategy=\"fixed\"\n value={timePeriod}\n onChange={option => setTimePeriod(option)}\n />\n </div>\n {isCustom && (\n <div\n className=\"max-w-sm flex-grow\"\n data-testid=\"date-range-filter-custom-duration-picker\"\n >\n <DatePicker\n autoFocus\n className=\"w-full\"\n dateFormat={requiredDateFormat}\n picker=\"date\"\n type=\"range\"\n defaultValue={[\n startDate ? dayjs(startDate) : null,\n endDate ? dayjs(endDate) : null,\n ]}\n onChange={([startDate, endDate]) => {\n setTimePeriod({\n label: timePeriod.label,\n value: { startDate, endDate, rangeType: \"custom\" },\n });\n }}\n {...datePickerProps}\n />\n </div>\n )}\n </div>\n );\n};\n\nDateRangeFilter.propTypes = {\n /**\n * An array of objects that can be passed to the component which can be used to override default filter options.\n */\n timePeriodOptions: PropTypes.arrayOf(\n PropTypes.shape({ label: PropTypes.string, value: PropTypes.object })\n ),\n /**\n * The state corresponding to the currently selected date range filter.\n */\n timePeriod: PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.object,\n }),\n /**\n * The setter method for `timePeriod` state.\n */\n setTimePeriod: PropTypes.func,\n /**\n * These props will be passed to the date range picker for custom date range selection.\n */\n datePickerProps: PropTypes.object,\n};\n\nexport default DateRangeFilter;\n"],"names":["quarterOfYear","require","dayjs","extend","defaultTimePeriodOptions","today","startOf","startOfLastWeek","subtract","endOfLastWeek","endOf","lastMonthStart","lastMonthEnd","thisQuarterStart","thisQuarterEnd","lastQuarterStart","lastQuarterEnd","startOfLastYear","endOfLastYear","startOfYear","endOfYear","startOf24Hours","now","startOfLast7Days","startOfWeek","startOfLast30Days","startOfMonth","label","t","value","startDate","endDate","rangeType","DateRangeFilter","_ref","_timePeriod$value","_timePeriod$value2","_timePeriod$value3","_globalProps$user","timePeriodOptions","timePeriod","setTimePeriod","datePickerProps","isCustom","requiredDateFormat","globalProps","user","dateFormat","React","createElement","className","Select","required","getOptionValue","prop","options","strategy","onChange","option","DatePicker","_extends","autoFocus","picker","type","defaultValue","_ref2","_ref3","_slicedToArray"],"mappings":"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"}
|