@imposium-hub/components 3.0.0-2 → 3.0.0-3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Util.js +6 -0
- package/dist/cjs/Util.js.map +1 -1
- package/dist/cjs/components/Tooltip.js +17 -7
- package/dist/cjs/components/Tooltip.js.map +1 -1
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js +17 -7
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
- package/dist/cjs/components/anchor-field/AnchorField.js +17 -7
- package/dist/cjs/components/anchor-field/AnchorField.js.map +1 -1
- package/dist/cjs/components/app-wrapper/AppWrapper.d.ts +10 -2
- package/dist/cjs/components/app-wrapper/AppWrapper.js +19 -9
- package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
- package/dist/cjs/components/asset-details/AssetDetails.js +17 -7
- package/dist/cjs/components/asset-details/AssetDetails.js.map +1 -1
- package/dist/cjs/components/assets/AssetField.js +17 -7
- package/dist/cjs/components/assets/AssetField.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableAssetIdCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableAssetIdCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableAssetIdFilter.js +17 -7
- package/dist/cjs/components/assets/AssetsTableAssetIdFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableComplexTagCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableComplexTagCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDateCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableDateCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDropzone.js +17 -7
- package/dist/cjs/components/assets/AssetsTableDropzone.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableDurationCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableDurationCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableGlobalCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableNameCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableNameCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableNameFilter.js +17 -7
- package/dist/cjs/components/assets/AssetsTableNameFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTablePreviewCell.d.ts +1 -0
- package/dist/cjs/components/assets/AssetsTablePreviewCell.js +24 -11
- package/dist/cjs/components/assets/AssetsTablePreviewCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableRateCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableRateCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableSelectCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableSelectCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableSelectFilter.js +17 -7
- package/dist/cjs/components/assets/AssetsTableSelectFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableStatusCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableStatusCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableTagsCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsFilter.js +17 -7
- package/dist/cjs/components/assets/AssetsTableTagsFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTagsPivot.js +17 -7
- package/dist/cjs/components/assets/AssetsTableTagsPivot.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeCell.js +17 -7
- package/dist/cjs/components/assets/AssetsTableTypeCell.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js +17 -7
- package/dist/cjs/components/assets/AssetsTableTypeFilter.js.map +1 -1
- package/dist/cjs/components/assets/AssetsTypeIcon.js +17 -7
- package/dist/cjs/components/assets/AssetsTypeIcon.js.map +1 -1
- package/dist/cjs/components/assets/AssetsUploadMenu.js +17 -7
- package/dist/cjs/components/assets/AssetsUploadMenu.js.map +1 -1
- package/dist/cjs/components/assets/DataTableDnDWrapper.js +17 -7
- package/dist/cjs/components/assets/DataTableDnDWrapper.js.map +1 -1
- package/dist/cjs/components/assets/DroppableAssetRenderer.js +17 -7
- package/dist/cjs/components/assets/DroppableAssetRenderer.js.map +1 -1
- package/dist/cjs/components/assets/FontAssetPreview.js +17 -7
- package/dist/cjs/components/assets/FontAssetPreview.js.map +1 -1
- package/dist/cjs/components/assets/PreviewNotAvailable.js +17 -7
- package/dist/cjs/components/assets/PreviewNotAvailable.js.map +1 -1
- package/dist/cjs/components/assets/StoryTableNameFilter.js +17 -7
- package/dist/cjs/components/assets/StoryTableNameFilter.js.map +1 -1
- package/dist/cjs/components/assets/StoryTableTotalRendersCell.js +17 -7
- package/dist/cjs/components/assets/StoryTableTotalRendersCell.js.map +1 -1
- package/dist/cjs/components/button/Button.js +17 -7
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.js +17 -7
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.js +17 -7
- package/dist/cjs/components/button-group-field/ButtonGroupField.js.map +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.stories.js +17 -7
- package/dist/cjs/components/button-group-field/ButtonGroupField.stories.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenu.js +17 -7
- package/dist/cjs/components/button-menu/ButtonMenu.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenu.stories.js +17 -7
- package/dist/cjs/components/button-menu/ButtonMenu.stories.js.map +1 -1
- package/dist/cjs/components/button-menu/ButtonMenuItem.js +17 -7
- package/dist/cjs/components/button-menu/ButtonMenuItem.js.map +1 -1
- package/dist/cjs/components/card/Card.js +17 -7
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.js +17 -7
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox-field/CheckboxField.js +17 -7
- package/dist/cjs/components/checkbox-field/CheckboxField.js.map +1 -1
- package/dist/cjs/components/checkbox-field/CheckboxField.stories.js +17 -7
- package/dist/cjs/components/checkbox-field/CheckboxField.stories.js.map +1 -1
- package/dist/cjs/components/color-field/ColorField.js +17 -7
- package/dist/cjs/components/color-field/ColorField.js.map +1 -1
- package/dist/cjs/components/color-field/ColorFiled.stories.js +17 -7
- package/dist/cjs/components/color-field/ColorFiled.stories.js.map +1 -1
- package/dist/cjs/components/compositions/TextLayer.js +17 -7
- package/dist/cjs/components/compositions/TextLayer.js.map +1 -1
- package/dist/cjs/components/confirm-modal/ConfirmModal.js +17 -7
- package/dist/cjs/components/confirm-modal/ConfirmModal.js.map +1 -1
- package/dist/cjs/components/context-menu/ContextMenu.js +17 -7
- package/dist/cjs/components/context-menu/ContextMenu.js.map +1 -1
- package/dist/cjs/components/context-menu/ContextMenuItem.js +17 -7
- package/dist/cjs/components/context-menu/ContextMenuItem.js.map +1 -1
- package/dist/cjs/components/context-menu/ContextMenuTrigger.js +17 -7
- package/dist/cjs/components/context-menu/ContextMenuTrigger.js.map +1 -1
- package/dist/cjs/components/context-menu/SubMenu.js +17 -7
- package/dist/cjs/components/context-menu/SubMenu.js.map +1 -1
- package/dist/cjs/components/controlled-list/ControlledList.js +17 -7
- package/dist/cjs/components/controlled-list/ControlledList.js.map +1 -1
- package/dist/cjs/components/controlled-list/ControlledList.stories.js +17 -7
- package/dist/cjs/components/controlled-list/ControlledList.stories.js.map +1 -1
- package/dist/cjs/components/data-table/DataTable.js +17 -7
- package/dist/cjs/components/data-table/DataTable.js.map +1 -1
- package/dist/cjs/components/data-table/DataTablePaginator.js +17 -7
- package/dist/cjs/components/data-table/DataTablePaginator.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +17 -7
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/determinate-loader/DeterminateLoader.js +17 -7
- package/dist/cjs/components/determinate-loader/DeterminateLoader.js.map +1 -1
- package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.js +17 -7
- package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.js.map +1 -1
- package/dist/cjs/components/dropdown/Dropdown.js +17 -7
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/dropdown.stories.js +17 -7
- package/dist/cjs/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.js +17 -7
- package/dist/cjs/components/field-wrapper/FieldWrapper.js.map +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.stories.js +17 -7
- package/dist/cjs/components/field-wrapper/FieldWrapper.stories.js.map +1 -1
- package/dist/cjs/components/font-picker/FontPicker.js +17 -7
- package/dist/cjs/components/font-picker/FontPicker.js.map +1 -1
- package/dist/cjs/components/font-picker/font-manager/FontManager.js +2 -2
- package/dist/cjs/components/h-rule/HRule.js +17 -7
- package/dist/cjs/components/h-rule/HRule.js.map +1 -1
- package/dist/cjs/components/h-rule/HRule.stories.js +17 -7
- package/dist/cjs/components/h-rule/HRule.stories.js.map +1 -1
- package/dist/cjs/components/header/Header.js +18 -7
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/list-field/ListField.js +17 -7
- package/dist/cjs/components/list-field/ListField.js.map +1 -1
- package/dist/cjs/components/list-field/ListField.stories.js +17 -7
- package/dist/cjs/components/list-field/ListField.stories.js.map +1 -1
- package/dist/cjs/components/log-viewer/LogViewer.js +17 -7
- package/dist/cjs/components/log-viewer/LogViewer.js.map +1 -1
- package/dist/cjs/components/media-variable-field/MediaVariableField.js +17 -7
- package/dist/cjs/components/media-variable-field/MediaVariableField.js.map +1 -1
- package/dist/cjs/components/modal/Modal.js +17 -7
- package/dist/cjs/components/modal/Modal.js.map +1 -1
- package/dist/cjs/components/modal/Modal.stories.js +17 -7
- package/dist/cjs/components/modal/Modal.stories.js.map +1 -1
- package/dist/cjs/components/no-access/NoAccess.js +17 -7
- package/dist/cjs/components/no-access/NoAccess.js.map +1 -1
- package/dist/cjs/components/number-field/NumberField.js +17 -7
- package/dist/cjs/components/number-field/NumberField.js.map +1 -1
- package/dist/cjs/components/number-field/NumberField.stories.js +17 -7
- package/dist/cjs/components/number-field/NumberField.stories.js.map +1 -1
- package/dist/cjs/components/players/AudioPlayer.js +17 -7
- package/dist/cjs/components/players/AudioPlayer.js.map +1 -1
- package/dist/cjs/components/players/AudioPreview.js +17 -7
- package/dist/cjs/components/players/AudioPreview.js.map +1 -1
- package/dist/cjs/components/players/ImagePlayer.js +17 -7
- package/dist/cjs/components/players/ImagePlayer.js.map +1 -1
- package/dist/cjs/components/players/ImagePreview.js +17 -7
- package/dist/cjs/components/players/ImagePreview.js.map +1 -1
- package/dist/cjs/components/players/ImageSequencePlayer.js +17 -7
- package/dist/cjs/components/players/ImageSequencePlayer.js.map +1 -1
- package/dist/cjs/components/players/TemplatePlayer.js +17 -7
- package/dist/cjs/components/players/TemplatePlayer.js.map +1 -1
- package/dist/cjs/components/players/VideoPlayer.js +17 -7
- package/dist/cjs/components/players/VideoPlayer.js.map +1 -1
- package/dist/cjs/components/players/VideoPreview.js +17 -7
- package/dist/cjs/components/players/VideoPreview.js.map +1 -1
- package/dist/cjs/components/publish-wizard/PublishWizard.js +17 -7
- package/dist/cjs/components/publish-wizard/PublishWizard.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/APIIntegration.js +17 -7
- package/dist/cjs/components/publish-wizard/publish/APIIntegration.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js +26 -12
- package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/HubSpotFlow.js +17 -7
- package/dist/cjs/components/publish-wizard/publish/HubSpotFlow.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/PublishStatusIndicator.js +17 -7
- package/dist/cjs/components/publish-wizard/publish/PublishStatusIndicator.js.map +1 -1
- package/dist/cjs/components/publish-wizard/publish/WebpageHosted.js +17 -7
- package/dist/cjs/components/publish-wizard/publish/WebpageHosted.js.map +1 -1
- package/dist/cjs/components/section/Section.js +17 -7
- package/dist/cjs/components/section/Section.js.map +1 -1
- package/dist/cjs/components/section/Section.stories.js +17 -7
- package/dist/cjs/components/section/Section.stories.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.js +17 -7
- package/dist/cjs/components/select-field/SelectField.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.stories.js +17 -7
- package/dist/cjs/components/select-field/SelectField.stories.js.map +1 -1
- package/dist/cjs/components/service-icon/ServiceIcon.js +17 -7
- package/dist/cjs/components/service-icon/ServiceIcon.js.map +1 -1
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.js +17 -7
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.js.map +1 -1
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.js +17 -7
- package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.js.map +1 -1
- package/dist/cjs/components/slider-field/SliderField.js +17 -7
- package/dist/cjs/components/slider-field/SliderField.js.map +1 -1
- package/dist/cjs/components/slider-field/SliderField.stories.js +17 -7
- package/dist/cjs/components/slider-field/SliderField.stories.js.map +1 -1
- package/dist/cjs/components/smpte-field/SMPTEField.js +17 -7
- package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/cjs/components/spinner/Spinner.js +17 -7
- package/dist/cjs/components/spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/story-previewer/StoryPreviewer.js +19 -9
- package/dist/cjs/components/story-previewer/StoryPreviewer.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.js +17 -7
- package/dist/cjs/components/tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.stories.js +17 -7
- package/dist/cjs/components/tabs/Tabs.stories.js.map +1 -1
- package/dist/cjs/components/tag/Tag.js +17 -7
- package/dist/cjs/components/tag/Tag.js.map +1 -1
- package/dist/cjs/components/text-area-field/TextAreaField.js +17 -7
- package/dist/cjs/components/text-area-field/TextAreaField.js.map +1 -1
- package/dist/cjs/components/text-area-field/TextAreaField.stories.js +17 -7
- package/dist/cjs/components/text-area-field/TextAreaField.stories.js.map +1 -1
- package/dist/cjs/components/text-field/TextField.js +17 -7
- package/dist/cjs/components/text-field/TextField.js.map +1 -1
- package/dist/cjs/components/text-field/TextField.stories.js +17 -7
- package/dist/cjs/components/text-field/TextField.stories.js.map +1 -1
- package/dist/cjs/components/toast-service/ToastService.js +17 -7
- package/dist/cjs/components/toast-service/ToastService.js.map +1 -1
- package/dist/cjs/constants/assets.d.ts +8 -1
- package/dist/cjs/constants/icons.js +17 -7
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/redux/actions/publish.js +17 -7
- package/dist/cjs/redux/actions/publish.js.map +1 -1
- package/dist/cjs/services/API.d.ts +2 -2
- package/dist/cjs/services/API.js +9 -6
- package/dist/cjs/services/API.js.map +1 -1
- package/dist/cjs/services/Storage.js +17 -7
- package/dist/cjs/services/Storage.js.map +1 -1
- package/dist/esm/Util.js +6 -0
- package/dist/esm/Util.js.map +1 -1
- package/dist/esm/components/app-wrapper/AppWrapper.d.ts +10 -2
- package/dist/esm/components/assets/AssetsTablePreviewCell.d.ts +1 -0
- package/dist/esm/components/assets/AssetsTablePreviewCell.js +8 -5
- package/dist/esm/components/assets/AssetsTablePreviewCell.js.map +1 -1
- package/dist/esm/components/header/Header.js +1 -0
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js +9 -5
- package/dist/esm/components/publish-wizard/publish/EmailWorkflow.js.map +1 -1
- package/dist/esm/constants/assets.d.ts +8 -1
- package/dist/esm/services/API.d.ts +2 -2
- package/dist/esm/services/API.js +7 -4
- package/dist/esm/services/API.js.map +1 -1
- package/package.json +7 -6
- package/src/Util.ts +9 -0
- package/src/components/assets/AssetsTablePreviewCell.tsx +10 -14
- package/src/components/header/Header.tsx +1 -0
- package/src/components/publish-wizard/publish/EmailWorkflow.tsx +11 -2
- package/src/services/API.ts +11 -6
- package/dist/cjs/components/edit-guide-modal/EditGuideModal.d.ts +0 -8
- package/dist/cjs/components/edit-guide-modal/EditGuideModal.js +0 -122
- package/dist/cjs/components/edit-guide-modal/EditGuideModal.js.map +0 -1
- package/dist/cjs/components/edit-marker-modal/EditMarkerModal.d.ts +0 -8
- package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js +0 -104
- package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js.map +0 -1
- package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.d.ts +0 -11
- package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.js +0 -203
- package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.js.map +0 -1
- package/dist/esm/components/edit-guide-modal/EditGuideModal.d.ts +0 -8
- package/dist/esm/components/edit-guide-modal/EditGuideModal.js +0 -65
- package/dist/esm/components/edit-guide-modal/EditGuideModal.js.map +0 -1
- package/dist/esm/components/edit-marker-modal/EditMarkerModal.d.ts +0 -8
- package/dist/esm/components/edit-marker-modal/EditMarkerModal.js +0 -72
- package/dist/esm/components/edit-marker-modal/EditMarkerModal.js.map +0 -1
- package/dist/esm/components/replace-files-modal/ReplaceFilesModal.d.ts +0 -11
- package/dist/esm/components/replace-files-modal/ReplaceFilesModal.js +0 -141
- package/dist/esm/components/replace-files-modal/ReplaceFilesModal.js.map +0 -1
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
-
if (!m) return o;
|
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
|
17
|
-
try {
|
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
-
}
|
|
20
|
-
catch (error) { e = { error: error }; }
|
|
21
|
-
finally {
|
|
22
|
-
try {
|
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
-
}
|
|
25
|
-
finally { if (e) throw e.error; }
|
|
26
|
-
}
|
|
27
|
-
return ar;
|
|
28
|
-
};
|
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.EditMarkerModal = void 0;
|
|
34
|
-
var react_1 = __importDefault(require("react"));
|
|
35
|
-
var react_2 = require("react");
|
|
36
|
-
var Button_1 = __importDefault(require("../button/Button"));
|
|
37
|
-
var Modal_1 = __importDefault(require("../modal/Modal"));
|
|
38
|
-
var Section_1 = __importDefault(require("../section/Section"));
|
|
39
|
-
var SMPTEField_1 = __importDefault(require("../smpte-field/SMPTEField"));
|
|
40
|
-
var TextField_1 = __importDefault(require("../text-field/TextField"));
|
|
41
|
-
var EditMarkerModal = function () {
|
|
42
|
-
var _a = __read((0, react_2.useState)(''), 2), label = _a[0], setLabel = _a[1];
|
|
43
|
-
var _b = __read((0, react_2.useState)(0), 2), frame = _b[0], setFrame = _b[1];
|
|
44
|
-
var _c = __read((0, react_2.useState)(null), 2), props = _c[0], setProps = _c[1];
|
|
45
|
-
var _d = __read((0, react_2.useState)(false), 2), isOpen = _d[0], setIsOpen = _d[1];
|
|
46
|
-
var onOpen = function (event) {
|
|
47
|
-
setProps(__assign({}, event.detail));
|
|
48
|
-
setIsOpen(true);
|
|
49
|
-
};
|
|
50
|
-
var onClose = function () { return setIsOpen(false); };
|
|
51
|
-
(0, react_2.useEffect)(function () {
|
|
52
|
-
window.addEventListener('openeditmarkermodal', onOpen);
|
|
53
|
-
return function () {
|
|
54
|
-
window.removeEventListener('openeditmarkermodal', onOpen);
|
|
55
|
-
};
|
|
56
|
-
}, []);
|
|
57
|
-
var onUpdate = (0, react_2.useCallback)(function (e) {
|
|
58
|
-
if (e) {
|
|
59
|
-
props.updateMarker(e);
|
|
60
|
-
setIsOpen(false);
|
|
61
|
-
}
|
|
62
|
-
}, [isOpen]);
|
|
63
|
-
var onKeyDown = function (e) {
|
|
64
|
-
if (e.key === 'Enter') {
|
|
65
|
-
e.preventDefault();
|
|
66
|
-
onUpdate({ label: label, frame: frame });
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
(0, react_2.useEffect)(function () {
|
|
70
|
-
if (isOpen) {
|
|
71
|
-
window.addEventListener('keypress', onKeyDown);
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
window.removeEventListener('keypress', onKeyDown);
|
|
75
|
-
}
|
|
76
|
-
return function () {
|
|
77
|
-
window.removeEventListener('keypress', onKeyDown);
|
|
78
|
-
};
|
|
79
|
-
}, [isOpen, onKeyDown]);
|
|
80
|
-
(0, react_2.useEffect)(function () {
|
|
81
|
-
if (props === null || props === void 0 ? void 0 : props.marker) {
|
|
82
|
-
setLabel(props.marker.label ? props.marker.label : '');
|
|
83
|
-
setFrame(props.marker.frame ? props.marker.frame : 0);
|
|
84
|
-
}
|
|
85
|
-
}, [props === null || props === void 0 ? void 0 : props.marker]);
|
|
86
|
-
if (!isOpen)
|
|
87
|
-
return null;
|
|
88
|
-
return (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
|
|
89
|
-
left: '0px',
|
|
90
|
-
width: '100%'
|
|
91
|
-
}, style: {
|
|
92
|
-
width: '200px',
|
|
93
|
-
height: '150px',
|
|
94
|
-
top: 'calc(50% - 150px)',
|
|
95
|
-
left: 'calc((100% - 200px) / 2)'
|
|
96
|
-
}, isOpen: true },
|
|
97
|
-
react_1.default.createElement(Section_1.default, { title: 'Edit Marker' },
|
|
98
|
-
react_1.default.createElement("div", { className: 'edit-marker-modal' },
|
|
99
|
-
react_1.default.createElement(TextField_1.default, { label: 'Label', labelPosition: 'top', value: label, onChange: function (e) { return setLabel(e); } }),
|
|
100
|
-
react_1.default.createElement(SMPTEField_1.default, { label: 'Frame', labelPosition: 'top', value: frame, onChange: function (e) { return setFrame(e); }, frameRate: props === null || props === void 0 ? void 0 : props.frameRate }),
|
|
101
|
-
react_1.default.createElement(Button_1.default, { color: 'primary', style: 'bold', onClick: function () { return onUpdate({ label: label, frame: frame }); } }, "Update Marker")))));
|
|
102
|
-
};
|
|
103
|
-
exports.EditMarkerModal = EditMarkerModal;
|
|
104
|
-
//# sourceMappingURL=EditMarkerModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditMarkerModal.js","sourceRoot":"","sources":["../../../../src/components/edit-marker-modal/EditMarkerModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IReplaceFilesModalProps {
|
|
3
|
-
onUpload: (f: any) => any;
|
|
4
|
-
onInstantUpload: (f: any) => any;
|
|
5
|
-
onApplyToAll: (e: any) => any;
|
|
6
|
-
onClose: () => void;
|
|
7
|
-
applyToAll: boolean;
|
|
8
|
-
existedAssets: any[];
|
|
9
|
-
existedAssetIds: any[];
|
|
10
|
-
}
|
|
11
|
-
export declare const ReplaceFilesModal: () => React.JSX.Element;
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
37
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
38
|
-
if (!m) return o;
|
|
39
|
-
var i = m.call(o), r, ar = [], e;
|
|
40
|
-
try {
|
|
41
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
42
|
-
}
|
|
43
|
-
catch (error) { e = { error: error }; }
|
|
44
|
-
finally {
|
|
45
|
-
try {
|
|
46
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
47
|
-
}
|
|
48
|
-
finally { if (e) throw e.error; }
|
|
49
|
-
}
|
|
50
|
-
return ar;
|
|
51
|
-
};
|
|
52
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
53
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
54
|
-
if (ar || !(i in from)) {
|
|
55
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
56
|
-
ar[i] = from[i];
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
60
|
-
};
|
|
61
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
62
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
63
|
-
};
|
|
64
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
65
|
-
exports.ReplaceFilesModal = void 0;
|
|
66
|
-
var react_1 = __importStar(require("react"));
|
|
67
|
-
var react_dom_1 = __importDefault(require("react-dom"));
|
|
68
|
-
var Modal_1 = __importDefault(require("../modal/Modal"));
|
|
69
|
-
var Button_1 = __importDefault(require("../button/Button"));
|
|
70
|
-
var CheckboxField_1 = __importDefault(require("../checkbox-field/CheckboxField"));
|
|
71
|
-
var Section_1 = __importDefault(require("../section/Section"));
|
|
72
|
-
var copy_1 = require("../../constants/copy");
|
|
73
|
-
var modal_1 = require("../../utils/modal");
|
|
74
|
-
var ReplaceFilesModal = function () {
|
|
75
|
-
var _a = __read((0, react_1.useState)(null), 2), props = _a[0], setProps = _a[1];
|
|
76
|
-
var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
|
|
77
|
-
var _c = __read((0, react_1.useState)(), 2), applyToAll = _c[0], setApplyToAll = _c[1];
|
|
78
|
-
var _d = __read((0, react_1.useState)(200), 2), height = _d[0], setHeight = _d[1];
|
|
79
|
-
var _e = __read((0, react_1.useState)(0), 2), index = _e[0], setIndex = _e[1];
|
|
80
|
-
var replaceFileModalRef = (0, react_1.useRef)(null);
|
|
81
|
-
(0, react_1.useEffect)(function () {
|
|
82
|
-
if (replaceFileModalRef.current) {
|
|
83
|
-
var clientHeight = replaceFileModalRef.current.clientHeight;
|
|
84
|
-
setHeight(clientHeight + 40);
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
var onOpen = function (event) {
|
|
88
|
-
setProps(__assign({}, event.detail));
|
|
89
|
-
setIsOpen(true);
|
|
90
|
-
};
|
|
91
|
-
var onClose = function () {
|
|
92
|
-
props.onClose();
|
|
93
|
-
setIsOpen(false);
|
|
94
|
-
};
|
|
95
|
-
var onReplaceHandler = function (curApplyToAll, curIndex, file, assetId) {
|
|
96
|
-
var newIndex = curIndex + 1;
|
|
97
|
-
if (curApplyToAll && curIndex === 0) {
|
|
98
|
-
var updatedAssets = props.existedAssets.map(function (asset, i) {
|
|
99
|
-
var updatefile = asset;
|
|
100
|
-
updatefile['assetId'] = props.existedAssetIds[i];
|
|
101
|
-
return updatefile;
|
|
102
|
-
});
|
|
103
|
-
props.onInstantUpload(updatedAssets);
|
|
104
|
-
setIndex(0);
|
|
105
|
-
setIsOpen(false);
|
|
106
|
-
}
|
|
107
|
-
else if (curApplyToAll) {
|
|
108
|
-
var updatedAssets = [];
|
|
109
|
-
for (var i = 0; i < props.existedAssets.length; i++) {
|
|
110
|
-
var updateFile = curIndex === 0
|
|
111
|
-
? props.existedAssets[i]
|
|
112
|
-
: __spreadArray(__spreadArray([], __read(props.existedAssets.slice(0, curIndex - 1)), false), __read(props.existedAssets.slice(curIndex)), false)[i];
|
|
113
|
-
if (updateFile) {
|
|
114
|
-
updateFile['assetId'] =
|
|
115
|
-
curIndex === 0
|
|
116
|
-
? props.existedAssetIds[i]
|
|
117
|
-
: __spreadArray(__spreadArray([], __read(props.existedAssetIds.slice(0, curIndex - 1)), false), __read(props.existedAssetIds.slice(curIndex)), false)[i];
|
|
118
|
-
updatedAssets.push(updateFile);
|
|
119
|
-
props.onInstantUpload(updatedAssets);
|
|
120
|
-
setIndex(0);
|
|
121
|
-
onClose();
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
else {
|
|
126
|
-
if (newIndex === props.existedAssets.length) {
|
|
127
|
-
setIndex(0);
|
|
128
|
-
onClose();
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
setIndex(newIndex);
|
|
132
|
-
}
|
|
133
|
-
var updateFile = file;
|
|
134
|
-
updateFile['assetId'] = assetId;
|
|
135
|
-
props.onUpload([updateFile]);
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
var onAsNewHandler = function (curApplyToAll, curIndex, file) {
|
|
139
|
-
var newIndex = curIndex + 1;
|
|
140
|
-
if (curApplyToAll) {
|
|
141
|
-
props.onUpload(curIndex === 0 ? props.existedAssets : props.existedAssets.slice(curIndex));
|
|
142
|
-
setIndex(0);
|
|
143
|
-
onClose();
|
|
144
|
-
}
|
|
145
|
-
else {
|
|
146
|
-
if (newIndex === props.existedAssets.length) {
|
|
147
|
-
setIndex(0);
|
|
148
|
-
onClose();
|
|
149
|
-
}
|
|
150
|
-
else {
|
|
151
|
-
setIndex(newIndex);
|
|
152
|
-
}
|
|
153
|
-
props.onUpload([file]);
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
var onApplyToAllHandler = function (e) {
|
|
157
|
-
setApplyToAll(e);
|
|
158
|
-
props.onApplyToAll(e);
|
|
159
|
-
};
|
|
160
|
-
var onReplace = (0, react_1.useCallback)(function (curApplyToAll, curIndex, file, assetId) {
|
|
161
|
-
return onReplaceHandler(curApplyToAll, curIndex, file, assetId);
|
|
162
|
-
}, [isOpen]);
|
|
163
|
-
var onApplyToAll = (0, react_1.useCallback)(function (e) { return onApplyToAllHandler(e); }, [isOpen]);
|
|
164
|
-
var onAsNew = (0, react_1.useCallback)(function (curApplyToAll, curIndex, file) { return onAsNewHandler(curApplyToAll, curIndex, file); }, [isOpen]);
|
|
165
|
-
(0, react_1.useEffect)(function () {
|
|
166
|
-
window.addEventListener(modal_1.replaceFilesModalEvent, onOpen);
|
|
167
|
-
return function () {
|
|
168
|
-
window.removeEventListener(modal_1.replaceFilesModalEvent, onOpen);
|
|
169
|
-
};
|
|
170
|
-
}, []);
|
|
171
|
-
var modal = function () {
|
|
172
|
-
if (isOpen) {
|
|
173
|
-
var file_1 = props.existedAssets[index];
|
|
174
|
-
var assetId_1 = props.existedAssetIds[index];
|
|
175
|
-
var name_1 = file_1.name.slice(0, file_1.name.lastIndexOf('.'));
|
|
176
|
-
return (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
|
|
177
|
-
left: '0px',
|
|
178
|
-
width: '100%'
|
|
179
|
-
}, style: {
|
|
180
|
-
width: '400px',
|
|
181
|
-
height: "".concat(height, "px"),
|
|
182
|
-
top: 'calc(50% - 150px)',
|
|
183
|
-
left: 'calc((100% - 400px) / 2)'
|
|
184
|
-
}, isOpen: true },
|
|
185
|
-
react_1.default.createElement(Section_1.default, null,
|
|
186
|
-
react_1.default.createElement("div", { className: 'replace-files-modal', ref: replaceFileModalRef },
|
|
187
|
-
react_1.default.createElement("p", null, copy_1.assets.uploads.title.replace('[name]', name_1)),
|
|
188
|
-
react_1.default.createElement("div", { className: 'replace-files-buttons' },
|
|
189
|
-
react_1.default.createElement("div", { className: 'checkbox' },
|
|
190
|
-
react_1.default.createElement(CheckboxField_1.default, { label: copy_1.assets.uploads.applyAll, value: applyToAll, onChange: onApplyToAll })),
|
|
191
|
-
react_1.default.createElement("div", { className: 'buttons' },
|
|
192
|
-
react_1.default.createElement(Button_1.default, { onClick: function () { return onAsNew(applyToAll, index, file_1); }, size: 'large', style: 'bold', color: 'primary' }, copy_1.assets.uploads.keepBoth),
|
|
193
|
-
react_1.default.createElement(Button_1.default, { onClick: function () { return onReplace(applyToAll, index, file_1, assetId_1); }, size: 'large', style: 'bold', color: 'primary' }, copy_1.assets.uploads.replace),
|
|
194
|
-
react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', style: 'bold', color: 'default' }, copy_1.assets.uploads.cancelButton)))))));
|
|
195
|
-
}
|
|
196
|
-
};
|
|
197
|
-
var PortalContextComponent = function () {
|
|
198
|
-
return react_dom_1.default.createPortal(modal(), document.querySelector('#react-root'));
|
|
199
|
-
};
|
|
200
|
-
return react_1.default.createElement(PortalContextComponent, null);
|
|
201
|
-
};
|
|
202
|
-
exports.ReplaceFilesModal = ReplaceFilesModal;
|
|
203
|
-
//# sourceMappingURL=ReplaceFilesModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReplaceFilesModal.js","sourceRoot":"","sources":["../../../../src/components/replace-files-modal/ReplaceFilesModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom';
|
|
3
|
-
import Modal from '../modal/Modal';
|
|
4
|
-
import Button from '../button/Button';
|
|
5
|
-
import Section from '../section/Section';
|
|
6
|
-
import NumberField from '../number-field/NumberField';
|
|
7
|
-
export const EditGuideModal = () => {
|
|
8
|
-
const [props, setProps] = useState(null);
|
|
9
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
10
|
-
const [guide, setGuide] = useState(null);
|
|
11
|
-
const onOpen = (event) => {
|
|
12
|
-
setProps({
|
|
13
|
-
...event.detail
|
|
14
|
-
});
|
|
15
|
-
setIsOpen(true);
|
|
16
|
-
};
|
|
17
|
-
const onClose = () => setIsOpen(false);
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
window.addEventListener('openeditguidemodal', onOpen);
|
|
20
|
-
return () => {
|
|
21
|
-
window.removeEventListener('openeditguidemodal', onOpen);
|
|
22
|
-
};
|
|
23
|
-
}, []);
|
|
24
|
-
useEffect(() => {
|
|
25
|
-
if (props?.guide) {
|
|
26
|
-
setGuide(props.guide);
|
|
27
|
-
}
|
|
28
|
-
}, [props?.guide]);
|
|
29
|
-
const onKeyDown = (e) => {
|
|
30
|
-
if (e.key === 'Enter') {
|
|
31
|
-
e.preventDefault();
|
|
32
|
-
onContinue(guide);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
if (isOpen) {
|
|
37
|
-
window.addEventListener('keypress', onKeyDown);
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
window.removeEventListener('keypress', onKeyDown);
|
|
41
|
-
}
|
|
42
|
-
return () => {
|
|
43
|
-
window.removeEventListener('keypress', onKeyDown);
|
|
44
|
-
};
|
|
45
|
-
}, [isOpen, onKeyDown]);
|
|
46
|
-
const onContinue = useCallback((e) => {
|
|
47
|
-
if (e) {
|
|
48
|
-
props.onContinue(e);
|
|
49
|
-
onClose();
|
|
50
|
-
}
|
|
51
|
-
}, [isOpen]);
|
|
52
|
-
const modal = isOpen && (React.createElement(Modal, { onRequestClose: onClose, style: {
|
|
53
|
-
width: '200px',
|
|
54
|
-
height: '110px',
|
|
55
|
-
top: '25%',
|
|
56
|
-
left: '55%'
|
|
57
|
-
}, isOpen: true },
|
|
58
|
-
React.createElement(Section, { title: `Edit ${props.isHorizontal ? 'Horizontal Guide' : 'Vertical Guide'}`, style: { padding: '10px' } },
|
|
59
|
-
React.createElement(NumberField, { label: 'Guide Position', labelPosition: 'top', onChange: (e) => setGuide(Number(e)), focusOnMount: true, value: guide }),
|
|
60
|
-
React.createElement(Button, { onClick: onClose, style: 'bold', color: 'secondary' }, "Cancel"),
|
|
61
|
-
React.createElement(Button, { onClick: () => onContinue(guide), style: 'bold', color: 'primary' }, "Ok"))));
|
|
62
|
-
const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
|
|
63
|
-
return React.createElement(PortalContextComponent, null);
|
|
64
|
-
};
|
|
65
|
-
//# sourceMappingURL=EditGuideModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditGuideModal.js","sourceRoot":"","sources":["../../../../src/components/edit-guide-modal/EditGuideModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useCallback, useEffect, useState } from 'react';
|
|
3
|
-
import Button from '../button/Button';
|
|
4
|
-
import Modal from '../modal/Modal';
|
|
5
|
-
import Section from '../section/Section';
|
|
6
|
-
import SMPTEField from '../smpte-field/SMPTEField';
|
|
7
|
-
import TextField from '../text-field/TextField';
|
|
8
|
-
export const EditMarkerModal = () => {
|
|
9
|
-
const [label, setLabel] = useState('');
|
|
10
|
-
const [frame, setFrame] = useState(0);
|
|
11
|
-
const [props, setProps] = useState(null);
|
|
12
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
13
|
-
const onOpen = (event) => {
|
|
14
|
-
setProps({
|
|
15
|
-
...event.detail
|
|
16
|
-
});
|
|
17
|
-
setIsOpen(true);
|
|
18
|
-
};
|
|
19
|
-
const onClose = () => setIsOpen(false);
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
window.addEventListener('openeditmarkermodal', onOpen);
|
|
22
|
-
return () => {
|
|
23
|
-
window.removeEventListener('openeditmarkermodal', onOpen);
|
|
24
|
-
};
|
|
25
|
-
}, []);
|
|
26
|
-
const onUpdate = useCallback((e) => {
|
|
27
|
-
if (e) {
|
|
28
|
-
props.updateMarker(e);
|
|
29
|
-
setIsOpen(false);
|
|
30
|
-
}
|
|
31
|
-
}, [isOpen]);
|
|
32
|
-
const onKeyDown = (e) => {
|
|
33
|
-
if (e.key === 'Enter') {
|
|
34
|
-
e.preventDefault();
|
|
35
|
-
onUpdate({ label, frame });
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
if (isOpen) {
|
|
40
|
-
window.addEventListener('keypress', onKeyDown);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
window.removeEventListener('keypress', onKeyDown);
|
|
44
|
-
}
|
|
45
|
-
return () => {
|
|
46
|
-
window.removeEventListener('keypress', onKeyDown);
|
|
47
|
-
};
|
|
48
|
-
}, [isOpen, onKeyDown]);
|
|
49
|
-
useEffect(() => {
|
|
50
|
-
if (props?.marker) {
|
|
51
|
-
setLabel(props.marker.label ? props.marker.label : '');
|
|
52
|
-
setFrame(props.marker.frame ? props.marker.frame : 0);
|
|
53
|
-
}
|
|
54
|
-
}, [props?.marker]);
|
|
55
|
-
if (!isOpen)
|
|
56
|
-
return null;
|
|
57
|
-
return (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
|
|
58
|
-
left: '0px',
|
|
59
|
-
width: '100%'
|
|
60
|
-
}, style: {
|
|
61
|
-
width: '200px',
|
|
62
|
-
height: '150px',
|
|
63
|
-
top: 'calc(50% - 150px)',
|
|
64
|
-
left: 'calc((100% - 200px) / 2)'
|
|
65
|
-
}, isOpen: true },
|
|
66
|
-
React.createElement(Section, { title: 'Edit Marker' },
|
|
67
|
-
React.createElement("div", { className: 'edit-marker-modal' },
|
|
68
|
-
React.createElement(TextField, { label: 'Label', labelPosition: 'top', value: label, onChange: (e) => setLabel(e) }),
|
|
69
|
-
React.createElement(SMPTEField, { label: 'Frame', labelPosition: 'top', value: frame, onChange: (e) => setFrame(e), frameRate: props?.frameRate }),
|
|
70
|
-
React.createElement(Button, { color: 'primary', style: 'bold', onClick: () => onUpdate({ label, frame }) }, "Update Marker")))));
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=EditMarkerModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditMarkerModal.js","sourceRoot":"","sources":["../../../../src/components/edit-marker-modal/EditMarkerModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IReplaceFilesModalProps {
|
|
3
|
-
onUpload: (f: any) => any;
|
|
4
|
-
onInstantUpload: (f: any) => any;
|
|
5
|
-
onApplyToAll: (e: any) => any;
|
|
6
|
-
onClose: () => void;
|
|
7
|
-
applyToAll: boolean;
|
|
8
|
-
existedAssets: any[];
|
|
9
|
-
existedAssetIds: any[];
|
|
10
|
-
}
|
|
11
|
-
export declare const ReplaceFilesModal: () => React.JSX.Element;
|