@imposium-hub/components 1.50.1 → 1.51.1
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/components/smpte-field/SMPTEField.d.ts +32 -0
- package/dist/cjs/components/smpte-field/SMPTEField.js +152 -0
- package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -0
- package/dist/cjs/constants/compositions.d.ts +10 -0
- package/dist/cjs/constants/compositions.js +11 -1
- package/dist/cjs/constants/compositions.js.map +1 -1
- package/dist/cjs/constants/icons.d.ts +9 -0
- package/dist/cjs/constants/icons.js +12 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/constants/timecode.d.ts +3 -0
- package/dist/cjs/constants/timecode.js +7 -0
- package/dist/cjs/constants/timecode.js.map +1 -0
- package/dist/cjs/index.d.ts +3 -1
- package/dist/cjs/index.js +5 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/smpte-field/SMPTEField.d.ts +32 -0
- package/dist/esm/components/smpte-field/SMPTEField.js +106 -0
- package/dist/esm/components/smpte-field/SMPTEField.js.map +1 -0
- package/dist/esm/constants/compositions.d.ts +10 -0
- package/dist/esm/constants/compositions.js +10 -0
- package/dist/esm/constants/compositions.js.map +1 -1
- package/dist/esm/constants/icons.d.ts +9 -0
- package/dist/esm/constants/icons.js +11 -0
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/constants/timecode.d.ts +3 -0
- package/dist/esm/constants/timecode.js +4 -0
- package/dist/esm/constants/timecode.js.map +1 -0
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/styles.css +17 -0
- package/dist/styles.less +20 -0
- package/less/components/anchor-field.less +20 -0
- package/less/entry.less +2 -1
- package/package.json +5 -2
- package/src/components/anchor-field/AnchorField.tsx +236 -0
- package/src/components/smpte-field/SMPTEField.tsx +166 -0
- package/src/constants/compositions.ts +12 -0
- package/src/constants/icons.tsx +29 -0
- package/src/constants/timecode.tsx +3 -0
- package/src/index.ts +5 -2
- package/dist/cjs/constants/anchor-positions.d.ts +0 -11
- package/dist/cjs/constants/anchor-positions.js +0 -15
- package/dist/cjs/constants/anchor-positions.js.map +0 -1
- package/dist/cjs/constants/editors.d.ts +0 -1
- package/dist/cjs/constants/editors.js +0 -5
- package/dist/cjs/constants/editors.js.map +0 -1
- package/dist/esm/constants/anchor-positions.d.ts +0 -11
- package/dist/esm/constants/anchor-positions.js +0 -12
- package/dist/esm/constants/anchor-positions.js.map +0 -1
- package/dist/esm/constants/editors.d.ts +0 -1
- package/dist/esm/constants/editors.js +0 -2
- package/dist/esm/constants/editors.js.map +0 -1
|
@@ -58,6 +58,8 @@ import { faProjectDiagram } from '@fortawesome/free-solid-svg-icons/faProjectDia
|
|
|
58
58
|
import { faJs } from '@fortawesome/free-brands-svg-icons/faJs';
|
|
59
59
|
import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload';
|
|
60
60
|
import { faUpload } from '@fortawesome/free-solid-svg-icons/faUpload';
|
|
61
|
+
import { faArrowDown, faArrowLeft, faArrowUp, faArrowRight as faRightArrow, faArrowUpLeft, faArrowUpRight, faArrowDownLeft, faArrowDownRight } from '@fortawesome/pro-light-svg-icons';
|
|
62
|
+
import { faCircleSmall } from '@fortawesome/pro-solid-svg-icons';
|
|
61
63
|
export const ICON_VIDEO = React.createElement(FontAwesomeIcon, { icon: faVideo });
|
|
62
64
|
export const ICON_IMAGE = React.createElement(FontAwesomeIcon, { icon: faImage });
|
|
63
65
|
export const ICON_STICKY_NOTE = React.createElement(FontAwesomeIcon, { icon: faStickyNote });
|
|
@@ -116,4 +118,13 @@ export const ICON_PROJECT_DIAGRAM = React.createElement(FontAwesomeIcon, { icon:
|
|
|
116
118
|
export const ICON_JS = React.createElement(FontAwesomeIcon, { icon: faJs });
|
|
117
119
|
export const ICON_DOWNLOAD = React.createElement(FontAwesomeIcon, { icon: faDownload });
|
|
118
120
|
export const ICON_UPLOAD = React.createElement(FontAwesomeIcon, { icon: faUpload });
|
|
121
|
+
export const ICON_UPLEFT_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowUpLeft });
|
|
122
|
+
export const ICON_UP_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowUp });
|
|
123
|
+
export const ICON_UPRIGHT_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowUpRight });
|
|
124
|
+
export const ICON_LEFT_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowLeft });
|
|
125
|
+
export const ICON_RIGHT_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faRightArrow });
|
|
126
|
+
export const ICON_DOWNLEFT_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowDownLeft });
|
|
127
|
+
export const ICON_DOWN_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowDown });
|
|
128
|
+
export const ICON_DOWNRIGHT_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faArrowDownRight });
|
|
129
|
+
export const ICON_CENTER_ANCHOR = React.createElement(FontAwesomeIcon, { icon: faCircleSmall });
|
|
119
130
|
//# sourceMappingURL=icons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/constants/icons.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/constants/icons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timecode.js","sourceRoot":"","sources":["../../../src/constants/timecode.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACpB,KAAK,EAAE,2BAA2B;CACrC,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -63,6 +63,8 @@ import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
|
|
|
63
63
|
import { ASSET_TYPES } from './constants/assets';
|
|
64
64
|
import Portal from './components/portal/Portal';
|
|
65
65
|
import AssetDetails from './components/asset-details/AssetDetails';
|
|
66
|
+
import AnchorField from './components/anchor-field/AnchorField';
|
|
67
|
+
import SMPTEField from './components/smpte-field/SMPTEField';
|
|
66
68
|
import auth from './redux/reducers/auth';
|
|
67
69
|
import { login, clearCachedAuth } from './redux/actions/auth';
|
|
68
70
|
import access from './redux/reducers/access';
|
|
@@ -90,4 +92,4 @@ import StorageService from './services/Storage';
|
|
|
90
92
|
import Timer from './services/Timer';
|
|
91
93
|
import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
|
|
92
94
|
import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
|
|
93
|
-
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator };
|
|
95
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField };
|
package/dist/esm/index.js
CHANGED
|
@@ -65,6 +65,8 @@ import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
|
|
|
65
65
|
import { ASSET_TYPES } from './constants/assets';
|
|
66
66
|
import Portal from './components/portal/Portal';
|
|
67
67
|
import AssetDetails from './components/asset-details/AssetDetails';
|
|
68
|
+
import AnchorField from './components/anchor-field/AnchorField';
|
|
69
|
+
import SMPTEField from './components/smpte-field/SMPTEField';
|
|
68
70
|
/*
|
|
69
71
|
Redux Handlers / Thunks
|
|
70
72
|
*/
|
|
@@ -101,5 +103,5 @@ import Timer from './services/Timer';
|
|
|
101
103
|
*/
|
|
102
104
|
import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime } from './Util';
|
|
103
105
|
import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
|
|
104
|
-
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator };
|
|
106
|
+
export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, NumberField, SelectField, ColorField, Tabs, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, SessionService, API, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField };
|
|
105
107
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -2675,3 +2675,20 @@ h3 {
|
|
|
2675
2675
|
top: 0px;
|
|
2676
2676
|
right: 0px;
|
|
2677
2677
|
}
|
|
2678
|
+
.anchorTable td {
|
|
2679
|
+
width: 20px;
|
|
2680
|
+
height: 20px;
|
|
2681
|
+
border: 0.5px solid #5f5f5f;
|
|
2682
|
+
cursor: pointer;
|
|
2683
|
+
}
|
|
2684
|
+
.anchorTable td .svg-inline--fa {
|
|
2685
|
+
width: 1em;
|
|
2686
|
+
height: 1em;
|
|
2687
|
+
color: #dfdfdf;
|
|
2688
|
+
position: relative;
|
|
2689
|
+
left: 16%;
|
|
2690
|
+
top: 4%;
|
|
2691
|
+
}
|
|
2692
|
+
.anchorTable td .svg-inline--fa:hover {
|
|
2693
|
+
color: #2d8ceb;
|
|
2694
|
+
}
|
package/dist/styles.less
CHANGED
|
@@ -2711,3 +2711,23 @@ h3{
|
|
|
2711
2711
|
}
|
|
2712
2712
|
}
|
|
2713
2713
|
|
|
2714
|
+
.anchorTable {
|
|
2715
|
+
td {
|
|
2716
|
+
width: 20px;
|
|
2717
|
+
height: 20px;
|
|
2718
|
+
border: 0.5px solid @backgroundHighlight;
|
|
2719
|
+
cursor: pointer;
|
|
2720
|
+
.svg-inline--fa {
|
|
2721
|
+
width: 1em;
|
|
2722
|
+
height: 1em;
|
|
2723
|
+
color: @textDefault;
|
|
2724
|
+
position: relative;
|
|
2725
|
+
left: 16%;
|
|
2726
|
+
top: 4%;
|
|
2727
|
+
&:hover {
|
|
2728
|
+
color: #2d8ceb;
|
|
2729
|
+
}
|
|
2730
|
+
}
|
|
2731
|
+
}
|
|
2732
|
+
|
|
2733
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.anchorTable {
|
|
2
|
+
td {
|
|
3
|
+
width: 20px;
|
|
4
|
+
height: 20px;
|
|
5
|
+
border: 0.5px solid @backgroundHighlight;
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
.svg-inline--fa {
|
|
8
|
+
width: 1em;
|
|
9
|
+
height: 1em;
|
|
10
|
+
color: @textDefault;
|
|
11
|
+
position: relative;
|
|
12
|
+
left: 16%;
|
|
13
|
+
top: 4%;
|
|
14
|
+
&:hover {
|
|
15
|
+
color: #2d8ceb;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
}
|
package/less/entry.less
CHANGED
|
@@ -33,4 +33,5 @@
|
|
|
33
33
|
@import (inline) "components/text.less";
|
|
34
34
|
@import (inline) "components/toast.less";
|
|
35
35
|
@import (inline) "components/tooltip.less";
|
|
36
|
-
@import (inline) "components/variable-default-upload.less";
|
|
36
|
+
@import (inline) "components/variable-default-upload.less";
|
|
37
|
+
@import (inline) "components/anchor-field.less";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@imposium-hub/components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.51.1",
|
|
4
4
|
"description": "React & Typescript component / asset library for Imposium front-ends",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -45,13 +45,15 @@
|
|
|
45
45
|
"moment": "^2.29.1",
|
|
46
46
|
"react-color": "^2.18.0",
|
|
47
47
|
"react-merge-refs": "^1.1.0",
|
|
48
|
-
"react-moveable": "^0.26.1"
|
|
48
|
+
"react-moveable": "^0.26.1",
|
|
49
|
+
"smpte-timecode": "^1.2.3"
|
|
49
50
|
},
|
|
50
51
|
"peerDependencies": {
|
|
51
52
|
"@fortawesome/fontawesome-svg-core": "^6.1.1",
|
|
52
53
|
"@fortawesome/free-brands-svg-icons": "^6.1.1",
|
|
53
54
|
"@fortawesome/free-solid-svg-icons": "^6.1.1",
|
|
54
55
|
"@fortawesome/pro-light-svg-icons": "^6.1.1",
|
|
56
|
+
"@fortawesome/pro-solid-svg-icons": "^6.1.1",
|
|
55
57
|
"@fortawesome/react-fontawesome": "^0.1.18",
|
|
56
58
|
"axios": "^0.21.1",
|
|
57
59
|
"hotkeys-js": "^3.6.12",
|
|
@@ -74,6 +76,7 @@
|
|
|
74
76
|
"@fortawesome/free-brands-svg-icons": "^6.1.1",
|
|
75
77
|
"@fortawesome/free-solid-svg-icons": "^6.1.1",
|
|
76
78
|
"@fortawesome/pro-light-svg-icons": "^6.1.1",
|
|
79
|
+
"@fortawesome/pro-solid-svg-icons": "^6.1.1",
|
|
77
80
|
"@fortawesome/react-fontawesome": "^0.1.18",
|
|
78
81
|
"@imposium-hub/eslint-config": "^1.1.0",
|
|
79
82
|
"@imposium-hub/prettier-config": "^2.1.0",
|
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { HORIZONTAL_ALIGNMENT, VERTICAL_ALIGNMENT } from '../../constants/compositions';
|
|
3
|
+
import {
|
|
4
|
+
ICON_CENTER_ANCHOR,
|
|
5
|
+
ICON_DOWNLEFT_ANCHOR,
|
|
6
|
+
ICON_DOWNRIGHT_ANCHOR,
|
|
7
|
+
ICON_DOWN_ANCHOR,
|
|
8
|
+
ICON_LEFT_ANCHOR,
|
|
9
|
+
ICON_RIGHT_ANCHOR,
|
|
10
|
+
ICON_UPLEFT_ANCHOR,
|
|
11
|
+
ICON_UPRIGHT_ANCHOR,
|
|
12
|
+
ICON_UP_ANCHOR
|
|
13
|
+
} from '../../constants/icons';
|
|
14
|
+
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
15
|
+
import { IToolTipConfig } from '../Tooltip';
|
|
16
|
+
|
|
17
|
+
interface IAnchorFieldProps {
|
|
18
|
+
onChange(hAlign: string, vAlign: string): void;
|
|
19
|
+
config: any;
|
|
20
|
+
info?: string;
|
|
21
|
+
labelPosition?: string;
|
|
22
|
+
tooltip?: IToolTipConfig | string;
|
|
23
|
+
width?: string | number;
|
|
24
|
+
label?: string;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
interface IconConfig {
|
|
28
|
+
tl?: any;
|
|
29
|
+
tc?: any;
|
|
30
|
+
tr?: any;
|
|
31
|
+
cl?: any;
|
|
32
|
+
cc?: any;
|
|
33
|
+
cr?: any;
|
|
34
|
+
bl?: any;
|
|
35
|
+
bc?: any;
|
|
36
|
+
br?: any;
|
|
37
|
+
}
|
|
38
|
+
class AnchorField extends React.PureComponent<IAnchorFieldProps> {
|
|
39
|
+
constructor(props) {
|
|
40
|
+
super(props);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
public render() {
|
|
44
|
+
const { label, width, tooltip, info, labelPosition } = this.props;
|
|
45
|
+
|
|
46
|
+
const getIcons = (v, h): IconConfig => {
|
|
47
|
+
if (v === VERTICAL_ALIGNMENT.TOP && h === HORIZONTAL_ALIGNMENT.LEFT) {
|
|
48
|
+
return {
|
|
49
|
+
tl: ICON_CENTER_ANCHOR,
|
|
50
|
+
tc: ICON_RIGHT_ANCHOR,
|
|
51
|
+
cc: ICON_DOWNRIGHT_ANCHOR,
|
|
52
|
+
cl: ICON_DOWN_ANCHOR
|
|
53
|
+
};
|
|
54
|
+
} else if (v === VERTICAL_ALIGNMENT.TOP && h === HORIZONTAL_ALIGNMENT.CENTER) {
|
|
55
|
+
return {
|
|
56
|
+
tl: ICON_LEFT_ANCHOR,
|
|
57
|
+
tc: ICON_CENTER_ANCHOR,
|
|
58
|
+
tr: ICON_RIGHT_ANCHOR,
|
|
59
|
+
cl: ICON_DOWNLEFT_ANCHOR,
|
|
60
|
+
cc: ICON_DOWN_ANCHOR,
|
|
61
|
+
cr: ICON_DOWNRIGHT_ANCHOR
|
|
62
|
+
};
|
|
63
|
+
} else if (v === VERTICAL_ALIGNMENT.TOP && h === HORIZONTAL_ALIGNMENT.RIGHT) {
|
|
64
|
+
return {
|
|
65
|
+
tc: ICON_LEFT_ANCHOR,
|
|
66
|
+
tr: ICON_CENTER_ANCHOR,
|
|
67
|
+
cc: ICON_DOWNLEFT_ANCHOR,
|
|
68
|
+
cr: ICON_DOWN_ANCHOR
|
|
69
|
+
};
|
|
70
|
+
} else if (v === VERTICAL_ALIGNMENT.CENTER && h === HORIZONTAL_ALIGNMENT.LEFT) {
|
|
71
|
+
return {
|
|
72
|
+
tl: ICON_UP_ANCHOR,
|
|
73
|
+
tc: ICON_UPRIGHT_ANCHOR,
|
|
74
|
+
cl: ICON_CENTER_ANCHOR,
|
|
75
|
+
cc: ICON_RIGHT_ANCHOR,
|
|
76
|
+
bl: ICON_DOWN_ANCHOR,
|
|
77
|
+
bc: ICON_DOWNRIGHT_ANCHOR
|
|
78
|
+
};
|
|
79
|
+
} else if (v === VERTICAL_ALIGNMENT.CENTER && h === HORIZONTAL_ALIGNMENT.CENTER) {
|
|
80
|
+
return {
|
|
81
|
+
tl: ICON_UPLEFT_ANCHOR,
|
|
82
|
+
tc: ICON_UP_ANCHOR,
|
|
83
|
+
tr: ICON_UPRIGHT_ANCHOR,
|
|
84
|
+
cl: ICON_LEFT_ANCHOR,
|
|
85
|
+
cc: ICON_CENTER_ANCHOR,
|
|
86
|
+
cr: ICON_RIGHT_ANCHOR,
|
|
87
|
+
bl: ICON_DOWNLEFT_ANCHOR,
|
|
88
|
+
bc: ICON_DOWN_ANCHOR,
|
|
89
|
+
br: ICON_DOWNRIGHT_ANCHOR
|
|
90
|
+
};
|
|
91
|
+
} else if (v === VERTICAL_ALIGNMENT.CENTER && h === HORIZONTAL_ALIGNMENT.RIGHT) {
|
|
92
|
+
return {
|
|
93
|
+
tc: ICON_UPLEFT_ANCHOR,
|
|
94
|
+
tr: ICON_UP_ANCHOR,
|
|
95
|
+
cc: ICON_LEFT_ANCHOR,
|
|
96
|
+
cr: ICON_CENTER_ANCHOR,
|
|
97
|
+
bc: ICON_DOWNLEFT_ANCHOR,
|
|
98
|
+
br: ICON_DOWN_ANCHOR
|
|
99
|
+
};
|
|
100
|
+
} else if (v === VERTICAL_ALIGNMENT.BOTTOM && h === HORIZONTAL_ALIGNMENT.LEFT) {
|
|
101
|
+
return {
|
|
102
|
+
cl: ICON_UP_ANCHOR,
|
|
103
|
+
cc: ICON_UPRIGHT_ANCHOR,
|
|
104
|
+
bl: ICON_CENTER_ANCHOR,
|
|
105
|
+
bc: ICON_RIGHT_ANCHOR
|
|
106
|
+
};
|
|
107
|
+
} else if (v === VERTICAL_ALIGNMENT.BOTTOM && h === HORIZONTAL_ALIGNMENT.CENTER) {
|
|
108
|
+
return {
|
|
109
|
+
cl: ICON_UPLEFT_ANCHOR,
|
|
110
|
+
cc: ICON_UP_ANCHOR,
|
|
111
|
+
cr: ICON_UPRIGHT_ANCHOR,
|
|
112
|
+
bl: ICON_LEFT_ANCHOR,
|
|
113
|
+
bc: ICON_CENTER_ANCHOR,
|
|
114
|
+
br: ICON_RIGHT_ANCHOR
|
|
115
|
+
};
|
|
116
|
+
} else if (v === VERTICAL_ALIGNMENT.BOTTOM && h === HORIZONTAL_ALIGNMENT.RIGHT) {
|
|
117
|
+
return {
|
|
118
|
+
cc: ICON_UPLEFT_ANCHOR,
|
|
119
|
+
cr: ICON_UP_ANCHOR,
|
|
120
|
+
bc: ICON_LEFT_ANCHOR,
|
|
121
|
+
br: ICON_CENTER_ANCHOR
|
|
122
|
+
};
|
|
123
|
+
} else {
|
|
124
|
+
return {};
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
|
|
128
|
+
const { vertical_align, horizontal_align } = this.props.config;
|
|
129
|
+
const icons = getIcons(vertical_align, horizontal_align);
|
|
130
|
+
|
|
131
|
+
return (
|
|
132
|
+
<>
|
|
133
|
+
<FieldWrapper
|
|
134
|
+
label={label}
|
|
135
|
+
width={width}
|
|
136
|
+
tooltip={tooltip}
|
|
137
|
+
info={info}
|
|
138
|
+
labelPosition={labelPosition}>
|
|
139
|
+
<table className='anchorTable'>
|
|
140
|
+
<tbody>
|
|
141
|
+
<tr>
|
|
142
|
+
<td
|
|
143
|
+
onClick={() =>
|
|
144
|
+
this.props.onChange(
|
|
145
|
+
VERTICAL_ALIGNMENT.TOP,
|
|
146
|
+
HORIZONTAL_ALIGNMENT.LEFT
|
|
147
|
+
)
|
|
148
|
+
}>
|
|
149
|
+
{icons.tl}
|
|
150
|
+
</td>
|
|
151
|
+
<td
|
|
152
|
+
onClick={() =>
|
|
153
|
+
this.props.onChange(
|
|
154
|
+
VERTICAL_ALIGNMENT.TOP,
|
|
155
|
+
HORIZONTAL_ALIGNMENT.CENTER
|
|
156
|
+
)
|
|
157
|
+
}>
|
|
158
|
+
{icons.tc}
|
|
159
|
+
</td>
|
|
160
|
+
<td
|
|
161
|
+
onClick={() =>
|
|
162
|
+
this.props.onChange(
|
|
163
|
+
VERTICAL_ALIGNMENT.TOP,
|
|
164
|
+
HORIZONTAL_ALIGNMENT.RIGHT
|
|
165
|
+
)
|
|
166
|
+
}>
|
|
167
|
+
{icons.tr}
|
|
168
|
+
</td>
|
|
169
|
+
</tr>
|
|
170
|
+
<tr>
|
|
171
|
+
<td
|
|
172
|
+
onClick={() =>
|
|
173
|
+
this.props.onChange(
|
|
174
|
+
VERTICAL_ALIGNMENT.CENTER,
|
|
175
|
+
HORIZONTAL_ALIGNMENT.LEFT
|
|
176
|
+
)
|
|
177
|
+
}>
|
|
178
|
+
{icons.cl}
|
|
179
|
+
</td>
|
|
180
|
+
<td
|
|
181
|
+
onClick={() =>
|
|
182
|
+
this.props.onChange(
|
|
183
|
+
VERTICAL_ALIGNMENT.CENTER,
|
|
184
|
+
HORIZONTAL_ALIGNMENT.CENTER
|
|
185
|
+
)
|
|
186
|
+
}>
|
|
187
|
+
{icons.cc}
|
|
188
|
+
</td>
|
|
189
|
+
<td
|
|
190
|
+
onClick={() =>
|
|
191
|
+
this.props.onChange(
|
|
192
|
+
VERTICAL_ALIGNMENT.CENTER,
|
|
193
|
+
HORIZONTAL_ALIGNMENT.RIGHT
|
|
194
|
+
)
|
|
195
|
+
}>
|
|
196
|
+
{icons.cr}
|
|
197
|
+
</td>
|
|
198
|
+
</tr>
|
|
199
|
+
<tr>
|
|
200
|
+
<td
|
|
201
|
+
onClick={() =>
|
|
202
|
+
this.props.onChange(
|
|
203
|
+
VERTICAL_ALIGNMENT.BOTTOM,
|
|
204
|
+
HORIZONTAL_ALIGNMENT.LEFT
|
|
205
|
+
)
|
|
206
|
+
}>
|
|
207
|
+
{icons.bl}
|
|
208
|
+
</td>
|
|
209
|
+
<td
|
|
210
|
+
onClick={() =>
|
|
211
|
+
this.props.onChange(
|
|
212
|
+
VERTICAL_ALIGNMENT.BOTTOM,
|
|
213
|
+
HORIZONTAL_ALIGNMENT.CENTER
|
|
214
|
+
)
|
|
215
|
+
}>
|
|
216
|
+
{icons.bc}
|
|
217
|
+
</td>
|
|
218
|
+
<td
|
|
219
|
+
onClick={() =>
|
|
220
|
+
this.props.onChange(
|
|
221
|
+
VERTICAL_ALIGNMENT.BOTTOM,
|
|
222
|
+
HORIZONTAL_ALIGNMENT.RIGHT
|
|
223
|
+
)
|
|
224
|
+
}>
|
|
225
|
+
{icons.br}
|
|
226
|
+
</td>
|
|
227
|
+
</tr>
|
|
228
|
+
</tbody>
|
|
229
|
+
</table>
|
|
230
|
+
</FieldWrapper>
|
|
231
|
+
</>
|
|
232
|
+
);
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
export default AnchorField;
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
3
|
+
import { IToolTipConfig } from '../Tooltip';
|
|
4
|
+
import Timecode from 'smpte-timecode';
|
|
5
|
+
import { toFixed } from '../../Util';
|
|
6
|
+
import { TIMECODE } from '../../constants/timecode';
|
|
7
|
+
|
|
8
|
+
interface ISMPTEFieldProps {
|
|
9
|
+
label?: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
readOnly?: boolean;
|
|
12
|
+
tooltip?: IToolTipConfig | string;
|
|
13
|
+
width?: string | number;
|
|
14
|
+
onChange?(e): void;
|
|
15
|
+
info?: string;
|
|
16
|
+
labelPosition?: string;
|
|
17
|
+
value: any;
|
|
18
|
+
frameRate: number;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
interface ISMPTEFieldState {
|
|
22
|
+
error: boolean;
|
|
23
|
+
errorMsg: string;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState> {
|
|
27
|
+
private inputRef: any;
|
|
28
|
+
|
|
29
|
+
private regex = '^[0-9]+(:[0-9]+){0,3}$';
|
|
30
|
+
|
|
31
|
+
constructor(props) {
|
|
32
|
+
super(props);
|
|
33
|
+
this.state = {
|
|
34
|
+
error: false,
|
|
35
|
+
errorMsg: null
|
|
36
|
+
};
|
|
37
|
+
this.inputRef = React.createRef();
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
public componentDidMount(): void {
|
|
41
|
+
this.updateComp();
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
public componentDidUpdate(prevProps): void {
|
|
45
|
+
if (prevProps.value !== this.props.value) {
|
|
46
|
+
this.updateComp();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
private updateComp() {
|
|
51
|
+
if (this.props.value.includes(';')) {
|
|
52
|
+
this.inputRef.current.value = this.props.value.replace(';', ':');
|
|
53
|
+
} else {
|
|
54
|
+
this.inputRef.current.value = this.props.value;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
this.setState({
|
|
58
|
+
error: false,
|
|
59
|
+
errorMsg: null
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
private validate(e?) {
|
|
64
|
+
const val = e ? e.target.value : this.inputRef.current.value;
|
|
65
|
+
|
|
66
|
+
const isValidSMPTETimeCode = new RegExp(this.regex);
|
|
67
|
+
const error = isValidSMPTETimeCode.test(val);
|
|
68
|
+
|
|
69
|
+
if (e && e.key === 'Enter') {
|
|
70
|
+
this.setDuration(error, val);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
if (e === undefined) {
|
|
74
|
+
this.setDuration(error, val);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
private setDuration(error, val) {
|
|
79
|
+
if (error) {
|
|
80
|
+
this.setState({ error: !error, errorMsg: null });
|
|
81
|
+
const smpte = this.getSMPTE(val);
|
|
82
|
+
if (smpte) {
|
|
83
|
+
this.props.onChange(smpte);
|
|
84
|
+
}
|
|
85
|
+
} else {
|
|
86
|
+
this.setState({
|
|
87
|
+
error: !error,
|
|
88
|
+
errorMsg: TIMECODE.ERROR
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
private getSMPTE(val) {
|
|
94
|
+
const { frameRate } = this.props;
|
|
95
|
+
const rates = parseFloat(toFixed(frameRate, 3));
|
|
96
|
+
|
|
97
|
+
const valArray = val.split(':').map(Number);
|
|
98
|
+
|
|
99
|
+
const toFrames = this.toFrames(valArray, rates);
|
|
100
|
+
|
|
101
|
+
const duration: string = new Timecode(toFrames, rates).toString();
|
|
102
|
+
const newDuration = duration.includes(';') ? duration.replace(';', ':') : duration;
|
|
103
|
+
|
|
104
|
+
this.inputRef.current.value = newDuration;
|
|
105
|
+
return newDuration;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
private toFrames(array, rates) {
|
|
109
|
+
const length = array.length;
|
|
110
|
+
|
|
111
|
+
let hours = 0;
|
|
112
|
+
let mins = 0;
|
|
113
|
+
let secs = 0;
|
|
114
|
+
let frames = 0;
|
|
115
|
+
|
|
116
|
+
if (length === 1) {
|
|
117
|
+
frames = array[0];
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
if (length === 2) {
|
|
121
|
+
secs = array[0] * rates;
|
|
122
|
+
frames = array[1];
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
if (length === 3) {
|
|
126
|
+
mins = array[0] * 60 * rates;
|
|
127
|
+
secs = array[1] * rates;
|
|
128
|
+
frames = array[2];
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
if (length === 4) {
|
|
132
|
+
hours = array[0] * 3600 * rates;
|
|
133
|
+
mins = array[1] * 60 * rates;
|
|
134
|
+
secs = array[2] * rates;
|
|
135
|
+
frames = array[3];
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
return hours + mins + secs + frames;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
public render() {
|
|
142
|
+
const { label, width, tooltip, labelPosition, placeholder, value } = this.props;
|
|
143
|
+
|
|
144
|
+
return (
|
|
145
|
+
<FieldWrapper
|
|
146
|
+
customClass={`text-field ${this.state.error ? 'invalid' : ''}`}
|
|
147
|
+
label={label}
|
|
148
|
+
labelPosition={labelPosition}
|
|
149
|
+
tooltip={tooltip}
|
|
150
|
+
width={width}
|
|
151
|
+
info={this.state.errorMsg}>
|
|
152
|
+
<input
|
|
153
|
+
type='text'
|
|
154
|
+
ref={this.inputRef}
|
|
155
|
+
pattern={this.regex}
|
|
156
|
+
defaultValue={value}
|
|
157
|
+
placeholder={placeholder}
|
|
158
|
+
onBlur={() => this.validate()}
|
|
159
|
+
onKeyDown={(e) => this.validate(e)}
|
|
160
|
+
/>
|
|
161
|
+
</FieldWrapper>
|
|
162
|
+
);
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
export default SMPTEField;
|