@bigbinary/neeto-molecules 1.1.16 → 1.1.18
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/AutoSaveInput.js +658 -0
- package/dist/AutoSaveInput.js.map +1 -0
- package/dist/Breadcrumbs.js +38 -0
- package/dist/Breadcrumbs.js.map +1 -0
- package/dist/BrowserSupport.js +418 -0
- package/dist/BrowserSupport.js.map +1 -0
- package/dist/Builder.js +662 -0
- package/dist/Builder.js.map +1 -0
- package/dist/CalendarView.js +538 -0
- package/dist/CalendarView.js.map +1 -0
- package/dist/Codeblock.js +236 -0
- package/dist/Codeblock.js.map +1 -0
- package/dist/{Columns/index.js → Columns.js} +130 -13
- package/dist/Columns.js.map +1 -0
- package/dist/{ConfirmationModal/index.js → ConfirmationModal.js} +20 -8
- package/dist/ConfirmationModal.js.map +1 -0
- package/dist/Container.js +1211 -0
- package/dist/Container.js.map +1 -0
- package/dist/CopyToClipboardButton.js +209 -0
- package/dist/CopyToClipboardButton.js.map +1 -0
- package/dist/CustomDomain.js +688 -0
- package/dist/CustomDomain.js.map +1 -0
- package/dist/CustomDomainDashboard.js +2283 -0
- package/dist/CustomDomainDashboard.js.map +1 -0
- package/dist/{DateFormat/index.js → DateFormat.js} +25 -8
- package/dist/DateFormat.js.map +1 -0
- package/dist/DateRangeFilter.js +229 -0
- package/dist/DateRangeFilter.js.map +1 -0
- package/dist/DynamicVariables.js +183 -0
- package/dist/DynamicVariables.js.map +1 -0
- package/dist/EmailForm.js +2292 -0
- package/dist/EmailForm.js.map +1 -0
- package/dist/EmailPreview.js +1353 -0
- package/dist/EmailPreview.js.map +1 -0
- package/dist/{ErrorPage/constants.js → ErrorPage.js} +137 -36
- package/dist/ErrorPage.js.map +1 -0
- package/dist/Header.js +122 -0
- package/dist/Header.js.map +1 -0
- package/dist/IconPicker.js +313 -0
- package/dist/IconPicker.js.map +1 -0
- package/dist/ImageWithFallback.js +181 -0
- package/dist/ImageWithFallback.js.map +1 -0
- package/dist/IntegrationCard.js +343 -0
- package/dist/IntegrationCard.js.map +1 -0
- package/dist/IntegrationDisconnectAlert.js +80 -0
- package/dist/IntegrationDisconnectAlert.js.map +1 -0
- package/dist/{IntegrationWalkthroughModal/index.js → IntegrationWalkthroughModal.js} +8 -6
- package/dist/IntegrationWalkthroughModal.js.map +1 -0
- package/dist/IpRestriction.js +857 -0
- package/dist/IpRestriction.js.map +1 -0
- package/dist/KeyboardShortcuts.js +359 -0
- package/dist/KeyboardShortcuts.js.map +1 -0
- package/dist/LoginPage.js +593 -0
- package/dist/LoginPage.js.map +1 -0
- package/dist/MenuBar.js +1461 -0
- package/dist/MenuBar.js.map +1 -0
- package/dist/Metadata.js +206 -0
- package/dist/Metadata.js.map +1 -0
- package/dist/{MoreDropdown/index.js → MoreDropdown.js} +102 -9
- package/dist/MoreDropdown.js.map +1 -0
- package/dist/NavigationHeader.js +690 -0
- package/dist/NavigationHeader.js.map +1 -0
- package/dist/NeetoWidget.js +1333 -0
- package/dist/NeetoWidget.js.map +1 -0
- package/dist/PageLoader.js +134 -0
- package/dist/PageLoader.js.map +1 -0
- package/dist/PhoneNumber.js +365 -0
- package/dist/PhoneNumber.js.map +1 -0
- package/dist/PublishBlock.js +158 -0
- package/dist/PublishBlock.js.map +1 -0
- package/dist/Rename.js +450 -0
- package/dist/Rename.js.map +1 -0
- package/dist/ResponsiveDevicePicker.js +194 -0
- package/dist/ResponsiveDevicePicker.js.map +1 -0
- package/dist/Schedule.js +1046 -0
- package/dist/Schedule.js.map +1 -0
- package/dist/Scrollable.js +122 -0
- package/dist/Scrollable.js.map +1 -0
- package/dist/Search.js +151 -0
- package/dist/Search.js.map +1 -0
- package/dist/Security.js +1835 -0
- package/dist/Security.js.map +1 -0
- package/dist/SendToFields.js +601 -0
- package/dist/SendToFields.js.map +1 -0
- package/dist/Settings.js +435 -0
- package/dist/Settings.js.map +1 -0
- package/dist/ShareViaEmail.js +2277 -0
- package/dist/ShareViaEmail.js.map +1 -0
- package/dist/ShareViaLink.js +628 -0
- package/dist/ShareViaLink.js.map +1 -0
- package/dist/Sidebar.js +972 -0
- package/dist/Sidebar.js.map +1 -0
- package/dist/SubHeader.js +216 -0
- package/dist/SubHeader.js.map +1 -0
- package/dist/{TableWrapper/index.js → TableWrapper.js} +6 -3
- package/dist/TableWrapper.js.map +1 -0
- package/dist/ThemeSidebar.js +1984 -0
- package/dist/ThemeSidebar.js.map +1 -0
- package/dist/TimeFormat.js +47 -0
- package/dist/TimeFormat.js.map +1 -0
- package/dist/TimezoneMismatchModal.js +168 -0
- package/dist/TimezoneMismatchModal.js.map +1 -0
- package/dist/ToggleFeatureCard.js +323 -0
- package/dist/ToggleFeatureCard.js.map +1 -0
- package/package.json +22 -13
- package/dist/AutoSaveInput/autosaveinput.scss +0 -15
- package/dist/AutoSaveInput/constants.js +0 -13
- package/dist/AutoSaveInput/index.js +0 -124
- package/dist/AutoSaveInput/utils.js +0 -10
- package/dist/Breadcrumbs/breadcrumbs.scss +0 -33
- package/dist/Breadcrumbs/index.js +0 -31
- package/dist/BrowserSupport/Callout.js +0 -15
- package/dist/BrowserSupport/ContactUs.js +0 -21
- package/dist/BrowserSupport/DownloadLink.js +0 -17
- package/dist/BrowserSupport/PartialSupportedBrowserVersion.js +0 -17
- package/dist/BrowserSupport/UnknownBrowser.js +0 -13
- package/dist/BrowserSupport/UnsupportedBrowser.js +0 -24
- package/dist/BrowserSupport/UnsupportedBrowserMessage.js +0 -22
- package/dist/BrowserSupport/UnsupportedBrowserVersion.js +0 -27
- package/dist/BrowserSupport/UnsupportedVersionMessage.js +0 -30
- package/dist/BrowserSupport/browsersupport.scss +0 -71
- package/dist/BrowserSupport/constants.js +0 -63
- package/dist/BrowserSupport/index.js +0 -58
- package/dist/BrowserSupport/utils.js +0 -32
- package/dist/Builder/Body.js +0 -9
- package/dist/Builder/ElementsPanel/ElementsList/Element.js +0 -27
- package/dist/Builder/ElementsPanel/ElementsList/Section.js +0 -28
- package/dist/Builder/ElementsPanel/ElementsList/TitleBar.js +0 -28
- package/dist/Builder/ElementsPanel/ElementsList/index.js +0 -63
- package/dist/Builder/ElementsPanel/SelectedElementsList/SelectedElement.js +0 -73
- package/dist/Builder/ElementsPanel/SelectedElementsList/TitleBar.js +0 -50
- package/dist/Builder/ElementsPanel/SelectedElementsList/index.js +0 -91
- package/dist/Builder/ElementsPanel/index.js +0 -70
- package/dist/Builder/PropertiesPanel/EmptyProperty.js +0 -21
- package/dist/Builder/PropertiesPanel/Skeleton.js +0 -24
- package/dist/Builder/PropertiesPanel/index.js +0 -12
- package/dist/Builder/index.js +0 -3
- package/dist/Builder/styles.scss +0 -84
- package/dist/CalendarView/CustomDatePicker.js +0 -87
- package/dist/CalendarView/Header.js +0 -53
- package/dist/CalendarView/constants.js +0 -19
- package/dist/CalendarView/index.js +0 -83
- package/dist/CalendarView/utils.js +0 -50
- package/dist/Codeblock/index.js +0 -30
- package/dist/Columns/utils.js +0 -20
- package/dist/ConfirmationModal/constants.js +0 -3
- package/dist/ConfirmationModal/utils.js +0 -6
- package/dist/Container/container.scss +0 -21
- package/dist/Container/index.js +0 -23
- package/dist/CopyToClipboardButton/constants.js +0 -13
- package/dist/CopyToClipboardButton/copyToClipboard.scss +0 -22
- package/dist/CopyToClipboardButton/index.js +0 -59
- package/dist/CustomDomain/index.js +0 -98
- package/dist/CustomDomainDashboard/DeleteAlert.js +0 -28
- package/dist/CustomDomainDashboard/Header.js +0 -32
- package/dist/CustomDomainDashboard/Manage/Record.js +0 -42
- package/dist/CustomDomainDashboard/Manage/StatusInfo.js +0 -21
- package/dist/CustomDomainDashboard/Manage/TagBlock.js +0 -36
- package/dist/CustomDomainDashboard/Manage/constants.js +0 -4
- package/dist/CustomDomainDashboard/Manage/index.js +0 -125
- package/dist/CustomDomainDashboard/Manage/utils.js +0 -8
- package/dist/CustomDomainDashboard/api.js +0 -35
- package/dist/CustomDomainDashboard/constants.js +0 -2
- package/dist/CustomDomainDashboard/index.js +0 -118
- package/dist/CustomDomainDashboard/useCustomDomainApi.js +0 -71
- package/dist/CustomDomainDashboard/utils.js +0 -84
- package/dist/DateRangeFilter/index.js +0 -60
- package/dist/DateRangeFilter/utils.js +0 -113
- package/dist/DynamicVariables/dynamic-variables.scss +0 -34
- package/dist/DynamicVariables/index.js +0 -59
- package/dist/DynamicVariables/utils.js +0 -37
- package/dist/EmailForm/EmailForm.js +0 -98
- package/dist/EmailForm/EmailFormProvider.js +0 -45
- package/dist/EmailForm/EmailPreview.js +0 -129
- package/dist/EmailForm/ReplyToField.js +0 -55
- package/dist/EmailForm/SendToField.js +0 -28
- package/dist/EmailForm/SubjectField.js +0 -64
- package/dist/EmailForm/constants.js +0 -33
- package/dist/EmailForm/contexts/EmailForm.js +0 -7
- package/dist/EmailForm/index.js +0 -4
- package/dist/EmailForm/utils.js +0 -10
- package/dist/EmailPreview/index.js +0 -2
- package/dist/ErrorPage/index.js +0 -78
- package/dist/Header/Breadcrumbs.js +0 -31
- package/dist/Header/Dropdown.js +0 -12
- package/dist/Header/constants.js +0 -6
- package/dist/Header/header.scss +0 -121
- package/dist/Header/index.js +0 -61
- package/dist/IconPicker/Icon.js +0 -34
- package/dist/IconPicker/NoResults.js +0 -12
- package/dist/IconPicker/constants.js +0 -8
- package/dist/IconPicker/icon-picker.scss +0 -1
- package/dist/IconPicker/index.js +0 -164
- package/dist/ImageWithFallback/ImagePlaceholder.js +0 -16
- package/dist/ImageWithFallback/index.js +0 -31
- package/dist/IntegrationCard/Dropdown.js +0 -45
- package/dist/IntegrationCard/Status.js +0 -25
- package/dist/IntegrationCard/index.js +0 -128
- package/dist/IntegrationDisconnectAlert/index.js +0 -36
- package/dist/IpRestriction/AllowedIpRanges.js +0 -75
- package/dist/IpRestriction/CurrentIp.js +0 -26
- package/dist/IpRestriction/FormRow.js +0 -84
- package/dist/IpRestriction/Row.js +0 -91
- package/dist/IpRestriction/apis/allowed_ip_ranges.js +0 -28
- package/dist/IpRestriction/apis/current_ip.js +0 -11
- package/dist/IpRestriction/apis/ip_restriction.js +0 -16
- package/dist/IpRestriction/constants.js +0 -20
- package/dist/IpRestriction/hooks/reactQuery/useAllowedIpRanges.js +0 -34
- package/dist/IpRestriction/hooks/reactQuery/useCurrentIp.js +0 -10
- package/dist/IpRestriction/hooks/reactQuery/useIpRestrictions.js +0 -18
- package/dist/IpRestriction/index.js +0 -102
- package/dist/IpRestriction/utils.js +0 -85
- package/dist/KeyboardShortcuts/Pane/HotKey.js +0 -44
- package/dist/KeyboardShortcuts/Pane/HotKeyList.js +0 -42
- package/dist/KeyboardShortcuts/Pane/constants.js +0 -25
- package/dist/KeyboardShortcuts/Pane/index.js +0 -61
- package/dist/KeyboardShortcuts/Pane/keyboard-shortcuts.scss +0 -5
- package/dist/KeyboardShortcuts/Pane/utils.js +0 -66
- package/dist/KeyboardShortcuts/hooks/useKeyboardShortcutsPaneState.js +0 -31
- package/dist/KeyboardShortcuts/index.js +0 -9
- package/dist/LoginPage/Form.js +0 -57
- package/dist/LoginPage/constants.js +0 -12
- package/dist/LoginPage/index.js +0 -103
- package/dist/MenuBar/AddNew.js +0 -25
- package/dist/MenuBar/Block.js +0 -60
- package/dist/MenuBar/Item.js +0 -32
- package/dist/MenuBar/Search.js +0 -39
- package/dist/MenuBar/SubTitle.js +0 -23
- package/dist/MenuBar/index.js +0 -46
- package/dist/MenuBar/menubar.scss +0 -154
- package/dist/Metadata/Block.js +0 -30
- package/dist/Metadata/DetailsBlock.js +0 -86
- package/dist/Metadata/constants.js +0 -9
- package/dist/Metadata/index.js +0 -29
- package/dist/Metadata/metadata.scss +0 -15
- package/dist/MoreDropdown/constants.js +0 -25
- package/dist/NavigationHeader/LeftBlock.js +0 -32
- package/dist/NavigationHeader/Navigation.js +0 -24
- package/dist/NavigationHeader/RightBlock.js +0 -68
- package/dist/NavigationHeader/constants.js +0 -11
- package/dist/NavigationHeader/index.js +0 -19
- package/dist/NavigationHeader/navigation-header.scss +0 -3
- package/dist/NeetoWidget/CodeBlock.js +0 -57
- package/dist/NeetoWidget/CodeSnippet.js +0 -119
- package/dist/NeetoWidget/EmbedCode.js +0 -281
- package/dist/NeetoWidget/Main.js +0 -19
- package/dist/NeetoWidget/SelectionSwitches/TooltipSwitch.js +0 -25
- package/dist/NeetoWidget/SelectionSwitches/index.js +0 -44
- package/dist/NeetoWidget/SyntaxHighlighter.js +0 -17
- package/dist/NeetoWidget/api.js +0 -20
- package/dist/NeetoWidget/constants.js +0 -62
- package/dist/NeetoWidget/hooks/useForceUpdate.js +0 -14
- package/dist/NeetoWidget/index.js +0 -7
- package/dist/NeetoWidget/mutations.js +0 -9
- package/dist/NeetoWidget/queries.js +0 -32
- package/dist/NeetoWidget/utils.js +0 -83
- package/dist/PageLoader/index.js +0 -81
- package/dist/PageLoader/page-loader.scss +0 -95
- package/dist/PhoneNumber/CountryPicker/SingleValue.js +0 -21
- package/dist/PhoneNumber/CountryPicker/constants.js +0 -26
- package/dist/PhoneNumber/CountryPicker/index.js +0 -59
- package/dist/PhoneNumber/FormikPhoneNumberInput.js +0 -21
- package/dist/PhoneNumber/PhoneNumber.js +0 -30
- package/dist/PhoneNumber/PhoneNumberInput.js +0 -79
- package/dist/PhoneNumber/index.js +0 -5
- package/dist/PhoneNumber/utils.js +0 -55
- package/dist/PublishBlock/AlertBlock.js +0 -14
- package/dist/PublishBlock/index.js +0 -100
- package/dist/PublishBlock/publish-block.scss +0 -25
- package/dist/Rename/DummySpan.js +0 -21
- package/dist/Rename/constants.js +0 -1
- package/dist/Rename/index.js +0 -191
- package/dist/Rename/rename.scss +0 -69
- package/dist/Rename/utils.js +0 -10
- package/dist/ResponsiveDevicePicker/constants.js +0 -19
- package/dist/ResponsiveDevicePicker/index.js +0 -36
- package/dist/Schedule/DisplayAvailability.js +0 -58
- package/dist/Schedule/Fields.js +0 -43
- package/dist/Schedule/Form/ScheduleRow.js +0 -125
- package/dist/Schedule/Form/constants.js +0 -20
- package/dist/Schedule/Form/index.js +0 -144
- package/dist/Schedule/Form/utils.js +0 -63
- package/dist/Schedule/Header.js +0 -76
- package/dist/Schedule/ScheduleContext.js +0 -8
- package/dist/Schedule/constants.js +0 -8
- package/dist/Schedule/dayjsExtended/constants.js +0 -1
- package/dist/Schedule/dayjsExtended/index.js +0 -14
- package/dist/Schedule/dayjsExtended/range.js +0 -73
- package/dist/Schedule/index.js +0 -80
- package/dist/Schedule/utils.js +0 -152
- package/dist/Scrollable/constants.js +0 -8
- package/dist/Scrollable/index.js +0 -26
- package/dist/Scrollable/scrollable.scss +0 -32
- package/dist/Search/index.js +0 -52
- package/dist/Security/AllowedKeywords/Add.js +0 -38
- package/dist/Security/AllowedKeywords/index.js +0 -38
- package/dist/Security/PasswordBlock.js +0 -31
- package/dist/Security/RadioBlock.js +0 -38
- package/dist/Security/api.js +0 -12
- package/dist/Security/constants.js +0 -58
- package/dist/Security/index.js +0 -68
- package/dist/Security/useSecurityApi.js +0 -22
- package/dist/Security/utils.js +0 -31
- package/dist/SendToFields/FilePicker.js +0 -34
- package/dist/SendToFields/constants.js +0 -6
- package/dist/SendToFields/index.js +0 -102
- package/dist/SendToFields/utils.js +0 -54
- package/dist/Settings/Category.js +0 -30
- package/dist/Settings/Item.js +0 -38
- package/dist/Settings/index.js +0 -37
- package/dist/Settings/utils.js +0 -4
- package/dist/ShareViaEmail/EmailBodyEditor.js +0 -22
- package/dist/ShareViaEmail/FilePicker.js +0 -43
- package/dist/ShareViaEmail/Form.js +0 -105
- package/dist/ShareViaEmail/FormikDatePicker.js +0 -24
- package/dist/ShareViaEmail/constants.js +0 -14
- package/dist/ShareViaEmail/index.js +0 -92
- package/dist/ShareViaEmail/utils.js +0 -72
- package/dist/ShareViaLink/EditURL.js +0 -74
- package/dist/ShareViaLink/Link.js +0 -105
- package/dist/ShareViaLink/QRCode.js +0 -41
- package/dist/ShareViaLink/RegenerateURL.js +0 -47
- package/dist/ShareViaLink/SocialMedia.js +0 -52
- package/dist/ShareViaLink/constants.js +0 -25
- package/dist/ShareViaLink/edit-url.scss +0 -8
- package/dist/ShareViaLink/index.js +0 -46
- package/dist/ShareViaLink/utils.js +0 -47
- package/dist/Sidebar/AppSwitcher/AppLink.js +0 -45
- package/dist/Sidebar/AppSwitcher/Backdrop.js +0 -13
- package/dist/Sidebar/AppSwitcher/Body.js +0 -65
- package/dist/Sidebar/AppSwitcher/Portal.js +0 -27
- package/dist/Sidebar/AppSwitcher/appswitcher.scss +0 -164
- package/dist/Sidebar/AppSwitcher/index.js +0 -47
- package/dist/Sidebar/AppSwitcher/utils.js +0 -25
- package/dist/Sidebar/Chevron.js +0 -14
- package/dist/Sidebar/FeaturedTooltip.js +0 -19
- package/dist/Sidebar/Footer/AppSwitcherButton.js +0 -48
- package/dist/Sidebar/Footer/ProfileButton.js +0 -30
- package/dist/Sidebar/Footer/index.js +0 -56
- package/dist/Sidebar/Footer/utils.js +0 -39
- package/dist/Sidebar/Header.js +0 -33
- package/dist/Sidebar/HelpSection/HelpSectionMenu.js +0 -52
- package/dist/Sidebar/HelpSection/index.js +0 -32
- package/dist/Sidebar/Links.js +0 -112
- package/dist/Sidebar/NavIconWrapper.js +0 -20
- package/dist/Sidebar/ProfileSection/LinkSection.js +0 -36
- package/dist/Sidebar/ProfileSection/ProfileMenu.js +0 -48
- package/dist/Sidebar/ProfileSection/index.js +0 -42
- package/dist/Sidebar/constants.js +0 -40
- package/dist/Sidebar/index.js +0 -94
- package/dist/Sidebar/sidebar.scss +0 -379
- package/dist/Sidebar/utils.js +0 -18
- package/dist/SubHeader/RightBlock/Columns.js +0 -35
- package/dist/SubHeader/RightBlock/Download.js +0 -28
- package/dist/SubHeader/RightBlock/Filter.js +0 -31
- package/dist/SubHeader/RightBlock/index.js +0 -21
- package/dist/SubHeader/RightBlock/utils.js +0 -13
- package/dist/SubHeader/index.js +0 -28
- package/dist/SubHeader/subheader.scss +0 -78
- package/dist/ThemeSidebar/Customize/Logo.js +0 -39
- package/dist/ThemeSidebar/Customize/Properties.js +0 -170
- package/dist/ThemeSidebar/Customize/index.js +0 -66
- package/dist/ThemeSidebar/Themes/ThemeCard.js +0 -135
- package/dist/ThemeSidebar/Themes/index.js +0 -110
- package/dist/ThemeSidebar/TitleBar.js +0 -62
- package/dist/ThemeSidebar/constants.js +0 -127
- package/dist/ThemeSidebar/fields/AlignmentBlock.js +0 -50
- package/dist/ThemeSidebar/fields/Card.js +0 -19
- package/dist/ThemeSidebar/fields/ColorBlock.js +0 -19
- package/dist/ThemeSidebar/fields/FontPickerBlock.js +0 -35
- package/dist/ThemeSidebar/fields/ImageBlock/ImageUploader.js +0 -67
- package/dist/ThemeSidebar/fields/ImageBlock/ProgressBar.js +0 -22
- package/dist/ThemeSidebar/fields/ImageBlock/index.js +0 -55
- package/dist/ThemeSidebar/fields/SelectBlock.js +0 -24
- package/dist/ThemeSidebar/fields/SliderBlock.js +0 -30
- package/dist/ThemeSidebar/fields/SwitchBlock.js +0 -17
- package/dist/ThemeSidebar/fields/TextBlock.js +0 -13
- package/dist/ThemeSidebar/fields/slider.scss +0 -199
- package/dist/ThemeSidebar/hooks/useDirectUploadDropzone.js +0 -149
- package/dist/ThemeSidebar/index.js +0 -118
- package/dist/ThemeSidebar/themeSidebar.scss +0 -45
- package/dist/ThemeSidebar/utils.js +0 -169
- package/dist/TimeFormat/index.js +0 -3
- package/dist/TimezoneMismatchModal/apis/time_zone.js +0 -9
- package/dist/TimezoneMismatchModal/index.js +0 -83
- package/dist/TimezoneMismatchModal/useTimeZoneApi.js +0 -10
- package/dist/TimezoneMismatchModal/utils.js +0 -12
- package/dist/ToggleFeatureCard/ToolTipSwitch.js +0 -31
- package/dist/ToggleFeatureCard/constants.js +0 -5
- package/dist/ToggleFeatureCard/hooks/useScrollIntoView.js +0 -11
- package/dist/ToggleFeatureCard/index.js +0 -148
- package/dist/ToggleFeatureCard/toggleFeatureCard.scss +0 -4
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import React, { useRef } from "react";
|
|
2
|
-
import { Form, Formik } from "formik";
|
|
3
|
-
import { Typography, Modal } from "@bigbinary/neetoui";
|
|
4
|
-
import { Input, Button } from "@bigbinary/neetoui/formik";
|
|
5
|
-
import { useTranslation } from "react-i18next";
|
|
6
|
-
import { PATH_VALIDATION_SCHEMA } from "./constants";
|
|
7
|
-
import "./edit-url.scss";
|
|
8
|
-
import { getPathname, getPrefixFromUrl, truncatePrefix } from "./utils";
|
|
9
|
-
var EditURL = function EditURL(_ref) {
|
|
10
|
-
var editUrlProps = _ref.editUrlProps,
|
|
11
|
-
isOpen = _ref.isOpen,
|
|
12
|
-
onClose = _ref.onClose,
|
|
13
|
-
url = _ref.url,
|
|
14
|
-
isLoading = _ref.isLoading,
|
|
15
|
-
handleEdit = _ref.handleEdit;
|
|
16
|
-
var _useTranslation = useTranslation(),
|
|
17
|
-
t = _useTranslation.t;
|
|
18
|
-
var focusRef = useRef(null);
|
|
19
|
-
var handleSubmit = function handleSubmit(values) {
|
|
20
|
-
handleEdit(values.path);
|
|
21
|
-
onClose();
|
|
22
|
-
};
|
|
23
|
-
return /*#__PURE__*/React.createElement(Modal, {
|
|
24
|
-
"data-testid": "edit-url-modal",
|
|
25
|
-
initialFocusRef: focusRef,
|
|
26
|
-
isOpen: isOpen,
|
|
27
|
-
onClose: onClose
|
|
28
|
-
}, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
|
|
29
|
-
lineHeight: "normal",
|
|
30
|
-
style: "h2",
|
|
31
|
-
weight: "semibold"
|
|
32
|
-
}, t("neetoMolecules.shareViaLink.editUrl.title"))), /*#__PURE__*/React.createElement(Formik, {
|
|
33
|
-
enableReinitialize: true,
|
|
34
|
-
initialValues: {
|
|
35
|
-
path: (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.editablePath) || getPathname(url)
|
|
36
|
-
},
|
|
37
|
-
validationSchema: PATH_VALIDATION_SCHEMA,
|
|
38
|
-
onSubmit: handleSubmit
|
|
39
|
-
}, function (_ref2) {
|
|
40
|
-
var isSubmitting = _ref2.isSubmitting,
|
|
41
|
-
dirty = _ref2.dirty;
|
|
42
|
-
return /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Modal.Body, {
|
|
43
|
-
className: "w-full space-y-6"
|
|
44
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
45
|
-
className: "no-padding",
|
|
46
|
-
"data-testid": "edit-url-input",
|
|
47
|
-
label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
|
|
48
|
-
maxLength: editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.maxLength,
|
|
49
|
-
name: "path",
|
|
50
|
-
ref: focusRef,
|
|
51
|
-
prefix: truncatePrefix((editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url))
|
|
52
|
-
}), /*#__PURE__*/React.createElement(Typography, {
|
|
53
|
-
className: "neeto-ui-text-gray-700",
|
|
54
|
-
lineHeight: "normal",
|
|
55
|
-
style: "body2"
|
|
56
|
-
}, t("neetoMolecules.shareViaLink.editUrl.description"))), /*#__PURE__*/React.createElement(Modal.Footer, {
|
|
57
|
-
className: "space-x-2"
|
|
58
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
59
|
-
"data-testid": "edit-url-confirm-button",
|
|
60
|
-
disabled: isSubmitting || !dirty,
|
|
61
|
-
loading: isLoading,
|
|
62
|
-
type: "submit",
|
|
63
|
-
label: t("neetoMolecules.shareViaLink.editUrl.submitButtonLabel")
|
|
64
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
65
|
-
"data-testid": "edit-url-cancel-button",
|
|
66
|
-
disabled: isSubmitting,
|
|
67
|
-
style: "text",
|
|
68
|
-
type: "reset",
|
|
69
|
-
label: t("neetoMolecules.shareViaLink.editUrl.cancelButtonLabel"),
|
|
70
|
-
onClick: onClose
|
|
71
|
-
})));
|
|
72
|
-
}));
|
|
73
|
-
};
|
|
74
|
-
export default EditURL;
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import React, { useState } from "react";
|
|
3
|
-
import { ExternalLink } from "@bigbinary/neeto-icons";
|
|
4
|
-
import { Typography, Input, Button } from "@bigbinary/neetoui";
|
|
5
|
-
import { useTranslation } from "react-i18next";
|
|
6
|
-
import CopyToClipboardButton from "../CopyToClipboardButton";
|
|
7
|
-
import MoreDropdown from "../MoreDropdown";
|
|
8
|
-
import EditURL from "./EditURL";
|
|
9
|
-
import RegenerateURL from "./RegenerateURL";
|
|
10
|
-
var Link = function Link(_ref) {
|
|
11
|
-
var editUrlProps = _ref.editUrlProps,
|
|
12
|
-
enabledOptions = _ref.enabledOptions,
|
|
13
|
-
entityName = _ref.entityName,
|
|
14
|
-
handleEdit = _ref.handleEdit,
|
|
15
|
-
handleRegenerate = _ref.handleRegenerate,
|
|
16
|
-
isLoading = _ref.isLoading,
|
|
17
|
-
previewUrl = _ref.previewUrl,
|
|
18
|
-
url = _ref.url;
|
|
19
|
-
var _useState = useState(false),
|
|
20
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
-
isRegenerateURLModalOpen = _useState2[0],
|
|
22
|
-
setIsRegenerateURLModalOpen = _useState2[1];
|
|
23
|
-
var _useState3 = useState(false),
|
|
24
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
25
|
-
isEditURLModalOpen = _useState4[0],
|
|
26
|
-
setIsEditURLModalOpen = _useState4[1];
|
|
27
|
-
var _useTranslation = useTranslation(),
|
|
28
|
-
t = _useTranslation.t;
|
|
29
|
-
var isDropdownEnabled = enabledOptions.regenerate || enabledOptions.edit;
|
|
30
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
className: "space-y-4",
|
|
32
|
-
"data-testid": "link-block"
|
|
33
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: "space-y-0.5"
|
|
35
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
36
|
-
"data-testid": "link-title",
|
|
37
|
-
lineHeight: "normal",
|
|
38
|
-
style: "h3",
|
|
39
|
-
weight: "semibold"
|
|
40
|
-
}, t("neetoMolecules.shareViaLink.title")), /*#__PURE__*/React.createElement(Typography, {
|
|
41
|
-
className: "neeto-ui-text-gray-700",
|
|
42
|
-
"data-testid": "link-description",
|
|
43
|
-
lineHeight: "normal",
|
|
44
|
-
style: "body2"
|
|
45
|
-
}, t("neetoMolecules.shareViaLink.description", {
|
|
46
|
-
entity: entityName
|
|
47
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
48
|
-
className: "flex items-center gap-1"
|
|
49
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
50
|
-
readOnly: true,
|
|
51
|
-
value: url
|
|
52
|
-
}), /*#__PURE__*/React.createElement(CopyToClipboardButton, {
|
|
53
|
-
"data-testid": "link-copy-button",
|
|
54
|
-
label: t("neetoMolecules.shareViaLink.copyLink"),
|
|
55
|
-
value: url
|
|
56
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
57
|
-
"data-testid": "preview-button",
|
|
58
|
-
href: previewUrl || url,
|
|
59
|
-
icon: ExternalLink,
|
|
60
|
-
style: "secondary",
|
|
61
|
-
target: "_blank",
|
|
62
|
-
tooltipProps: {
|
|
63
|
-
content: t("neetoMolecules.shareViaLink.open", {
|
|
64
|
-
entity: entityName
|
|
65
|
-
}),
|
|
66
|
-
position: "top"
|
|
67
|
-
}
|
|
68
|
-
}), isDropdownEnabled && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MoreDropdown, {
|
|
69
|
-
menuItems: [{
|
|
70
|
-
isVisible: enabledOptions.regenerate,
|
|
71
|
-
"data-testid": "regenerate-url-button",
|
|
72
|
-
onClick: function onClick() {
|
|
73
|
-
return setIsRegenerateURLModalOpen(true);
|
|
74
|
-
},
|
|
75
|
-
label: t("neetoMolecules.shareViaLink.regenerateUrl.title"),
|
|
76
|
-
key: "regenerate-url-option"
|
|
77
|
-
}, {
|
|
78
|
-
isVisible: enabledOptions.edit,
|
|
79
|
-
"data-testid": "edit-url-button",
|
|
80
|
-
onClick: function onClick() {
|
|
81
|
-
return setIsEditURLModalOpen(true);
|
|
82
|
-
},
|
|
83
|
-
label: t("neetoMolecules.shareViaLink.editUrl.title"),
|
|
84
|
-
key: "edit-url-option"
|
|
85
|
-
}]
|
|
86
|
-
}), /*#__PURE__*/React.createElement(RegenerateURL, {
|
|
87
|
-
handleRegenerate: handleRegenerate,
|
|
88
|
-
isLoading: isLoading,
|
|
89
|
-
url: url,
|
|
90
|
-
isOpen: isRegenerateURLModalOpen,
|
|
91
|
-
onClose: function onClose() {
|
|
92
|
-
return setIsRegenerateURLModalOpen(false);
|
|
93
|
-
}
|
|
94
|
-
}), /*#__PURE__*/React.createElement(EditURL, {
|
|
95
|
-
editUrlProps: editUrlProps,
|
|
96
|
-
handleEdit: handleEdit,
|
|
97
|
-
isLoading: isLoading,
|
|
98
|
-
url: url,
|
|
99
|
-
isOpen: isEditURLModalOpen,
|
|
100
|
-
onClose: function onClose() {
|
|
101
|
-
return setIsEditURLModalOpen(false);
|
|
102
|
-
}
|
|
103
|
-
}))));
|
|
104
|
-
};
|
|
105
|
-
export default Link;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { slugify } from "@bigbinary/neeto-commons-frontend/pure";
|
|
3
|
-
import { Button, Typography } from "@bigbinary/neetoui";
|
|
4
|
-
import QRCodeImage from "qrcode.react";
|
|
5
|
-
import { Trans } from "react-i18next";
|
|
6
|
-
import { downloadCanvas } from "./utils";
|
|
7
|
-
var QRCode = function QRCode(_ref) {
|
|
8
|
-
var entity = _ref.entity,
|
|
9
|
-
url = _ref.url;
|
|
10
|
-
if (!entity) return null;
|
|
11
|
-
var id = entity.id,
|
|
12
|
-
name = entity.name;
|
|
13
|
-
var canvasId = "qrcode-share-".concat(id);
|
|
14
|
-
var handleDownload = function handleDownload() {
|
|
15
|
-
var canvas = document.getElementById(canvasId);
|
|
16
|
-
if (canvas) downloadCanvas(canvas, {
|
|
17
|
-
name: slugify(name)
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: "flex flex-col space-y-4"
|
|
22
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
23
|
-
lineHeight: "normal",
|
|
24
|
-
style: "body2",
|
|
25
|
-
weight: "medium"
|
|
26
|
-
}, /*#__PURE__*/React.createElement(Trans, {
|
|
27
|
-
i18nKey: "neetoMolecules.shareViaLink.socialMediaShare.qrCodeInfo",
|
|
28
|
-
components: {
|
|
29
|
-
button: /*#__PURE__*/React.createElement(Button, {
|
|
30
|
-
"data-testid": "qr-code-download-button",
|
|
31
|
-
style: "link",
|
|
32
|
-
onClick: handleDownload
|
|
33
|
-
})
|
|
34
|
-
}
|
|
35
|
-
})), /*#__PURE__*/React.createElement(QRCodeImage, {
|
|
36
|
-
"data-testid": canvasId,
|
|
37
|
-
id: canvasId,
|
|
38
|
-
value: url
|
|
39
|
-
}));
|
|
40
|
-
};
|
|
41
|
-
export default QRCode;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Typography, Modal, Button, Input } from "@bigbinary/neetoui";
|
|
3
|
-
import { useTranslation } from "react-i18next";
|
|
4
|
-
var RegenerateURL = function RegenerateURL(_ref) {
|
|
5
|
-
var isOpen = _ref.isOpen,
|
|
6
|
-
onClose = _ref.onClose,
|
|
7
|
-
url = _ref.url,
|
|
8
|
-
isLoading = _ref.isLoading,
|
|
9
|
-
handleRegenerate = _ref.handleRegenerate;
|
|
10
|
-
var _useTranslation = useTranslation(),
|
|
11
|
-
t = _useTranslation.t;
|
|
12
|
-
return /*#__PURE__*/React.createElement(Modal, {
|
|
13
|
-
"data-testid": "regenerate-url-modal",
|
|
14
|
-
isOpen: isOpen,
|
|
15
|
-
onClose: onClose
|
|
16
|
-
}, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
|
|
17
|
-
lineHeight: "normal",
|
|
18
|
-
style: "h2",
|
|
19
|
-
weight: "semibold"
|
|
20
|
-
}, t("neetoMolecules.shareViaLink.regenerateUrl.title"))), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: "w-full space-y-6"
|
|
22
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
23
|
-
disabled: true,
|
|
24
|
-
label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
|
|
25
|
-
value: url
|
|
26
|
-
}), /*#__PURE__*/React.createElement(Typography, {
|
|
27
|
-
className: "neeto-ui-text-gray-700",
|
|
28
|
-
lineHeight: "normal",
|
|
29
|
-
style: "body2"
|
|
30
|
-
}, t("neetoMolecules.shareViaLink.regenerateUrl.description")))), /*#__PURE__*/React.createElement(Modal.Footer, {
|
|
31
|
-
className: "space-x-2"
|
|
32
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
33
|
-
"data-testid": "regenerate-url-confirm-button",
|
|
34
|
-
loading: isLoading,
|
|
35
|
-
label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
|
|
36
|
-
onClick: function onClick() {
|
|
37
|
-
handleRegenerate();
|
|
38
|
-
onClose();
|
|
39
|
-
}
|
|
40
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
41
|
-
"data-testid": "regenerate-url-cancel-button",
|
|
42
|
-
style: "text",
|
|
43
|
-
label: t("neetoMolecules.shareViaLink.regenerateUrl.cancelButtonLabel"),
|
|
44
|
-
onClick: onClose
|
|
45
|
-
})));
|
|
46
|
-
};
|
|
47
|
-
export default RegenerateURL;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Typography } from "@bigbinary/neetoui";
|
|
4
|
-
import { useTranslation } from "react-i18next";
|
|
5
|
-
import { SOCIAL_MEDIA_OPTIONS } from "./constants";
|
|
6
|
-
import QRCode from "./QRCode";
|
|
7
|
-
var SocialMedia = function SocialMedia(_ref) {
|
|
8
|
-
var entity = _ref.entity,
|
|
9
|
-
postTitle = _ref.postTitle,
|
|
10
|
-
url = _ref.url;
|
|
11
|
-
var _useTranslation = useTranslation(),
|
|
12
|
-
t = _useTranslation.t;
|
|
13
|
-
var socialMediaButtonClasses = "neeto-ui-bg-gray-200 hover:neeto-ui-bg-gray-300 flex h-12 w-12 cursor-pointer items-center justify-center neeto-ui-rounded-md transition-colors duration-300 ease-in-out";
|
|
14
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
15
|
-
className: "flex space-x-4 divide-x"
|
|
16
|
-
}, /*#__PURE__*/React.createElement(QRCode, {
|
|
17
|
-
entity: entity,
|
|
18
|
-
url: url
|
|
19
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: "space-y-4 pl-4",
|
|
21
|
-
"data-testid": "social-media-block"
|
|
22
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
23
|
-
className: "neeto-ui-text-gray-800",
|
|
24
|
-
lineHeight: "normal",
|
|
25
|
-
style: "body2",
|
|
26
|
-
weight: "medium"
|
|
27
|
-
}, t("neetoMolecules.shareViaLink.socialMediaShare.title")), /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: "flex gap-4"
|
|
29
|
-
}, Object.entries(SOCIAL_MEDIA_OPTIONS).map(function (_ref2) {
|
|
30
|
-
var _ref3 = _slicedToArray(_ref2, 2),
|
|
31
|
-
key = _ref3[0],
|
|
32
|
-
_ref3$ = _ref3[1],
|
|
33
|
-
label = _ref3$.label,
|
|
34
|
-
Icon = _ref3$.icon,
|
|
35
|
-
generateShareUrl = _ref3$.generateShareUrl;
|
|
36
|
-
return /*#__PURE__*/React.createElement("a", {
|
|
37
|
-
className: socialMediaButtonClasses,
|
|
38
|
-
"data-testid": "social-media-button-".concat(key),
|
|
39
|
-
href: generateShareUrl({
|
|
40
|
-
id: entity.id,
|
|
41
|
-
title: postTitle
|
|
42
|
-
}),
|
|
43
|
-
key: key,
|
|
44
|
-
rel: "noopener noreferrer",
|
|
45
|
-
target: "_blank",
|
|
46
|
-
title: label
|
|
47
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
48
|
-
size: 24
|
|
49
|
-
}));
|
|
50
|
-
}))));
|
|
51
|
-
};
|
|
52
|
-
export default SocialMedia;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { t } from "i18next";
|
|
2
|
-
import { Facebook, Linkedin, Twitter } from "@bigbinary/neeto-icons";
|
|
3
|
-
import * as yup from "yup";
|
|
4
|
-
import { facebookShareLink, twitterShareLink, linkedInShareLink } from "./utils";
|
|
5
|
-
export var SOCIAL_MEDIA_OPTIONS = {
|
|
6
|
-
FACEBOOK: {
|
|
7
|
-
label: t("neetoMolecules.shareViaLink.socialMediaShare.facebook"),
|
|
8
|
-
icon: Facebook,
|
|
9
|
-
generateShareUrl: facebookShareLink
|
|
10
|
-
},
|
|
11
|
-
LINKEDIN: {
|
|
12
|
-
label: t("neetoMolecules.shareViaLink.socialMediaShare.linkedIn"),
|
|
13
|
-
icon: Linkedin,
|
|
14
|
-
generateShareUrl: linkedInShareLink
|
|
15
|
-
},
|
|
16
|
-
TWITTER: {
|
|
17
|
-
label: t("neetoMolecules.shareViaLink.socialMediaShare.twitter"),
|
|
18
|
-
icon: Twitter,
|
|
19
|
-
generateShareUrl: twitterShareLink
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
export var PATH_VALIDATION_SCHEMA = yup.object().shape({
|
|
23
|
-
path: yup.string().required(t("neetoMolecules.shareViaLink.editUrl.validationError")).matches(/^[A-Za-z0-9]([\w/-])*$/, t("neetoMolecules.shareViaLink.editUrl.validationError"))
|
|
24
|
-
});
|
|
25
|
-
export var MAX_PREFIX_SIZE = 30;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { noop } from "@bigbinary/neeto-commons-frontend/pure";
|
|
3
|
-
import LinkBlock from "./Link";
|
|
4
|
-
import SocialMedia from "./SocialMedia";
|
|
5
|
-
var ShareViaLink = function ShareViaLink(_ref) {
|
|
6
|
-
var _ref$isLoading = _ref.isLoading,
|
|
7
|
-
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
8
|
-
_ref$enabledOptions = _ref.enabledOptions,
|
|
9
|
-
enabledOptions = _ref$enabledOptions === void 0 ? {
|
|
10
|
-
regenerate: false,
|
|
11
|
-
edit: false
|
|
12
|
-
} : _ref$enabledOptions,
|
|
13
|
-
_ref$editUrlProps = _ref.editUrlProps,
|
|
14
|
-
editUrlProps = _ref$editUrlProps === void 0 ? {
|
|
15
|
-
prefix: "",
|
|
16
|
-
editablePath: ""
|
|
17
|
-
} : _ref$editUrlProps,
|
|
18
|
-
entity = _ref.entity,
|
|
19
|
-
entityName = _ref.entityName,
|
|
20
|
-
_ref$handleEdit = _ref.handleEdit,
|
|
21
|
-
handleEdit = _ref$handleEdit === void 0 ? noop : _ref$handleEdit,
|
|
22
|
-
_ref$handleRegenerate = _ref.handleRegenerate,
|
|
23
|
-
handleRegenerate = _ref$handleRegenerate === void 0 ? noop : _ref$handleRegenerate,
|
|
24
|
-
_ref$previewUrl = _ref.previewUrl,
|
|
25
|
-
previewUrl = _ref$previewUrl === void 0 ? "" : _ref$previewUrl,
|
|
26
|
-
socialMediaPostTitle = _ref.socialMediaPostTitle,
|
|
27
|
-
url = _ref.url;
|
|
28
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
className: "neeto-ui-border-gray-400 neeto-ui-shadow-xs neeto-ui-rounded-lg neeto-ui-bg-white col-span-2 space-y-4 border p-8",
|
|
30
|
-
"data-testid": "share-via-link"
|
|
31
|
-
}, /*#__PURE__*/React.createElement(LinkBlock, {
|
|
32
|
-
editUrlProps: editUrlProps,
|
|
33
|
-
enabledOptions: enabledOptions,
|
|
34
|
-
entityName: entityName,
|
|
35
|
-
handleEdit: handleEdit,
|
|
36
|
-
handleRegenerate: handleRegenerate,
|
|
37
|
-
isLoading: isLoading,
|
|
38
|
-
previewUrl: previewUrl,
|
|
39
|
-
url: url
|
|
40
|
-
}), /*#__PURE__*/React.createElement(SocialMedia, {
|
|
41
|
-
entity: entity,
|
|
42
|
-
url: url,
|
|
43
|
-
postTitle: socialMediaPostTitle
|
|
44
|
-
}));
|
|
45
|
-
};
|
|
46
|
-
export default ShareViaLink;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { buildUrl } from "@bigbinary/neeto-commons-frontend/utils";
|
|
2
|
-
import { MAX_PREFIX_SIZE } from "./constants";
|
|
3
|
-
export var facebookShareLink = function facebookShareLink(_ref) {
|
|
4
|
-
var id = _ref.id;
|
|
5
|
-
return buildUrl("https://www.facebook.com/sharer/sharer.php", {
|
|
6
|
-
u: "https://".concat(window.location.host, "/").concat(id)
|
|
7
|
-
});
|
|
8
|
-
};
|
|
9
|
-
export var linkedInShareLink = function linkedInShareLink(_ref2) {
|
|
10
|
-
var id = _ref2.id,
|
|
11
|
-
title = _ref2.title;
|
|
12
|
-
return buildUrl("https://www.linkedin.com/shareArticle", {
|
|
13
|
-
mini: true,
|
|
14
|
-
url: "https://".concat(window.location.host, "/").concat(id),
|
|
15
|
-
title: title
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
export var twitterShareLink = function twitterShareLink(_ref3) {
|
|
19
|
-
var id = _ref3.id,
|
|
20
|
-
title = _ref3.title;
|
|
21
|
-
return buildUrl("http://twitter.com/share", {
|
|
22
|
-
text: title,
|
|
23
|
-
url: "https://".concat(window.location.host, "/").concat(id)
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
export var downloadCanvas = function downloadCanvas(canvas) {
|
|
27
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
28
|
-
var _options$name = options.name,
|
|
29
|
-
name = _options$name === void 0 ? "image" : _options$name,
|
|
30
|
-
_options$extension = options.extension,
|
|
31
|
-
extension = _options$extension === void 0 ? "png" : _options$extension;
|
|
32
|
-
var canvasUrl = canvas.toDataURL("image/".concat(extension));
|
|
33
|
-
var element = document.createElement("a");
|
|
34
|
-
element.href = canvasUrl;
|
|
35
|
-
element.download = "".concat(name, ".").concat(extension);
|
|
36
|
-
element.click();
|
|
37
|
-
element.remove();
|
|
38
|
-
};
|
|
39
|
-
export var getPathname = function getPathname(url) {
|
|
40
|
-
return new URL(url).pathname.slice(1);
|
|
41
|
-
};
|
|
42
|
-
export var getPrefixFromUrl = function getPrefixFromUrl(url) {
|
|
43
|
-
return "".concat(new URL(url).origin, "/");
|
|
44
|
-
};
|
|
45
|
-
export var truncatePrefix = function truncatePrefix(url) {
|
|
46
|
-
return url.length > MAX_PREFIX_SIZE ? "...".concat(url.slice(-MAX_PREFIX_SIZE)) : url;
|
|
47
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import classnames from "classnames";
|
|
3
|
-
import { capitalize } from "@bigbinary/neeto-commons-frontend/pure";
|
|
4
|
-
import { NeetoIcon } from "@bigbinary/neeto-icons";
|
|
5
|
-
import * as AppIcons from "@bigbinary/neeto-icons/app-icons";
|
|
6
|
-
import { Typography } from "@bigbinary/neetoui";
|
|
7
|
-
import "./appswitcher.scss";
|
|
8
|
-
var AppLink = function AppLink(_ref) {
|
|
9
|
-
var name = _ref.name,
|
|
10
|
-
description = _ref.description,
|
|
11
|
-
url = _ref.url;
|
|
12
|
-
var appName = "Neeto".concat(name.charAt(0)).concat(name.slice(1).toLowerCase());
|
|
13
|
-
var AppIcon = AppIcons[appName];
|
|
14
|
-
return /*#__PURE__*/React.createElement("a", {
|
|
15
|
-
"data-cy": "".concat(name, "-app-link"),
|
|
16
|
-
"data-test-id": "neetoapp-link-".concat(name),
|
|
17
|
-
href: url,
|
|
18
|
-
rel: "noreferrer",
|
|
19
|
-
target: "_blank",
|
|
20
|
-
className: classnames("neeto-molecules-app-switcher-link", {
|
|
21
|
-
"neeto-molecules-app-switcher-link--active": capitalize(globalProps.appName) === appName
|
|
22
|
-
})
|
|
23
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
24
|
-
className: classnames("neeto-molecules-app-switcher-link__icon-holder", {
|
|
25
|
-
"neeto-ui-bg-primary-500": !AppIcon
|
|
26
|
-
})
|
|
27
|
-
}, AppIcon ? /*#__PURE__*/React.createElement(AppIcon, {
|
|
28
|
-
size: 42
|
|
29
|
-
}) : /*#__PURE__*/React.createElement(NeetoIcon, {
|
|
30
|
-
color: "white",
|
|
31
|
-
size: 42
|
|
32
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
33
|
-
className: "neeto-molecules-app-switcher-link__content"
|
|
34
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
35
|
-
component: "span",
|
|
36
|
-
lineHeight: "relaxed",
|
|
37
|
-
style: "h4",
|
|
38
|
-
weight: "medium"
|
|
39
|
-
}, name), /*#__PURE__*/React.createElement(Typography, {
|
|
40
|
-
component: "span",
|
|
41
|
-
style: "body3",
|
|
42
|
-
weight: "normal"
|
|
43
|
-
}, description)));
|
|
44
|
-
};
|
|
45
|
-
export default /*#__PURE__*/React.memo(AppLink);
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["children"];
|
|
4
|
-
import React, { forwardRef } from "react";
|
|
5
|
-
var Backdrop = function Backdrop(_ref, ref) {
|
|
6
|
-
var children = _ref.children,
|
|
7
|
-
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
8
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
9
|
-
"data-testid": "neeto-backdrop",
|
|
10
|
-
ref: ref
|
|
11
|
-
}, otherProps), children);
|
|
12
|
-
};
|
|
13
|
-
export default /*#__PURE__*/forwardRef(Backdrop);
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
import React, { useState } from "react";
|
|
4
|
-
import { useFetchNeetoApps } from "@bigbinary/neeto-commons-frontend/react-utils";
|
|
5
|
-
import { Close, Search } from "@bigbinary/neeto-icons";
|
|
6
|
-
import { Button, Input, Typography } from "@bigbinary/neetoui";
|
|
7
|
-
import { useTranslation } from "react-i18next";
|
|
8
|
-
import AppLink from "./AppLink";
|
|
9
|
-
import "./appswitcher.scss";
|
|
10
|
-
var Body = function Body(_ref) {
|
|
11
|
-
var onClose = _ref.onClose;
|
|
12
|
-
var _useTranslation = useTranslation(),
|
|
13
|
-
t = _useTranslation.t;
|
|
14
|
-
var _useState = useState(""),
|
|
15
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
16
|
-
searchTerm = _useState2[0],
|
|
17
|
-
setSearchTerm = _useState2[1];
|
|
18
|
-
var _useFetchNeetoApps = useFetchNeetoApps(),
|
|
19
|
-
data = _useFetchNeetoApps.data;
|
|
20
|
-
var substring = searchTerm.replace(/ /g, "").toLowerCase();
|
|
21
|
-
var filteredApps = data === null || data === void 0 ? void 0 : data.neetoApps.filter(function (_ref2) {
|
|
22
|
-
var name = _ref2.name;
|
|
23
|
-
return name.toLowerCase().includes(substring);
|
|
24
|
-
});
|
|
25
|
-
var handleSearch = function handleSearch(e) {
|
|
26
|
-
return setSearchTerm(e.target.value);
|
|
27
|
-
};
|
|
28
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
|
|
29
|
-
className: "neeto-molecules-app-switcher__close-btn",
|
|
30
|
-
"data-cy": "app-switcher-back-button",
|
|
31
|
-
"data-testid": "app-switcher-back-button",
|
|
32
|
-
icon: Close,
|
|
33
|
-
iconPosition: "left",
|
|
34
|
-
size: "small",
|
|
35
|
-
style: "text",
|
|
36
|
-
onClick: onClose
|
|
37
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
38
|
-
className: "neeto-molecules-app-switcher__header",
|
|
39
|
-
"data-cy": "app-switcher-body-wrapper"
|
|
40
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
41
|
-
style: "h1"
|
|
42
|
-
}, t("neetoMolecules.appSwitcher.chooseNeetoProduct")), /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: "neeto-molecules-app-switcher__search-wrapper"
|
|
44
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
45
|
-
autoFocus: true,
|
|
46
|
-
"data-cy": "app-switcher-search-input",
|
|
47
|
-
placeholder: t("neetoMolecules.appSwitcher.searchProducts"),
|
|
48
|
-
prefix: /*#__PURE__*/React.createElement(Search, null),
|
|
49
|
-
type: "search",
|
|
50
|
-
value: searchTerm,
|
|
51
|
-
onChange: handleSearch
|
|
52
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
53
|
-
className: "neeto-molecules-app-switcher__body"
|
|
54
|
-
}, (filteredApps === null || filteredApps === void 0 ? void 0 : filteredApps.length) > 0 ? /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: "neeto-molecules-app-switcher__grid"
|
|
56
|
-
}, filteredApps.map(function (app) {
|
|
57
|
-
return /*#__PURE__*/React.createElement(AppLink, _extends({
|
|
58
|
-
key: app.name
|
|
59
|
-
}, app));
|
|
60
|
-
})) : /*#__PURE__*/React.createElement(Typography, {
|
|
61
|
-
className: "neeto-ui-text-center",
|
|
62
|
-
style: "body1"
|
|
63
|
-
}, t("neetoMolecules.appSwitcher.noApps"))));
|
|
64
|
-
};
|
|
65
|
-
export default Body;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { useEffect, useRef } from "react";
|
|
2
|
-
import { createPortal } from "react-dom";
|
|
3
|
-
var Portal = function Portal(_ref) {
|
|
4
|
-
var rootId = _ref.rootId,
|
|
5
|
-
children = _ref.children;
|
|
6
|
-
var target = useRef(null);
|
|
7
|
-
useEffect(function () {
|
|
8
|
-
var container = document.getElementById(rootId);
|
|
9
|
-
if (!container) {
|
|
10
|
-
container = document.createElement("div");
|
|
11
|
-
container.setAttribute("id", rootId);
|
|
12
|
-
document.body.appendChild(container);
|
|
13
|
-
}
|
|
14
|
-
container.appendChild(target.current);
|
|
15
|
-
return function () {
|
|
16
|
-
target.current.remove();
|
|
17
|
-
if (container.childNodes.length === 0) {
|
|
18
|
-
container.remove();
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
}, [rootId]);
|
|
22
|
-
if (!target.current) {
|
|
23
|
-
target.current = document.createElement("div");
|
|
24
|
-
}
|
|
25
|
-
return /*#__PURE__*/createPortal(children, target.current);
|
|
26
|
-
};
|
|
27
|
-
export default Portal;
|