@pushwoosh/dumb-components 1.0.0 → 1.0.2
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/ActionsGroup/ActionsGroup.d.ts +3 -0
- package/ActionsGroup/ActionsGroup.js +18 -0
- package/ActionsGroup/ActionsGroupItem.d.ts +3 -0
- package/ActionsGroup/ActionsGroupItem.js +12 -0
- package/ActionsGroup/index.d.ts +3 -0
- package/ActionsGroup/index.js +2 -0
- package/ActionsGroup/styles.d.ts +7 -0
- package/ActionsGroup/styles.js +22 -0
- package/ActionsGroup/types.d.ts +12 -0
- package/Badge/Badge.d.ts +3 -0
- package/Badge/Badge.js +16 -0
- package/Badge/index.d.ts +2 -0
- package/Badge/index.js +1 -0
- package/Badge/maps.d.ts +19 -0
- package/Badge/maps.js +19 -0
- package/Badge/styles.d.ts +5 -0
- package/Badge/styles.js +14 -0
- package/Badge/types.d.ts +8 -0
- package/Banner/Banner.d.ts +3 -0
- package/Banner/Banner.js +82 -0
- package/Banner/colors.d.ts +12 -0
- package/Banner/colors.js +115 -0
- package/Banner/index.d.ts +2 -0
- package/Banner/index.js +1 -0
- package/Banner/maps.d.ts +27 -0
- package/Banner/maps.js +19 -0
- package/Banner/styles.d.ts +29 -0
- package/Banner/styles.js +45 -0
- package/Banner/types.d.ts +20 -0
- package/Button/Button.d.ts +5 -0
- package/Button/Button.js +48 -0
- package/Button/GhostButton.d.ts +1 -0
- package/Button/GhostButton.js +5 -0
- package/Button/colors.d.ts +16 -0
- package/Button/colors.js +130 -0
- package/Button/index.d.ts +3 -0
- package/Button/index.js +2 -0
- package/Button/maps.d.ts +132 -0
- package/Button/maps.js +37 -0
- package/Button/styles.d.ts +120 -0
- package/Button/styles.js +103 -0
- package/Button/types.d.ts +26 -0
- package/CardMetric/CardChildren.d.ts +3 -0
- package/CardMetric/CardChildren.js +25 -0
- package/CardMetric/CardCollapse.d.ts +3 -0
- package/CardMetric/CardCollapse.js +13 -0
- package/CardMetric/CardMetric.d.ts +3 -0
- package/CardMetric/CardMetric.js +62 -0
- package/CardMetric/index.d.ts +2 -0
- package/CardMetric/index.js +1 -0
- package/CardMetric/styles.d.ts +13 -0
- package/CardMetric/styles.js +74 -0
- package/CardMetric/types.d.ts +34 -0
- package/Checkbox/Checkbox.d.ts +3 -0
- package/Checkbox/Checkbox.js +47 -0
- package/Checkbox/index.d.ts +2 -0
- package/Checkbox/index.js +1 -0
- package/Checkbox/maps.d.ts +3 -0
- package/Checkbox/maps.js +7 -0
- package/Checkbox/styles.d.ts +9 -0
- package/Checkbox/styles.js +17 -0
- package/Checkbox/types.d.ts +15 -0
- package/Drawer/Drawer.d.ts +3 -0
- package/Drawer/Drawer.js +62 -0
- package/Drawer/index.d.ts +1 -0
- package/Drawer/index.js +1 -0
- package/Drawer/maps.d.ts +6 -0
- package/Drawer/maps.js +6 -0
- package/Drawer/styles.d.ts +11 -0
- package/Drawer/styles.js +57 -0
- package/Drawer/types.d.ts +18 -0
- package/DropdownMenu/components/DropdownMenu/DropdownMenu.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenu/DropdownMenu.js +27 -0
- package/DropdownMenu/components/DropdownMenu/hooks.d.ts +4 -0
- package/DropdownMenu/components/DropdownMenu/hooks.js +10 -0
- package/DropdownMenu/components/DropdownMenu/index.d.ts +2 -0
- package/DropdownMenu/components/DropdownMenu/index.js +2 -0
- package/DropdownMenu/components/DropdownMenu/types.d.ts +23 -0
- package/DropdownMenu/components/DropdownMenuContainer/DropdownMenuContainer.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuContainer/DropdownMenuContainer.js +79 -0
- package/DropdownMenu/components/DropdownMenuContainer/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuContainer/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuContainer/maps.d.ts +26 -0
- package/DropdownMenu/components/DropdownMenuContainer/maps.js +11 -0
- package/DropdownMenu/components/DropdownMenuContainer/styles.d.ts +35 -0
- package/DropdownMenu/components/DropdownMenuContainer/styles.js +109 -0
- package/DropdownMenu/components/DropdownMenuContainer/types.d.ts +19 -0
- package/DropdownMenu/components/DropdownMenuGroup/DropdownMenuGroup.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuGroup/DropdownMenuGroup.js +12 -0
- package/DropdownMenu/components/DropdownMenuGroup/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuGroup/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuGroup/styles.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuGroup/styles.js +7 -0
- package/DropdownMenu/components/DropdownMenuGroup/types.d.ts +5 -0
- package/DropdownMenu/components/DropdownMenuGroup/types.js +1 -0
- package/DropdownMenu/components/DropdownMenuItem/DropdownMenuItem.d.ts +5 -0
- package/DropdownMenu/components/DropdownMenuItem/DropdownMenuItem.js +38 -0
- package/DropdownMenu/components/DropdownMenuItem/index.d.ts +2 -0
- package/DropdownMenu/components/DropdownMenuItem/index.js +2 -0
- package/DropdownMenu/components/DropdownMenuItem/styles.d.ts +5 -0
- package/DropdownMenu/components/DropdownMenuItem/styles.js +73 -0
- package/DropdownMenu/components/DropdownMenuItem/types.d.ts +24 -0
- package/DropdownMenu/components/DropdownMenuItem/types.js +1 -0
- package/DropdownMenu/components/DropdownMenuItemCheckbox/DropdownMenuItemCheckbox.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuItemCheckbox/DropdownMenuItemCheckbox.js +9 -0
- package/DropdownMenu/components/DropdownMenuItemCheckbox/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuItemCheckbox/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuItemCheckbox/styles.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuItemCheckbox/styles.js +8 -0
- package/DropdownMenu/components/DropdownMenuItemPick/DropdownMenuItemPick.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuItemPick/DropdownMenuItemPick.js +16 -0
- package/DropdownMenu/components/DropdownMenuItemPick/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuItemPick/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuItemPick/styles.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuItemPick/styles.js +8 -0
- package/DropdownMenu/components/DropdownMenuItemPick/types.d.ts +2 -0
- package/DropdownMenu/components/DropdownMenuItemPick/types.js +1 -0
- package/DropdownMenu/components/DropdownMenuItemRadio/DropdownMenuItemRadio.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuItemRadio/DropdownMenuItemRadio.js +9 -0
- package/DropdownMenu/components/DropdownMenuItemRadio/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuItemRadio/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuItemRadio/styles.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuItemRadio/styles.js +8 -0
- package/DropdownMenu/components/DropdownMenuNested/DropdownMenuNested.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuNested/DropdownMenuNested.js +69 -0
- package/DropdownMenu/components/DropdownMenuNested/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuNested/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuNested/styles.d.ts +8 -0
- package/DropdownMenu/components/DropdownMenuNested/styles.js +35 -0
- package/DropdownMenu/components/DropdownMenuNested/types.d.ts +6 -0
- package/DropdownMenu/components/DropdownMenuNested/types.js +1 -0
- package/DropdownMenu/components/DropdownMenuWindow/DropdownMenuWindow.d.ts +3 -0
- package/DropdownMenu/components/DropdownMenuWindow/DropdownMenuWindow.js +12 -0
- package/DropdownMenu/components/DropdownMenuWindow/index.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuWindow/index.js +1 -0
- package/DropdownMenu/components/DropdownMenuWindow/styles.d.ts +1 -0
- package/DropdownMenu/components/DropdownMenuWindow/styles.js +7 -0
- package/DropdownMenu/components/DropdownMenuWindow/types.d.ts +5 -0
- package/DropdownMenu/components/DropdownMenuWindow/types.js +1 -0
- package/DropdownMenu/index.d.ts +9 -0
- package/DropdownMenu/index.js +9 -0
- package/EditableField/EditableField.d.ts +3 -0
- package/EditableField/EditableField.js +61 -0
- package/EditableField/index.d.ts +2 -0
- package/EditableField/index.js +1 -0
- package/EditableField/styles.d.ts +8 -0
- package/EditableField/styles.js +25 -0
- package/EditableField/types.d.ts +15 -0
- package/EditableField/types.js +1 -0
- package/EmailTemplatePreview/EmailTemplatePreview.d.ts +3 -11
- package/EmailTemplatePreview/EmailTemplatePreview.js +11 -10
- package/EmailTemplatePreview/components/NoEmailTemplatePreview/NoEmailTemplatePreview.d.ts +2 -2
- package/EmailTemplatePreview/components/NoEmailTemplatePreview/NoEmailTemplatePreview.js +3 -3
- package/EmailTemplatePreview/components/NoEmailTemplatePreview/assets/PW_logo.svg +1 -5
- package/EmailTemplatePreview/components/NoEmailTemplatePreview/{styled.js → styles.js} +2 -2
- package/EmailTemplatePreview/{styled.js → styles.js} +1 -1
- package/EmailTemplatePreview/types.d.ts +8 -0
- package/EmailTemplatePreview/types.js +1 -0
- package/ExportResult/ExportResult.d.ts +2 -2
- package/ExportResult/ExportResult.js +11 -10
- package/ExportResult/{styled.js → styles.js} +5 -5
- package/FieldBox/FieldBox.d.ts +3 -3
- package/FieldBox/FieldBox.js +8 -7
- package/FieldBox/index.d.ts +1 -1
- package/FieldBox/types.js +1 -0
- package/InputFile/InputFile.d.ts +3 -0
- package/InputFile/InputFile.js +88 -0
- package/InputFile/index.d.ts +1 -0
- package/InputFile/index.js +1 -0
- package/InputFile/styles.d.ts +5 -0
- package/InputFile/styles.js +29 -0
- package/InputFile/types.d.ts +25 -0
- package/InputFile/types.js +1 -0
- package/Link/Link.d.ts +5 -0
- package/Link/Link.js +12 -0
- package/Link/index.d.ts +1 -0
- package/Link/index.js +1 -0
- package/Link/styles.d.ts +1 -0
- package/Link/styles.js +7 -0
- package/Link/types.d.ts +21 -0
- package/Link/types.js +1 -0
- package/Modal/components/Modal/Modal.d.ts +3 -0
- package/Modal/components/Modal/Modal.js +51 -0
- package/Modal/components/Modal/index.d.ts +1 -0
- package/Modal/components/Modal/index.js +1 -0
- package/Modal/components/Modal/maps.d.ts +6 -0
- package/Modal/components/Modal/maps.js +6 -0
- package/Modal/components/Modal/styles.d.ts +13 -0
- package/Modal/components/Modal/styles.js +45 -0
- package/Modal/components/Modal/types.d.ts +13 -0
- package/Modal/components/Modal/types.js +1 -0
- package/Modal/components/ModalConfirm/ModalConfirm.d.ts +3 -0
- package/Modal/components/ModalConfirm/ModalConfirm.js +54 -0
- package/Modal/components/ModalConfirm/ModalConfirmProvider.d.ts +4 -0
- package/Modal/components/ModalConfirm/ModalConfirmProvider.js +35 -0
- package/Modal/components/ModalConfirm/hooks.d.ts +2 -0
- package/Modal/components/ModalConfirm/hooks.js +9 -0
- package/Modal/components/ModalConfirm/index.d.ts +3 -0
- package/Modal/components/ModalConfirm/index.js +3 -0
- package/Modal/components/ModalConfirm/types.d.ts +20 -0
- package/Modal/components/ModalConfirm/types.js +1 -0
- package/Modal/components/ModalContent/index.d.ts +1 -0
- package/Modal/components/ModalContent/index.js +1 -0
- package/Modal/components/ModalContent/styled.d.ts +19 -0
- package/Modal/components/ModalContent/styled.js +29 -0
- package/Modal/components/ModalTitle/ModalTitle.d.ts +3 -0
- package/Modal/components/ModalTitle/ModalTitle.js +18 -0
- package/Modal/components/ModalTitle/index.d.ts +1 -0
- package/Modal/components/ModalTitle/index.js +1 -0
- package/Modal/components/ModalTitle/styles.d.ts +1 -0
- package/Modal/components/ModalTitle/styles.js +8 -0
- package/Modal/components/ModalTitle/types.d.ts +5 -0
- package/Modal/components/ModalTitle/types.js +1 -0
- package/Modal/index.d.ts +4 -0
- package/Modal/index.js +4 -0
- package/NumberPicker/NumberPicker.js +2 -2
- package/NumberPicker/{AutosizeInput.d.ts → components/AutosizeInput/AutosizeInput.d.ts} +1 -1
- package/NumberPicker/{AutosizeInput.js → components/AutosizeInput/AutosizeInput.js} +3 -3
- package/NumberPicker/components/AutosizeInput/index.d.ts +1 -0
- package/NumberPicker/components/AutosizeInput/index.js +1 -0
- package/NumberPicker/{AutosizeInput.styled.js → components/AutosizeInput/styles.js} +1 -1
- package/NumberPicker/components/AutosizeInput/types.js +1 -0
- package/NumberPicker/{styled.js → styles.js} +3 -3
- package/PageHeader/components/AutosizeInput/AutosizeInput.d.ts +3 -0
- package/PageHeader/components/AutosizeInput/AutosizeInput.js +80 -0
- package/PageHeader/components/AutosizeInput/constants.d.ts +2 -0
- package/PageHeader/components/AutosizeInput/constants.js +2 -0
- package/PageHeader/components/AutosizeInput/index.d.ts +1 -0
- package/PageHeader/components/AutosizeInput/index.js +1 -0
- package/PageHeader/components/AutosizeInput/styles.d.ts +5 -0
- package/PageHeader/components/AutosizeInput/styles.js +20 -0
- package/PageHeader/components/AutosizeInput/types.d.ts +10 -0
- package/PageHeader/components/AutosizeInput/types.js +1 -0
- package/PageHeader/components/PageHeader/PageHeader.d.ts +3 -0
- package/PageHeader/components/PageHeader/PageHeader.js +51 -0
- package/PageHeader/components/PageHeader/index.d.ts +1 -0
- package/PageHeader/components/PageHeader/index.js +1 -0
- package/PageHeader/components/PageHeader/styles.d.ts +9 -0
- package/PageHeader/components/PageHeader/styles.js +29 -0
- package/PageHeader/components/PageHeader/types.d.ts +15 -0
- package/PageHeader/components/PageHeader/types.js +1 -0
- package/PageHeader/components/PageHeaderEditable/PageHeaderEditable.d.ts +3 -0
- package/PageHeader/components/PageHeaderEditable/PageHeaderEditable.js +67 -0
- package/PageHeader/components/PageHeaderEditable/index.d.ts +1 -0
- package/PageHeader/components/PageHeaderEditable/index.js +1 -0
- package/PageHeader/components/PageHeaderEditable/styles.d.ts +10 -0
- package/PageHeader/components/PageHeaderEditable/styles.js +33 -0
- package/PageHeader/components/PageHeaderEditable/types.d.ts +21 -0
- package/PageHeader/components/PageHeaderEditable/types.js +1 -0
- package/PageHeader/components/PageHeaderError/PageHeaderError.d.ts +3 -0
- package/PageHeader/components/PageHeaderError/PageHeaderError.js +19 -0
- package/PageHeader/components/PageHeaderError/index.d.ts +1 -0
- package/PageHeader/components/PageHeaderError/index.js +1 -0
- package/PageHeader/components/PageHeaderError/styles.d.ts +6 -0
- package/PageHeader/components/PageHeaderError/styles.js +20 -0
- package/PageHeader/components/PageHeaderError/types.d.ts +5 -0
- package/PageHeader/components/PageHeaderError/types.js +1 -0
- package/PageHeader/components/PageHeaderSkeleton/PageHeaderSkeleton.d.ts +2 -0
- package/PageHeader/components/PageHeaderSkeleton/PageHeaderSkeleton.js +20 -0
- package/PageHeader/components/PageHeaderSkeleton/index.d.ts +1 -0
- package/PageHeader/components/PageHeaderSkeleton/index.js +1 -0
- package/PageHeader/components/PageHeaderSkeleton/styles.d.ts +5 -0
- package/PageHeader/components/PageHeaderSkeleton/styles.js +15 -0
- package/PageHeader/index.d.ts +3 -0
- package/PageHeader/index.js +3 -0
- package/Pagination/Pagination.d.ts +3 -0
- package/Pagination/Pagination.js +85 -0
- package/Pagination/helpers.d.ts +1 -0
- package/Pagination/helpers.js +4 -0
- package/Pagination/index.d.ts +1 -0
- package/Pagination/index.js +1 -0
- package/Pagination/styles.d.ts +8 -0
- package/Pagination/styles.js +35 -0
- package/Pagination/types.d.ts +9 -0
- package/Pagination/types.js +1 -0
- package/Popover/Popover.d.ts +3 -0
- package/Popover/Popover.js +44 -0
- package/Popover/index.d.ts +4 -0
- package/Popover/index.js +2 -0
- package/Popover/styles.d.ts +6 -0
- package/Popover/styles.js +19 -0
- package/Popover/types.d.ts +12 -0
- package/Popover/types.js +1 -0
- package/ProgressBar/ProgressBar.d.ts +2 -2
- package/ProgressBar/ProgressBar.js +20 -17
- package/ProgressBar/{styled.js → styles.js} +10 -10
- package/PushPreview/PushPreview.js +4 -4
- package/PushPreview/{styled.js → styles.js} +8 -8
- package/Radio/Radio.d.ts +3 -0
- package/Radio/Radio.js +37 -0
- package/Radio/index.d.ts +2 -0
- package/Radio/index.js +1 -0
- package/Radio/maps.d.ts +3 -0
- package/Radio/maps.js +8 -0
- package/Radio/styled.d.ts +5 -0
- package/Radio/styled.js +13 -0
- package/Radio/types.d.ts +12 -0
- package/Radio/types.js +1 -0
- package/ReCaptcha/ReCaptcha.d.ts +2 -0
- package/ReCaptcha/ReCaptcha.js +8 -0
- package/ReCaptcha/constants.d.ts +3 -0
- package/ReCaptcha/constants.js +4 -0
- package/ReCaptcha/helpers.d.ts +1 -0
- package/ReCaptcha/helpers.js +15 -0
- package/ReCaptcha/hooks.d.ts +2 -0
- package/ReCaptcha/hooks.js +66 -0
- package/ReCaptcha/index.d.ts +3 -0
- package/ReCaptcha/index.js +3 -0
- package/ReCaptcha/styles.d.ts +1 -0
- package/ReCaptcha/styles.js +5 -0
- package/ReCaptcha/types.d.ts +8 -0
- package/ReCaptcha/types.js +1 -0
- package/Skeleton/TextSkeleton.d.ts +3 -0
- package/Skeleton/TextSkeleton.js +16 -0
- package/Skeleton/index.d.ts +2 -0
- package/Skeleton/index.js +2 -0
- package/Skeleton/styles.d.ts +4 -0
- package/Skeleton/styles.js +33 -0
- package/Skeleton/types.d.ts +16 -0
- package/Skeleton/types.js +1 -0
- package/SortButton/SortButton.d.ts +6 -0
- package/SortButton/SortButton.js +33 -0
- package/SortButton/constants.d.ts +2 -0
- package/SortButton/constants.js +1 -0
- package/SortButton/index.d.ts +1 -0
- package/SortButton/index.js +1 -0
- package/SortButton/maps.d.ts +10 -0
- package/SortButton/maps.js +15 -0
- package/SortButton/styles.d.ts +3 -0
- package/SortButton/styles.js +9 -0
- package/SortButton/types.d.ts +14 -0
- package/SortButton/types.js +1 -0
- package/Spinner/Spinner.d.ts +3 -0
- package/Spinner/Spinner.js +20 -0
- package/Spinner/assets/index.d.ts +4 -0
- package/Spinner/assets/index.js +6 -0
- package/Spinner/assets/spinner.medium.svg +1 -0
- package/Spinner/assets/spinner.small.svg +1 -0
- package/Spinner/index.d.ts +2 -0
- package/Spinner/index.js +1 -0
- package/Spinner/maps.d.ts +5 -0
- package/Spinner/maps.js +5 -0
- package/Spinner/styles.d.ts +5 -0
- package/Spinner/styles.js +20 -0
- package/Spinner/types.d.ts +6 -0
- package/Spinner/types.js +1 -0
- package/StatisticCard/StatisticCard.d.ts +2 -2
- package/StatisticCard/StatisticCard.js +16 -15
- package/Switch/Switch.d.ts +3 -0
- package/Switch/Switch.js +23 -0
- package/Switch/index.d.ts +1 -0
- package/Switch/index.js +1 -0
- package/Switch/styles.d.ts +5 -0
- package/Switch/styles.js +62 -0
- package/Switch/types.d.ts +15 -0
- package/Switch/types.js +1 -0
- package/Tabs/{tab/tab.d.ts → components/Tab/Tab.d.ts} +2 -2
- package/Tabs/{tab/tab.js → components/Tab/Tab.js} +2 -2
- package/Tabs/components/Tab/index.d.ts +1 -0
- package/Tabs/components/Tab/index.js +1 -0
- package/Tabs/{tab/tab.types.d.ts → components/Tab/types.d.ts} +1 -1
- package/Tabs/components/Tab/types.js +1 -0
- package/Tabs/{tab-bar/tab-bar.js → components/TabBar/TabBar.js} +2 -2
- package/Tabs/components/TabBar/index.d.ts +1 -0
- package/Tabs/components/TabBar/index.js +1 -0
- package/Tabs/{tab-bar/tab-bar.styles.js → components/TabBar/styles.js} +2 -2
- package/Tabs/components/TabBar/types.js +1 -0
- package/Tabs/{tabs-list-slide-frame/tabs-list-slide-frame.d.ts → components/TabBarScrollableFrame/TabBarScrollableFrame.d.ts} +1 -1
- package/Tabs/{tabs-list-slide-frame/tabs-list-slide-frame.js → components/TabBarScrollableFrame/TabBarScrollableFrame.js} +2 -2
- package/Tabs/components/TabBarScrollableFrame/index.d.ts +1 -0
- package/Tabs/components/TabBarScrollableFrame/index.js +1 -0
- package/Tabs/{tabs-list-slide-frame/tabs-list-slide-frame.styles.js → components/TabBarScrollableFrame/styles.js} +5 -5
- package/Tabs/components/TabBarScrollableFrame/types.js +1 -0
- package/Tabs/{tab-base/tab-base.js → components/TabBase/TabBase.js} +1 -1
- package/Tabs/components/TabBase/index.d.ts +1 -0
- package/Tabs/components/TabBase/index.js +1 -0
- package/Tabs/{tab-base/tab-base.styles.js → components/TabBase/styles.js} +4 -4
- package/Tabs/components/TabBase/types.js +1 -0
- package/Tabs/{tab-panel/tab-panel.d.ts → components/TabPanel/TabPanel.d.ts} +1 -1
- package/Tabs/{tab-panel/tab-panel.js → components/TabPanel/TabPanel.js} +1 -1
- package/Tabs/components/TabPanel/index.d.ts +1 -0
- package/Tabs/components/TabPanel/index.js +1 -0
- package/Tabs/{tab-panel → components/TabPanel}/styles.js +1 -1
- package/Tabs/{tab-panel/tab-panel.types.d.ts → components/TabPanel/types.d.ts} +1 -1
- package/Tabs/components/TabPanel/types.js +1 -0
- package/Tabs/{tabs/tabs.d.ts → components/Tabs/Tabs.d.ts} +1 -1
- package/Tabs/{tabs/tabs.js → components/Tabs/Tabs.js} +1 -1
- package/Tabs/components/Tabs/index.d.ts +1 -0
- package/Tabs/components/Tabs/index.js +1 -0
- package/Tabs/{tabs → components/Tabs}/styles.js +1 -1
- package/Tabs/{tabs/tabs.types.d.ts → components/Tabs/types.d.ts} +1 -1
- package/Tabs/components/Tabs/types.js +1 -0
- package/Tabs/{tabs.context.d.ts → context.d.ts} +1 -1
- package/Tabs/index.d.ts +5 -5
- package/Tabs/index.js +4 -5
- package/Tabs/types.js +1 -0
- package/Toast/Toast.d.ts +3 -0
- package/Toast/Toast.js +62 -0
- package/Toast/ToastProvider.d.ts +4 -0
- package/Toast/ToastProvider.js +45 -0
- package/Toast/constants.d.ts +8 -0
- package/Toast/constants.js +8 -0
- package/Toast/hooks.d.ts +2 -0
- package/Toast/hooks.js +9 -0
- package/Toast/index.d.ts +3 -0
- package/Toast/index.js +3 -0
- package/Toast/styles.d.ts +8 -0
- package/Toast/styles.js +23 -0
- package/Toast/types.d.ts +28 -0
- package/Toast/types.js +1 -0
- package/Tooltip/Tooltip.d.ts +3 -0
- package/Tooltip/Tooltip.js +47 -0
- package/Tooltip/index.d.ts +2 -0
- package/Tooltip/index.js +1 -0
- package/Tooltip/maps.d.ts +48 -0
- package/Tooltip/maps.js +161 -0
- package/Tooltip/styles.d.ts +5 -0
- package/Tooltip/styles.js +22 -0
- package/Tooltip/types.d.ts +14 -0
- package/Tooltip/types.js +1 -0
- package/hooks/index.d.ts +2 -0
- package/hooks/index.js +2 -0
- package/hooks/useElementWidth.d.ts +11 -0
- package/hooks/useElementWidth.js +27 -0
- package/hooks/useOnClickOutside.d.ts +4 -0
- package/hooks/useOnClickOutside.js +23 -0
- package/index.d.ts +24 -3
- package/index.js +22 -1
- package/package.json +6 -5
- package/Tabs/tab/index.d.ts +0 -2
- package/Tabs/tab/index.js +0 -2
- package/Tabs/tab-bar/index.d.ts +0 -2
- package/Tabs/tab-bar/index.js +0 -2
- package/Tabs/tab-base/index.d.ts +0 -3
- package/Tabs/tab-base/index.js +0 -3
- package/Tabs/tab-panel/index.d.ts +0 -2
- package/Tabs/tab-panel/index.js +0 -2
- package/Tabs/tabs/index.d.ts +0 -2
- package/Tabs/tabs/index.js +0 -2
- package/Tabs/tabs-list-slide-frame/index.d.ts +0 -3
- package/Tabs/tabs-list-slide-frame/index.js +0 -3
- package/{FieldBox/FieldBox.types.js → ActionsGroup/types.js} +0 -0
- package/{NumberPicker/AutosizeInput.types.js → Badge/types.js} +0 -0
- package/{Tabs/tab-bar/tab-bar.types.js → Banner/types.js} +0 -0
- package/{Tabs/tab-base/tab-base.types.js → Button/types.js} +0 -0
- package/{Tabs/tab-panel/tab-panel.types.js → CardMetric/types.js} +0 -0
- package/{Tabs/tab/tab.types.js → Checkbox/types.js} +0 -0
- package/{Tabs/tabs-list-slide-frame/tabs-list-slide-frame.types.js → Drawer/types.js} +0 -0
- package/{Tabs/tabs.types.js → DropdownMenu/components/DropdownMenu/types.js} +0 -0
- package/{Tabs/tabs/tabs.types.js → DropdownMenu/components/DropdownMenuContainer/types.js} +0 -0
- package/EmailTemplatePreview/components/NoEmailTemplatePreview/{styled.d.ts → styles.d.ts} +0 -0
- package/EmailTemplatePreview/{styled.d.ts → styles.d.ts} +0 -0
- package/ExportResult/{styled.d.ts → styles.d.ts} +0 -0
- package/FieldBox/{FieldBox.types.d.ts → types.d.ts} +0 -0
- package/NumberPicker/{AutosizeInput.constants.d.ts → components/AutosizeInput/constants.d.ts} +0 -0
- package/NumberPicker/{AutosizeInput.constants.js → components/AutosizeInput/constants.js} +0 -0
- package/NumberPicker/{AutosizeInput.styled.d.ts → components/AutosizeInput/styles.d.ts} +0 -0
- package/NumberPicker/{AutosizeInput.types.d.ts → components/AutosizeInput/types.d.ts} +0 -0
- package/NumberPicker/{styled.d.ts → styles.d.ts} +0 -0
- package/ProgressBar/{styled.d.ts → styles.d.ts} +0 -0
- package/PushPreview/{constants/urls.d.ts → constants.d.ts} +0 -0
- package/PushPreview/{constants/urls.js → constants.js} +0 -0
- package/PushPreview/{helpers/helpers.d.ts → helpers.d.ts} +0 -0
- package/PushPreview/{helpers/helpers.js → helpers.js} +0 -0
- package/PushPreview/{styled.d.ts → styles.d.ts} +0 -0
- package/Tabs/{tab-bar/tab-bar.d.ts → components/TabBar/TabBar.d.ts} +0 -0
- package/Tabs/{tab-bar/tab-bar.styles.d.ts → components/TabBar/styles.d.ts} +0 -0
- package/Tabs/{tab-bar/tab-bar.types.d.ts → components/TabBar/types.d.ts} +0 -0
- package/Tabs/{tabs-list-slide-frame/tabs-list-slide-frame.styles.d.ts → components/TabBarScrollableFrame/styles.d.ts} +0 -0
- package/Tabs/{tabs-list-slide-frame/tabs-list-slide-frame.types.d.ts → components/TabBarScrollableFrame/types.d.ts} +0 -0
- package/Tabs/{tab-base/tab-base.d.ts → components/TabBase/TabBase.d.ts} +1 -1
- package/Tabs/{tab-base/tab-base.styles.d.ts → components/TabBase/styles.d.ts} +0 -0
- package/Tabs/{tab-base/tab-base.types.d.ts → components/TabBase/types.d.ts} +1 -1
- /package/Tabs/{tab-panel → components/TabPanel}/styles.d.ts +0 -0
- /package/Tabs/{tabs → components/Tabs}/styles.d.ts +0 -0
- /package/Tabs/{tabs.context.js → context.js} +0 -0
- /package/Tabs/{tabs.helpers.d.ts → helpers.d.ts} +0 -0
- /package/Tabs/{tabs.helpers.js → helpers.js} +0 -0
- /package/Tabs/{tabs.types.d.ts → types.d.ts} +0 -0
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React, { useCallback, useRef, useState } from 'react';
|
|
2
|
+
import { ChevronIcon } from '@pushwoosh/kit-icons';
|
|
3
|
+
import { useDropdownMenuContext } from '../DropdownMenu';
|
|
4
|
+
import { DropdownMenuNestedBox, DropdownMenuNestedButton, DropdownMenuNestedTitle, DropdownMenuNestedIcon, DropdownMenuNestedPortal, DropdownMenuNestedWindow } from './styles';
|
|
5
|
+
export function DropdownMenuNested(props) {
|
|
6
|
+
const {
|
|
7
|
+
boxRef,
|
|
8
|
+
title,
|
|
9
|
+
onMouseEnter,
|
|
10
|
+
onMouseLeave,
|
|
11
|
+
children,
|
|
12
|
+
...rest
|
|
13
|
+
} = props;
|
|
14
|
+
const {
|
|
15
|
+
windowZIndex
|
|
16
|
+
} = useDropdownMenuContext();
|
|
17
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
18
|
+
const internalButtonRef = useRef(null);
|
|
19
|
+
const handleMouseEnter = useCallback(event => {
|
|
20
|
+
setIsOpen(true);
|
|
21
|
+
onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
|
|
22
|
+
}, [onMouseEnter]);
|
|
23
|
+
const handleMouseLeave = useCallback(event => {
|
|
24
|
+
setIsOpen(false);
|
|
25
|
+
onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
|
|
26
|
+
}, [onMouseLeave]);
|
|
27
|
+
return React.createElement(DropdownMenuNestedBox, {
|
|
28
|
+
onMouseEnter: handleMouseEnter,
|
|
29
|
+
onMouseLeave: handleMouseLeave,
|
|
30
|
+
ref: boxRef,
|
|
31
|
+
...rest
|
|
32
|
+
}, React.createElement(DropdownMenuNestedButton, {
|
|
33
|
+
"$isActive": isOpen,
|
|
34
|
+
ref: internalButtonRef
|
|
35
|
+
}, React.createElement(DropdownMenuNestedTitle, null, title), React.createElement(DropdownMenuNestedIcon, null, React.createElement(ChevronIcon, {
|
|
36
|
+
size: "small",
|
|
37
|
+
direction: "right"
|
|
38
|
+
}))), React.createElement(DropdownMenuNestedPortal, {
|
|
39
|
+
animation: false,
|
|
40
|
+
interactive: true,
|
|
41
|
+
delay: 0,
|
|
42
|
+
duration: 0,
|
|
43
|
+
placement: "right-start",
|
|
44
|
+
reference: internalButtonRef,
|
|
45
|
+
visible: isOpen,
|
|
46
|
+
zIndex: windowZIndex,
|
|
47
|
+
content: React.createElement(DropdownMenuNestedWindow, null, children),
|
|
48
|
+
popperOptions: {
|
|
49
|
+
strategy: 'fixed',
|
|
50
|
+
modifiers: [{
|
|
51
|
+
name: 'offset',
|
|
52
|
+
options: {
|
|
53
|
+
offset: [-8, 0]
|
|
54
|
+
}
|
|
55
|
+
}, {
|
|
56
|
+
name: 'preventOverflow',
|
|
57
|
+
options: {
|
|
58
|
+
mainAxis: true,
|
|
59
|
+
altAxis: true
|
|
60
|
+
}
|
|
61
|
+
}, {
|
|
62
|
+
name: 'flip',
|
|
63
|
+
options: {
|
|
64
|
+
fallbackPlacements: []
|
|
65
|
+
}
|
|
66
|
+
}]
|
|
67
|
+
}
|
|
68
|
+
}));
|
|
69
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownMenuNested } from './DropdownMenuNested';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownMenuNested } from './DropdownMenuNested';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const DropdownMenuNestedBox: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const DropdownMenuNestedButton: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
$isActive: boolean;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const DropdownMenuNestedTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const DropdownMenuNestedIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
+
export declare const DropdownMenuNestedPortal: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@tippyjs/react").TippyProps>, any, {}, never>;
|
|
8
|
+
export declare const DropdownMenuNestedWindow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import Tippy from '@tippyjs/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { Color, FontSize, FontWeight, LineHeight, Shadow, ShapeRadius, Spacing } from '@pushwoosh/kit-constants';
|
|
4
|
+
export const DropdownMenuNestedBox = styled.div.withConfig({
|
|
5
|
+
displayName: "DropdownMenuNestedBox",
|
|
6
|
+
componentId: "sc-kzlzhf-0"
|
|
7
|
+
})(["width:100%;"]);
|
|
8
|
+
export const DropdownMenuNestedButton = styled.div.withConfig({
|
|
9
|
+
displayName: "DropdownMenuNestedButton",
|
|
10
|
+
componentId: "sc-kzlzhf-1"
|
|
11
|
+
})(["display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;padding:", " ", " ", " ", ";background:", ";font-size:", ";font-weight:", ";line-height:", ";white-space:nowrap;text-decoration:none;text-align:left;cursor:pointer;user-select:none;"], Spacing.S3, Spacing.S3, Spacing.S3, Spacing.S4, ({
|
|
12
|
+
$isActive
|
|
13
|
+
}) => $isActive ? Color.SOFT_LIGHT : 'transparent', FontSize.REGULAR, FontWeight.REGULAR, LineHeight.REGULAR);
|
|
14
|
+
export const DropdownMenuNestedTitle = styled.div.withConfig({
|
|
15
|
+
displayName: "DropdownMenuNestedTitle",
|
|
16
|
+
componentId: "sc-kzlzhf-2"
|
|
17
|
+
})(["flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
|
|
18
|
+
export const DropdownMenuNestedIcon = styled.div.withConfig({
|
|
19
|
+
displayName: "DropdownMenuNestedIcon",
|
|
20
|
+
componentId: "sc-kzlzhf-3"
|
|
21
|
+
})(["flex:0 0 auto;padding:0 0 0 ", ";"], Spacing.S4);
|
|
22
|
+
export const DropdownMenuNestedPortal = styled(Tippy).withConfig({
|
|
23
|
+
displayName: "DropdownMenuNestedPortal",
|
|
24
|
+
componentId: "sc-kzlzhf-4"
|
|
25
|
+
})([".tippy-box{position:static;background-color:transparent;color:inherit;border-radius:0;font-size:inherit;line-height:inherit;outline:0;transition:none;}.tippy-content{position:static;padding:0;z-index:auto;}.tippy-arrow{display:none;}"]);
|
|
26
|
+
export const DropdownMenuNestedWindow = styled.div.withConfig({
|
|
27
|
+
displayName: "DropdownMenuNestedWindow",
|
|
28
|
+
componentId: "sc-kzlzhf-5"
|
|
29
|
+
})(["border:1px solid ", ";background:", ";box-shadow:", ";border-radius:", ";"], Color.FORM, Color.FROZEN, Shadow.REGULAR, ShapeRadius.CONTROL);
|
|
30
|
+
DropdownMenuNestedBox.displayName = 'DropdownMenuNestedBox';
|
|
31
|
+
DropdownMenuNestedButton.displayName = 'DropdownMenuNestedButton';
|
|
32
|
+
DropdownMenuNestedTitle.displayName = 'DropdownMenuNestedTitle';
|
|
33
|
+
DropdownMenuNestedIcon.displayName = 'DropdownMenuNestedIcon';
|
|
34
|
+
DropdownMenuNestedPortal.displayName = 'DropdownMenuNestedPortal';
|
|
35
|
+
DropdownMenuNestedWindow.displayName = 'DropdownMenuNestedWindow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropdownMenuWindowBox } from './styles';
|
|
3
|
+
export function DropdownMenuWindow(props) {
|
|
4
|
+
const {
|
|
5
|
+
boxRef,
|
|
6
|
+
...rest
|
|
7
|
+
} = props;
|
|
8
|
+
return React.createElement(DropdownMenuWindowBox, {
|
|
9
|
+
...rest,
|
|
10
|
+
ref: boxRef
|
|
11
|
+
});
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownMenuWindow } from './DropdownMenuWindow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownMenuWindow } from './DropdownMenuWindow';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DropdownMenuWindowBox: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { Color, Shadow, ShapeRadius } from '@pushwoosh/kit-constants';
|
|
3
|
+
export const DropdownMenuWindowBox = styled.div.withConfig({
|
|
4
|
+
displayName: "DropdownMenuWindowBox",
|
|
5
|
+
componentId: "sc-aqah5e-0"
|
|
6
|
+
})(["max-height:316px;width:100%;background:", ";box-shadow:inset 0 0 0 1px ", ",", ";border-radius:", ";overflow-y:auto;"], Color.FROZEN, Color.FORM, Shadow.REGULAR, ShapeRadius.CONTROL);
|
|
7
|
+
DropdownMenuWindowBox.displayName = 'DropdownMenuWindowBox';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext } from './components/DropdownMenu';
|
|
2
|
+
export { DropdownMenuContainer } from './components/DropdownMenuContainer';
|
|
3
|
+
export { DropdownMenuGroup } from './components/DropdownMenuGroup';
|
|
4
|
+
export { DropdownMenuItem, DropdownMenuItemBox } from './components/DropdownMenuItem';
|
|
5
|
+
export { DropdownMenuItemCheckbox } from './components/DropdownMenuItemCheckbox';
|
|
6
|
+
export { DropdownMenuItemPick } from './components/DropdownMenuItemPick';
|
|
7
|
+
export { DropdownMenuItemRadio } from './components/DropdownMenuItemRadio';
|
|
8
|
+
export { DropdownMenuNested } from './components/DropdownMenuNested';
|
|
9
|
+
export { DropdownMenuWindow } from './components/DropdownMenuWindow';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { DropdownMenu, DropdownMenuProvider, useDropdownMenuContext } from './components/DropdownMenu';
|
|
2
|
+
export { DropdownMenuContainer } from './components/DropdownMenuContainer';
|
|
3
|
+
export { DropdownMenuGroup } from './components/DropdownMenuGroup';
|
|
4
|
+
export { DropdownMenuItem, DropdownMenuItemBox } from './components/DropdownMenuItem';
|
|
5
|
+
export { DropdownMenuItemCheckbox } from './components/DropdownMenuItemCheckbox';
|
|
6
|
+
export { DropdownMenuItemPick } from './components/DropdownMenuItemPick';
|
|
7
|
+
export { DropdownMenuItemRadio } from './components/DropdownMenuItemRadio';
|
|
8
|
+
export { DropdownMenuNested } from './components/DropdownMenuNested';
|
|
9
|
+
export { DropdownMenuWindow } from './components/DropdownMenuWindow';
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { Color } from '@pushwoosh/kit-constants';
|
|
3
|
+
import { DropdownIcon, EditIcon } from '@pushwoosh/kit-icons';
|
|
4
|
+
import { Button } from '../Button';
|
|
5
|
+
import { useOnClickOutside } from '../hooks';
|
|
6
|
+
import { Popover, PopoverContainer } from '../Popover';
|
|
7
|
+
import { FieldBox, TitleBox, ButtonsGroup } from './styles';
|
|
8
|
+
export function EditableField(props) {
|
|
9
|
+
const {
|
|
10
|
+
value,
|
|
11
|
+
title = '',
|
|
12
|
+
open = false,
|
|
13
|
+
loading = false,
|
|
14
|
+
width = 332,
|
|
15
|
+
position = 'right-start',
|
|
16
|
+
zIndex = 1000,
|
|
17
|
+
onToggleOpen,
|
|
18
|
+
onSubmit,
|
|
19
|
+
onCancel,
|
|
20
|
+
children
|
|
21
|
+
} = props;
|
|
22
|
+
const rootRef = useRef(null);
|
|
23
|
+
const buttonRef = useRef(null);
|
|
24
|
+
useOnClickOutside(rootRef, onCancel);
|
|
25
|
+
return React.createElement(PopoverContainer, {
|
|
26
|
+
ref: rootRef
|
|
27
|
+
}, React.createElement(FieldBox, {
|
|
28
|
+
open: open,
|
|
29
|
+
onClick: onToggleOpen,
|
|
30
|
+
ref: buttonRef
|
|
31
|
+
}, React.createElement("span", null, value), open ? React.createElement(DropdownIcon, {
|
|
32
|
+
direction: "up",
|
|
33
|
+
size: "small",
|
|
34
|
+
color: Color.CLEAR
|
|
35
|
+
}) : React.createElement(EditIcon, {
|
|
36
|
+
view: "lined",
|
|
37
|
+
size: "small"
|
|
38
|
+
})), React.createElement(Popover, {
|
|
39
|
+
open: open,
|
|
40
|
+
position: position,
|
|
41
|
+
anchorEl: buttonRef,
|
|
42
|
+
windowWidth: width,
|
|
43
|
+
internalWindowRef: rootRef,
|
|
44
|
+
loading: loading,
|
|
45
|
+
zIndex: zIndex
|
|
46
|
+
}, title && React.createElement(TitleBox, null, title), children, React.createElement(ButtonsGroup, {
|
|
47
|
+
"$isLoading": loading
|
|
48
|
+
}, React.createElement(Button, {
|
|
49
|
+
view: "shape",
|
|
50
|
+
color: "primary",
|
|
51
|
+
size: "compact",
|
|
52
|
+
isLoading: loading,
|
|
53
|
+
onClick: onSubmit
|
|
54
|
+
}, "Submit"), React.createElement(Button, {
|
|
55
|
+
view: "shape",
|
|
56
|
+
color: "secondary",
|
|
57
|
+
size: "compact",
|
|
58
|
+
isDisabled: loading,
|
|
59
|
+
onClick: onCancel
|
|
60
|
+
}, "Cancel"))));
|
|
61
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { EditableField } from './EditableField';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { H5 } from '@pushwoosh/kit-typography';
|
|
2
|
+
export declare const FieldBox: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
open: boolean;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const TitleBox: import("styled-components").StyledComponent<typeof H5, any, {}, never>;
|
|
6
|
+
export declare const ButtonsGroup: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
+
$isLoading: boolean;
|
|
8
|
+
}, never>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { Color, ShapeRadius, Spacing, FontSize, LineHeight } from '@pushwoosh/kit-constants';
|
|
3
|
+
import { H5 } from '@pushwoosh/kit-typography';
|
|
4
|
+
export const FieldBox = styled.div.withConfig({
|
|
5
|
+
displayName: "FieldBox",
|
|
6
|
+
componentId: "sc-qxboek-0"
|
|
7
|
+
})(["display:flex;align-items:center;font-size:", ";line-height:", ";padding:", " ", " ", " ", ";gap:", ";border-radius:", ";color:", ";background:", ";box-sizing:border-box;cursor:pointer;svg{opacity:0.2;}&:active{opacity:0.5;}&:hover{color:", ";background:", ";svg{opacity:1;}}"], FontSize.REGULAR, LineHeight.REGULAR, Spacing.S0, Spacing.S2, Spacing.S0, Spacing.S3, Spacing.S2, ShapeRadius.CONTROL, ({
|
|
8
|
+
open
|
|
9
|
+
}) => open ? Color.CLEAR : Color.MAIN, ({
|
|
10
|
+
open
|
|
11
|
+
}) => open ? Color.MAIN : Color.CLEAR, ({
|
|
12
|
+
open
|
|
13
|
+
}) => open ? Color.CLEAR : Color.PRIMARY_HOVER, ({
|
|
14
|
+
open
|
|
15
|
+
}) => open ? Color.MAIN : 'rgba(153, 201, 255, 0.14)');
|
|
16
|
+
export const TitleBox = styled(H5).withConfig({
|
|
17
|
+
displayName: "TitleBox",
|
|
18
|
+
componentId: "sc-qxboek-1"
|
|
19
|
+
})(["color:", ";margin-bottom:", ";"], Color.MAIN, Spacing.S1);
|
|
20
|
+
export const ButtonsGroup = styled.div.withConfig({
|
|
21
|
+
displayName: "ButtonsGroup",
|
|
22
|
+
componentId: "sc-qxboek-2"
|
|
23
|
+
})(["display:flex;margin-top:", ";opacity:", ";gap:", ";"], Spacing.S5, ({
|
|
24
|
+
$isLoading
|
|
25
|
+
}) => $isLoading ? '0.5' : '1', Spacing.S3);
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { Placement } from '../Popover';
|
|
3
|
+
export interface EditableFieldProps {
|
|
4
|
+
readonly value: string;
|
|
5
|
+
readonly title?: string;
|
|
6
|
+
readonly open?: boolean;
|
|
7
|
+
readonly loading?: boolean;
|
|
8
|
+
readonly position?: Placement;
|
|
9
|
+
readonly zIndex?: number;
|
|
10
|
+
readonly width?: number;
|
|
11
|
+
readonly onToggleOpen: () => void;
|
|
12
|
+
readonly onSubmit: () => void;
|
|
13
|
+
readonly onCancel: () => void;
|
|
14
|
+
readonly children: ReactNode | undefined;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
type PreviewIframeProps
|
|
3
|
-
|
|
4
|
-
width?: string;
|
|
5
|
-
height?: string;
|
|
6
|
-
template: string;
|
|
7
|
-
localization: Record<string, string>;
|
|
8
|
-
values: Record<string, any>;
|
|
9
|
-
};
|
|
10
|
-
export declare const EmailTemplatePreview: FC<PreviewIframeProps>;
|
|
11
|
-
export {};
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
import type { PreviewIframeProps } from './types';
|
|
3
|
+
export declare function EmailTemplatePreview(props: PreviewIframeProps): ReactElement;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { Liquid } from 'liquidjs';
|
|
2
2
|
import React, { useMemo, useState } from 'react';
|
|
3
3
|
import { replacePlaceholders } from './helpers';
|
|
4
|
-
import { IframeStyled } from './
|
|
4
|
+
import { IframeStyled } from './styles';
|
|
5
5
|
const createLiquidInstance = () => new Liquid();
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
export function EmailTemplatePreview(props) {
|
|
7
|
+
const {
|
|
8
|
+
scale,
|
|
9
|
+
width,
|
|
10
|
+
height,
|
|
11
|
+
template,
|
|
12
|
+
localization,
|
|
13
|
+
values
|
|
14
|
+
} = props;
|
|
14
15
|
const [liquidInstance] = useState(createLiquidInstance);
|
|
15
16
|
const src = useMemo(() => {
|
|
16
17
|
try {
|
|
@@ -29,4 +30,4 @@ export const EmailTemplatePreview = ({
|
|
|
29
30
|
sandbox: "allow-same-origin",
|
|
30
31
|
title: "preview"
|
|
31
32
|
}));
|
|
32
|
-
}
|
|
33
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
export declare function NoEmailTemplatePreview(): ReactElement;
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { Spacing } from '@pushwoosh/kit-constants';
|
|
3
3
|
import { Vertical } from '@pushwoosh/kit-helpers';
|
|
4
4
|
import pwLogo from './assets/PW_logo.svg';
|
|
5
|
-
import { Container, PreviewMock } from './
|
|
5
|
+
import { Container, PreviewMock } from './styles';
|
|
6
6
|
import { LockedText, LockedTitle } from '../../../common';
|
|
7
|
-
export
|
|
7
|
+
export function NoEmailTemplatePreview() {
|
|
8
8
|
return React.createElement(Container, {
|
|
9
9
|
"$gap": Spacing.S4,
|
|
10
10
|
"$padding": `${Spacing.S4} ${Spacing.S4} ${Spacing.S7}`
|
|
@@ -17,4 +17,4 @@ export const NoEmailTemplatePreview = () => {
|
|
|
17
17
|
})), React.createElement(Vertical, null, React.createElement(LockedTitle, null, "Content missed..."), React.createElement(LockedText, {
|
|
18
18
|
"$small": true
|
|
19
19
|
}, "Might be old data or deleted presets")));
|
|
20
|
-
}
|
|
20
|
+
}
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
<svg width="40" height="41"
|
|
2
|
-
<g id="logo - for light bg - outlines" opacity="0.5">
|
|
3
|
-
<path id="shape" fill-rule="evenodd" clip-rule="evenodd" d="M10.81 7.48828C9.39825 7.48828 7.64091 8.185 7.10251 10.4363C6.49888 12.9604 5.82997 15.8607 5.34255 17.974L5.34253 17.9741L5.17486 18.701C4.98276 19.5333 5.1452 20.186 5.45998 20.6098C5.76745 21.0238 6.30462 21.335 7.11527 21.335H7.98878C8.18083 21.335 8.32342 21.5129 8.28158 21.7003L8.09124 22.5529L7.83603 23.6959C7.77636 23.9632 8.0766 24.1641 8.30092 24.007L11.858 21.5159L12.0388 21.3892C12.0892 21.3539 12.1493 21.335 12.2109 21.335H12.4316H14.2329C14.3521 21.335 14.4594 21.2639 14.5108 21.1564C15.6034 18.8715 17.9658 17.7247 19.7813 17.7246L24.0602 17.7246C24.1843 17.7246 24.2911 17.6368 24.3151 17.515C24.4377 16.8934 24.6059 16.0428 24.7882 15.1273C25.152 13.3003 25.5747 11.2022 25.8028 10.1552C25.9755 9.3618 25.8122 8.70347 25.4714 8.26022C25.1388 7.82773 24.5519 7.48828 23.6393 7.48828H23.6253H23.6113H23.5971H23.5828H23.5683H23.5537H23.5389H23.524H23.5089H23.4937H23.4784H23.4629H23.4473H23.4316H23.4157H23.3997H23.3835H23.3672H23.3508H23.3342H23.3175H23.3007H23.2837H23.2666H23.2494H23.232H23.2145H23.1969H23.1791H23.1612H23.1432H23.1251H23.1068H23.0884H23.0699H23.0513H23.0325H23.0136H22.9946H22.9755H22.9562H22.9368H22.9173H22.8977H22.878H22.8581H22.8381H22.818H22.7978H22.7775H22.7571H22.7365H22.7158H22.695H22.6741H22.6531H22.632H22.6107H22.5894H22.5679H22.5463H22.5247H22.5029H22.481H22.4589H22.4368H22.4146H22.3923H22.3698H22.3473H22.3247H22.3019H22.2791H22.2561H22.2331H22.2099H22.1866H22.1633H22.1398H22.1163H22.0926H22.0689H22.045H22.0211H21.997H21.9729H21.9487H21.9244H21.8999H21.8754H21.8508H21.8261H21.8014H21.7765H21.7515H21.7265H21.7013H21.6761H21.6508H21.6254H21.5999H21.5743H21.5486H21.5229H21.4971H21.4712H21.4452H21.4191H21.3929H21.3667H21.3404H21.314H21.2875H21.2609H21.2343H21.2076H21.1808H21.1539H21.127H21.1H21.0729H21.0457H21.0185H20.9912H20.9638H20.9364H20.9089H20.8813H20.8536H20.8259H20.7981H20.7702H20.7423H20.7143H20.6862H20.6581H20.6299H20.6016H20.5733H20.5449H20.5165H20.488H20.4594H20.4308H20.4021H20.3733H20.3445H20.3157H20.2867H20.2578H20.2287H20.1996H20.1705H20.1413H20.112H20.0827H20.0534H20.024H19.9945H19.965H19.9354H19.9058H19.8761H19.8464H19.8167H19.7869H19.757H19.7271H19.6972H19.6672H19.6371H19.6071H19.5769H19.5468H19.5166H19.4863H19.456H19.4257H19.3953H19.3649H19.3345H19.304H19.2735H19.2429H19.2123H19.1817H19.151H19.1204H19.0896H19.0589H19.0281H18.9972H18.9664H18.9355H18.9046H18.8736H18.8427H18.8117H18.7806H18.7496H18.7185H18.6874H18.6562H18.6251H18.5939H18.5627H18.5315H18.5002H18.469H18.4377H18.4063H18.375H18.3437H18.3123H18.2809H18.2495H18.2181H18.1866H18.1552H18.1237H18.0922H18.0607H18.0292H17.9977H17.9662H17.9346H17.9031H17.8715H17.8399H17.8083H17.7767H17.7451H17.7135H17.6819H17.6503H17.6187H17.587H17.5554H17.5238H17.4921H17.4605H17.4288H17.3972H17.3656H17.3339H17.3023H17.2706H17.239H17.2073H17.1757H17.1441H17.1124H17.0808H17.0492H17.0176H16.986H16.9544H16.9228H16.8912H16.8596H16.8281H16.7965H16.765H16.7334H16.7019H16.6704H16.6389H16.6075H16.576H16.5445H16.5131H16.4817H16.4503H16.4189H16.3875H16.3562H16.3249H16.2936H16.2623H16.231H16.1998H16.1685H16.1373H16.1062H16.075H16.0439H16.0128H15.9817H15.9507H15.9196H15.8887H15.8577H15.8268H15.7958H15.765H15.7341H15.7033H15.6725H15.6418H15.6111H15.5804H15.5497H15.5191H15.4885H15.458H15.4275H15.397H15.3666H15.3362H15.3058H15.2755H15.2452H15.215H15.1848H15.1547H15.1245H15.0945H15.0645H15.0345H15.0045H14.9747H14.9448H14.915H14.8853H14.8556H14.8259H14.7963H14.7668H14.7373H14.7078H14.6784H14.6491H14.6198H14.5906H14.5614H14.5323H14.5032H14.4742H14.4452H14.4163H14.3875H14.3587H14.3299H14.3013H14.2727H14.2441H14.2156H14.1872H14.1588H14.1305H14.1023H14.0741H14.046H14.018H13.99H13.9621H13.9342H13.9064H13.8787H13.8511H13.8235H13.796H13.7686H13.7412H13.714H13.6868H13.6596H13.6325H13.6056H13.5786H13.5518H13.525H13.4983H13.4717H13.4452H13.4188H13.3924H13.3661H13.3399H13.3137H13.2877H13.2617H13.2358H13.21H13.1843H13.1587H13.1331H13.1077H13.0823H13.057H13.0318H13.0067H12.9817H12.9567H12.9319H12.9071H12.8825H12.8579H12.8334H12.809H12.7847H12.7605H12.7364H12.7124H12.6885H12.6647H12.641H12.6173H12.5938H12.5704H12.5471H12.5238H12.5007H12.4777H12.4548H12.4319H12.4092H12.3866H12.3641H12.3417H12.3194H12.2972H12.2751H12.2532H12.2313H12.2095H12.1879H12.1663H12.1449H12.1236H12.1024H12.0813H12.0603H12.0394H12.0187H11.998H11.9775H11.9571H11.9368H11.9166H11.8966H11.8766H11.8568H11.8371H11.8175H11.7981H11.7787H11.7595H11.7404H11.7214H11.7026H11.6838H11.6652H11.6468H11.6284H11.6102H11.5921H11.5741H11.5563H11.5386H11.521H11.5035H11.4862H11.469H11.452H11.435H11.4182H11.4016H11.3851H11.3687H11.3524H11.3363H11.3203H11.3045H11.2888H11.2732H11.2578H11.2425H11.2273H11.2123H11.1974H11.1827H11.1681H11.1537H11.1394H11.1253H11.1113H11.0974H11.0837H11.0701H11.0567H11.0434H11.0303H11.0173H11.0045H10.9918H10.9793H10.9669H10.9547H10.9427H10.9307H10.919H10.9074H10.8959H10.8847H10.8735H10.8625H10.8517H10.8411H10.8306H10.8202H10.81ZM13.4802 23.335C13.6735 23.335 13.8164 23.5152 13.7722 23.7034C13.6588 24.1863 13.5422 24.6822 13.425 25.1808L13.4234 25.1876C12.979 27.0776 12.5258 29.0051 12.2077 30.4076C11.583 33.1623 13.7475 35.5065 16.0636 35.5065H16.0735H16.0837H16.094H16.1046H16.1153H16.1262H16.1372H16.1485H16.1599H16.1715H16.1833H16.1953H16.2074H16.2197H16.2322H16.2449H16.2577H16.2707H16.2839H16.2973H16.3108H16.3245H16.3384H16.3524H16.3666H16.381H16.3955H16.4102H16.4251H16.4401H16.4553H16.4707H16.4862H16.5019H16.5177H16.5337H16.5499H16.5662H16.5826H16.5993H16.6161H16.633H16.6501H16.6674H16.6848H16.7023H16.72H16.7379H16.7559H16.7741H16.7924H16.8108H16.8294H16.8482H16.8671H16.8861H16.9053H16.9246H16.9441H16.9637H16.9835H17.0034H17.0234H17.0436H17.0639H17.0844H17.105H17.1257H17.1466H17.1676H17.1887H17.21H17.2314H17.2529H17.2746H17.2964H17.3183H17.3404H17.3625H17.3849H17.4073H17.4299H17.4526H17.4754H17.4983H17.5214H17.5446H17.5679H17.5913H17.6149H17.6385H17.6623H17.6862H17.7103H17.7344H17.7587H17.783H17.8075H17.8321H17.8569H17.8817H17.9066H17.9317H17.9569H17.9821H18.0075H18.033H18.0586H18.0843H18.1101H18.136H18.1621H18.1882H18.2144H18.2407H18.2672H18.2937H18.3204H18.3471H18.3739H18.4009H18.4279H18.455H18.4822H18.5095H18.537H18.5645H18.5921H18.6198H18.6475H18.6754H18.7034H18.7314H18.7596H18.7878H18.8161H18.8445H18.873H18.9016H18.9302H18.959H18.9878H19.0167H19.0457H19.0748H19.1039H19.1332H19.1625H19.1919H19.2213H19.2509H19.2805H19.3102H19.3399H19.3698H19.3997H19.4297H19.4597H19.4898H19.52H19.5503H19.5806H19.611H19.6415H19.672H19.7026H19.7333H19.764H19.7948H19.8257H19.8566H19.8876H19.9186H19.9497H19.9809H20.0121H20.0433H20.0747H20.1061H20.1375H20.169H20.2005H20.2321H20.2638H20.2955H20.3273H20.3591H20.3909H20.4228H20.4548H20.4868H20.5188H20.5509H20.5831H20.6153H20.6475H20.6798H20.7121H20.7444H20.7768H20.8092H20.8417H20.8742H20.9068H20.9394H20.972H21.0047H21.0374H21.0701H21.1029H21.1357H21.1685H21.2013H21.2342H21.2672H21.3001H21.3331H21.3661H21.3991H21.4322H21.4653H21.4984H21.5315H21.5647H21.5979H21.6311H21.6643H21.6975H21.7308H21.7641H21.7974H21.8307H21.8641H21.8974H21.9308H21.9642H21.9976H22.031H22.0644H22.0978H22.1313H22.1647H22.1982H22.2317H22.2652H22.2987H22.3322H22.3657H22.3992H22.4327H22.4662H22.4997H22.5332H22.5668H22.6003H22.6338H22.6674H22.7009H22.7344H22.7679H22.8014H22.835H22.8685H22.902H22.9355H22.969H23.0024H23.0359H23.0694H23.1028H23.1363H23.1697H23.2031H23.2365H23.2699H23.3033H23.3367H23.37H23.4034H23.4367H23.47H23.5033H23.5365H23.5698H23.603H23.6362H23.6694H23.7025H23.7356H23.7687H23.8018H23.8349H23.8679H23.9009H23.9339H23.9668H23.9997H24.0326H24.0655H24.0983H24.1311H24.1638H24.1966H24.2292H24.2619H24.2945H24.3271H24.3596H24.3921H24.4246H24.457H24.4894H24.5218H24.5541H24.5863H24.6185H24.6507H24.6828H24.7149H24.747H24.7789H24.8109H24.8428H24.8746H24.9064H24.9382H24.9699H25.0015H25.0331H25.0646H25.0961H25.1275H25.1589H25.1902H25.2215H25.2527H25.2838H25.3149H25.3459H25.3769H25.4078H25.4386H25.4694H25.5001H25.5307H25.5613H25.5918H25.6223H25.6527H25.683H25.7132H25.7434H25.7735H25.8036H25.8335H25.8634H25.8932H25.923H25.9526H25.9822H26.0118H26.0412H26.0706H26.0999H26.1291H26.1582H26.1872H26.2162H26.2451H26.2739H26.3026H26.3313H26.3598H26.3883H26.4167H26.445H26.4732H26.5013H26.5293H26.5573H26.5851H26.6129H26.6405H26.6681H26.6956H26.723H26.7503H26.7775H26.8046H26.8316H26.8585H26.8853H26.912H26.9386H26.9651H26.9915H27.0178H27.044H27.0701H27.0961H27.122H27.1478H27.1735H27.1991H27.2245H27.2499H27.2751H27.3003H27.3253H27.3502H27.375H27.3997H27.4243H27.4487H27.4731H27.4973H27.5214H27.5454H27.5693H27.5931H27.6167H27.6402H27.6636H27.6869H27.71H27.7331H27.756H27.7788H27.8014H27.824H27.8464H27.8687H27.8908H27.9128H27.9347H27.9565H27.9781H27.9996H28.021H28.0422H28.0633H28.0843H28.1051H28.1258H28.1464H28.1668H28.1871H28.2072H28.2272H28.2471H28.2668H28.2864H28.3058H28.3251H28.3443H28.3633H28.3821H28.4008H28.4194H28.4378H28.4561H28.4742H28.4922H28.51H28.5277H28.5452H28.5626H28.5798H28.5968H28.6137H28.6305H28.6471H28.6635H28.6798H28.6959H28.7119H28.7277H28.7433H28.7588H28.7741H28.7892H28.8042H28.8191H28.8337H28.8482H28.8625H28.8767H28.8907H28.9045H28.9182H28.9316H28.9449H28.9581H28.9711H28.9838H28.9965H29.0089H29.0212H29.0333H29.0452H29.0569H29.0685H29.0799H29.0911H29.1021H29.113H29.1236H29.1341H29.1444H29.1545H29.1644H29.1742C31.22 35.5065 34.1146 33.9197 34.8381 30.8323C35.053 29.9154 35.2848 28.9235 35.518 27.9251L35.519 27.9211L35.5193 27.9195C35.9414 26.113 36.3684 24.2859 36.7089 22.8445C37.0307 21.4825 36.8027 20.192 36.0671 19.2243C35.6259 18.6437 35.0329 18.2206 34.348 17.9745C34.1982 17.9208 34.105 17.7666 34.1395 17.6113L34.6133 15.482C34.8924 14.2278 33.4761 13.2916 32.4315 14.0397L27.3654 17.6685C27.3144 17.705 27.2534 17.7246 27.1907 17.7246L26.6277 17.7246C26.4643 17.7246 26.3417 17.5755 26.3733 17.4152C26.4815 16.8677 26.6115 16.2114 26.7497 15.5179C27.1145 13.686 27.5335 11.6069 27.7569 10.5808C28.0357 9.30091 27.8091 8.01941 27.0569 7.04112C26.2964 6.05207 25.0872 5.48828 23.6393 5.48828H23.6253H23.6113H23.5971H23.5828H23.5683H23.5537H23.5389H23.524H23.5089H23.4937H23.4784H23.4629H23.4473H23.4316H23.4157H23.3997H23.3835H23.3672H23.3508H23.3342H23.3175H23.3007H23.2837H23.2666H23.2494H23.232H23.2145H23.1969H23.1791H23.1612H23.1432H23.1251H23.1068H23.0884H23.0699H23.0513H23.0325H23.0136H22.9946H22.9755H22.9562H22.9368H22.9173H22.8977H22.878H22.8581H22.8381H22.818H22.7978H22.7775H22.7571H22.7365H22.7158H22.695H22.6741H22.6531H22.632H22.6107H22.5894H22.5679H22.5463H22.5247H22.5029H22.481H22.4589H22.4368H22.4146H22.3923H22.3698H22.3473H22.3247H22.3019H22.2791H22.2561H22.2331H22.2099H22.1866H22.1633H22.1398H22.1163H22.0926H22.0689H22.045H22.0211H21.997H21.9729H21.9487H21.9244H21.8999H21.8754H21.8508H21.8261H21.8014H21.7765H21.7515H21.7265H21.7013H21.6761H21.6508H21.6254H21.5999H21.5743H21.5486H21.5229H21.4971H21.4712H21.4452H21.4191H21.3929H21.3667H21.3404H21.314H21.2875H21.2609H21.2343H21.2076H21.1808H21.1539H21.127H21.1H21.0729H21.0457H21.0185H20.9912H20.9638H20.9364H20.9089H20.8813H20.8536H20.8259H20.7981H20.7702H20.7423H20.7143H20.6862H20.6581H20.6299H20.6016H20.5733H20.5449H20.5165H20.488H20.4594H20.4308H20.4021H20.3733H20.3445H20.3157H20.2867H20.2578H20.2287H20.1996H20.1705H20.1413H20.112H20.0827H20.0534H20.024H19.9945H19.965H19.9354H19.9058H19.8761H19.8464H19.8167H19.7869H19.757H19.7271H19.6972H19.6672H19.6371H19.6071H19.5769H19.5468H19.5166H19.4863H19.456H19.4257H19.3953H19.3649H19.3345H19.304H19.2735H19.2429H19.2123H19.1817H19.151H19.1204H19.0896H19.0589H19.0281H18.9972H18.9664H18.9355H18.9046H18.8736H18.8427H18.8117H18.7806H18.7496H18.7185H18.6874H18.6562H18.6251H18.5939H18.5627H18.5315H18.5002H18.469H18.4377H18.4063H18.375H18.3437H18.3123H18.2809H18.2495H18.2181H18.1866H18.1552H18.1237H18.0922H18.0607H18.0292H17.9977H17.9662H17.9346H17.9031H17.8715H17.8399H17.8083H17.7767H17.7451H17.7135H17.6819H17.6503H17.6187H17.587H17.5554H17.5238H17.4921H17.4605H17.4288H17.3972H17.3656H17.3339H17.3023H17.2706H17.239H17.2073H17.1757H17.1441H17.1124H17.0808H17.0492H17.0176H16.986H16.9544H16.9228H16.8912H16.8596H16.8281H16.7965H16.765H16.7334H16.7019H16.6704H16.6389H16.6075H16.576H16.5445H16.5131H16.4817H16.4503H16.4189H16.3875H16.3562H16.3249H16.2936H16.2623H16.231H16.1998H16.1685H16.1373H16.1062H16.075H16.0439H16.0128H15.9817H15.9507H15.9196H15.8887H15.8577H15.8268H15.7958H15.765H15.7341H15.7033H15.6725H15.6418H15.6111H15.5804H15.5497H15.5191H15.4885H15.458H15.4275H15.397H15.3666H15.3362H15.3058H15.2755H15.2452H15.215H15.1848H15.1547H15.1245H15.0945H15.0645H15.0345H15.0045H14.9747H14.9448H14.915H14.8853H14.8556H14.8259H14.7963H14.7668H14.7373H14.7078H14.6784H14.6491H14.6198H14.5906H14.5614H14.5323H14.5032H14.4742H14.4452H14.4163H14.3875H14.3587H14.3299H14.3013H14.2727H14.2441H14.2156H14.1872H14.1588H14.1305H14.1023H14.0741H14.046H14.018H13.99H13.9621H13.9342H13.9064H13.8787H13.8511H13.8235H13.796H13.7686H13.7412H13.714H13.6868H13.6596H13.6325H13.6056H13.5786H13.5518H13.525H13.4983H13.4717H13.4452H13.4188H13.3924H13.3661H13.3399H13.3137H13.2877H13.2617H13.2358H13.21H13.1843H13.1587H13.1331H13.1077H13.0823H13.057H13.0318H13.0067H12.9817H12.9567H12.9319H12.9071H12.8825H12.8579H12.8334H12.809H12.7847H12.7605H12.7364H12.7124H12.6885H12.6647H12.641H12.6173H12.5938H12.5704H12.5471H12.5238H12.5007H12.4777H12.4548H12.4319H12.4092H12.3866H12.3641H12.3417H12.3194H12.2972H12.2751H12.2532H12.2313H12.2095H12.1879H12.1663H12.1449H12.1236H12.1024H12.0813H12.0603H12.0394H12.0187H11.998H11.9775H11.9571H11.9368H11.9166H11.8966H11.8766H11.8568H11.8371H11.8175H11.7981H11.7787H11.7595H11.7404H11.7214H11.7026H11.6838H11.6652H11.6468H11.6284H11.6102H11.5921H11.5741H11.5563H11.5386H11.521H11.5035H11.4862H11.469H11.452H11.435H11.4182H11.4016H11.3851H11.3687H11.3524H11.3363H11.3203H11.3045H11.2888H11.2732H11.2578H11.2425H11.2273H11.2123H11.1974H11.1827H11.1681H11.1537H11.1394H11.1253H11.1113H11.0974H11.0837H11.0701H11.0567H11.0434H11.0303H11.0173H11.0045H10.9918H10.9793H10.9669H10.9547H10.9427H10.9307H10.919H10.9074H10.8959H10.8847H10.8735H10.8625H10.8517H10.8411H10.8306H10.8202H10.81C8.77342 5.48828 5.97382 6.55711 5.15736 9.97114C4.5517 12.5037 3.88086 15.4124 3.39366 17.5248L3.39366 17.5248L3.22609 18.2512C2.92549 19.5536 3.13253 20.8304 3.85436 21.8023C4.30043 22.4029 4.91021 22.8422 5.62901 23.0929C5.78034 23.1456 5.87503 23.3007 5.84011 23.4571L5.37862 25.5242C5.10014 26.7715 6.50126 27.7091 7.54809 26.976L12.6695 23.3892C12.7199 23.3539 12.78 23.335 12.8416 23.335H13.4802ZM27.6082 19.7244L27.6079 19.7246H27.6071H27.6038H27.5907L27.5393 19.7246L27.3426 19.7246L26.6276 19.7246L24.3411 19.7246L19.7814 19.7246C18.4511 19.7247 16.5101 20.7755 16.0279 22.8419C15.8222 23.7236 15.5957 24.6871 15.3674 25.6579L15.3672 25.6585C14.9241 27.543 14.4745 29.455 14.1582 30.8499C13.8226 32.33 15.0065 33.5065 16.0636 33.5065H16.0735H16.0837H16.094H16.1046H16.1153H16.1262H16.1372H16.1485H16.1599H16.1715H16.1833H16.1953H16.2074H16.2197H16.2322H16.2449H16.2577H16.2707H16.2839H16.2973H16.3108H16.3245H16.3384H16.3524H16.3666H16.381H16.3955H16.4102H16.4251H16.4401H16.4553H16.4707H16.4862H16.5019H16.5177H16.5337H16.5499H16.5662H16.5826H16.5993H16.6161H16.633H16.6501H16.6674H16.6848H16.7023H16.72H16.7379H16.7559H16.7741H16.7924H16.8108H16.8294H16.8482H16.8671H16.8861H16.9053H16.9246H16.9441H16.9637H16.9835H17.0034H17.0234H17.0436H17.0639H17.0844H17.105H17.1257H17.1466H17.1676H17.1887H17.21H17.2314H17.2529H17.2746H17.2964H17.3183H17.3404H17.3625H17.3849H17.4073H17.4299H17.4526H17.4754H17.4983H17.5214H17.5446H17.5679H17.5913H17.6149H17.6385H17.6623H17.6862H17.7103H17.7344H17.7587H17.783H17.8075H17.8321H17.8569H17.8817H17.9066H17.9317H17.9569H17.9821H18.0075H18.033H18.0586H18.0843H18.1101H18.136H18.1621H18.1882H18.2144H18.2407H18.2672H18.2937H18.3204H18.3471H18.3739H18.4009H18.4279H18.455H18.4822H18.5095H18.537H18.5645H18.5921H18.6198H18.6475H18.6754H18.7034H18.7314H18.7596H18.7878H18.8161H18.8445H18.873H18.9016H18.9302H18.959H18.9878H19.0167H19.0457H19.0748H19.1039H19.1332H19.1625H19.1919H19.2213H19.2509H19.2805H19.3102H19.3399H19.3698H19.3997H19.4297H19.4597H19.4898H19.52H19.5503H19.5806H19.611H19.6415H19.672H19.7026H19.7333H19.764H19.7948H19.8257H19.8566H19.8876H19.9186H19.9497H19.9809H20.0121H20.0433H20.0747H20.1061H20.1375H20.169H20.2005H20.2321H20.2638H20.2955H20.3273H20.3591H20.3909H20.4228H20.4548H20.4868H20.5188H20.5509H20.5831H20.6153H20.6475H20.6798H20.7121H20.7444H20.7768H20.8092H20.8417H20.8742H20.9068H20.9394H20.972H21.0047H21.0374H21.0701H21.1029H21.1357H21.1685H21.2013H21.2342H21.2672H21.3001H21.3331H21.3661H21.3991H21.4322H21.4653H21.4984H21.5315H21.5647H21.5979H21.6311H21.6643H21.6975H21.7308H21.7641H21.7974H21.8307H21.8641H21.8974H21.9308H21.9642H21.9976H22.031H22.0644H22.0978H22.1313H22.1647H22.1982H22.2317H22.2652H22.2987H22.3322H22.3657H22.3992H22.4327H22.4662H22.4997H22.5332H22.5668H22.6003H22.6338H22.6674H22.7009H22.7344H22.7679H22.8014H22.835H22.8685H22.902H22.9355H22.969H23.0024H23.0359H23.0694H23.1028H23.1363H23.1697H23.2031H23.2365H23.2699H23.3033H23.3367H23.37H23.4034H23.4367H23.47H23.5033H23.5365H23.5698H23.603H23.6362H23.6694H23.7025H23.7356H23.7687H23.8018H23.8349H23.8679H23.9009H23.9339H23.9668H23.9997H24.0326H24.0655H24.0983H24.1311H24.1638H24.1966H24.2292H24.2619H24.2945H24.3271H24.3596H24.3921H24.4246H24.457H24.4894H24.5218H24.5541H24.5863H24.6185H24.6507H24.6828H24.7149H24.747H24.7789H24.8109H24.8428H24.8746H24.9064H24.9382H24.9699H25.0015H25.0331H25.0646H25.0961H25.1275H25.1589H25.1902H25.2215H25.2527H25.2838H25.3149H25.3459H25.3769H25.4078H25.4386H25.4694H25.5001H25.5307H25.5613H25.5918H25.6223H25.6527H25.683H25.7132H25.7434H25.7735H25.8036H25.8335H25.8634H25.8932H25.923H25.9526H25.9822H26.0118H26.0412H26.0706H26.0999H26.1291H26.1582H26.1872H26.2162H26.2451H26.2739H26.3026H26.3313H26.3598H26.3883H26.4167H26.445H26.4732H26.5013H26.5293H26.5573H26.5851H26.6129H26.6405H26.6681H26.6956H26.723H26.7503H26.7775H26.8046H26.8316H26.8585H26.8853H26.912H26.9386H26.9651H26.9915H27.0178H27.044H27.0701H27.0961H27.122H27.1478H27.1735H27.1991H27.2245H27.2499H27.2751H27.3003H27.3253H27.3502H27.375H27.3997H27.4243H27.4487H27.4731H27.4973H27.5214H27.5454H27.5693H27.5931H27.6167H27.6402H27.6636H27.6869H27.71H27.7331H27.756H27.7788H27.8014H27.824H27.8464H27.8687H27.8908H27.9128H27.9347H27.9565H27.9781H27.9996H28.021H28.0422H28.0633H28.0843H28.1051H28.1258H28.1464H28.1668H28.1871H28.2072H28.2272H28.2471H28.2668H28.2864H28.3058H28.3251H28.3443H28.3633H28.3821H28.4008H28.4194H28.4378H28.4561H28.4742H28.4922H28.51H28.5277H28.5452H28.5626H28.5798H28.5968H28.6137H28.6305H28.6471H28.6635H28.6798H28.6959H28.7119H28.7277H28.7433H28.7588H28.7741H28.7892H28.8042H28.8191H28.8337H28.8482H28.8625H28.8767H28.8907H28.9045H28.9182H28.9316H28.9449H28.9581H28.9711H28.9838H28.9965H29.0089H29.0212H29.0333H29.0452H29.0569H29.0685H29.0799H29.0911H29.1021H29.113H29.1236H29.1341H29.1444H29.1545H29.1644H29.1742C30.4217 33.5065 32.4077 32.4379 32.8909 30.3759C33.1038 29.4674 33.3338 28.4831 33.5655 27.4912L33.567 27.485L33.5696 27.4739C33.9925 25.6638 34.4211 23.8296 34.7625 22.3846C34.97 21.5061 34.7918 20.8516 34.4748 20.4345C34.1588 20.0187 33.6194 19.7246 32.8673 19.7246H31.9945C31.8025 19.7246 31.6599 19.5468 31.7016 19.3594L31.8912 18.5074L32.1497 17.3456C32.2095 17.0769 31.906 16.8763 31.6822 17.0366L28.1905 19.5376L27.9929 19.6791C27.9516 19.7087 27.9021 19.7246 27.8513 19.7246C27.7171 19.7246 27.6082 19.6158 27.6082 19.4815L27.6082 18.7246L27.6082 19.7244ZM19.5245 9.77828C19.1684 9.6289 18.7837 9.55986 18.3979 9.57604H12.6407H12.6406C12.3871 9.57591 12.1411 9.66162 11.9426 9.81922C11.7441 9.97685 11.6049 10.1971 11.5479 10.444L11.5478 10.4441L9.71185 18.3995L9.71172 18.4C9.67811 18.5433 9.67307 18.6918 9.69692 18.837C9.72079 18.9824 9.77314 19.1217 9.85097 19.2469C9.92879 19.372 10.0306 19.4806 10.1504 19.5663C10.2703 19.6521 10.4059 19.7134 10.5495 19.7467L10.552 19.7473C10.6347 19.7656 10.719 19.7748 10.8036 19.775L10.8031 19.775L10.8044 19.525L10.8042 19.775H10.8036C11.0576 19.7761 11.3043 19.6907 11.5032 19.5328C11.702 19.375 11.841 19.1541 11.8972 18.9066L11.8974 18.9059L12.5052 16.2947H17.4767C18.5631 16.2947 19.4763 15.7614 20.1119 15.0076C20.7445 14.2573 21.115 13.2746 21.1161 12.3362C21.1366 11.6504 20.9063 10.9805 20.4682 10.452L20.4684 10.4518L20.4617 10.4444C20.2024 10.1559 19.8823 9.92838 19.5245 9.77828ZM18.4262 11.6337C18.5169 11.6254 18.6083 11.6369 18.6941 11.6673C18.7737 11.6956 18.8467 11.7396 18.9088 11.7966C19.0159 11.9487 19.0688 12.1325 19.0586 12.3184L19.0582 12.3184V12.3322C19.0582 12.725 18.9032 13.2116 18.6172 13.5971C18.3334 13.9797 17.9429 14.2356 17.4768 14.2356H12.777L13.3857 11.6347H18.4034H18.4148L18.4262 11.6337ZM31.22 23.9207H31.1474C31.1564 23.8497 31.1589 23.7779 31.1547 23.706C31.1432 23.5084 31.0817 23.317 30.9758 23.1498C30.8699 22.9826 30.7233 22.8451 30.5496 22.7501C30.3761 22.6552 30.1813 22.6059 29.9835 22.6068H29.984L29.9843 22.8568L29.983 22.6068L29.9835 22.6068C29.7611 22.6072 29.5434 22.671 29.356 22.7908C29.1685 22.9108 29.0192 23.0818 28.9257 23.2837L26.8251 27.8088L25.44 25.3382L25.4399 25.3379C25.3548 25.1856 25.2363 25.0544 25.0933 24.9543C24.9504 24.8543 24.7868 24.7878 24.6146 24.7599C24.443 24.7312 24.2672 24.7412 24.1 24.7892C23.9326 24.8372 23.778 24.9221 23.6476 25.0376L23.6474 25.0377L20.9538 27.4286L21.3913 23.9192C21.4155 23.7669 21.4092 23.6112 21.3728 23.4613C21.336 23.3097 21.2692 23.1671 21.1763 23.0418C21.0834 22.9165 20.9664 22.8111 20.832 22.7318C20.6977 22.6525 20.5488 22.6009 20.3942 22.5801C20.2396 22.5592 20.0824 22.5695 19.9318 22.6104C19.7813 22.6513 19.6404 22.7219 19.5177 22.8181C19.3949 22.9143 19.2926 23.0341 19.2169 23.1705C19.1417 23.3061 19.0942 23.4553 19.0774 23.6094L18.2287 30.2253L18.2285 30.2267C18.1995 30.4635 18.2438 30.7035 18.3555 30.9144C18.4671 31.1253 18.6408 31.2968 18.853 31.406L18.8539 31.4064C19.064 31.5135 19.3012 31.5556 19.5353 31.5274C19.7694 31.4992 19.9898 31.402 20.1685 31.2481L20.1685 31.2481L20.1712 31.2457L24.1112 27.7495L25.9145 30.9366C26.0161 31.1163 26.1635 31.2657 26.3418 31.3698C26.52 31.4739 26.7227 31.5289 26.9291 31.5293H26.9295H26.9688V31.5293L26.9744 31.5292C27.1883 31.5244 27.3968 31.4606 27.5767 31.3448C27.7566 31.2291 27.901 31.0658 27.9939 30.873L27.9954 30.8697L31.0552 24.2759L31.22 23.9207Z" fill="#7694B8" fill-opacity="0.2"/>
|
|
4
|
-
</g>
|
|
5
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" fill="none"><path fill="#7694B8" fill-opacity=".2" fill-rule="evenodd" d="M10.81 7.488c-1.412 0-3.17.697-3.707 2.948-.604 2.524-1.273 5.425-1.76 7.538l-.168.727c-.192.832-.03 1.485.285 1.909.307.414.845.725 1.655.725h.874a.3.3 0 0 1 .293.365l-.19.853-.256 1.143a.3.3 0 0 0 .465.311l3.557-2.491.18-.127a.3.3 0 0 1 .173-.054h2.022a.31.31 0 0 0 .278-.179c1.092-2.284 3.455-3.431 5.27-3.431h4.28a.26.26 0 0 0 .254-.21c.123-.622.29-1.472.473-2.388.364-1.827.787-3.925 1.015-4.972.172-.793.01-1.452-.332-1.895-.332-.432-.92-.772-1.832-.772H10.81m2.67 15.847a.3.3 0 0 1 .292.368l-.347 1.478-.002.007a766 766 0 0 0-1.215 5.22c-.625 2.754 1.54 5.099 3.856 5.099h13.11c2.046 0 4.94-1.587 5.664-4.675l.68-2.907.001-.004v-.002c.422-1.806.85-3.633 1.19-5.074.322-1.362.094-2.653-.642-3.62a3.7 3.7 0 0 0-1.719-1.25.32.32 0 0 1-.209-.364l.474-2.129c.28-1.254-1.137-2.19-2.181-1.442l-5.067 3.629a.3.3 0 0 1-.174.056h-.563a.26.26 0 0 1-.255-.31c.108-.547.238-1.204.377-1.897.364-1.832.784-3.911 1.007-4.937.279-1.28.052-2.562-.7-3.54-.76-.989-1.97-1.553-3.418-1.553H10.81c-2.037 0-4.836 1.07-5.653 4.483-.605 2.533-1.276 5.441-1.763 7.554l-.168.726c-.3 1.303-.093 2.58.628 3.551.446.6 1.056 1.04 1.775 1.29a.317.317 0 0 1 .211.365l-.461 2.067C5.1 26.771 6.5 27.71 7.549 26.976l5.12-3.587a.3.3 0 0 1 .173-.054zm14.128-3.61H19.78c-1.33 0-3.27 1.05-3.753 3.117l-.66 2.816c-.444 1.885-.893 3.797-1.21 5.192-.335 1.48.849 2.657 1.906 2.657h13.11c1.248 0 3.234-1.07 3.717-3.131l.675-2.885.001-.006.003-.011c.422-1.81.851-3.644 1.193-5.09.207-.878.029-1.532-.288-1.95-.316-.415-.856-.71-1.608-.71h-.872a.3.3 0 0 1-.293-.365l.19-.852.258-1.161a.3.3 0 0 0-.468-.31l-3.491 2.502-.198.141a.243.243 0 0 1-.385-.197v-.757zm-8.084-9.947a2.6 2.6 0 0 0-1.126-.202H12.64a1.12 1.12 0 0 0-1.093.868L9.712 18.4v.001a1.12 1.12 0 0 0 .838 1.347h.002q.124.028.252.028v-.25.25a1.12 1.12 0 0 0 1.093-.868v-.001l.608-2.611h4.972c1.086 0 2-.534 2.635-1.287.633-.75 1.003-1.733 1.004-2.672a2.82 2.82 0 0 0-.648-1.884l-.006-.008a2.6 2.6 0 0 0-.937-.666m-1.098 1.856a.63.63 0 0 1 .483.163c.107.152.16.335.15.521v.014c0 .393-.156.88-.442 1.265-.284.383-.674.639-1.14.639h-4.7l.609-2.601h5.029zM31.22 23.92h-.073a1.166 1.166 0 0 0-1.163-1.314v.25l-.001-.25a1.17 1.17 0 0 0-1.057.677l-2.1 4.525-1.386-2.47v-.001a1.16 1.16 0 0 0-.825-.578 1.17 1.17 0 0 0-.967.278l-2.694 2.39.437-3.509a1.166 1.166 0 0 0-1.46-1.309 1.17 1.17 0 0 0-.854 1l-.848 6.615v.002a1.17 1.17 0 0 0 .624 1.179 1.19 1.19 0 0 0 1.316-.158l.002-.002 3.94-3.496 1.803 3.187a1.17 1.17 0 0 0 1.015.592h.045a1.16 1.16 0 0 0 1.02-.656l.001-.003 3.06-6.594z" clip-rule="evenodd" opacity=".5"/></svg>
|
|
@@ -3,9 +3,9 @@ import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
|
|
|
3
3
|
import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
|
|
4
4
|
export const PreviewMock = styled(Horizontal).withConfig({
|
|
5
5
|
displayName: "PreviewMock",
|
|
6
|
-
componentId: "sc-
|
|
6
|
+
componentId: "sc-otjwbx-0"
|
|
7
7
|
})(["border-radius:", ";border:1px dashed ", ";background:", ";min-height:85px;"], ShapeRadius.SECTION, Color.SOFT_LIGHT_HOVER, Color.BRIGHT_LIGHT);
|
|
8
8
|
export const Container = styled(Vertical).withConfig({
|
|
9
9
|
displayName: "Container",
|
|
10
|
-
componentId: "sc-
|
|
10
|
+
componentId: "sc-otjwbx-1"
|
|
11
11
|
})(["background:", ";"], Color.CLEAR);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
export const IframeStyled = styled.div.withConfig({
|
|
3
3
|
displayName: "IframeStyled",
|
|
4
|
-
componentId: "sc-
|
|
4
|
+
componentId: "sc-1wqzpmh-0"
|
|
5
5
|
})(["", " ", " overflow:hidden;background-color:#fff;& > iframe{", " ", " ", " border:none;padding:0;}"], ({
|
|
6
6
|
$width
|
|
7
7
|
}) => $width && `width: ${$width};`, ({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
2
|
import { type ExportResultProps } from './types';
|
|
3
|
-
export declare function ExportResult(
|
|
3
|
+
export declare function ExportResult(props: ExportResultProps): ReactElement;
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Button } from '@pushwoosh/kit-button';
|
|
3
2
|
import { Spacing } from '@pushwoosh/kit-constants';
|
|
4
3
|
import { Horizontal } from '@pushwoosh/kit-helpers';
|
|
5
4
|
import { CloseIcon, CsvIcon } from '@pushwoosh/kit-icons';
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
import { Button } from '../Button';
|
|
6
|
+
import { LeftSlot, MainInfoContainer, RightSlotContainer, Subtitle, Title } from './styles';
|
|
7
|
+
export function ExportResult(props) {
|
|
8
|
+
const {
|
|
9
|
+
type,
|
|
10
|
+
title,
|
|
11
|
+
subtitle,
|
|
12
|
+
leftSlotIcon,
|
|
13
|
+
rightSlot,
|
|
14
|
+
handleClose
|
|
15
|
+
} = props;
|
|
15
16
|
return React.createElement(Horizontal, {
|
|
16
17
|
"$justifyContent": "space-between",
|
|
17
18
|
"$alignItems": "center",
|
|
@@ -55,21 +55,21 @@ const colorMixin = css(["color:", ";background:", ";"], ({
|
|
|
55
55
|
});
|
|
56
56
|
export const MainInfoContainer = styled(Vertical).withConfig({
|
|
57
57
|
displayName: "MainInfoContainer",
|
|
58
|
-
componentId: "sc-
|
|
58
|
+
componentId: "sc-1vfe25t-0"
|
|
59
59
|
})(["flex:1;overflow:hidden;"]);
|
|
60
60
|
export const Title = styled(H5).withConfig({
|
|
61
61
|
displayName: "Title",
|
|
62
|
-
componentId: "sc-
|
|
62
|
+
componentId: "sc-1vfe25t-1"
|
|
63
63
|
})(["font-size:", ";text-transform:uppercase;"], FontSize.SMALL);
|
|
64
64
|
export const Subtitle = styled.div.withConfig({
|
|
65
65
|
displayName: "Subtitle",
|
|
66
|
-
componentId: "sc-
|
|
66
|
+
componentId: "sc-1vfe25t-2"
|
|
67
67
|
})(["font-size:", ";color:", ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], FontSize.SMALL, Color.LOCKED);
|
|
68
68
|
export const LeftSlot = styled(Horizontal).withConfig({
|
|
69
69
|
displayName: "LeftSlot",
|
|
70
|
-
componentId: "sc-
|
|
70
|
+
componentId: "sc-1vfe25t-3"
|
|
71
71
|
})(["border-radius:", ";", ";"], ShapeRadius.CONTROL, colorMixin);
|
|
72
72
|
export const RightSlotContainer = styled(Horizontal).withConfig({
|
|
73
73
|
displayName: "RightSlotContainer",
|
|
74
|
-
componentId: "sc-
|
|
74
|
+
componentId: "sc-1vfe25t-4"
|
|
75
75
|
})(["flex-shrink:0;"]);
|
package/FieldBox/FieldBox.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
import {
|
|
3
|
-
export declare
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
import type { FieldBoxProps } from './types';
|
|
3
|
+
export declare function FieldBox(props: FieldBoxProps): ReactElement;
|
package/FieldBox/FieldBox.js
CHANGED
|
@@ -2,12 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import { Color, Spacing } from '@pushwoosh/kit-constants';
|
|
3
3
|
import { Vertical } from '@pushwoosh/kit-helpers';
|
|
4
4
|
import { Text } from '@pushwoosh/kit-typography';
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
export function FieldBox(props) {
|
|
6
|
+
const {
|
|
7
|
+
title,
|
|
8
|
+
description,
|
|
9
|
+
error,
|
|
10
|
+
children
|
|
11
|
+
} = props;
|
|
11
12
|
return React.createElement(Vertical, {
|
|
12
13
|
"$gap": Spacing.S1
|
|
13
14
|
}, React.createElement(Text, {
|
|
@@ -19,4 +20,4 @@ export const FieldBox = ({
|
|
|
19
20
|
"$variant": "h5",
|
|
20
21
|
"$color": Color.DANGER
|
|
21
22
|
}, error));
|
|
22
|
-
}
|
|
23
|
+
}
|
package/FieldBox/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|