@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.
Files changed (53) hide show
  1. package/dist/cjs/components/smpte-field/SMPTEField.d.ts +32 -0
  2. package/dist/cjs/components/smpte-field/SMPTEField.js +152 -0
  3. package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -0
  4. package/dist/cjs/constants/compositions.d.ts +10 -0
  5. package/dist/cjs/constants/compositions.js +11 -1
  6. package/dist/cjs/constants/compositions.js.map +1 -1
  7. package/dist/cjs/constants/icons.d.ts +9 -0
  8. package/dist/cjs/constants/icons.js +12 -1
  9. package/dist/cjs/constants/icons.js.map +1 -1
  10. package/dist/cjs/constants/timecode.d.ts +3 -0
  11. package/dist/cjs/constants/timecode.js +7 -0
  12. package/dist/cjs/constants/timecode.js.map +1 -0
  13. package/dist/cjs/index.d.ts +3 -1
  14. package/dist/cjs/index.js +5 -1
  15. package/dist/cjs/index.js.map +1 -1
  16. package/dist/esm/components/smpte-field/SMPTEField.d.ts +32 -0
  17. package/dist/esm/components/smpte-field/SMPTEField.js +106 -0
  18. package/dist/esm/components/smpte-field/SMPTEField.js.map +1 -0
  19. package/dist/esm/constants/compositions.d.ts +10 -0
  20. package/dist/esm/constants/compositions.js +10 -0
  21. package/dist/esm/constants/compositions.js.map +1 -1
  22. package/dist/esm/constants/icons.d.ts +9 -0
  23. package/dist/esm/constants/icons.js +11 -0
  24. package/dist/esm/constants/icons.js.map +1 -1
  25. package/dist/esm/constants/timecode.d.ts +3 -0
  26. package/dist/esm/constants/timecode.js +4 -0
  27. package/dist/esm/constants/timecode.js.map +1 -0
  28. package/dist/esm/index.d.ts +3 -1
  29. package/dist/esm/index.js +3 -1
  30. package/dist/esm/index.js.map +1 -1
  31. package/dist/styles.css +17 -0
  32. package/dist/styles.less +20 -0
  33. package/less/components/anchor-field.less +20 -0
  34. package/less/entry.less +2 -1
  35. package/package.json +5 -2
  36. package/src/components/anchor-field/AnchorField.tsx +236 -0
  37. package/src/components/smpte-field/SMPTEField.tsx +166 -0
  38. package/src/constants/compositions.ts +12 -0
  39. package/src/constants/icons.tsx +29 -0
  40. package/src/constants/timecode.tsx +3 -0
  41. package/src/index.ts +5 -2
  42. package/dist/cjs/constants/anchor-positions.d.ts +0 -11
  43. package/dist/cjs/constants/anchor-positions.js +0 -15
  44. package/dist/cjs/constants/anchor-positions.js.map +0 -1
  45. package/dist/cjs/constants/editors.d.ts +0 -1
  46. package/dist/cjs/constants/editors.js +0 -5
  47. package/dist/cjs/constants/editors.js.map +0 -1
  48. package/dist/esm/constants/anchor-positions.d.ts +0 -11
  49. package/dist/esm/constants/anchor-positions.js +0 -12
  50. package/dist/esm/constants/anchor-positions.js.map +0 -1
  51. package/dist/esm/constants/editors.d.ts +0 -1
  52. package/dist/esm/constants/editors.js +0 -2
  53. 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
+ };
@@ -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} />;
@@ -0,0 +1,3 @@
1
+ export const TIMECODE = {
2
+ ERROR: 'Input must be HH:MM:SS:FF'
3
+ };
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,11 +0,0 @@
1
- export declare const ANCHOR_POSITIONS: {
2
- TOP_LEFT: string;
3
- TOP: string;
4
- TOP_RIGHT: string;
5
- LEFT: string;
6
- CENTER: string;
7
- RIGHT: string;
8
- BOTTOM_LEFT: string;
9
- BOTTOM: string;
10
- BOTTOM_RIGHT: string;
11
- };
@@ -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,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.VALUE_ERROR = void 0;
4
- exports.VALUE_ERROR = "Value cannot be above [max] or below [min].";
5
- //# sourceMappingURL=editors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"editors.js","sourceRoot":"","sources":["../../../src/constants/editors.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAW,6CAA6C,CAAA"}
@@ -1,11 +0,0 @@
1
- export declare const ANCHOR_POSITIONS: {
2
- TOP_LEFT: string;
3
- TOP: string;
4
- TOP_RIGHT: string;
5
- LEFT: string;
6
- CENTER: string;
7
- RIGHT: string;
8
- BOTTOM_LEFT: string;
9
- BOTTOM: string;
10
- BOTTOM_RIGHT: string;
11
- };
@@ -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,2 +0,0 @@
1
- export const VALUE_ERROR = `Value cannot be above [max] or below [min].`;
2
- //# sourceMappingURL=editors.js.map
@@ -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"}