@imposium-hub/components 1.45.5 → 1.46.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -18
- package/dist/cjs/Util.js +50 -30
- package/dist/cjs/Util.js.map +1 -1
- package/dist/cjs/components/Tooltip.js +4 -4
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/components/app-wrapper/AppWrapper.js +15 -11
- package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/cjs/components/asset-details/AssetDetails.js +12 -12
- package/dist/cjs/components/asset-details/AssetDetails.js.map +1 -1
- package/dist/cjs/components/assets/AssetField.js +9 -8
- package/dist/cjs/components/assets/AssetField.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableComplexTagCell.js +2 -2
- package/dist/cjs/components/assets/AssetsTableComplexTagCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDateCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDropzone.js +3 -3
- package/dist/cjs/components/assets/AssetsTableDropzone.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDurationCell.js +2 -2
- package/dist/cjs/components/assets/AssetsTableDurationCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableNameCell.js +1 -1
- package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableNameFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTablePreviewCell.js +10 -5
- package/dist/cjs/components/assets/AssetsTablePreviewCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableSelectCell.js +1 -1
- package/dist/cjs/components/assets/AssetsTableSelectCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableSelectFilter.js +2 -2
- package/dist/cjs/components/assets/AssetsTableSelectFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableStatusCell.js +3 -3
- package/dist/cjs/components/assets/AssetsTableStatusCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsPivot.js +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsPivot.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTypeIcon.js +6 -6
- package/dist/cjs/components/assets/AssetsTypeIcon.js.map +1 -1
- package/dist/cjs/components/assets/AssetsUploadMenu.js +3 -5
- package/dist/cjs/components/assets/AssetsUploadMenu.js.map +1 -1
- package/dist/cjs/components/assets/DataTableDnDWrapper.js +2 -2
- package/dist/cjs/components/assets/DataTableDnDWrapper.js.map +1 -1
- package/dist/cjs/components/assets/DroppableAssetRenderer.js +2 -2
- package/dist/cjs/components/assets/DroppableAssetRenderer.js.map +1 -1
- package/dist/cjs/components/assets/FontAssetPreview.js +1 -1
- package/dist/cjs/components/assets/FontAssetPreview.js.map +1 -1
- package/dist/cjs/components/assets/PreviewNotAvailable.js.map +1 -1
- package/dist/cjs/components/auth-gate/AuthGate.js.map +1 -1
- package/dist/cjs/components/button/Button.js +5 -7
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.js +76 -86
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.js +13 -7
- package/dist/cjs/components/button-group-field/ButtonGroupField.js.map +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.stories.js +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.stories.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenu.js +11 -5
- package/dist/cjs/components/button-menu/ButtonMenu.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenu.stories.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenuItem.js +1 -1
- package/dist/cjs/components/button-menu/ButtonMenuItem.js.map +1 -1
- package/dist/cjs/components/card/Card.js +10 -12
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox-field/CheckboxField.js +3 -3
- package/dist/cjs/components/checkbox-field/CheckboxField.js.map +1 -1
- package/dist/cjs/components/checkbox-field/CheckboxField.stories.js.map +1 -1
- package/dist/cjs/components/color-field/ColorField.js +4 -4
- package/dist/cjs/components/color-field/ColorField.js.map +1 -1
- package/dist/cjs/components/color-field/ColorFiled.stories.js +1 -1
- package/dist/cjs/components/color-field/ColorFiled.stories.js.map +1 -1
- package/dist/cjs/components/compositions/TextLayer.js +24 -15
- package/dist/cjs/components/compositions/TextLayer.js.map +1 -1
- package/dist/cjs/components/controlled-list/ControlledList.js +4 -4
- package/dist/cjs/components/controlled-list/ControlledList.js.map +1 -1
- package/dist/cjs/components/controlled-list/ControlledList.stories.js.map +1 -1
- package/dist/cjs/components/data-table/DataTable.js +58 -40
- package/dist/cjs/components/data-table/DataTable.js.map +1 -1
- package/dist/cjs/components/data-table/DataTablePaginator.js +4 -4
- package/dist/cjs/components/data-table/DataTablePaginator.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +1 -3
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/determinate-loader/DeterminateLoader.js +1 -1
- package/dist/cjs/components/determinate-loader/DeterminateLoader.js.map +1 -1
- package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.js +3 -3
- package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.js.map +1 -1
- package/dist/cjs/components/dropdown/Dropdown.js +6 -6
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.js +9 -9
- package/dist/cjs/components/field-wrapper/FieldWrapper.js.map +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.stories.js.map +1 -1
- package/dist/cjs/components/h-rule/HRule.js +1 -1
- package/dist/cjs/components/h-rule/HRule.js.map +1 -1
- package/dist/cjs/components/h-rule/HRule.stories.js.map +1 -1
- package/dist/cjs/components/header/Header.js +31 -21
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/list-field/ListField.js +4 -4
- package/dist/cjs/components/list-field/ListField.js.map +1 -1
- package/dist/cjs/components/list-field/ListField.stories.js.map +1 -1
- package/dist/cjs/components/log-viewer/LogViewer.js +8 -4
- package/dist/cjs/components/log-viewer/LogViewer.js.map +1 -1
- package/dist/cjs/components/media-variable-field/MediaVariableField.js +4 -4
- package/dist/cjs/components/media-variable-field/MediaVariableField.js.map +1 -1
- package/dist/cjs/components/modal/Modal.js +3 -3
- package/dist/cjs/components/modal/Modal.js.map +1 -1
- package/dist/cjs/components/modal/Modal.stories.js.map +1 -1
- package/dist/cjs/components/no-access/NoAccess.js +5 -7
- package/dist/cjs/components/no-access/NoAccess.js.map +1 -1
- package/dist/cjs/components/number-field/NumberField.js +2 -2
- package/dist/cjs/components/number-field/NumberField.js.map +1 -1
- package/dist/cjs/components/number-field/NumberField.stories.js.map +1 -1
- package/dist/cjs/components/players/AudioPlayer.js +1 -1
- package/dist/cjs/components/players/AudioPlayer.js.map +1 -1
- package/dist/cjs/components/players/ImagePlayer.js +1 -1
- package/dist/cjs/components/players/ImagePlayer.js.map +1 -1
- package/dist/cjs/components/players/ImagePreview.js.map +1 -1
- package/dist/cjs/components/players/ImageSequencePlayer.js +2 -2
- package/dist/cjs/components/players/ImageSequencePlayer.js.map +1 -1
- package/dist/cjs/components/players/TemplatePlayer.js +2 -2
- package/dist/cjs/components/players/TemplatePlayer.js.map +1 -1
- package/dist/cjs/components/players/VideoPlayer.js +3 -3
- package/dist/cjs/components/players/VideoPlayer.js.map +1 -1
- package/dist/cjs/components/players/VideoPreview.js.map +1 -1
- package/dist/cjs/components/portal/Portal.js.map +1 -1
- package/dist/cjs/components/publish-wizard/PublishWizard.js +59 -48
- package/dist/cjs/components/publish-wizard/PublishWizard.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/APIIntegration.js +1 -1
- package/dist/cjs/components/publish-wizard/publish/APIIntegration.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js +61 -42
- package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/HubSpotFlow.js +5 -4
- package/dist/cjs/components/publish-wizard/publish/HubSpotFlow.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/PublishStatusIndicator.js +7 -9
- package/dist/cjs/components/publish-wizard/publish/PublishStatusIndicator.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/WebpageHosted.js +13 -13
- package/dist/cjs/components/publish-wizard/publish/WebpageHosted.js.map +1 -1
- package/dist/cjs/components/section/Section.js +3 -3
- package/dist/cjs/components/section/Section.js.map +1 -1
- package/dist/cjs/components/section/Section.stories.js +1 -1
- package/dist/cjs/components/section/Section.stories.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.js +11 -9
- package/dist/cjs/components/select-field/SelectField.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.stories.js.map +1 -1
- package/dist/cjs/components/service-icon/ServiceIcon.js +14 -14
- package/dist/cjs/components/service-icon/ServiceIcon.js.map +1 -1
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.js +4 -4
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.js.map +1 -1
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.js +1 -1
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.js.map +1 -1
- package/dist/cjs/components/slider-field/SliderField.js +8 -4
- package/dist/cjs/components/slider-field/SliderField.js.map +1 -1
- package/dist/cjs/components/slider-field/SliderField.stories.js.map +1 -1
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/story-previewer/StoryPreviewer.js +40 -33
- package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.js +10 -14
- package/dist/cjs/components/tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.stories.js +1 -1
- package/dist/cjs/components/tabs/Tabs.stories.js.map +1 -1
- package/dist/cjs/components/tag/Tag.js +2 -3
- package/dist/cjs/components/tag/Tag.js.map +1 -1
- package/dist/cjs/components/text-area-field/TextAreaField.js +6 -6
- package/dist/cjs/components/text-area-field/TextAreaField.js.map +1 -1
- package/dist/cjs/components/text-area-field/TextAreaField.stories.js.map +1 -1
- package/dist/cjs/components/text-field/TextField.js +17 -17
- package/dist/cjs/components/text-field/TextField.js.map +1 -1
- package/dist/cjs/components/text-field/TextField.stories.js.map +1 -1
- package/dist/cjs/components/toast-service/ToastService.js +8 -4
- package/dist/cjs/components/toast-service/ToastService.js.map +1 -1
- package/dist/cjs/constants/api.js.map +1 -1
- package/dist/cjs/constants/assets.js.map +1 -1
- package/dist/cjs/constants/compositions.js.map +1 -1
- package/dist/cjs/constants/copy.js +5 -5
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/constants/dnd.js +1 -1
- package/dist/cjs/constants/dnd.js.map +1 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/constants/player.js.map +1 -1
- package/dist/cjs/constants/previewer.js.map +1 -1
- package/dist/cjs/constants/variables.js +2 -1
- package/dist/cjs/constants/variables.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/redux/actions/access.js +5 -3
- package/dist/cjs/redux/actions/access.js.map +1 -1
- package/dist/cjs/redux/actions/active-batch.js +7 -4
- package/dist/cjs/redux/actions/active-batch.js.map +1 -1
- package/dist/cjs/redux/actions/asset-filters.js +4 -1
- package/dist/cjs/redux/actions/asset-filters.js.map +1 -1
- package/dist/cjs/redux/actions/asset-list.js +22 -10
- package/dist/cjs/redux/actions/asset-list.js.map +1 -1
- package/dist/cjs/redux/actions/asset-tags.js +4 -1
- package/dist/cjs/redux/actions/asset-tags.js.map +1 -1
- package/dist/cjs/redux/actions/asset-uploads.js +23 -15
- package/dist/cjs/redux/actions/asset-uploads.js.map +1 -1
- package/dist/cjs/redux/actions/auth.js.map +1 -1
- package/dist/cjs/redux/actions/publish.js +20 -10
- package/dist/cjs/redux/actions/publish.js.map +1 -1
- package/dist/cjs/redux/actions/selected-assets.js +7 -4
- package/dist/cjs/redux/actions/selected-assets.js.map +1 -1
- package/dist/cjs/redux/reducers/access.js.map +1 -1
- package/dist/cjs/redux/reducers/active-batch.js +2 -2
- package/dist/cjs/redux/reducers/active-batch.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-filters.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-list.js +2 -2
- package/dist/cjs/redux/reducers/asset-list.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-tags.js.map +1 -1
- package/dist/cjs/redux/reducers/asset-uploads.js +1 -1
- package/dist/cjs/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/cjs/redux/reducers/auth.js.map +1 -1
- package/dist/cjs/redux/reducers/publish.js.map +1 -1
- package/dist/cjs/redux/reducers/selected-assets.js +1 -1
- package/dist/cjs/redux/reducers/selected-assets.js.map +1 -1
- package/dist/cjs/services/API-Legacy.js.map +1 -1
- package/dist/cjs/services/API.js +21 -21
- package/dist/cjs/services/API.js.map +1 -1
- package/dist/cjs/services/Auth0.js +1 -1
- package/dist/cjs/services/Auth0.js.map +1 -1
- package/dist/cjs/services/Session.js +16 -11
- package/dist/cjs/services/Session.js.map +1 -1
- package/dist/cjs/services/Storage.js +4 -2
- package/dist/cjs/services/Storage.js.map +1 -1
- package/dist/cjs/services/Timer.js.map +1 -1
- package/dist/cjs/utils/routing.js.map +1 -1
- package/dist/cjs/utils/template-generator.js.map +1 -1
- package/dist/esm/Util.js +45 -29
- package/dist/esm/Util.js.map +1 -1
- package/dist/esm/components/Tooltip.js +4 -4
- package/dist/esm/components/Tooltip.js.map +1 -1
- package/dist/esm/components/app-wrapper/AppWrapper.js +19 -12
- package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/esm/components/asset-details/AssetDetails.js +12 -12
- package/dist/esm/components/asset-details/AssetDetails.js.map +1 -1
- package/dist/esm/components/assets/AssetField.js +9 -8
- package/dist/esm/components/assets/AssetField.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableComplexTagCell.js +2 -2
- package/dist/esm/components/assets/AssetsTableComplexTagCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableDateCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableDropzone.js +3 -3
- package/dist/esm/components/assets/AssetsTableDropzone.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableDurationCell.js +2 -2
- package/dist/esm/components/assets/AssetsTableDurationCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableNameCell.js +1 -1
- package/dist/esm/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableNameFilter.js.map +1 -1
- package/dist/esm/components/assets/AssetsTablePreviewCell.js +12 -5
- package/dist/esm/components/assets/AssetsTablePreviewCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableSelectCell.js +1 -1
- package/dist/esm/components/assets/AssetsTableSelectCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableSelectFilter.js +2 -2
- package/dist/esm/components/assets/AssetsTableSelectFilter.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableStatusCell.js +3 -3
- package/dist/esm/components/assets/AssetsTableStatusCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTagsCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTagsFilter.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTagsPivot.js +1 -1
- package/dist/esm/components/assets/AssetsTableTagsPivot.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTypeCell.js.map +1 -1
- package/dist/esm/components/assets/AssetsTableTypeFilter.js +1 -1
- package/dist/esm/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/esm/components/assets/AssetsTypeIcon.js +6 -6
- package/dist/esm/components/assets/AssetsTypeIcon.js.map +1 -1
- package/dist/esm/components/assets/AssetsUploadMenu.js +3 -5
- package/dist/esm/components/assets/AssetsUploadMenu.js.map +1 -1
- package/dist/esm/components/assets/DataTableDnDWrapper.js +2 -2
- package/dist/esm/components/assets/DataTableDnDWrapper.js.map +1 -1
- package/dist/esm/components/assets/DroppableAssetRenderer.js +2 -2
- package/dist/esm/components/assets/DroppableAssetRenderer.js.map +1 -1
- package/dist/esm/components/assets/FontAssetPreview.js +1 -1
- package/dist/esm/components/assets/FontAssetPreview.js.map +1 -1
- package/dist/esm/components/assets/PreviewNotAvailable.js.map +1 -1
- package/dist/esm/components/auth-gate/AuthGate.js +2 -1
- package/dist/esm/components/auth-gate/AuthGate.js.map +1 -1
- package/dist/esm/components/button/Button.js +5 -7
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.js +10 -10
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button-group-field/ButtonGroupField.js +10 -6
- package/dist/esm/components/button-group-field/ButtonGroupField.js.map +1 -1
- package/dist/esm/components/button-group-field/ButtonGroupField.stories.js +1 -1
- package/dist/esm/components/button-group-field/ButtonGroupField.stories.js.map +1 -1
- package/dist/esm/components/button-menu/ButtonMenu.js +8 -4
- package/dist/esm/components/button-menu/ButtonMenu.js.map +1 -1
- package/dist/esm/components/button-menu/ButtonMenu.stories.js.map +1 -1
- package/dist/esm/components/button-menu/ButtonMenuItem.js +1 -1
- package/dist/esm/components/button-menu/ButtonMenuItem.js.map +1 -1
- package/dist/esm/components/card/Card.js +10 -12
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/checkbox-field/CheckboxField.js +3 -3
- package/dist/esm/components/checkbox-field/CheckboxField.js.map +1 -1
- package/dist/esm/components/checkbox-field/CheckboxField.stories.js.map +1 -1
- package/dist/esm/components/color-field/ColorField.js +4 -4
- package/dist/esm/components/color-field/ColorField.js.map +1 -1
- package/dist/esm/components/color-field/ColorFiled.stories.js +1 -1
- package/dist/esm/components/color-field/ColorFiled.stories.js.map +1 -1
- package/dist/esm/components/compositions/TextLayer.js +24 -15
- package/dist/esm/components/compositions/TextLayer.js.map +1 -1
- package/dist/esm/components/controlled-list/ControlledList.js +4 -4
- package/dist/esm/components/controlled-list/ControlledList.js.map +1 -1
- package/dist/esm/components/controlled-list/ControlledList.stories.js.map +1 -1
- package/dist/esm/components/data-table/DataTable.js +59 -43
- package/dist/esm/components/data-table/DataTable.js.map +1 -1
- package/dist/esm/components/data-table/DataTablePaginator.js +4 -4
- package/dist/esm/components/data-table/DataTablePaginator.js.map +1 -1
- package/dist/esm/components/data-table/Paginator.js +2 -4
- package/dist/esm/components/data-table/Paginator.js.map +1 -1
- package/dist/esm/components/determinate-loader/DeterminateLoader.js +1 -1
- package/dist/esm/components/determinate-loader/DeterminateLoader.js.map +1 -1
- package/dist/esm/components/determinate-loader/DeterminateLoader.stories.js +3 -3
- package/dist/esm/components/determinate-loader/DeterminateLoader.stories.js.map +1 -1
- package/dist/esm/components/dropdown/Dropdown.js +6 -6
- package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/esm/components/field-wrapper/FieldWrapper.js +9 -9
- package/dist/esm/components/field-wrapper/FieldWrapper.js.map +1 -1
- package/dist/esm/components/field-wrapper/FieldWrapper.stories.js.map +1 -1
- package/dist/esm/components/h-rule/HRule.js +1 -1
- package/dist/esm/components/h-rule/HRule.js.map +1 -1
- package/dist/esm/components/h-rule/HRule.stories.js.map +1 -1
- package/dist/esm/components/header/Header.js +26 -20
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/list-field/ListField.js +4 -4
- package/dist/esm/components/list-field/ListField.js.map +1 -1
- package/dist/esm/components/list-field/ListField.stories.js.map +1 -1
- package/dist/esm/components/log-viewer/LogViewer.js +8 -4
- package/dist/esm/components/log-viewer/LogViewer.js.map +1 -1
- package/dist/esm/components/media-variable-field/MediaVariableField.js +4 -4
- package/dist/esm/components/media-variable-field/MediaVariableField.js.map +1 -1
- package/dist/esm/components/modal/Modal.js +3 -3
- package/dist/esm/components/modal/Modal.js.map +1 -1
- package/dist/esm/components/modal/Modal.stories.js.map +1 -1
- package/dist/esm/components/no-access/NoAccess.js +5 -7
- package/dist/esm/components/no-access/NoAccess.js.map +1 -1
- package/dist/esm/components/number-field/NumberField.js +2 -2
- package/dist/esm/components/number-field/NumberField.js.map +1 -1
- package/dist/esm/components/number-field/NumberField.stories.js.map +1 -1
- package/dist/esm/components/players/AudioPlayer.js +1 -1
- package/dist/esm/components/players/AudioPlayer.js.map +1 -1
- package/dist/esm/components/players/ImagePlayer.js +1 -1
- package/dist/esm/components/players/ImagePlayer.js.map +1 -1
- package/dist/esm/components/players/ImagePreview.js.map +1 -1
- package/dist/esm/components/players/ImageSequencePlayer.js +2 -2
- package/dist/esm/components/players/ImageSequencePlayer.js.map +1 -1
- package/dist/esm/components/players/TemplatePlayer.js +2 -2
- package/dist/esm/components/players/TemplatePlayer.js.map +1 -1
- package/dist/esm/components/players/VideoPlayer.js +3 -3
- package/dist/esm/components/players/VideoPlayer.js.map +1 -1
- package/dist/esm/components/players/VideoPreview.js.map +1 -1
- package/dist/esm/components/portal/Portal.js.map +1 -1
- package/dist/esm/components/publish-wizard/PublishWizard.js +51 -42
- package/dist/esm/components/publish-wizard/PublishWizard.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/APIIntegration.js +1 -1
- package/dist/esm/components/publish-wizard/publish/APIIntegration.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js +62 -43
- package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/HubSpotFlow.js +5 -4
- package/dist/esm/components/publish-wizard/publish/HubSpotFlow.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/PublishStatusIndicator.js +7 -9
- package/dist/esm/components/publish-wizard/publish/PublishStatusIndicator.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/WebpageHosted.js +13 -13
- package/dist/esm/components/publish-wizard/publish/WebpageHosted.js.map +1 -1
- package/dist/esm/components/section/Section.js +3 -3
- package/dist/esm/components/section/Section.js.map +1 -1
- package/dist/esm/components/section/Section.stories.js +1 -1
- package/dist/esm/components/section/Section.stories.js.map +1 -1
- package/dist/esm/components/select-field/SelectField.js +11 -9
- package/dist/esm/components/select-field/SelectField.js.map +1 -1
- package/dist/esm/components/select-field/SelectField.stories.js.map +1 -1
- package/dist/esm/components/service-icon/ServiceIcon.js +14 -14
- package/dist/esm/components/service-icon/ServiceIcon.js.map +1 -1
- package/dist/esm/components/shortcut-menu/ShortcutMenu.js +4 -4
- package/dist/esm/components/shortcut-menu/ShortcutMenu.js.map +1 -1
- package/dist/esm/components/shortcut-menu/ShortcutMenu.stories.js +1 -1
- package/dist/esm/components/shortcut-menu/ShortcutMenu.stories.js.map +1 -1
- package/dist/esm/components/slider-field/SliderField.js +8 -4
- package/dist/esm/components/slider-field/SliderField.js.map +1 -1
- package/dist/esm/components/slider-field/SliderField.stories.js.map +1 -1
- package/dist/esm/components/spinner/Spinner.js.map +1 -1
- package/dist/esm/components/story-previewer/StoryPreviewer.js +40 -33
- package/dist/esm/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/esm/components/tabs/Tabs.js +10 -14
- package/dist/esm/components/tabs/Tabs.js.map +1 -1
- package/dist/esm/components/tabs/Tabs.stories.js +1 -1
- package/dist/esm/components/tabs/Tabs.stories.js.map +1 -1
- package/dist/esm/components/tag/Tag.js +2 -3
- package/dist/esm/components/tag/Tag.js.map +1 -1
- package/dist/esm/components/text-area-field/TextAreaField.js +6 -6
- package/dist/esm/components/text-area-field/TextAreaField.js.map +1 -1
- package/dist/esm/components/text-area-field/TextAreaField.stories.js.map +1 -1
- package/dist/esm/components/text-field/TextField.js +17 -15
- package/dist/esm/components/text-field/TextField.js.map +1 -1
- package/dist/esm/components/text-field/TextField.stories.js.map +1 -1
- package/dist/esm/components/toast-service/ToastService.js +10 -6
- package/dist/esm/components/toast-service/ToastService.js.map +1 -1
- package/dist/esm/constants/api.js.map +1 -1
- package/dist/esm/constants/assets.js +1 -1
- package/dist/esm/constants/assets.js.map +1 -1
- package/dist/esm/constants/compositions.js.map +1 -1
- package/dist/esm/constants/copy.js +5 -5
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/constants/dnd.js +1 -1
- package/dist/esm/constants/dnd.js.map +1 -1
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/constants/player.js.map +1 -1
- package/dist/esm/constants/previewer.js.map +1 -1
- package/dist/esm/constants/variables.js +2 -1
- package/dist/esm/constants/variables.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/redux/actions/access.js +6 -3
- package/dist/esm/redux/actions/access.js.map +1 -1
- package/dist/esm/redux/actions/active-batch.js +7 -4
- package/dist/esm/redux/actions/active-batch.js.map +1 -1
- package/dist/esm/redux/actions/asset-filters.js +4 -1
- package/dist/esm/redux/actions/asset-filters.js.map +1 -1
- package/dist/esm/redux/actions/asset-list.js +19 -9
- package/dist/esm/redux/actions/asset-list.js.map +1 -1
- package/dist/esm/redux/actions/asset-tags.js +4 -1
- package/dist/esm/redux/actions/asset-tags.js.map +1 -1
- package/dist/esm/redux/actions/asset-uploads.js +21 -15
- package/dist/esm/redux/actions/asset-uploads.js.map +1 -1
- package/dist/esm/redux/actions/auth.js.map +1 -1
- package/dist/esm/redux/actions/publish.js +20 -10
- package/dist/esm/redux/actions/publish.js.map +1 -1
- package/dist/esm/redux/actions/selected-assets.js +7 -4
- package/dist/esm/redux/actions/selected-assets.js.map +1 -1
- package/dist/esm/redux/reducers/access.js.map +1 -1
- package/dist/esm/redux/reducers/active-batch.js +2 -2
- package/dist/esm/redux/reducers/active-batch.js.map +1 -1
- package/dist/esm/redux/reducers/asset-filters.js.map +1 -1
- package/dist/esm/redux/reducers/asset-list.js +3 -6
- package/dist/esm/redux/reducers/asset-list.js.map +1 -1
- package/dist/esm/redux/reducers/asset-tags.js.map +1 -1
- package/dist/esm/redux/reducers/asset-uploads.js +1 -1
- package/dist/esm/redux/reducers/asset-uploads.js.map +1 -1
- package/dist/esm/redux/reducers/auth.js.map +1 -1
- package/dist/esm/redux/reducers/publish.js.map +1 -1
- package/dist/esm/redux/reducers/selected-assets.js +1 -1
- package/dist/esm/redux/reducers/selected-assets.js.map +1 -1
- package/dist/esm/services/API-Legacy.js.map +1 -1
- package/dist/esm/services/API.js +21 -21
- package/dist/esm/services/API.js.map +1 -1
- package/dist/esm/services/Auth0.js +1 -1
- package/dist/esm/services/Auth0.js.map +1 -1
- package/dist/esm/services/Session.js +13 -10
- package/dist/esm/services/Session.js.map +1 -1
- package/dist/esm/services/Storage.js +4 -2
- package/dist/esm/services/Storage.js.map +1 -1
- package/dist/esm/services/Timer.js.map +1 -1
- package/dist/esm/utils/routing.js.map +1 -1
- package/dist/esm/utils/template-generator.js.map +1 -1
- package/package.json +130 -116
- package/src/Util.ts +77 -69
- package/src/components/Tag/Tag.tsx +11 -12
- package/src/components/Tooltip.tsx +19 -18
- package/src/components/app-wrapper/AppWrapper.tsx +131 -91
- package/src/components/asset-details/AssetDetails.tsx +80 -71
- package/src/components/assets/AssetField.tsx +104 -97
- package/src/components/assets/AssetsTableComplexTagCell.tsx +44 -45
- package/src/components/assets/AssetsTableDateCell.tsx +2 -2
- package/src/components/assets/AssetsTableDropzone.tsx +13 -9
- package/src/components/assets/AssetsTableDurationCell.tsx +22 -21
- package/src/components/assets/AssetsTableNameCell.tsx +33 -34
- package/src/components/assets/AssetsTableNameFilter.tsx +15 -14
- package/src/components/assets/AssetsTablePreviewCell.tsx +44 -34
- package/src/components/assets/AssetsTableSelectCell.tsx +28 -24
- package/src/components/assets/AssetsTableSelectFilter.tsx +18 -22
- package/src/components/assets/AssetsTableStatusCell.tsx +8 -7
- package/src/components/assets/AssetsTableTagsCell.tsx +4 -8
- package/src/components/assets/AssetsTableTagsFilter.tsx +16 -15
- package/src/components/assets/AssetsTableTagsPivot.tsx +46 -39
- package/src/components/assets/AssetsTableTypeCell.tsx +5 -3
- package/src/components/assets/AssetsTableTypeFilter.tsx +41 -39
- package/src/components/assets/AssetsTypeIcon.tsx +25 -37
- package/src/components/assets/AssetsUploadMenu.tsx +52 -44
- package/src/components/assets/DataTableDnDWrapper.tsx +21 -22
- package/src/components/assets/DroppableAssetRenderer.tsx +13 -7
- package/src/components/assets/FontAssetPreview.tsx +29 -19
- package/src/components/assets/PreviewNotAvailable.tsx +11 -8
- package/src/components/auth-gate/AuthGate.tsx +22 -18
- package/src/components/button/Button.stories.tsx +147 -188
- package/src/components/button/Button.tsx +43 -37
- package/src/components/button-group-field/ButtonGroupField.stories.tsx +10 -32
- package/src/components/button-group-field/ButtonGroupField.tsx +50 -44
- package/src/components/button-menu/ButtonMenu.stories.tsx +13 -22
- package/src/components/button-menu/ButtonMenu.tsx +54 -49
- package/src/components/button-menu/ButtonMenuItem.tsx +12 -11
- package/src/components/card/Card.stories.tsx +14 -28
- package/src/components/card/Card.tsx +52 -61
- package/src/components/checkbox-field/CheckboxField.stories.tsx +7 -19
- package/src/components/checkbox-field/CheckboxField.tsx +24 -25
- package/src/components/color-field/ColorField.tsx +63 -53
- package/src/components/color-field/ColorFiled.stories.tsx +7 -23
- package/src/components/compositions/TextLayer.tsx +100 -76
- package/src/components/controlled-list/ControlledList.stories.tsx +5 -12
- package/src/components/controlled-list/ControlledList.tsx +28 -28
- package/src/components/data-table/DataTable.tsx +199 -176
- package/src/components/data-table/DataTablePaginator.tsx +53 -46
- package/src/components/data-table/Paginator.tsx +41 -48
- package/src/components/determinate-loader/DeterminateLoader.stories.tsx +4 -21
- package/src/components/determinate-loader/DeterminateLoader.tsx +8 -6
- package/src/components/dropdown/dropdown.stories.tsx +13 -13
- package/src/components/dropdown/dropdown.tsx +49 -43
- package/src/components/field-wrapper/FieldWrapper.stories.tsx +13 -29
- package/src/components/field-wrapper/FieldWrapper.tsx +44 -49
- package/src/components/h-rule/HRule.stories.tsx +4 -4
- package/src/components/h-rule/HRule.tsx +4 -5
- package/src/components/header/Header.tsx +243 -217
- package/src/components/list-field/ListField.stories.tsx +8 -27
- package/src/components/list-field/ListField.tsx +74 -80
- package/src/components/log-viewer/LogViewer.tsx +35 -41
- package/src/components/media-variable-field/MediaVariableField.tsx +54 -60
- package/src/components/modal/Modal.stories.tsx +6 -15
- package/src/components/modal/Modal.tsx +17 -23
- package/src/components/no-access/NoAccess.tsx +18 -16
- package/src/components/number-field/NumberField.stories.tsx +7 -23
- package/src/components/number-field/NumberField.tsx +56 -47
- package/src/components/players/AudioPlayer.tsx +13 -17
- package/src/components/players/ImagePlayer.tsx +27 -24
- package/src/components/players/ImagePreview.tsx +23 -25
- package/src/components/players/ImageSequencePlayer.tsx +21 -25
- package/src/components/players/TemplatePlayer.tsx +13 -17
- package/src/components/players/VideoPlayer.tsx +52 -52
- package/src/components/players/VideoPreview.tsx +23 -24
- package/src/components/portal/Portal.tsx +3 -3
- package/src/components/publish-wizard/PublishWizard.tsx +396 -317
- package/src/components/publish-wizard/publish/APIIntegration.tsx +7 -13
- package/src/components/publish-wizard/publish/EmailWorkflow.tsx +341 -216
- package/src/components/publish-wizard/publish/HubSpotFlow.tsx +31 -27
- package/src/components/publish-wizard/publish/PublishStatusIndicator.tsx +42 -27
- package/src/components/publish-wizard/publish/WebpageHosted.tsx +53 -40
- package/src/components/section/Section.stories.tsx +43 -48
- package/src/components/section/Section.tsx +8 -10
- package/src/components/select-field/SelectField.stories.tsx +6 -26
- package/src/components/select-field/SelectField.tsx +99 -67
- package/src/components/service-icon/ServiceIcon.tsx +17 -17
- package/src/components/shortcut-menu/ShortcutMenu.stories.tsx +1 -3
- package/src/components/shortcut-menu/ShortcutMenu.tsx +16 -17
- package/src/components/slider-field/SliderField.stories.tsx +8 -27
- package/src/components/slider-field/SliderField.tsx +59 -53
- package/src/components/spinner/Spinner.tsx +3 -4
- package/src/components/story-previewer/StoryPreviewer.tsx +364 -317
- package/src/components/tabs/Tabs.stories.tsx +1 -27
- package/src/components/tabs/Tabs.tsx +109 -115
- package/src/components/text-area-field/TextAreaField.stories.tsx +8 -34
- package/src/components/text-area-field/TextAreaField.tsx +117 -106
- package/src/components/text-field/TextField.stories.tsx +1 -41
- package/src/components/text-field/TextField.tsx +208 -193
- package/src/components/toast-service/ToastService.tsx +19 -21
- package/src/constants/api.ts +0 -1
- package/src/constants/assets.ts +11 -11
- package/src/constants/compositions.ts +45 -46
- package/src/constants/copy.ts +27 -16
- package/src/constants/dnd.ts +2 -2
- package/src/constants/icons.tsx +58 -58
- package/src/constants/player.ts +1 -2
- package/src/constants/previewer.ts +1 -1
- package/src/constants/variables.ts +7 -7
- package/src/index.ts +39 -26
- package/src/interfaces/experience.ts +18 -18
- package/src/redux/actions/access.ts +91 -47
- package/src/redux/actions/active-batch.ts +60 -45
- package/src/redux/actions/asset-filters.ts +5 -2
- package/src/redux/actions/asset-list.ts +91 -73
- package/src/redux/actions/asset-tags.ts +15 -12
- package/src/redux/actions/asset-uploads.ts +76 -54
- package/src/redux/actions/auth.ts +6 -6
- package/src/redux/actions/publish.ts +51 -49
- package/src/redux/actions/selected-assets.ts +21 -15
- package/src/redux/reducers/access.ts +4 -4
- package/src/redux/reducers/active-batch.ts +16 -15
- package/src/redux/reducers/asset-filters.ts +4 -4
- package/src/redux/reducers/asset-list.ts +9 -13
- package/src/redux/reducers/asset-tags.ts +2 -2
- package/src/redux/reducers/asset-uploads.ts +6 -6
- package/src/redux/reducers/auth.ts +10 -8
- package/src/redux/reducers/publish.ts +11 -14
- package/src/redux/reducers/selected-assets.ts +3 -3
- package/src/services/API-Legacy.ts +15 -11
- package/src/services/API.ts +487 -425
- package/src/services/Auth0.ts +22 -22
- package/src/services/Session.ts +74 -64
- package/src/services/Storage.ts +11 -9
- package/src/services/Timer.ts +7 -13
- package/src/utils/routing.ts +4 -3
- package/src/utils/template-generator.ts +9 -9
- package/tsconfig.json +2 -2
- package/.storybook/main.js +0 -16
- package/.storybook/preview-body.html +0 -1
- package/.storybook/preview-head.html +0 -5
- package/.storybook/preview.js +0 -11
|
@@ -33,7 +33,7 @@ class Card extends React.PureComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
componentDidUpdate(prevProps) {
|
|
36
|
-
const { open
|
|
36
|
+
const { open } = this.props;
|
|
37
37
|
if (prevProps.open !== open) {
|
|
38
38
|
this.setState({
|
|
39
39
|
open
|
|
@@ -59,26 +59,24 @@ class Card extends React.PureComponent {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
const { collapsable,
|
|
62
|
+
const { collapsable, style } = this.props;
|
|
63
63
|
const { open } = this.state;
|
|
64
|
-
const collapsableClass =
|
|
65
|
-
const openClass =
|
|
66
|
-
const styleClass =
|
|
67
|
-
return React.createElement("div", { className: `card ${openClass} ${collapsableClass} ${styleClass}` },
|
|
64
|
+
const collapsableClass = collapsable ? 'collapsable' : '';
|
|
65
|
+
const openClass = !open && collapsable ? 'closed' : '';
|
|
66
|
+
const styleClass = style ? style : 'default';
|
|
67
|
+
return (React.createElement("div", { className: `card ${openClass} ${collapsableClass} ${styleClass}` },
|
|
68
68
|
React.createElement("div", { className: 'card-header', onClick: this.evtHandlers.toggleOpen },
|
|
69
69
|
this.renderTitle(styleClass),
|
|
70
70
|
this.renderButtons()),
|
|
71
|
-
this.renderContent());
|
|
71
|
+
this.renderContent()));
|
|
72
72
|
}
|
|
73
73
|
renderButtons() {
|
|
74
74
|
const { collapsable } = this.props;
|
|
75
75
|
const { open } = this.state;
|
|
76
|
-
const buttonIcon =
|
|
77
|
-
? ICON_CARET_UP
|
|
78
|
-
: ICON_CARET_DOWN;
|
|
76
|
+
const buttonIcon = open ? ICON_CARET_UP : ICON_CARET_DOWN;
|
|
79
77
|
if (collapsable) {
|
|
80
|
-
return React.createElement("div", { className: 'header-buttons' },
|
|
81
|
-
React.createElement(Button, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon));
|
|
78
|
+
return (React.createElement("div", { className: 'header-buttons' },
|
|
79
|
+
React.createElement(Button, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon)));
|
|
82
80
|
}
|
|
83
81
|
}
|
|
84
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAiBvE,MAAM,IAAK,SAAQ,KAAK,CAAC,aAAqC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,IAAI,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe;IACX,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAC7B,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK;IAC7C,oBAAC,SAAS,IACN,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,MAAM,EACb,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,GAC7B;IACF,oBAAC,WAAW,IACR,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,GAC7B,CACC,CACV,CAAC"}
|
|
@@ -13,9 +13,9 @@ class CheckboxField extends React.PureComponent {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
const { value, label, width, tooltip, info, labelPosition } = this.props;
|
|
16
|
-
const icon =
|
|
17
|
-
return React.createElement(FieldWrapper, { customClass: 'checkbox-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width },
|
|
18
|
-
React.createElement("div", { className: 'checkbox', onClick: (e) => this.toggle(e) }, icon));
|
|
16
|
+
const icon = value === true ? ICON_CHECK : null;
|
|
17
|
+
return (React.createElement(FieldWrapper, { customClass: 'checkbox-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width },
|
|
18
|
+
React.createElement("div", { className: 'checkbox', onClick: (e) => this.toggle(e) }, icon)));
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
export default CheckboxField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAanD,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkC;
|
|
1
|
+
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAanD,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkC;IAChE,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEO,MAAM,CAAC,CAAC;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACvB,CAAC,CAAC,eAAe,EAAE,CAAC;SACvB;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACzE,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAEhD,OAAO,CACH,oBAAC,YAAY,IACT,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK;YACZ,6BAAK,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IACnD,IAAI,CACH,CACK,CAClB,CAAC;IACN,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.stories.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"CheckboxField.stories.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,eAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GACtC,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -46,11 +46,11 @@ class ColorField extends React.PureComponent {
|
|
|
46
46
|
return this.props.onChange(color);
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
const { label,
|
|
49
|
+
const { label, width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition } = this.props;
|
|
50
50
|
const { pickerOpen } = this.state;
|
|
51
51
|
const disableAlpha = !enableAlpha;
|
|
52
52
|
const pickerPos = pickerPosition || 'left';
|
|
53
|
-
const picker =
|
|
53
|
+
const picker = pickerOpen ? (React.createElement(SketchPicker, { color: value, disableAlpha: disableAlpha, presetColors: presetColors, onChangeComplete: (c, e) => this.handleChangeComplete(c, e) })) : null;
|
|
54
54
|
let swatchStyle;
|
|
55
55
|
if (value === 'transparent') {
|
|
56
56
|
swatchStyle = {
|
|
@@ -64,9 +64,9 @@ class ColorField extends React.PureComponent {
|
|
|
64
64
|
backgroundColor: value
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
|
-
return React.createElement(FieldWrapper, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, width: width },
|
|
67
|
+
return (React.createElement(FieldWrapper, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, width: width },
|
|
68
68
|
React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: (e) => this.togglePicker(e) }),
|
|
69
|
-
React.createElement("div", { className: `picker picker-${pickerPos}`, ref: this.picker }, picker));
|
|
69
|
+
React.createElement("div", { className: `picker picker-${pickerPos}`, ref: this.picker }, picker)));
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
export default ColorField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsB3C,MAAM,UAAW,SAAQ,KAAK,CAAC,aAAiD;
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export default {
|
|
|
7
7
|
component: ColorField
|
|
8
8
|
};
|
|
9
9
|
export const defaultColorField = () => {
|
|
10
|
-
const [color
|
|
10
|
+
const [color] = useState('red');
|
|
11
11
|
return (React.createElement(ColorField, { label: 'Color Field', tooltip: 'TOOLTIP', width: '300px', value: color, onChange: action('CHANGED') }));
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=ColorFiled.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorFiled.stories.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorFiled.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorFiled.stories.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorFiled.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACX,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACH,oBAAC,UAAU,IACP,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,GAC7B,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -66,12 +66,18 @@ export default class TextLayer extends React.PureComponent {
|
|
|
66
66
|
this.setState({
|
|
67
67
|
fontLoaded: false
|
|
68
68
|
}, () => {
|
|
69
|
-
const fontObj = new FontFace(font, `url(${fontOrigin})`, {
|
|
70
|
-
|
|
69
|
+
const fontObj = new FontFace(font, `url(${fontOrigin})`, {
|
|
70
|
+
style: 'normal',
|
|
71
|
+
weight: 'normal'
|
|
72
|
+
});
|
|
73
|
+
fontObj
|
|
74
|
+
.load()
|
|
75
|
+
.then((e) => {
|
|
71
76
|
const fonts = document.fonts; // to get rid of "Property 'add' does not exist on type 'FontFaceSet'." TSC error.
|
|
72
77
|
fonts.add(fontObj);
|
|
73
78
|
this.fontReady();
|
|
74
|
-
})
|
|
79
|
+
})
|
|
80
|
+
.catch((e) => {
|
|
75
81
|
this.errorLoadingFont();
|
|
76
82
|
});
|
|
77
83
|
});
|
|
@@ -138,20 +144,23 @@ export default class TextLayer extends React.PureComponent {
|
|
|
138
144
|
}
|
|
139
145
|
getFlexStart(hAlign) {
|
|
140
146
|
switch (hAlign) {
|
|
141
|
-
case 'left':
|
|
142
|
-
|
|
143
|
-
case '
|
|
147
|
+
case 'left':
|
|
148
|
+
return 'flex-start';
|
|
149
|
+
case 'center':
|
|
150
|
+
return 'center';
|
|
151
|
+
case 'right':
|
|
152
|
+
return 'flex-end';
|
|
144
153
|
}
|
|
145
154
|
}
|
|
146
155
|
render() {
|
|
147
156
|
const { options: { color, background_color, line_height, word_spacing, letter_spacing, font_size, font_weight, font, horizontal_alignment, vertical_alignment, text_wrap } } = this.props;
|
|
148
157
|
const { fontError } = this.state;
|
|
149
|
-
const whiteSpace =
|
|
150
|
-
const lS =
|
|
151
|
-
const wS =
|
|
152
|
-
const lH =
|
|
153
|
-
const fS =
|
|
154
|
-
const fontWeight =
|
|
158
|
+
const whiteSpace = text_wrap ? 'normal' : 'nowrap';
|
|
159
|
+
const lS = letter_spacing ? `${letter_spacing}px` : 'normal';
|
|
160
|
+
const wS = word_spacing ? `${word_spacing}px` : 'normal';
|
|
161
|
+
const lH = line_height ? `${line_height}px` : 'normal';
|
|
162
|
+
const fS = font_size ? `${font_size}px` : '0px';
|
|
163
|
+
const fontWeight = font_weight ? font_weight : 400;
|
|
155
164
|
const innerTextStyle = {
|
|
156
165
|
color,
|
|
157
166
|
lineHeight: lH,
|
|
@@ -160,7 +169,7 @@ export default class TextLayer extends React.PureComponent {
|
|
|
160
169
|
fontSize: fS,
|
|
161
170
|
fontWeight,
|
|
162
171
|
whiteSpace: whiteSpace,
|
|
163
|
-
fontFamily:
|
|
172
|
+
fontFamily: !fontError ? font : 'Arial, helvetica, sans-serif'
|
|
164
173
|
};
|
|
165
174
|
const wrapperStyle = {
|
|
166
175
|
display: 'flex',
|
|
@@ -169,8 +178,8 @@ export default class TextLayer extends React.PureComponent {
|
|
|
169
178
|
alignItems: vertical_alignment,
|
|
170
179
|
backgroundColor: background_color
|
|
171
180
|
};
|
|
172
|
-
return React.createElement("div", { className: 'composition-text-layer', style: wrapperStyle },
|
|
173
|
-
React.createElement("div", { className: 'inner-text', style: innerTextStyle, ref: this.innerTextRef }, this.formatContent()));
|
|
181
|
+
return (React.createElement("div", { className: 'composition-text-layer', style: wrapperStyle },
|
|
182
|
+
React.createElement("div", { className: 'inner-text', style: innerTextStyle, ref: this.innerTextRef }, this.formatContent())));
|
|
174
183
|
}
|
|
175
184
|
}
|
|
176
185
|
//# sourceMappingURL=TextLayer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextLayer.js","sourceRoot":"","sources":["../../../../src/components/compositions/TextLayer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextLayer.js","sourceRoot":"","sources":["../../../../src/components/compositions/TextLayer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,8 +7,8 @@ class ControlledList extends React.PureComponent {
|
|
|
7
7
|
renderRemoveButton(index) {
|
|
8
8
|
const { removable } = this.props;
|
|
9
9
|
if (removable) {
|
|
10
|
-
return React.createElement("div", { className: 'buttons' },
|
|
11
|
-
React.createElement(Button, { style: 'subtle', color: 'danger', onClick: () => this.props.onRemove(index) }, ICON_TIMES));
|
|
10
|
+
return (React.createElement("div", { className: 'buttons' },
|
|
11
|
+
React.createElement(Button, { style: 'subtle', color: 'danger', onClick: () => this.props.onRemove(index) }, ICON_TIMES)));
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
@@ -16,9 +16,9 @@ class ControlledList extends React.PureComponent {
|
|
|
16
16
|
let buttons;
|
|
17
17
|
if (items) {
|
|
18
18
|
buttons = items.map((item, i) => {
|
|
19
|
-
return React.createElement("div", { className: 'item', key: `item-${i}` },
|
|
19
|
+
return (React.createElement("div", { className: 'item', key: `item-${i}` },
|
|
20
20
|
item,
|
|
21
|
-
this.renderRemoveButton(i));
|
|
21
|
+
this.renderRemoveButton(i)));
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
return React.createElement("div", { className: 'controlled-list' }, buttons);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,cAAe,SAAQ,KAAK,CAAC,aAAmC;
|
|
1
|
+
{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAQnD,MAAM,cAAe,SAAQ,KAAK,CAAC,aAAmC;IAC1D,QAAQ,CAAM;IACd,aAAa,CAAM;IAEpB,kBAAkB,CAAC,KAAK;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,SAAS,EAAE;YACX,OAAO,CACH,6BAAK,SAAS,EAAC,SAAS;gBACpB,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IACxC,UAAU,CACN,CACP,CACT,CAAC;SACL;IACL,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,IAAI,OAAsB,CAAC;QAE3B,IAAI,KAAK,EAAE;YACP,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC5B,OAAO,CACH,6BAAK,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,QAAQ,CAAC,EAAE;oBACjC,IAAI;oBACJ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACzB,CACT,CAAC;YACN,CAAC,CAAC,CAAC;SACN;QAED,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,OAAO,CAAO,CAAC;IAC5D,CAAC;CACJ;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledList.stories.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,cAAc;CAC7B,CAAC;
|
|
1
|
+
{"version":3,"file":"ControlledList.stories.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe;IACX,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,cAAc;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,CACxC,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;IACvB,oBAAC,cAAc,IACX,KAAK,EAAE,CAAC,oBAAC,GAAG,IAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAC,YAAY,GAAG,EAAE,oBAAC,GAAG,IAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAC,YAAY,GAAG,CAAC,EACvF,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,GAC7B,CACA,CACT,CAAC"}
|
|
@@ -2,10 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import Paginator from './Paginator';
|
|
3
3
|
import Spinner from '../spinner/Spinner';
|
|
4
4
|
import { ICON_EXCLAIMATION_TRIANGLE, ICON_CHEVRON_UP, ICON_CHEVRON_DOWN } from '../../constants/icons';
|
|
5
|
-
import { useTable, useFlexLayout, useFilters, useSortBy, useExpanded, useResizeColumns, usePagination
|
|
5
|
+
import { useTable, useFlexLayout, useFilters, useSortBy, useExpanded, useResizeColumns, usePagination } from 'react-table';
|
|
6
6
|
import DataTableDnDWrapper from '../assets/DataTableDnDWrapper';
|
|
7
|
-
const DataTableLoader = (p) => (
|
|
8
|
-
React.createElement(Spinner, null)))
|
|
7
|
+
const DataTableLoader = (p) => (React.createElement("div", { className: 'ip-table-loader' },
|
|
8
|
+
React.createElement(Spinner, null)));
|
|
9
9
|
const NoDataComponent = (p) => {
|
|
10
10
|
return (React.createElement("div", { className: 'ip-table-empty' },
|
|
11
11
|
React.createElement("span", { className: 'empty-message' },
|
|
@@ -28,7 +28,7 @@ const processColumnData = (freshColumns) => {
|
|
|
28
28
|
if (colKeys.length > 0) {
|
|
29
29
|
return colKeys.map((key) => ({
|
|
30
30
|
...freshColumns[key],
|
|
31
|
-
accessor: key
|
|
31
|
+
accessor: key
|
|
32
32
|
}));
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -41,20 +41,22 @@ const DataTable = (props) => {
|
|
|
41
41
|
const [didMount, setDidMount] = React.useState(false);
|
|
42
42
|
const [data, setData] = React.useState([]);
|
|
43
43
|
const [columns, setColumns] = React.useState([]);
|
|
44
|
-
const hiddenColumns =
|
|
45
|
-
const manualPagination =
|
|
46
|
-
const manualSortBy =
|
|
47
|
-
const canPivot =
|
|
48
|
-
const renderPivotComponent =
|
|
49
|
-
|
|
44
|
+
const hiddenColumns = Array.isArray(props.hiddenColumns) ? props.hiddenColumns : [];
|
|
45
|
+
const manualPagination = Number.isInteger(props.currentPage) && typeof props.onPage === 'function';
|
|
46
|
+
const manualSortBy = typeof props.onSort === 'function' && typeof props.sortBy !== 'undefined';
|
|
47
|
+
const canPivot = typeof props.renderPivotComponent === 'function';
|
|
48
|
+
const renderPivotComponent = canPivot
|
|
49
|
+
? props.renderPivotComponent
|
|
50
|
+
: () => null;
|
|
51
|
+
const doubleClickEnabled = typeof props.onRowDoubleClick === 'function';
|
|
50
52
|
const initialTableState = {
|
|
51
53
|
hiddenColumns,
|
|
52
|
-
sortBy:
|
|
53
|
-
pageIndex:
|
|
54
|
+
sortBy: manualSortBy ? props.sortBy : [],
|
|
55
|
+
pageIndex: manualPagination ? props.currentPage - 1 : undefined,
|
|
54
56
|
pageSize: props.itemsPerPage,
|
|
55
|
-
autoResetExpanded: false
|
|
57
|
+
autoResetExpanded: false
|
|
56
58
|
};
|
|
57
|
-
const { getTableProps, getTableBodyProps, headerGroups, page, rows, prepareRow, canPreviousPage, canNextPage, pageOptions, pageCount, gotoPage, nextPage, previousPage, setPageSize, setHiddenColumns, visibleColumns, totalColumnsWidth, toggleAllRowsExpanded, state: { pageIndex, pageSize, sortBy
|
|
59
|
+
const { getTableProps, getTableBodyProps, headerGroups, page, rows, prepareRow, canPreviousPage, canNextPage, pageOptions, pageCount, gotoPage, nextPage, previousPage, setPageSize, setHiddenColumns, visibleColumns, totalColumnsWidth, toggleAllRowsExpanded, state: { pageIndex, pageSize, sortBy } } = useTable({
|
|
58
60
|
columns,
|
|
59
61
|
data,
|
|
60
62
|
manualSortBy,
|
|
@@ -65,14 +67,14 @@ const DataTable = (props) => {
|
|
|
65
67
|
autoResetExpanded: false,
|
|
66
68
|
disableSortRemove: manualSortBy,
|
|
67
69
|
pageCount: props.totalPages,
|
|
68
|
-
pageSize: props.itemsPerPage
|
|
70
|
+
pageSize: props.itemsPerPage
|
|
69
71
|
}, useFlexLayout, useFilters, useSortBy, useExpanded, usePagination, useResizeColumns);
|
|
70
|
-
const rowData =
|
|
71
|
-
const hidePaginatorClass =
|
|
72
|
-
const horizontalScrollClass =
|
|
72
|
+
const rowData = manualPagination ? rows : page;
|
|
73
|
+
const hidePaginatorClass = props.hidePaginator ? 'hide-paginator' : '';
|
|
74
|
+
const horizontalScrollClass = wrapperRef.current && totalColumnsWidth > wrapperRef.current.clientWidth
|
|
73
75
|
? 'horizontal-scroll'
|
|
74
76
|
: '';
|
|
75
|
-
const rowClass =
|
|
77
|
+
const rowClass = props.tightRows ? 'tight-rows' : '';
|
|
76
78
|
// Set component mounted state
|
|
77
79
|
React.useEffect(() => setDidMount(true), []);
|
|
78
80
|
// Execute when reference to column configs changes
|
|
@@ -103,30 +105,37 @@ const DataTable = (props) => {
|
|
|
103
105
|
props.onSort(sortBy);
|
|
104
106
|
}
|
|
105
107
|
}, [sortBy]);
|
|
106
|
-
return (React.createElement("section", { ref: wrapperRef, className: 'ip-table-wrapper', tabIndex:
|
|
107
|
-
|
|
108
|
-
|
|
108
|
+
return (React.createElement("section", { ref: wrapperRef, className: 'ip-table-wrapper', tabIndex: props.disableKeyScroll ? 0 : undefined, onKeyDown: props.disableKeyScroll ? preventKeyScroll : null },
|
|
109
|
+
props.showInterstitial && React.createElement(DataTableLoader, null),
|
|
110
|
+
didMount && !props.showInterstitial && data.length === 0 && (React.createElement(NoDataComponent, { copy: props.noDataText })),
|
|
109
111
|
React.createElement("table", { ...getTableProps(), className: `ip-table ${horizontalScrollClass} ${hidePaginatorClass} ${rowClass}` },
|
|
110
112
|
React.createElement("thead", { className: 'ip-table-head' }, headerGroups.map((headerGroup) => {
|
|
111
113
|
return (React.createElement(React.Fragment, { key: 'head-fragment' },
|
|
112
114
|
React.createElement("tr", { ...headerGroup.getHeaderGroupProps(), className: 'ip-table-head-row' }, headerGroup.headers.map((column) => {
|
|
113
|
-
const searchable =
|
|
115
|
+
const searchable = column.hasOwnProperty('Search');
|
|
114
116
|
const toggleProps = column.getSortByToggleProps();
|
|
115
|
-
const sortSpan = (React.createElement("span", { className: 'sort-status' },
|
|
116
|
-
? column.isSortedDesc
|
|
117
|
+
const sortSpan = (React.createElement("span", { className: 'sort-status' }, column.isSorted
|
|
118
|
+
? column.isSortedDesc
|
|
119
|
+
? ICON_CHEVRON_DOWN
|
|
120
|
+
: ICON_CHEVRON_UP
|
|
117
121
|
: null));
|
|
118
122
|
return (React.createElement("th", { ...column.getHeaderProps(), className: `ip-table-header ${column.canSort ? 'ip-sortable' : ''}` },
|
|
119
|
-
|
|
123
|
+
!searchable && (React.createElement("div", { ...toggleProps, className: 'filterable-cell-wrapper' },
|
|
120
124
|
column.render('Header'),
|
|
121
125
|
sortSpan)),
|
|
122
|
-
|
|
126
|
+
searchable && (React.createElement("div", { className: 'filterable-cell-wrapper' },
|
|
123
127
|
React.createElement("span", { ...toggleProps, className: 'searchable-sort-area' },
|
|
124
128
|
column.render('Header'),
|
|
125
129
|
sortSpan),
|
|
126
|
-
column.hasOwnProperty('Search') &&
|
|
130
|
+
column.hasOwnProperty('Search') &&
|
|
131
|
+
column.render('Search'))),
|
|
127
132
|
column.canResize && (React.createElement("div", { ...column.getResizerProps(), className: `ip-table-resizer ${column.isResizing ? 'resizing' : ''}` }))));
|
|
128
133
|
})),
|
|
129
|
-
|
|
134
|
+
headerGroup.headers.some((column) => column.hasOwnProperty('Filter')) && (React.createElement("tr", { ...headerGroup.getHeaderGroupProps({
|
|
135
|
+
key: 'filters-row'
|
|
136
|
+
}) }, headerGroup.headers.map((column, i) => (React.createElement("th", { ...column.getHeaderProps({ key: `filter-${i}` }), key: `filter-col-${i}`, className: 'ip-table-filter' }, column.canFilter && column.Filter
|
|
137
|
+
? column.render('Filter')
|
|
138
|
+
: null)))))));
|
|
130
139
|
})),
|
|
131
140
|
React.createElement("tbody", { ...getTableBodyProps(), className: 'ip-table-body' }, rowData.map((row, i) => {
|
|
132
141
|
let selectedClass = '';
|
|
@@ -159,27 +168,34 @@ const DataTable = (props) => {
|
|
|
159
168
|
props.onRowDoubleClick(row);
|
|
160
169
|
}
|
|
161
170
|
};
|
|
162
|
-
const rowContent = row.cells.map((cell) => (React.createElement("td", { ...cell.getCellProps(), className: `ip-table-col ${
|
|
163
|
-
return React.createElement(React.Fragment, { key: `row-${i}` },
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
(row.
|
|
167
|
-
|
|
168
|
-
React.createElement("td", { className: `ip-pivot-col ${selectedClass}`, colSpan: visibleColumns.length }, renderPivotComponent(row)))));
|
|
171
|
+
const rowContent = row.cells.map((cell) => (React.createElement("td", { ...cell.getCellProps(), className: `ip-table-col ${cell.column.overflowVisible ? 'overflow-visible' : ''}`.trim() }, cell.render('Cell'))));
|
|
172
|
+
return (React.createElement(React.Fragment, { key: `row-${i}` },
|
|
173
|
+
props.dnd && (React.createElement(DataTableDnDWrapper, { rowProps: rowProps, rowRef: activeRef, key: `row-${i}`, row: row, dndType: props.dndType, dndName: props.dndName }, rowContent)),
|
|
174
|
+
!props.dnd && (React.createElement("tr", { key: `row-${i}`, ref: activeRef, ...rowProps }, rowContent)),
|
|
175
|
+
row.isExpanded && (React.createElement("tr", { ...row.getRowProps({ key: 'pivot-row' }), className: 'ip-pivot-row' },
|
|
176
|
+
React.createElement("td", { className: `ip-pivot-col ${selectedClass}`, colSpan: visibleColumns.length }, renderPivotComponent(row))))));
|
|
169
177
|
}))),
|
|
170
|
-
|
|
178
|
+
!props.hidePaginator && (React.createElement(Paginator, { ...{
|
|
171
179
|
totalItems: props.totalItems,
|
|
172
|
-
pageIndex:
|
|
180
|
+
pageIndex: props.currentPage ? props.currentPage : pageIndex,
|
|
173
181
|
manualPagination,
|
|
174
182
|
pageSize,
|
|
175
183
|
pageCount,
|
|
176
184
|
pageOptions,
|
|
177
|
-
canNextPage:
|
|
178
|
-
|
|
179
|
-
|
|
185
|
+
canNextPage: manualPagination
|
|
186
|
+
? props.currentPage + 1 <= props.totalPages
|
|
187
|
+
: canNextPage,
|
|
188
|
+
canPreviousPage: manualPagination
|
|
189
|
+
? props.currentPage - 1 >= 1
|
|
190
|
+
: canPreviousPage,
|
|
191
|
+
gotoPage: manualPagination ? props.onPage : gotoPage,
|
|
180
192
|
setPageSize,
|
|
181
|
-
nextPage:
|
|
182
|
-
|
|
193
|
+
nextPage: manualPagination
|
|
194
|
+
? () => props.onPage(props.currentPage + 1, pageSize)
|
|
195
|
+
: nextPage,
|
|
196
|
+
previousPage: manualPagination
|
|
197
|
+
? () => props.onPage(props.currentPage - 1, pageSize)
|
|
198
|
+
: previousPage
|
|
183
199
|
} }))));
|
|
184
200
|
};
|
|
185
201
|
export default DataTable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/data-table/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,
|
|
1
|
+
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/components/data-table/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,10 @@ export default class DataTablePaginator extends React.PureComponent {
|
|
|
10
10
|
}
|
|
11
11
|
render = () => {
|
|
12
12
|
const { page, totalPages, totalItems } = this.props;
|
|
13
|
-
const listBoundsDefined =
|
|
14
|
-
const hasMultiplePages =
|
|
15
|
-
const pageBackDisabled =
|
|
16
|
-
const pageAheadDisabled =
|
|
13
|
+
const listBoundsDefined = Number.isInteger(totalPages);
|
|
14
|
+
const hasMultiplePages = Number.isInteger(totalPages) && totalPages > 1;
|
|
15
|
+
const pageBackDisabled = !listBoundsDefined || page - 1 === 0;
|
|
16
|
+
const pageAheadDisabled = !listBoundsDefined || page + 1 > totalPages;
|
|
17
17
|
const cursorMin = Math.max(page - DataTablePaginator.DEFAULT_STEP, 1);
|
|
18
18
|
const cursorMax = Math.min(page + DataTablePaginator.DEFAULT_STEP, totalPages);
|
|
19
19
|
const pages = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTablePaginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/DataTablePaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"DataTablePaginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/DataTablePaginator.tsx"],"names":[],"mappings":"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"}
|