@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
|
@@ -172,3 +172,15 @@ const NEW_TEXT_LAYER: ITextLayer = {
|
|
|
172
172
|
text_wrap: true,
|
|
173
173
|
text_fit: true
|
|
174
174
|
};
|
|
175
|
+
|
|
176
|
+
export const VERTICAL_ALIGNMENT = {
|
|
177
|
+
TOP: 'top',
|
|
178
|
+
CENTER: 'center',
|
|
179
|
+
BOTTOM: 'bottom'
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
export const HORIZONTAL_ALIGNMENT = {
|
|
183
|
+
LEFT: 'left',
|
|
184
|
+
CENTER: 'center',
|
|
185
|
+
RIGHT: 'right'
|
|
186
|
+
};
|
package/src/constants/icons.tsx
CHANGED
|
@@ -58,6 +58,17 @@ 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 {
|
|
62
|
+
faArrowDown,
|
|
63
|
+
faArrowLeft,
|
|
64
|
+
faArrowUp,
|
|
65
|
+
faArrowRight as faRightArrow,
|
|
66
|
+
faArrowUpLeft,
|
|
67
|
+
faArrowUpRight,
|
|
68
|
+
faArrowDownLeft,
|
|
69
|
+
faArrowDownRight
|
|
70
|
+
} from '@fortawesome/pro-light-svg-icons';
|
|
71
|
+
import { faCircleSmall } from '@fortawesome/pro-solid-svg-icons';
|
|
61
72
|
|
|
62
73
|
export const ICON_VIDEO = <FontAwesomeIcon icon={faVideo} />;
|
|
63
74
|
|
|
@@ -174,3 +185,21 @@ export const ICON_JS = <FontAwesomeIcon icon={faJs} />;
|
|
|
174
185
|
export const ICON_DOWNLOAD = <FontAwesomeIcon icon={faDownload} />;
|
|
175
186
|
|
|
176
187
|
export const ICON_UPLOAD = <FontAwesomeIcon icon={faUpload} />;
|
|
188
|
+
|
|
189
|
+
export const ICON_UPLEFT_ANCHOR = <FontAwesomeIcon icon={faArrowUpLeft} />;
|
|
190
|
+
|
|
191
|
+
export const ICON_UP_ANCHOR = <FontAwesomeIcon icon={faArrowUp} />;
|
|
192
|
+
|
|
193
|
+
export const ICON_UPRIGHT_ANCHOR = <FontAwesomeIcon icon={faArrowUpRight} />;
|
|
194
|
+
|
|
195
|
+
export const ICON_LEFT_ANCHOR = <FontAwesomeIcon icon={faArrowLeft} />;
|
|
196
|
+
|
|
197
|
+
export const ICON_RIGHT_ANCHOR = <FontAwesomeIcon icon={faRightArrow} />;
|
|
198
|
+
|
|
199
|
+
export const ICON_DOWNLEFT_ANCHOR = <FontAwesomeIcon icon={faArrowDownLeft} />;
|
|
200
|
+
|
|
201
|
+
export const ICON_DOWN_ANCHOR = <FontAwesomeIcon icon={faArrowDown} />;
|
|
202
|
+
|
|
203
|
+
export const ICON_DOWNRIGHT_ANCHOR = <FontAwesomeIcon icon={faArrowDownRight} />;
|
|
204
|
+
|
|
205
|
+
export const ICON_CENTER_ANCHOR = <FontAwesomeIcon icon={faCircleSmall} />;
|
package/src/index.ts
CHANGED
|
@@ -66,7 +66,8 @@ import { ShortcutMenu } from './components/shortcut-menu/ShortcutMenu';
|
|
|
66
66
|
import { ASSET_TYPES } from './constants/assets';
|
|
67
67
|
import Portal from './components/portal/Portal';
|
|
68
68
|
import AssetDetails from './components/asset-details/AssetDetails';
|
|
69
|
-
|
|
69
|
+
import AnchorField from './components/anchor-field/AnchorField';
|
|
70
|
+
import SMPTEField from './components/smpte-field/SMPTEField';
|
|
70
71
|
/*
|
|
71
72
|
Redux Handlers / Thunks
|
|
72
73
|
*/
|
|
@@ -264,5 +265,7 @@ export {
|
|
|
264
265
|
publishVersion,
|
|
265
266
|
clearStoryPublishStatus,
|
|
266
267
|
getStoryPublishStatus,
|
|
267
|
-
PublishStatusIndicator
|
|
268
|
+
PublishStatusIndicator,
|
|
269
|
+
AnchorField,
|
|
270
|
+
SMPTEField
|
|
268
271
|
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ANCHOR_POSITIONS = void 0;
|
|
4
|
-
exports.ANCHOR_POSITIONS = {
|
|
5
|
-
TOP_LEFT: 'top left',
|
|
6
|
-
TOP: 'top center',
|
|
7
|
-
TOP_RIGHT: 'top right',
|
|
8
|
-
LEFT: 'center left',
|
|
9
|
-
CENTER: 'center center',
|
|
10
|
-
RIGHT: 'center right',
|
|
11
|
-
BOTTOM_LEFT: 'bottom left',
|
|
12
|
-
BOTTOM: 'bottom center',
|
|
13
|
-
BOTTOM_RIGHT: 'bottom right'
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=anchor-positions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"anchor-positions.js","sourceRoot":"","sources":["../../../src/constants/anchor-positions.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,YAAY;IACjB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,eAAe;IACvB,YAAY,EAAE,cAAc;CAC/B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const VALUE_ERROR: string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"editors.js","sourceRoot":"","sources":["../../../src/constants/editors.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAW,6CAA6C,CAAA"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export const ANCHOR_POSITIONS = {
|
|
2
|
-
TOP_LEFT: 'top left',
|
|
3
|
-
TOP: 'top center',
|
|
4
|
-
TOP_RIGHT: 'top right',
|
|
5
|
-
LEFT: 'center left',
|
|
6
|
-
CENTER: 'center center',
|
|
7
|
-
RIGHT: 'center right',
|
|
8
|
-
BOTTOM_LEFT: 'bottom left',
|
|
9
|
-
BOTTOM: 'bottom center',
|
|
10
|
-
BOTTOM_RIGHT: 'bottom right'
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=anchor-positions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"anchor-positions.js","sourceRoot":"","sources":["../../../src/constants/anchor-positions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,YAAY;IACjB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,eAAe;IACvB,YAAY,EAAE,cAAc;CAC/B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const VALUE_ERROR: string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"editors.js","sourceRoot":"","sources":["../../../src/constants/editors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAW,6CAA6C,CAAA"}
|