@imposium-hub/components 1.54.3 → 1.55.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/dist/cjs/components/advanced-number-field/AdvancedNumberField.d.ts +3 -0
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js +17 -8
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.js +10 -6
- package/dist/cjs/components/select-field/SelectField.js.map +1 -1
- package/dist/cjs/constants/assets_BACKUP_14924.d.ts +20 -0
- package/dist/cjs/constants/assets_BACKUP_14924.js +30 -0
- package/dist/cjs/constants/assets_BACKUP_14924.js.map +1 -0
- package/dist/cjs/constants/assets_BASE_14924.d.ts +21 -0
- package/dist/cjs/constants/assets_BASE_14924.js +32 -0
- package/dist/cjs/constants/assets_BASE_14924.js.map +1 -0
- package/dist/cjs/constants/assets_LOCAL_14924.d.ts +20 -0
- package/dist/cjs/constants/assets_LOCAL_14924.js +30 -0
- package/dist/cjs/constants/assets_LOCAL_14924.js.map +1 -0
- package/dist/cjs/constants/assets_REMOTE_14924.d.ts +21 -0
- package/dist/cjs/constants/assets_REMOTE_14924.js +32 -0
- package/dist/cjs/constants/assets_REMOTE_14924.js.map +1 -0
- package/dist/cjs/constants/fontSizes.d.ts +1 -0
- package/dist/cjs/constants/fontSizes.js +5 -0
- package/dist/cjs/constants/fontSizes.js.map +1 -0
- package/dist/cjs/constants/icons.d.ts +1 -0
- package/dist/cjs/constants/icons.js +3 -2
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.d.ts +3 -0
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.js +17 -8
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
- package/dist/esm/components/select-field/SelectField.js +10 -6
- package/dist/esm/components/select-field/SelectField.js.map +1 -1
- package/dist/esm/constants/assets_BACKUP_14924.d.ts +20 -0
- package/dist/esm/constants/assets_BACKUP_14924.js +26 -0
- package/dist/esm/constants/assets_BACKUP_14924.js.map +1 -0
- package/dist/esm/constants/assets_BASE_14924.d.ts +21 -0
- package/dist/esm/constants/assets_BASE_14924.js +28 -0
- package/dist/esm/constants/assets_BASE_14924.js.map +1 -0
- package/dist/esm/constants/assets_LOCAL_14924.d.ts +20 -0
- package/dist/esm/constants/assets_LOCAL_14924.js +26 -0
- package/dist/esm/constants/assets_LOCAL_14924.js.map +1 -0
- package/dist/esm/constants/assets_REMOTE_14924.d.ts +21 -0
- package/dist/esm/constants/assets_REMOTE_14924.js +28 -0
- package/dist/esm/constants/assets_REMOTE_14924.js.map +1 -0
- package/dist/esm/constants/fontSizes.d.ts +1 -0
- package/dist/esm/constants/fontSizes.js +2 -0
- package/dist/esm/constants/fontSizes.js.map +1 -0
- package/dist/esm/constants/icons.d.ts +1 -0
- package/dist/esm/constants/icons.js +2 -1
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/styles.css +51 -0
- package/dist/styles.less +73 -0
- package/less/components/advanced-number-field.less +73 -0
- package/package.json +1 -1
- package/src/components/advanced-number-field/AdvancedNumberField.tsx +37 -5
- package/src/components/select-field/SelectField.tsx +22 -13
- package/src/constants/fontSizes.ts +1 -0
- package/src/constants/icons.tsx +5 -1
- package/dist/cjs/components/font-picker/FontPicker.d.ts +0 -41
- package/dist/cjs/components/font-picker/FontPicker.js +0 -173
- package/dist/cjs/components/font-picker/FontPicker.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/FontManager.d.ts +0 -26
- package/dist/cjs/components/font-picker/font-manager/FontManager.js +0 -209
- package/dist/cjs/components/font-picker/font-manager/FontManager.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/constants.d.ts +0 -4
- package/dist/cjs/components/font-picker/font-manager/constants.js +0 -8
- package/dist/cjs/components/font-picker/font-manager/constants.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.d.ts +0 -4
- package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.js +0 -27
- package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/fontStyle.d.ts +0 -1
- package/dist/cjs/components/font-picker/font-manager/fontStyle.js +0 -61
- package/dist/cjs/components/font-picker/font-manager/fontStyle.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.d.ts +0 -5
- package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.js +0 -87
- package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/index.d.ts +0 -3
- package/dist/cjs/components/font-picker/font-manager/index.js +0 -26
- package/dist/cjs/components/font-picker/font-manager/index.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/interface.d.ts +0 -0
- package/dist/cjs/components/font-picker/font-manager/interface.js +0 -1
- package/dist/cjs/components/font-picker/font-manager/interface.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/loadFonts.d.ts +0 -5
- package/dist/cjs/components/font-picker/font-manager/loadFonts.js +0 -20
- package/dist/cjs/components/font-picker/font-manager/loadFonts.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/types.d.ts +0 -25
- package/dist/cjs/components/font-picker/font-manager/types.js +0 -12
- package/dist/cjs/components/font-picker/font-manager/types.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/utils/ids.d.ts +0 -4
- package/dist/cjs/components/font-picker/font-manager/utils/ids.js +0 -11
- package/dist/cjs/components/font-picker/font-manager/utils/ids.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/utils/request.d.ts +0 -4
- package/dist/cjs/components/font-picker/font-manager/utils/request.js +0 -29
- package/dist/cjs/components/font-picker/font-manager/utils/request.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/utils/utils.d.ts +0 -2
- package/dist/cjs/components/font-picker/font-manager/utils/utils.js +0 -30
- package/dist/cjs/components/font-picker/font-manager/utils/utils.js.map +0 -1
- package/dist/cjs/components/font-picker/font-manager/utils.d.ts +0 -3
- package/dist/cjs/components/font-picker/font-manager/utils.js +0 -42
- package/dist/cjs/components/font-picker/font-manager/utils.js.map +0 -1
- package/dist/esm/components/font-picker/FontPicker.d.ts +0 -41
- package/dist/esm/components/font-picker/FontPicker.js +0 -125
- package/dist/esm/components/font-picker/FontPicker.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/FontManager.d.ts +0 -26
- package/dist/esm/components/font-picker/font-manager/FontManager.js +0 -105
- package/dist/esm/components/font-picker/font-manager/FontManager.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/constants.d.ts +0 -4
- package/dist/esm/components/font-picker/font-manager/constants.js +0 -5
- package/dist/esm/components/font-picker/font-manager/constants.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/font-styles/declarations.d.ts +0 -4
- package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js +0 -27
- package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/fontStyle.d.ts +0 -1
- package/dist/esm/components/font-picker/font-manager/fontStyle.js +0 -65
- package/dist/esm/components/font-picker/font-manager/fontStyle.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.d.ts +0 -5
- package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js +0 -22
- package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/index.d.ts +0 -3
- package/dist/esm/components/font-picker/font-manager/index.js +0 -4
- package/dist/esm/components/font-picker/font-manager/index.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/interface.d.ts +0 -0
- package/dist/esm/components/font-picker/font-manager/interface.js +0 -1
- package/dist/esm/components/font-picker/font-manager/interface.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/loadFonts.d.ts +0 -5
- package/dist/esm/components/font-picker/font-manager/loadFonts.js +0 -16
- package/dist/esm/components/font-picker/font-manager/loadFonts.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/types.d.ts +0 -25
- package/dist/esm/components/font-picker/font-manager/types.js +0 -9
- package/dist/esm/components/font-picker/font-manager/types.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/utils/ids.d.ts +0 -4
- package/dist/esm/components/font-picker/font-manager/utils/ids.js +0 -7
- package/dist/esm/components/font-picker/font-manager/utils/ids.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/utils/request.d.ts +0 -4
- package/dist/esm/components/font-picker/font-manager/utils/request.js +0 -25
- package/dist/esm/components/font-picker/font-manager/utils/request.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/utils/utils.d.ts +0 -2
- package/dist/esm/components/font-picker/font-manager/utils/utils.js +0 -25
- package/dist/esm/components/font-picker/font-manager/utils/utils.js.map +0 -1
- package/dist/esm/components/font-picker/font-manager/utils.d.ts +0 -3
- package/dist/esm/components/font-picker/font-manager/utils.js +0 -36
- package/dist/esm/components/font-picker/font-manager/utils.js.map +0 -1
|
@@ -13,10 +13,12 @@ interface IAdvancedNumberFieldProps {
|
|
|
13
13
|
labelPosition?: string;
|
|
14
14
|
min?: number;
|
|
15
15
|
max?: number;
|
|
16
|
+
toggleRef?: any;
|
|
16
17
|
}
|
|
17
18
|
interface IAdvancedNumberFieldState {
|
|
18
19
|
error: boolean;
|
|
19
20
|
value: number;
|
|
21
|
+
showDropDown: boolean;
|
|
20
22
|
}
|
|
21
23
|
declare class AdvancedNumberField extends React.PureComponent<IAdvancedNumberFieldProps, IAdvancedNumberFieldState> {
|
|
22
24
|
private inputRef;
|
|
@@ -30,6 +32,7 @@ declare class AdvancedNumberField extends React.PureComponent<IAdvancedNumberFie
|
|
|
30
32
|
private onSelectFocus;
|
|
31
33
|
private onSelectBlur;
|
|
32
34
|
private handleLabelDrag;
|
|
35
|
+
private changeSizes;
|
|
33
36
|
render(): JSX.Element;
|
|
34
37
|
}
|
|
35
38
|
export default AdvancedNumberField;
|
|
@@ -42,6 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
42
42
|
};
|
|
43
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
44
|
var React = __importStar(require("react"));
|
|
45
|
+
var fontSizes_1 = require("../../constants/fontSizes");
|
|
45
46
|
var FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
|
|
46
47
|
var AdvancedNumberField = /** @class */ (function (_super) {
|
|
47
48
|
__extends(AdvancedNumberField, _super);
|
|
@@ -49,7 +50,8 @@ var AdvancedNumberField = /** @class */ (function (_super) {
|
|
|
49
50
|
var _this = _super.call(this, props) || this;
|
|
50
51
|
_this.state = {
|
|
51
52
|
error: false,
|
|
52
|
-
value: _this.props.value
|
|
53
|
+
value: _this.props.value,
|
|
54
|
+
showDropDown: false
|
|
53
55
|
};
|
|
54
56
|
_this.inputRef = React.createRef();
|
|
55
57
|
return _this;
|
|
@@ -117,10 +119,15 @@ var AdvancedNumberField = /** @class */ (function (_super) {
|
|
|
117
119
|
var newVal = this.props.value + v;
|
|
118
120
|
this.props.onChange(newVal);
|
|
119
121
|
};
|
|
122
|
+
AdvancedNumberField.prototype.changeSizes = function (size) {
|
|
123
|
+
this.validate(null, size);
|
|
124
|
+
this.setState({ showDropDown: !this.state.showDropDown });
|
|
125
|
+
};
|
|
120
126
|
AdvancedNumberField.prototype.render = function () {
|
|
121
127
|
var _this = this;
|
|
122
128
|
var error = null;
|
|
123
129
|
var _a = this.props, label = _a.label, placeholder = _a.placeholder, width = _a.width, readOnly = _a.readOnly, buttons = _a.buttons, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition, min = _a.min, max = _a.max;
|
|
130
|
+
var showDropDown = this.state.showDropDown;
|
|
124
131
|
var value = this.state.value;
|
|
125
132
|
if (value === null) {
|
|
126
133
|
value = '';
|
|
@@ -139,13 +146,15 @@ var AdvancedNumberField = /** @class */ (function (_super) {
|
|
|
139
146
|
else {
|
|
140
147
|
error = info;
|
|
141
148
|
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
React.createElement("input", { type: '
|
|
147
|
-
|
|
148
|
-
|
|
149
|
+
var fontSizeInner = (React.createElement("ul", { className: 'font-size-list' }, fontSizes_1.FONT_SIZES.map(function (s) { return (React.createElement("li", { key: s, className: 'font-size-item' },
|
|
150
|
+
React.createElement("button", { className: 'font-size-btn', onClick: function () { return _this.changeSizes(s); } }, s))); })));
|
|
151
|
+
return (React.createElement(FieldWrapper_1.default, { customClass: "advanced-number-field ".concat(this.state.error ? 'invalid' : ''), label: label, tooltip: tooltip, buttons: buttons, info: error, labelPosition: labelPosition, width: width },
|
|
152
|
+
React.createElement("input", { type: 'button', className: 'minus-font-size', value: '-', onClick: function () { return _this.decrementValue(); } }),
|
|
153
|
+
React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]\\d*)(\\.\\d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: function () { return _this.onSelectFocus(); }, onBlur: function () { return _this.onSelectBlur(); }, onChange: function (e) { return _this.validate(e); }, onClick: function () {
|
|
154
|
+
_this.setState({ showDropDown: !_this.state.showDropDown });
|
|
155
|
+
}, className: 'number-input' }),
|
|
156
|
+
showDropDown ? fontSizeInner : null,
|
|
157
|
+
React.createElement("input", { type: 'button', className: 'add-font-size', value: '+', onClick: function () { return _this.incrementValue(); } })));
|
|
149
158
|
};
|
|
150
159
|
return AdvancedNumberField;
|
|
151
160
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedNumberField.js","sourceRoot":"","sources":["../../../../src/components/advanced-number-field/AdvancedNumberField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;
|
|
1
|
+
{"version":3,"file":"AdvancedNumberField.js","sourceRoot":"","sources":["../../../../src/components/advanced-number-field/AdvancedNumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -105,7 +105,6 @@ var SelectField = /** @class */ (function (_super) {
|
|
|
105
105
|
SelectField.prototype.render = function () {
|
|
106
106
|
var _this = this;
|
|
107
107
|
var _a = this.props, label = _a.label, showCopy = _a.showCopy, options = _a.options, value = _a.value, width = _a.width, buttons = _a.buttons, selectRef = _a.selectRef, disable = _a.disable, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition, disableFirst = _a.disableFirst;
|
|
108
|
-
var opts = [];
|
|
109
108
|
var selectValue = value === null || value === undefined ? '' : value;
|
|
110
109
|
var caret = (React.createElement("div", { key: 'caret', className: 'caret' }, icons_1.ICON_CARET_DOWN));
|
|
111
110
|
var btns;
|
|
@@ -123,18 +122,23 @@ var SelectField = /** @class */ (function (_super) {
|
|
|
123
122
|
if (showCopy) {
|
|
124
123
|
btns.push(React.createElement(Button_1.default, { key: 'btn-copy', style: 'subtle', color: 'primary', tooltip: 'Copy to Clipboard', onClick: this.evtHandlers.copyToClipboard }, icons_1.ICON_CLIPBOARD));
|
|
125
124
|
}
|
|
126
|
-
|
|
127
|
-
|
|
125
|
+
var getOptions = function (o) {
|
|
126
|
+
return o.map(function (option, i) {
|
|
128
127
|
var disabled = (i === 0 && disableFirst) || (option.disabled !== undefined && option.disabled)
|
|
129
128
|
? true
|
|
130
129
|
: false;
|
|
131
130
|
var optionValue = option.value !== undefined ? option.value : option;
|
|
132
131
|
var optionLabel = option.label !== undefined ? option.label : option;
|
|
133
|
-
|
|
132
|
+
if (option.type === 'group') {
|
|
133
|
+
return (React.createElement("optgroup", { label: option.label, key: "opt-group-".concat(option.label) }, getOptions(option.options)));
|
|
134
|
+
}
|
|
135
|
+
else {
|
|
136
|
+
return (React.createElement("option", { disabled: disabled, key: "option-".concat(optionValue), value: optionValue }, optionLabel));
|
|
137
|
+
}
|
|
134
138
|
});
|
|
135
|
-
}
|
|
139
|
+
};
|
|
136
140
|
return (React.createElement(FieldWrapper_1.default, { customClass: 'select-field', label: label, tooltip: tooltip, buttons: btns, info: info, labelPosition: labelPosition, width: width },
|
|
137
|
-
React.createElement("select", { value: selectValue, onChange: function (e) { return _this.onChange(e); }, ref: selectRef, disabled: disable },
|
|
141
|
+
React.createElement("select", { value: selectValue, onChange: function (e) { return _this.onChange(e); }, ref: selectRef, disabled: disable }, getOptions(options))));
|
|
138
142
|
};
|
|
139
143
|
return SelectField;
|
|
140
144
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAEzD,+CAAwE;AACxE,4DAAsC;AAqBtC;IAA0B,+BAAsC;IAK5D,qBAAY,KAAK;QAAjB,YACI,kBAAM,KAAK,CAAC,SACf;QANO,iBAAW,GAAG;YAClB,eAAe,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAvB,CAAuB;SAClD,CAAC;;IAIF,CAAC;IAEO,qCAAe,GAAvB,UAAwB,CAAC;QACf,IAAA,KAA8B,IAAI,CAAC,KAAK,EAAtC,cAAc,oBAAA,EAAE,OAAO,aAAe,CAAC;QAC/C,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAChD;YACI,IAAI,cAAc,EAAE;gBAChB,cAAc,CAAC,sBAAsB,CAAC,CAAC;aAC1C;QACL,CAAC,EACD;YACI,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,6BAA6B,CAAC,CAAC;aAC1C;QACL,CAAC,CACJ,CAAC;IACN,CAAC;IAEO,8BAAQ,GAAhB,UAAiB,CAAC;QACd,gDAAgD;QAChD,IAAI,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,GAAG,KAAK,MAAM,EAAE;YAChB,GAAG,GAAG,IAAI,CAAC;SACd;QACD,IAAI,GAAG,KAAK,OAAO,EAAE;YACjB,GAAG,GAAG,KAAK,CAAC;SACf;QAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEM,4BAAM,GAAb;QAAA,
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const ASSET_DISTRO = "https://d188rqu2y6x0ew.cloudfront.net";
|
|
2
|
+
export declare const ASSET_ORIGIN = "https://imposium-footage.s3.us-east-1.amazonaws.com";
|
|
3
|
+
export declare const ASSET_TYPES: {
|
|
4
|
+
VIDEO_COMPOSITION: string;
|
|
5
|
+
STATIC_COMPOSITION: string;
|
|
6
|
+
VIDEO: string;
|
|
7
|
+
IMAGE: string;
|
|
8
|
+
TEMPLATE: string;
|
|
9
|
+
AUDIO: string;
|
|
10
|
+
IMAGE_SEQUENCE: string;
|
|
11
|
+
FONT: string;
|
|
12
|
+
LUT: string;
|
|
13
|
+
ALL: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const ASSET_COLORS: {
|
|
16
|
+
[x: string]: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const PREVIEW_MAX_WIDTH: number;
|
|
19
|
+
export declare const PREVIEW_MAX_HEIGHT: number;
|
|
20
|
+
export declare const HEADER_HEIGHT: number;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.HEADER_HEIGHT = exports.PREVIEW_MAX_HEIGHT = exports.PREVIEW_MAX_WIDTH = exports.ASSET_COLORS = exports.ASSET_TYPES = exports.ASSET_ORIGIN = exports.ASSET_DISTRO = void 0;
|
|
5
|
+
exports.ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
|
|
6
|
+
exports.ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
|
|
7
|
+
exports.ASSET_TYPES = {
|
|
8
|
+
VIDEO_COMPOSITION: 'video_composition',
|
|
9
|
+
STATIC_COMPOSITION: 'static_composition',
|
|
10
|
+
VIDEO: 'video',
|
|
11
|
+
IMAGE: 'image',
|
|
12
|
+
TEMPLATE: 'template',
|
|
13
|
+
AUDIO: 'audio',
|
|
14
|
+
IMAGE_SEQUENCE: 'image_sequence',
|
|
15
|
+
FONT: 'font',
|
|
16
|
+
LUT: 'lut',
|
|
17
|
+
ALL: 'all'
|
|
18
|
+
};
|
|
19
|
+
exports.ASSET_COLORS = (_a = {},
|
|
20
|
+
_a[exports.ASSET_TYPES.VIDEO] = 'rgba(236,22,150, 1)',
|
|
21
|
+
_a[exports.ASSET_TYPES.IMAGE] = 'rgba(241,191,21, 1)',
|
|
22
|
+
_a[exports.ASSET_TYPES.AUDIO] = 'rgba(72,177,222,1)',
|
|
23
|
+
_a[exports.ASSET_TYPES.TEMPLATE] = 'rgba(208, 80, 35, 1)',
|
|
24
|
+
_a[exports.ASSET_TYPES.VIDEO_COMPOSITION] = 'rgba(215, 22, 22, 1)',
|
|
25
|
+
_a[exports.ASSET_TYPES.IMAGE_SEQUENCE] = 'rgba(241,191,21, 1)',
|
|
26
|
+
_a);
|
|
27
|
+
exports.PREVIEW_MAX_WIDTH = 400;
|
|
28
|
+
exports.PREVIEW_MAX_HEIGHT = 400;
|
|
29
|
+
exports.HEADER_HEIGHT = 30;
|
|
30
|
+
//# sourceMappingURL=assets_BACKUP_14924.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"assets_BACKUP_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_BACKUP_14924.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG,uCAAuC,CAAC;AAEvD,QAAA,YAAY,GAAG,qDAAqD,CAAC;AAErE,QAAA,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,YAAY;IACrB,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAK1C,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,oBAAoB;IACzC,GAAC,mBAAW,CAAC,QAAQ,IAAG,sBAAsB;IAC9C,GAAC,mBAAW,CAAC,iBAAiB,IAAG,sBAAsB;IACvD,GAAC,mBAAW,CAAC,cAAc,IAAG,qBAAqB;QACrD;AAEW,QAAA,iBAAiB,GAAW,GAAG,CAAC;AAEhC,QAAA,kBAAkB,GAAW,GAAG,CAAC;AAEjC,QAAA,aAAa,GAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare const ASSET_DISTRO = "https://d188rqu2y6x0ew.cloudfront.net";
|
|
2
|
+
export declare const ASSET_ORIGIN = "https://imposium-footage.s3.us-east-1.amazonaws.com";
|
|
3
|
+
export declare const ASSET_TYPES: {
|
|
4
|
+
VIDEO_COMPOSITION: string;
|
|
5
|
+
STATIC_COMPOSITION: string;
|
|
6
|
+
VIDEO: string;
|
|
7
|
+
IMAGE: string;
|
|
8
|
+
HTML: string;
|
|
9
|
+
TEMPLATE: string;
|
|
10
|
+
AUDIO: string;
|
|
11
|
+
IMAGE_SEQUENCE: string;
|
|
12
|
+
FONT: string;
|
|
13
|
+
LUT: string;
|
|
14
|
+
ALL: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const ASSET_COLORS: {
|
|
17
|
+
[x: string]: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const PREVIEW_MAX_WIDTH: number;
|
|
20
|
+
export declare const PREVIEW_MAX_HEIGHT: number;
|
|
21
|
+
export declare const HEADER_HEIGHT: number;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.HEADER_HEIGHT = exports.PREVIEW_MAX_HEIGHT = exports.PREVIEW_MAX_WIDTH = exports.ASSET_COLORS = exports.ASSET_TYPES = exports.ASSET_ORIGIN = exports.ASSET_DISTRO = void 0;
|
|
5
|
+
exports.ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
|
|
6
|
+
exports.ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
|
|
7
|
+
exports.ASSET_TYPES = {
|
|
8
|
+
VIDEO_COMPOSITION: 'video_composition',
|
|
9
|
+
STATIC_COMPOSITION: 'static_composition',
|
|
10
|
+
VIDEO: 'video',
|
|
11
|
+
IMAGE: 'image',
|
|
12
|
+
HTML: 'html',
|
|
13
|
+
TEMPLATE: 'template',
|
|
14
|
+
AUDIO: 'audio',
|
|
15
|
+
IMAGE_SEQUENCE: 'image_sequence',
|
|
16
|
+
FONT: 'font',
|
|
17
|
+
LUT: 'lut',
|
|
18
|
+
ALL: 'all',
|
|
19
|
+
};
|
|
20
|
+
exports.ASSET_COLORS = (_a = {},
|
|
21
|
+
_a[exports.ASSET_TYPES.VIDEO] = 'rgba(236,22,150, 1)',
|
|
22
|
+
_a[exports.ASSET_TYPES.HTML] = 'rgba(118,22,238, 1)',
|
|
23
|
+
_a[exports.ASSET_TYPES.IMAGE] = 'rgba(241,191,21, 1)',
|
|
24
|
+
_a[exports.ASSET_TYPES.AUDIO] = 'rgba(72,177,222,1)',
|
|
25
|
+
_a[exports.ASSET_TYPES.TEMPLATE] = 'rgba(208, 80, 35, 1)',
|
|
26
|
+
_a[exports.ASSET_TYPES.VIDEO_COMPOSITION] = 'rgba(215, 22, 22, 1)',
|
|
27
|
+
_a[exports.ASSET_TYPES.IMAGE_SEQUENCE] = 'rgba(241,191,21, 1)',
|
|
28
|
+
_a);
|
|
29
|
+
exports.PREVIEW_MAX_WIDTH = 400;
|
|
30
|
+
exports.PREVIEW_MAX_HEIGHT = 400;
|
|
31
|
+
exports.HEADER_HEIGHT = 30;
|
|
32
|
+
//# sourceMappingURL=assets_BASE_14924.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"assets_BASE_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_BASE_14924.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG,uCAAuC,CAAC;AAEvD,QAAA,YAAY,GAAG,qDAAqD,CAAC;AAErE,QAAA,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAC,MAAM;IACX,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,YAAY;IACrB,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,IAAI,IAAG,qBAAqB;IACzC,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,oBAAoB;IACzC,GAAC,mBAAW,CAAC,QAAQ,IAAG,sBAAsB;IAC9C,GAAC,mBAAW,CAAC,iBAAiB,IAAG,sBAAsB;IACvD,GAAC,mBAAW,CAAC,cAAc,IAAG,qBAAqB;QACrD;AAEW,QAAA,iBAAiB,GAAW,GAAG,CAAC;AAEhC,QAAA,kBAAkB,GAAW,GAAG,CAAC;AAEjC,QAAA,aAAa,GAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const ASSET_DISTRO = "https://d188rqu2y6x0ew.cloudfront.net";
|
|
2
|
+
export declare const ASSET_ORIGIN = "https://imposium-footage.s3.us-east-1.amazonaws.com";
|
|
3
|
+
export declare const ASSET_TYPES: {
|
|
4
|
+
VIDEO_COMPOSITION: string;
|
|
5
|
+
STATIC_COMPOSITION: string;
|
|
6
|
+
VIDEO: string;
|
|
7
|
+
IMAGE: string;
|
|
8
|
+
TEMPLATE: string;
|
|
9
|
+
AUDIO: string;
|
|
10
|
+
IMAGE_SEQUENCE: string;
|
|
11
|
+
FONT: string;
|
|
12
|
+
LUT: string;
|
|
13
|
+
ALL: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const ASSET_COLORS: {
|
|
16
|
+
[x: string]: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const PREVIEW_MAX_WIDTH: number;
|
|
19
|
+
export declare const PREVIEW_MAX_HEIGHT: number;
|
|
20
|
+
export declare const HEADER_HEIGHT: number;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.HEADER_HEIGHT = exports.PREVIEW_MAX_HEIGHT = exports.PREVIEW_MAX_WIDTH = exports.ASSET_COLORS = exports.ASSET_TYPES = exports.ASSET_ORIGIN = exports.ASSET_DISTRO = void 0;
|
|
5
|
+
exports.ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
|
|
6
|
+
exports.ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
|
|
7
|
+
exports.ASSET_TYPES = {
|
|
8
|
+
VIDEO_COMPOSITION: 'video_composition',
|
|
9
|
+
STATIC_COMPOSITION: 'static_composition',
|
|
10
|
+
VIDEO: 'video',
|
|
11
|
+
IMAGE: 'image',
|
|
12
|
+
TEMPLATE: 'template',
|
|
13
|
+
AUDIO: 'audio',
|
|
14
|
+
IMAGE_SEQUENCE: 'image_sequence',
|
|
15
|
+
FONT: 'font',
|
|
16
|
+
LUT: 'lut',
|
|
17
|
+
ALL: 'all'
|
|
18
|
+
};
|
|
19
|
+
exports.ASSET_COLORS = (_a = {},
|
|
20
|
+
_a[exports.ASSET_TYPES.VIDEO] = 'rgba(236,22,150, 1)',
|
|
21
|
+
_a[exports.ASSET_TYPES.IMAGE] = 'rgba(241,191,21, 1)',
|
|
22
|
+
_a[exports.ASSET_TYPES.AUDIO] = 'rgba(72,177,222,1)',
|
|
23
|
+
_a[exports.ASSET_TYPES.TEMPLATE] = 'rgba(208, 80, 35, 1)',
|
|
24
|
+
_a[exports.ASSET_TYPES.VIDEO_COMPOSITION] = 'rgba(215, 22, 22, 1)',
|
|
25
|
+
_a[exports.ASSET_TYPES.IMAGE_SEQUENCE] = 'rgba(241,191,21, 1)',
|
|
26
|
+
_a);
|
|
27
|
+
exports.PREVIEW_MAX_WIDTH = 400;
|
|
28
|
+
exports.PREVIEW_MAX_HEIGHT = 400;
|
|
29
|
+
exports.HEADER_HEIGHT = 30;
|
|
30
|
+
//# sourceMappingURL=assets_LOCAL_14924.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"assets_LOCAL_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_LOCAL_14924.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG,uCAAuC,CAAC;AAEvD,QAAA,YAAY,GAAG,qDAAqD,CAAC;AAErE,QAAA,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,YAAY;IACrB,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,oBAAoB;IACzC,GAAC,mBAAW,CAAC,QAAQ,IAAG,sBAAsB;IAC9C,GAAC,mBAAW,CAAC,iBAAiB,IAAG,sBAAsB;IACvD,GAAC,mBAAW,CAAC,cAAc,IAAG,qBAAqB;QACrD;AAEW,QAAA,iBAAiB,GAAW,GAAG,CAAC;AAEhC,QAAA,kBAAkB,GAAW,GAAG,CAAC;AAEjC,QAAA,aAAa,GAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export declare const ASSET_DISTRO = "https://d188rqu2y6x0ew.cloudfront.net";
|
|
2
|
+
export declare const ASSET_ORIGIN = "https://imposium-footage.s3.us-east-1.amazonaws.com";
|
|
3
|
+
export declare const ASSET_TYPES: {
|
|
4
|
+
VIDEO_COMPOSITION: string;
|
|
5
|
+
STATIC_COMPOSITION: string;
|
|
6
|
+
VIDEO: string;
|
|
7
|
+
IMAGE: string;
|
|
8
|
+
HTML: string;
|
|
9
|
+
TEMPLATE: string;
|
|
10
|
+
AUDIO: string;
|
|
11
|
+
IMAGE_SEQUENCE: string;
|
|
12
|
+
FONT: string;
|
|
13
|
+
LUT: string;
|
|
14
|
+
ALL: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const ASSET_COLORS: {
|
|
17
|
+
[x: string]: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const PREVIEW_MAX_WIDTH: number;
|
|
20
|
+
export declare const PREVIEW_MAX_HEIGHT: number;
|
|
21
|
+
export declare const HEADER_HEIGHT: number;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.HEADER_HEIGHT = exports.PREVIEW_MAX_HEIGHT = exports.PREVIEW_MAX_WIDTH = exports.ASSET_COLORS = exports.ASSET_TYPES = exports.ASSET_ORIGIN = exports.ASSET_DISTRO = void 0;
|
|
5
|
+
exports.ASSET_DISTRO = 'https://d188rqu2y6x0ew.cloudfront.net';
|
|
6
|
+
exports.ASSET_ORIGIN = 'https://imposium-footage.s3.us-east-1.amazonaws.com';
|
|
7
|
+
exports.ASSET_TYPES = {
|
|
8
|
+
VIDEO_COMPOSITION: 'video_composition',
|
|
9
|
+
STATIC_COMPOSITION: 'static_composition',
|
|
10
|
+
VIDEO: 'video',
|
|
11
|
+
IMAGE: 'image',
|
|
12
|
+
HTML: 'html',
|
|
13
|
+
TEMPLATE: 'template',
|
|
14
|
+
AUDIO: 'audio',
|
|
15
|
+
IMAGE_SEQUENCE: 'image_sequence',
|
|
16
|
+
FONT: 'font',
|
|
17
|
+
LUT: 'lut',
|
|
18
|
+
ALL: 'all',
|
|
19
|
+
};
|
|
20
|
+
exports.ASSET_COLORS = (_a = {},
|
|
21
|
+
_a[exports.ASSET_TYPES.VIDEO] = 'rgba(236,22,150, 1)',
|
|
22
|
+
_a[exports.ASSET_TYPES.HTML] = 'rgba(174,108,255, 1)',
|
|
23
|
+
_a[exports.ASSET_TYPES.IMAGE] = 'rgba(241,191,21, 1)',
|
|
24
|
+
_a[exports.ASSET_TYPES.AUDIO] = 'rgba(72,177,222,1)',
|
|
25
|
+
_a[exports.ASSET_TYPES.TEMPLATE] = 'rgba(208, 80, 35, 1)',
|
|
26
|
+
_a[exports.ASSET_TYPES.VIDEO_COMPOSITION] = 'rgba(215, 22, 22, 1)',
|
|
27
|
+
_a[exports.ASSET_TYPES.IMAGE_SEQUENCE] = 'rgba(241,191,21, 1)',
|
|
28
|
+
_a);
|
|
29
|
+
exports.PREVIEW_MAX_WIDTH = 400;
|
|
30
|
+
exports.PREVIEW_MAX_HEIGHT = 400;
|
|
31
|
+
exports.HEADER_HEIGHT = 30;
|
|
32
|
+
//# sourceMappingURL=assets_REMOTE_14924.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"assets_REMOTE_14924.js","sourceRoot":"","sources":["../../../src/constants/assets_REMOTE_14924.ts"],"names":[],"mappings":";;;;AAAa,QAAA,YAAY,GAAG,uCAAuC,CAAC;AAEvD,QAAA,YAAY,GAAG,qDAAqD,CAAC;AAErE,QAAA,WAAW,GAAG;IACvB,iBAAiB,EAAE,mBAAmB;IACtC,kBAAkB,EAAE,oBAAoB;IACxC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAC,MAAM;IACX,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;IAChC,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,GAAG,EAAE,KAAK;CACb,CAAC;AAEW,QAAA,YAAY;IACrB,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,IAAI,IAAG,sBAAsB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,qBAAqB;IAC1C,GAAC,mBAAW,CAAC,KAAK,IAAG,oBAAoB;IACzC,GAAC,mBAAW,CAAC,QAAQ,IAAG,sBAAsB;IAC9C,GAAC,mBAAW,CAAC,iBAAiB,IAAG,sBAAsB;IACvD,GAAC,mBAAW,CAAC,cAAc,IAAG,qBAAqB;QACrD;AAEW,QAAA,iBAAiB,GAAW,GAAG,CAAC;AAEhC,QAAA,kBAAkB,GAAW,GAAG,CAAC;AAEjC,QAAA,aAAa,GAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const FONT_SIZES: number[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fontSizes.js","sourceRoot":"","sources":["../../../src/constants/fontSizes.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC"}
|
|
@@ -18,6 +18,7 @@ export declare const ICON_CHECK: JSX.Element;
|
|
|
18
18
|
export declare const ICON_EDIT: JSX.Element;
|
|
19
19
|
export declare const ICON_SEARCH: JSX.Element;
|
|
20
20
|
export declare const ICON_PLUS: JSX.Element;
|
|
21
|
+
export declare const ICON_MINUS: JSX.Element;
|
|
21
22
|
export declare const ICON_CLIPBOARD: JSX.Element;
|
|
22
23
|
export declare const ICON_EXCLAIMATION_TRIANGLE: JSX.Element;
|
|
23
24
|
export declare const ICON_ANGLE_LEFT: JSX.Element;
|
|
@@ -23,8 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
27
|
-
exports.ICON_CLAPPERBOARD_PLAY = exports.ICON_CENTER_ANCHOR = exports.ICON_DOWNRIGHT_ANCHOR = exports.ICON_DOWN_ANCHOR = exports.ICON_DOWNLEFT_ANCHOR = exports.ICON_RIGHT_ANCHOR = exports.ICON_LEFT_ANCHOR = exports.ICON_UPRIGHT_ANCHOR = exports.ICON_UP_ANCHOR = exports.ICON_UPLEFT_ANCHOR = exports.ICON_UPLOAD = exports.ICON_DOWNLOAD = exports.ICON_JS = exports.ICON_PROJECT_DIAGRAM = exports.ICON_GLOBE = exports.ICON_EMAIL = exports.ICON_HUBSPOT = exports.ICON_HELP = void 0;
|
|
26
|
+
exports.ICON_CUBE = exports.ICON_LAYER_GROUP = exports.ICON_EXPAND_ARROWS = exports.ICON_EXPAND = exports.ICON_COMPRESS = exports.ICON_ARROW_RIGHT = exports.ICON_ARROW_CENTER_H = exports.ICON_ARROW_LEFT = exports.ICON_ARROW_DOWN = exports.ICON_ARROW_CENTER_V = exports.ICON_ARROW_UP = exports.ICON_BARS = exports.ICON_ALIGN_CENTER = exports.ICON_ALIGN_RIGHT = exports.ICON_ALIGN_LEFT = exports.ICON_FONT = exports.ICON_INFO_CIRCLE = exports.ICON_TIMES_CIRCLE = exports.SORT_DOWN = exports.SORT_UP = exports.ICON_BAN = exports.ICON_USER_LOCK = exports.ICON_CHEVRON_UP = exports.ICON_CHEVRON_DOWN = exports.ICON_ANGLE_DOUBLE_RIGHT = exports.ICON_ANGLE_RIGHT = exports.ICON_ANGLE_DOUBLE_LEFT = exports.ICON_ANGLE_LEFT = exports.ICON_EXCLAIMATION_TRIANGLE = exports.ICON_CLIPBOARD = exports.ICON_MINUS = exports.ICON_PLUS = exports.ICON_SEARCH = exports.ICON_EDIT = exports.ICON_CHECK = exports.ICON_CARET_DOWN = exports.ICON_CARET_UP = exports.ICON_CIRCLE_NOTCH = exports.ICON_TIMES = exports.ICON_COPY = exports.ICON_AUDIO_TYPE = exports.ICON_IMAGE_SEQ_TYPE = exports.ICON_FILE_ARCHIVE = exports.ICON_FILE_IMAGE = exports.ICON_FILE_AUDIO = exports.ICON_FILE_VIDEO = exports.ICON_FILTER = exports.ICON_STICKY_NOTE = exports.ICON_IMAGE = exports.ICON_VIDEO = void 0;
|
|
27
|
+
exports.ICON_CLAPPERBOARD_PLAY = exports.ICON_CENTER_ANCHOR = exports.ICON_DOWNRIGHT_ANCHOR = exports.ICON_DOWN_ANCHOR = exports.ICON_DOWNLEFT_ANCHOR = exports.ICON_RIGHT_ANCHOR = exports.ICON_LEFT_ANCHOR = exports.ICON_UPRIGHT_ANCHOR = exports.ICON_UP_ANCHOR = exports.ICON_UPLEFT_ANCHOR = exports.ICON_UPLOAD = exports.ICON_DOWNLOAD = exports.ICON_JS = exports.ICON_PROJECT_DIAGRAM = exports.ICON_GLOBE = exports.ICON_EMAIL = exports.ICON_HUBSPOT = exports.ICON_HELP = exports.ICON_FILE_CODE = void 0;
|
|
28
28
|
var React = __importStar(require("react"));
|
|
29
29
|
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
|
|
30
30
|
var faCaretUp_1 = require("@fortawesome/free-solid-svg-icons/faCaretUp");
|
|
@@ -107,6 +107,7 @@ exports.ICON_CHECK = React.createElement(react_fontawesome_1.FontAwesomeIcon, {
|
|
|
107
107
|
exports.ICON_EDIT = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faEdit_1.faEdit });
|
|
108
108
|
exports.ICON_SEARCH = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faSearch_1.faSearch });
|
|
109
109
|
exports.ICON_PLUS = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faPlus_1.faPlus });
|
|
110
|
+
exports.ICON_MINUS = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: pro_light_svg_icons_1.faMinus });
|
|
110
111
|
exports.ICON_CLIPBOARD = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faClipboard_1.faClipboard });
|
|
111
112
|
exports.ICON_EXCLAIMATION_TRIANGLE = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faExclamationTriangle_1.faExclamationTriangle });
|
|
112
113
|
exports.ICON_ANGLE_LEFT = React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faAngleLeft_1.faAngleLeft });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/constants/icons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oEAAiE;AACjE,yEAAwE;AACxE,6EAA4E;AAC5E,qEAAoE;AACpE,uEAAsE;AACtE,iFAAgF;AAChF,6EAA4E;AAC5E,6EAA4E;AAC5E,6EAA4E;AAC5E,iFAAgF;AAChF,mEAAkE;AAClE,qEAAoE;AACpE,mEAAkE;AAClE,uEAAsE;AACtE,mEAAkE;AAClE,6EAA4E;AAC5E,iGAAgG;AAChG,6EAA4E;AAC5E,yFAAwF;AACxF,+EAA8E;AAC9E,2FAA0F;AAC1F,iFAAgF;AAChF,6EAA4E;AAC5E,2EAA0E;AAC1E,qEAAoE;AACpE,qEAAoE;AACpE,+EAA8E;AAC9E,iEAAgE;AAChE,uEAAsE;AACtE,+EAA8E;AAC9E,uEAAsE;AACtE,2EAA0E;AAC1E,iFAAgF;AAChF,+EAA8E;AAC9E,mEAAkE;AAClE,6EAA4E;AAC5E,+EAA8E;AAC9E,iFAAgF;AAChF,mEAAkE;AAClE,8EAA6E;AAC7E,oFAAmF;AACnF,wEAAuE;AACvE,gFAA+E;AAC/E,kFAAiF;AACjF,wEAAuE;AACvE,yFAAwF;AACxF,sEAAqE;AACrE,0EAAyE;AACzE,+EAA8E;AAC9E,mEAAkE;AAClE,2EAA0E;AAC1E,sFAAqF;AACrF,0EAAyE;AACzE,2EAA0E;AAC1E,qEAAoE;AACpE,uFAAsF;AACtF,gEAA+D;AAC/D,2EAA0E;AAC1E,uEAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/constants/icons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,10 +13,12 @@ interface IAdvancedNumberFieldProps {
|
|
|
13
13
|
labelPosition?: string;
|
|
14
14
|
min?: number;
|
|
15
15
|
max?: number;
|
|
16
|
+
toggleRef?: any;
|
|
16
17
|
}
|
|
17
18
|
interface IAdvancedNumberFieldState {
|
|
18
19
|
error: boolean;
|
|
19
20
|
value: number;
|
|
21
|
+
showDropDown: boolean;
|
|
20
22
|
}
|
|
21
23
|
declare class AdvancedNumberField extends React.PureComponent<IAdvancedNumberFieldProps, IAdvancedNumberFieldState> {
|
|
22
24
|
private inputRef;
|
|
@@ -30,6 +32,7 @@ declare class AdvancedNumberField extends React.PureComponent<IAdvancedNumberFie
|
|
|
30
32
|
private onSelectFocus;
|
|
31
33
|
private onSelectBlur;
|
|
32
34
|
private handleLabelDrag;
|
|
35
|
+
private changeSizes;
|
|
33
36
|
render(): JSX.Element;
|
|
34
37
|
}
|
|
35
38
|
export default AdvancedNumberField;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { FONT_SIZES } from '../../constants/fontSizes';
|
|
2
3
|
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
3
4
|
class AdvancedNumberField extends React.PureComponent {
|
|
4
5
|
inputRef;
|
|
@@ -6,7 +7,8 @@ class AdvancedNumberField extends React.PureComponent {
|
|
|
6
7
|
super(props);
|
|
7
8
|
this.state = {
|
|
8
9
|
error: false,
|
|
9
|
-
value: this.props.value
|
|
10
|
+
value: this.props.value,
|
|
11
|
+
showDropDown: false
|
|
10
12
|
};
|
|
11
13
|
this.inputRef = React.createRef();
|
|
12
14
|
}
|
|
@@ -73,9 +75,14 @@ class AdvancedNumberField extends React.PureComponent {
|
|
|
73
75
|
const newVal = this.props.value + v;
|
|
74
76
|
this.props.onChange(newVal);
|
|
75
77
|
}
|
|
78
|
+
changeSizes(size) {
|
|
79
|
+
this.validate(null, size);
|
|
80
|
+
this.setState({ showDropDown: !this.state.showDropDown });
|
|
81
|
+
}
|
|
76
82
|
render() {
|
|
77
83
|
let error = null;
|
|
78
84
|
const { label, placeholder, width, readOnly, buttons, tooltip, info, labelPosition, min, max } = this.props;
|
|
85
|
+
const { showDropDown } = this.state;
|
|
79
86
|
let value = this.state.value;
|
|
80
87
|
if (value === null) {
|
|
81
88
|
value = '';
|
|
@@ -94,13 +101,15 @@ class AdvancedNumberField extends React.PureComponent {
|
|
|
94
101
|
else {
|
|
95
102
|
error = info;
|
|
96
103
|
}
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
React.createElement("input", { type: '
|
|
102
|
-
|
|
103
|
-
|
|
104
|
+
const fontSizeInner = (React.createElement("ul", { className: 'font-size-list' }, FONT_SIZES.map((s) => (React.createElement("li", { key: s, className: 'font-size-item' },
|
|
105
|
+
React.createElement("button", { className: 'font-size-btn', onClick: () => this.changeSizes(s) }, s))))));
|
|
106
|
+
return (React.createElement(FieldWrapper, { customClass: `advanced-number-field ${this.state.error ? 'invalid' : ''}`, label: label, tooltip: tooltip, buttons: buttons, info: error, labelPosition: labelPosition, width: width },
|
|
107
|
+
React.createElement("input", { type: 'button', className: 'minus-font-size', value: '-', onClick: () => this.decrementValue() }),
|
|
108
|
+
React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]\\d*)(\\.\\d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: () => this.onSelectFocus(), onBlur: () => this.onSelectBlur(), onChange: (e) => this.validate(e), onClick: () => {
|
|
109
|
+
this.setState({ showDropDown: !this.state.showDropDown });
|
|
110
|
+
}, className: 'number-input' }),
|
|
111
|
+
showDropDown ? fontSizeInner : null,
|
|
112
|
+
React.createElement("input", { type: 'button', className: 'add-font-size', value: '+', onClick: () => this.incrementValue() })));
|
|
104
113
|
}
|
|
105
114
|
}
|
|
106
115
|
export default AdvancedNumberField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvancedNumberField.js","sourceRoot":"","sources":["../../../../src/components/advanced-number-field/AdvancedNumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"AdvancedNumberField.js","sourceRoot":"","sources":["../../../../src/components/advanced-number-field/AdvancedNumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,6 @@ class SelectField extends React.PureComponent {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
const { label, showCopy, options, value, width, buttons, selectRef, disable, tooltip, info, labelPosition, disableFirst } = this.props;
|
|
37
|
-
let opts = [];
|
|
38
37
|
const selectValue = value === null || value === undefined ? '' : value;
|
|
39
38
|
const caret = (React.createElement("div", { key: 'caret', className: 'caret' }, ICON_CARET_DOWN));
|
|
40
39
|
let btns;
|
|
@@ -52,18 +51,23 @@ class SelectField extends React.PureComponent {
|
|
|
52
51
|
if (showCopy) {
|
|
53
52
|
btns.push(React.createElement(Button, { key: 'btn-copy', style: 'subtle', color: 'primary', tooltip: 'Copy to Clipboard', onClick: this.evtHandlers.copyToClipboard }, ICON_CLIPBOARD));
|
|
54
53
|
}
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
const getOptions = (o) => {
|
|
55
|
+
return o.map((option, i) => {
|
|
57
56
|
const disabled = (i === 0 && disableFirst) || (option.disabled !== undefined && option.disabled)
|
|
58
57
|
? true
|
|
59
58
|
: false;
|
|
60
59
|
const optionValue = option.value !== undefined ? option.value : option;
|
|
61
60
|
const optionLabel = option.label !== undefined ? option.label : option;
|
|
62
|
-
|
|
61
|
+
if (option.type === 'group') {
|
|
62
|
+
return (React.createElement("optgroup", { label: option.label, key: `opt-group-${option.label}` }, getOptions(option.options)));
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
return (React.createElement("option", { disabled: disabled, key: `option-${optionValue}`, value: optionValue }, optionLabel));
|
|
66
|
+
}
|
|
63
67
|
});
|
|
64
|
-
}
|
|
68
|
+
};
|
|
65
69
|
return (React.createElement(FieldWrapper, { customClass: 'select-field', label: label, tooltip: tooltip, buttons: btns, info: info, labelPosition: labelPosition, width: width },
|
|
66
|
-
React.createElement("select", { value: selectValue, onChange: (e) => this.onChange(e), ref: selectRef, disabled: disable },
|
|
70
|
+
React.createElement("select", { value: selectValue, onChange: (e) => this.onChange(e), ref: selectRef, disabled: disable }, getOptions(options))));
|
|
67
71
|
}
|
|
68
72
|
}
|
|
69
73
|
export default SelectField;
|