@imposium-hub/components 2.11.0 → 2.11.2-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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imposium-hub/components",
3
- "version": "2.11.0",
3
+ "version": "2.11.2-0",
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",
@@ -39,7 +39,7 @@
39
39
  "cogo-toast": "^4.2.3",
40
40
  "export-to-csv": "^0.2.1",
41
41
  "file-saver": "^2.0.5",
42
- "imposium-js-sdk": "^2.3.1",
42
+ "imposium-js-sdk": "^3.5.6",
43
43
  "js-cookie": "^2.2.1",
44
44
  "lodash": "^4.17.21",
45
45
  "moment": "^2.29.1",
@@ -86,14 +86,14 @@
86
86
  "@imposium-hub/eslint-config": "^1.1.0",
87
87
  "@imposium-hub/prettier-config": "^2.1.0",
88
88
  "@imposium-hub/react-textarea-autocomplete": "^4.9.13-6",
89
- "@storybook/addon-actions": "^6.4.22",
90
- "@storybook/addon-docs": "^6.4.22",
91
- "@storybook/addon-essentials": "^6.4.22",
92
- "@storybook/addon-interactions": "^6.4.22",
93
- "@storybook/addon-links": "^6.4.22",
94
- "@storybook/addon-storysource": "^6.4.22",
95
- "@storybook/react": "^7.0.7",
96
- "@storybook/testing-library": "^0.0.11",
89
+ "@storybook/addon-actions": "^8.6.14",
90
+ "@storybook/addon-docs": "^8.6.14",
91
+ "@storybook/addon-essentials": "^8.6.14",
92
+ "@storybook/addon-interactions": "^8.6.14",
93
+ "@storybook/addon-links": "^8.6.14",
94
+ "@storybook/addon-storysource": "^8.6.14",
95
+ "@storybook/react": "^8.6.14",
96
+ "@storybook/testing-library": "^0.2.1",
97
97
  "@types/hoist-non-react-statics": "^3.3.1",
98
98
  "@types/offscreencanvas": "^2019.6.4",
99
99
  "@types/react": "^17.0.37",
@@ -112,7 +112,7 @@
112
112
  "less": "^4.1.2",
113
113
  "less-plugin-clean-css": "^1.5.1",
114
114
  "localforage": "^1.7.3",
115
- "np": "^7.6.1",
115
+ "np": "^10.2.0",
116
116
  "onchange": "^7.1.0",
117
117
  "prettier": "^2.6.2",
118
118
  "react": "^17.0.1",
@@ -127,9 +127,9 @@
127
127
  "react-table": "^7.7.0",
128
128
  "react-tooltip": "^5.27.1",
129
129
  "run-sequence": "^2.2.1",
130
- "sb": "^6.4.22",
130
+ "sb": "^8.6.14",
131
131
  "smpte-timecode": "^1.2.3",
132
- "storybook-dark-mode": "^1.1.0",
132
+ "storybook-dark-mode": "^3.0.3",
133
133
  "typescript": "^5.3.3"
134
134
  },
135
135
  "eslintConfig": {
@@ -138,5 +138,8 @@
138
138
  "@imposium-hub/eslint-config/typescript-react"
139
139
  ]
140
140
  },
141
- "prettier": "@imposium-hub/prettier-config"
141
+ "prettier": "@imposium-hub/prettier-config",
142
+ "overrides": {
143
+ "tmp": "^0.2.5"
144
+ }
142
145
  }
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export interface IEditGuideModalProps {
3
- guide: number;
4
- onClose: () => any;
5
- onContinue: (e: any) => any;
6
- isHorizontal: boolean;
7
- }
8
- export declare const EditGuideModal: () => React.JSX.Element;
@@ -1,132 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || (function () {
30
- var ownKeys = function(o) {
31
- ownKeys = Object.getOwnPropertyNames || function (o) {
32
- var ar = [];
33
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
34
- return ar;
35
- };
36
- return ownKeys(o);
37
- };
38
- return function (mod) {
39
- if (mod && mod.__esModule) return mod;
40
- var result = {};
41
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
42
- __setModuleDefault(result, mod);
43
- return result;
44
- };
45
- })();
46
- var __read = (this && this.__read) || function (o, n) {
47
- var m = typeof Symbol === "function" && o[Symbol.iterator];
48
- if (!m) return o;
49
- var i = m.call(o), r, ar = [], e;
50
- try {
51
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
52
- }
53
- catch (error) { e = { error: error }; }
54
- finally {
55
- try {
56
- if (r && !r.done && (m = i["return"])) m.call(i);
57
- }
58
- finally { if (e) throw e.error; }
59
- }
60
- return ar;
61
- };
62
- var __importDefault = (this && this.__importDefault) || function (mod) {
63
- return (mod && mod.__esModule) ? mod : { "default": mod };
64
- };
65
- Object.defineProperty(exports, "__esModule", { value: true });
66
- exports.EditGuideModal = void 0;
67
- var react_1 = __importStar(require("react"));
68
- var react_dom_1 = __importDefault(require("react-dom"));
69
- var Modal_1 = __importDefault(require("../modal/Modal"));
70
- var Button_1 = __importDefault(require("../button/Button"));
71
- var Section_1 = __importDefault(require("../section/Section"));
72
- var NumberField_1 = __importDefault(require("../number-field/NumberField"));
73
- var EditGuideModal = function () {
74
- var _a = __read((0, react_1.useState)(null), 2), props = _a[0], setProps = _a[1];
75
- var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
76
- var _c = __read((0, react_1.useState)(null), 2), guide = _c[0], setGuide = _c[1];
77
- var onOpen = function (event) {
78
- setProps(__assign({}, event.detail));
79
- setIsOpen(true);
80
- };
81
- var onClose = function () { return setIsOpen(false); };
82
- (0, react_1.useEffect)(function () {
83
- window.addEventListener('openeditguidemodal', onOpen);
84
- return function () {
85
- window.removeEventListener('openeditguidemodal', onOpen);
86
- };
87
- }, []);
88
- (0, react_1.useEffect)(function () {
89
- if (props === null || props === void 0 ? void 0 : props.guide) {
90
- setGuide(props.guide);
91
- }
92
- }, [props === null || props === void 0 ? void 0 : props.guide]);
93
- var onKeyDown = function (e) {
94
- if (e.key === 'Enter') {
95
- e.preventDefault();
96
- onContinue(guide);
97
- }
98
- };
99
- (0, react_1.useEffect)(function () {
100
- if (isOpen) {
101
- window.addEventListener('keypress', onKeyDown);
102
- }
103
- else {
104
- window.removeEventListener('keypress', onKeyDown);
105
- }
106
- return function () {
107
- window.removeEventListener('keypress', onKeyDown);
108
- };
109
- }, [isOpen, onKeyDown]);
110
- var onContinue = (0, react_1.useCallback)(function (e) {
111
- if (e) {
112
- props.onContinue(e);
113
- onClose();
114
- }
115
- }, [isOpen]);
116
- var modal = isOpen && (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, style: {
117
- width: '200px',
118
- height: '110px',
119
- top: '25%',
120
- left: '55%'
121
- }, isOpen: true },
122
- react_1.default.createElement(Section_1.default, { title: "Edit ".concat(props.isHorizontal ? 'Horizontal Guide' : 'Vertical Guide'), style: { padding: '10px' } },
123
- react_1.default.createElement(NumberField_1.default, { label: 'Guide Position', labelPosition: 'top', onChange: function (e) { return setGuide(Number(e)); }, focusOnMount: true, value: guide }),
124
- react_1.default.createElement(Button_1.default, { onClick: onClose, style: 'bold', color: 'secondary' }, "Cancel"),
125
- react_1.default.createElement(Button_1.default, { onClick: function () { return onContinue(guide); }, style: 'bold', color: 'primary' }, "Ok"))));
126
- var PortalContextComponent = function () {
127
- return react_dom_1.default.createPortal(modal, document.querySelector('#react-root'));
128
- };
129
- return react_1.default.createElement(PortalContextComponent, null);
130
- };
131
- exports.EditGuideModal = EditGuideModal;
132
- //# sourceMappingURL=EditGuideModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditGuideModal.js","sourceRoot":"","sources":["../../../../src/components/edit-guide-modal/EditGuideModal.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface IReplaceFilesModalProps {
3
- onUpload: (f: any) => any;
4
- onInstantUpload: (f: any) => any;
5
- onApplyToAll: (e: any) => any;
6
- onClose: () => void;
7
- applyToAll: boolean;
8
- existedAssets: any[];
9
- existedAssetIds: any[];
10
- }
11
- export declare const ReplaceFilesModal: () => React.JSX.Element;
@@ -1,213 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || (function () {
30
- var ownKeys = function(o) {
31
- ownKeys = Object.getOwnPropertyNames || function (o) {
32
- var ar = [];
33
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
34
- return ar;
35
- };
36
- return ownKeys(o);
37
- };
38
- return function (mod) {
39
- if (mod && mod.__esModule) return mod;
40
- var result = {};
41
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
42
- __setModuleDefault(result, mod);
43
- return result;
44
- };
45
- })();
46
- var __read = (this && this.__read) || function (o, n) {
47
- var m = typeof Symbol === "function" && o[Symbol.iterator];
48
- if (!m) return o;
49
- var i = m.call(o), r, ar = [], e;
50
- try {
51
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
52
- }
53
- catch (error) { e = { error: error }; }
54
- finally {
55
- try {
56
- if (r && !r.done && (m = i["return"])) m.call(i);
57
- }
58
- finally { if (e) throw e.error; }
59
- }
60
- return ar;
61
- };
62
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
63
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
64
- if (ar || !(i in from)) {
65
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
66
- ar[i] = from[i];
67
- }
68
- }
69
- return to.concat(ar || Array.prototype.slice.call(from));
70
- };
71
- var __importDefault = (this && this.__importDefault) || function (mod) {
72
- return (mod && mod.__esModule) ? mod : { "default": mod };
73
- };
74
- Object.defineProperty(exports, "__esModule", { value: true });
75
- exports.ReplaceFilesModal = void 0;
76
- var react_1 = __importStar(require("react"));
77
- var react_dom_1 = __importDefault(require("react-dom"));
78
- var Modal_1 = __importDefault(require("../modal/Modal"));
79
- var Button_1 = __importDefault(require("../button/Button"));
80
- var CheckboxField_1 = __importDefault(require("../checkbox-field/CheckboxField"));
81
- var Section_1 = __importDefault(require("../section/Section"));
82
- var copy_1 = require("../../constants/copy");
83
- var modal_1 = require("../../utils/modal");
84
- var ReplaceFilesModal = function () {
85
- var _a = __read((0, react_1.useState)(null), 2), props = _a[0], setProps = _a[1];
86
- var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
87
- var _c = __read((0, react_1.useState)(), 2), applyToAll = _c[0], setApplyToAll = _c[1];
88
- var _d = __read((0, react_1.useState)(200), 2), height = _d[0], setHeight = _d[1];
89
- var _e = __read((0, react_1.useState)(0), 2), index = _e[0], setIndex = _e[1];
90
- var replaceFileModalRef = (0, react_1.useRef)(null);
91
- (0, react_1.useEffect)(function () {
92
- if (replaceFileModalRef.current) {
93
- var clientHeight = replaceFileModalRef.current.clientHeight;
94
- setHeight(clientHeight + 40);
95
- }
96
- });
97
- var onOpen = function (event) {
98
- setProps(__assign({}, event.detail));
99
- setIsOpen(true);
100
- };
101
- var onClose = function () {
102
- props.onClose();
103
- setIsOpen(false);
104
- };
105
- var onReplaceHandler = function (curApplyToAll, curIndex, file, assetId) {
106
- var newIndex = curIndex + 1;
107
- if (curApplyToAll && curIndex === 0) {
108
- var updatedAssets = props.existedAssets.map(function (asset, i) {
109
- var updatefile = asset;
110
- updatefile['assetId'] = props.existedAssetIds[i];
111
- return updatefile;
112
- });
113
- props.onInstantUpload(updatedAssets);
114
- setIndex(0);
115
- setIsOpen(false);
116
- }
117
- else if (curApplyToAll) {
118
- var updatedAssets = [];
119
- for (var i = 0; i < props.existedAssets.length; i++) {
120
- var updateFile = curIndex === 0
121
- ? props.existedAssets[i]
122
- : __spreadArray(__spreadArray([], __read(props.existedAssets.slice(0, curIndex - 1)), false), __read(props.existedAssets.slice(curIndex)), false)[i];
123
- if (updateFile) {
124
- updateFile['assetId'] =
125
- curIndex === 0
126
- ? props.existedAssetIds[i]
127
- : __spreadArray(__spreadArray([], __read(props.existedAssetIds.slice(0, curIndex - 1)), false), __read(props.existedAssetIds.slice(curIndex)), false)[i];
128
- updatedAssets.push(updateFile);
129
- props.onInstantUpload(updatedAssets);
130
- setIndex(0);
131
- onClose();
132
- }
133
- }
134
- }
135
- else {
136
- if (newIndex === props.existedAssets.length) {
137
- setIndex(0);
138
- onClose();
139
- }
140
- else {
141
- setIndex(newIndex);
142
- }
143
- var updateFile = file;
144
- updateFile['assetId'] = assetId;
145
- props.onUpload([updateFile]);
146
- }
147
- };
148
- var onAsNewHandler = function (curApplyToAll, curIndex, file) {
149
- var newIndex = curIndex + 1;
150
- if (curApplyToAll) {
151
- props.onUpload(curIndex === 0 ? props.existedAssets : props.existedAssets.slice(curIndex));
152
- setIndex(0);
153
- onClose();
154
- }
155
- else {
156
- if (newIndex === props.existedAssets.length) {
157
- setIndex(0);
158
- onClose();
159
- }
160
- else {
161
- setIndex(newIndex);
162
- }
163
- props.onUpload([file]);
164
- }
165
- };
166
- var onApplyToAllHandler = function (e) {
167
- setApplyToAll(e);
168
- props.onApplyToAll(e);
169
- };
170
- var onReplace = (0, react_1.useCallback)(function (curApplyToAll, curIndex, file, assetId) {
171
- return onReplaceHandler(curApplyToAll, curIndex, file, assetId);
172
- }, [isOpen]);
173
- var onApplyToAll = (0, react_1.useCallback)(function (e) { return onApplyToAllHandler(e); }, [isOpen]);
174
- var onAsNew = (0, react_1.useCallback)(function (curApplyToAll, curIndex, file) { return onAsNewHandler(curApplyToAll, curIndex, file); }, [isOpen]);
175
- (0, react_1.useEffect)(function () {
176
- window.addEventListener(modal_1.replaceFilesModalEvent, onOpen);
177
- return function () {
178
- window.removeEventListener(modal_1.replaceFilesModalEvent, onOpen);
179
- };
180
- }, []);
181
- var modal = function () {
182
- if (isOpen) {
183
- var file_1 = props.existedAssets[index];
184
- var assetId_1 = props.existedAssetIds[index];
185
- var name_1 = file_1.name.slice(0, file_1.name.lastIndexOf('.'));
186
- return (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
187
- left: '0px',
188
- width: '100%'
189
- }, style: {
190
- width: '400px',
191
- height: "".concat(height, "px"),
192
- top: 'calc(50% - 150px)',
193
- left: 'calc((100% - 400px) / 2)'
194
- }, isOpen: true },
195
- react_1.default.createElement(Section_1.default, null,
196
- react_1.default.createElement("div", { className: 'replace-files-modal', ref: replaceFileModalRef },
197
- react_1.default.createElement("p", null, copy_1.assets.uploads.title.replace('[name]', name_1)),
198
- react_1.default.createElement("div", { className: 'replace-files-buttons' },
199
- react_1.default.createElement("div", { className: 'checkbox' },
200
- react_1.default.createElement(CheckboxField_1.default, { label: copy_1.assets.uploads.applyAll, value: applyToAll, onChange: onApplyToAll })),
201
- react_1.default.createElement("div", { className: 'buttons' },
202
- react_1.default.createElement(Button_1.default, { onClick: function () { return onAsNew(applyToAll, index, file_1); }, size: 'large', style: 'bold', color: 'primary' }, copy_1.assets.uploads.keepBoth),
203
- react_1.default.createElement(Button_1.default, { onClick: function () { return onReplace(applyToAll, index, file_1, assetId_1); }, size: 'large', style: 'bold', color: 'primary' }, copy_1.assets.uploads.replace),
204
- react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', style: 'bold', color: 'default' }, copy_1.assets.uploads.cancelButton)))))));
205
- }
206
- };
207
- var PortalContextComponent = function () {
208
- return react_dom_1.default.createPortal(modal(), document.querySelector('#react-root'));
209
- };
210
- return react_1.default.createElement(PortalContextComponent, null);
211
- };
212
- exports.ReplaceFilesModal = ReplaceFilesModal;
213
- //# sourceMappingURL=ReplaceFilesModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReplaceFilesModal.js","sourceRoot":"","sources":["../../../../src/components/replace-files-modal/ReplaceFilesModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwE;AACxE,wDAAiC;AACjC,yDAAmC;AACnC,4DAAsC;AACtC,kFAA4D;AAC5D,+DAAyC;AACzC,6CAAsD;AACtD,2CAA2D;AAYpD,IAAM,iBAAiB,GAAG;IACvB,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAA0B,IAAI,CAAC,IAAA,EAA1D,KAAK,QAAA,EAAE,QAAQ,QAA2C,CAAC;IAC5D,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAU,KAAK,CAAC,IAAA,EAA7C,MAAM,QAAA,EAAE,SAAS,QAA4B,CAAC;IAC/C,IAAA,KAAA,OAA8B,IAAA,gBAAQ,GAAW,IAAA,EAAhD,UAAU,QAAA,EAAE,aAAa,QAAuB,CAAC;IAClD,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAC,GAAG,CAAC,IAAA,EAAlC,MAAM,QAAA,EAAE,SAAS,QAAiB,CAAC;IACpC,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAS,CAAC,CAAC,IAAA,EAAtC,KAAK,QAAA,EAAE,QAAQ,QAAuB,CAAC;IAE9C,IAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEzC,IAAA,iBAAS,EAAC;QACN,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;YAEf,IAAA,YAAY,GACvB,mBAAmB,qBADI,CACH;YACxB,SAAS,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,IAAM,MAAM,GAAG,UAAC,KAAK;QACjB,QAAQ,cACD,KAAK,CAAC,MAAM,EACjB,CAAC;QACH,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG;QACZ,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,SAAS,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG,UAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO;QAC5D,IAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC;QAE9B,IAAI,aAAa,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;YAClC,IAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC;gBACnD,IAAM,UAAU,GAAG,KAAK,CAAC;gBACzB,UAAU,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;gBACjD,OAAO,UAAU,CAAC;YACtB,CAAC,CAAC,CAAC;YAEH,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACrC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;aAAM,IAAI,aAAa,EAAE,CAAC;YACvB,IAAM,aAAa,GAAG,EAAE,CAAC;YAEzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAClD,IAAM,UAAU,GACZ,QAAQ,KAAK,CAAC;oBACV,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;oBACxB,CAAC,CAAC,uCACO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,kBAC1C,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,UACxC,CAAC,CAAC,CAAC;gBAEf,IAAI,UAAU,EAAE,CAAC;oBACb,UAAU,CAAC,SAAS,CAAC;wBACjB,QAAQ,KAAK,CAAC;4BACV,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;4BAC1B,CAAC,CAAC,uCACO,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,kBAC5C,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,UAC1C,CAAC,CAAC,CAAC;oBACf,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC/B,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;oBACrC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACZ,OAAO,EAAE,CAAC;gBACd,CAAC;YACL,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,QAAQ,KAAK,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC1C,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACZ,OAAO,EAAE,CAAC;YACd,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YAED,IAAM,UAAU,GAAG,IAAI,CAAC;YACxB,UAAU,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;YAChC,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,aAAa,EAAE,QAAQ,EAAE,IAAI;QACjD,IAAM,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC;QAE9B,IAAI,aAAa,EAAE,CAAC;YAChB,KAAK,CAAC,QAAQ,CACV,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC7E,CAAC;YAEF,QAAQ,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACJ,IAAI,QAAQ,KAAK,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC1C,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACZ,OAAO,EAAE,CAAC;YACd,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YAED,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,UAAC,CAAC;QAC1B,aAAa,CAAC,CAAC,CAAC,CAAC;QACjB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,IAAA,mBAAW,EACzB,UAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO;QACnC,OAAA,gBAAgB,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC;IAAxD,CAAwD,EAC5D,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,CAAC,IAAK,OAAA,mBAAmB,CAAC,CAAC,CAAC,EAAtB,CAAsB,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1E,IAAM,OAAO,GAAG,IAAA,mBAAW,EACvB,UAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,IAAK,OAAA,cAAc,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,EAA7C,CAA6C,EAChF,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,IAAA,iBAAS,EAAC;QACN,MAAM,CAAC,gBAAgB,CAAC,8BAAsB,EAAE,MAAM,CAAC,CAAC;QACxD,OAAO;YACH,MAAM,CAAC,mBAAmB,CAAC,8BAAsB,EAAE,MAAM,CAAC,CAAC;QAC/D,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,KAAK,GAAG;QACV,IAAI,MAAM,EAAE,CAAC;YACT,IAAM,MAAI,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxC,IAAM,SAAO,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAM,MAAI,GAAG,MAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;YAC5D,OAAO,CACH,8BAAC,eAAK,IACF,cAAc,EAAE,OAAO,EACvB,YAAY,EAAE;oBACV,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,MAAM;iBAChB,EACD,KAAK,EAAE;oBACH,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,UAAG,MAAM,OAAI;oBACrB,GAAG,EAAE,mBAAmB;oBACxB,IAAI,EAAE,0BAA0B;iBACnC,EACD,MAAM,EAAE,IAAI;gBACZ,8BAAC,iBAAO;oBACJ,uCACI,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,mBAAmB;wBACxB,yCAAI,aAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAI,CAAC,CAAK;wBACnD,uCAAK,SAAS,EAAC,uBAAuB;4BAClC,uCAAK,SAAS,EAAC,UAAU;gCACrB,8BAAC,uBAAa,IACV,KAAK,EAAE,aAAI,CAAC,OAAO,CAAC,QAAQ,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,GACxB,CACA;4BACN,uCAAK,SAAS,EAAC,SAAS;gCACpB,8BAAC,gBAAM,IACH,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,UAAU,EAAE,KAAK,EAAE,MAAI,CAAC,EAAhC,CAAgC,EAC/C,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,aAAI,CAAC,OAAO,CAAC,QAAQ,CACjB;gCACT,8BAAC,gBAAM,IACH,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,MAAI,EAAE,SAAO,CAAC,EAA3C,CAA2C,EAC1D,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,aAAI,CAAC,OAAO,CAAC,OAAO,CAChB;gCACT,8BAAC,gBAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,aAAI,CAAC,OAAO,CAAC,YAAY,CACrB,CACP,CACJ,CACJ,CACA,CACN,CACX,CAAC;QACN,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC3B,OAAA,mBAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAArE,CAAqE,CAAC;IAE1E,OAAO,8BAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC;AArMW,QAAA,iBAAiB,qBAqM5B"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export interface IEditGuideModalProps {
3
- guide: number;
4
- onClose: () => any;
5
- onContinue: (e: any) => any;
6
- isHorizontal: boolean;
7
- }
8
- export declare const EditGuideModal: () => React.JSX.Element;
@@ -1,65 +0,0 @@
1
- import React, { useCallback, useEffect, useState } from 'react';
2
- import ReactDOM from 'react-dom';
3
- import Modal from '../modal/Modal';
4
- import Button from '../button/Button';
5
- import Section from '../section/Section';
6
- import NumberField from '../number-field/NumberField';
7
- export const EditGuideModal = () => {
8
- const [props, setProps] = useState(null);
9
- const [isOpen, setIsOpen] = useState(false);
10
- const [guide, setGuide] = useState(null);
11
- const onOpen = (event) => {
12
- setProps({
13
- ...event.detail
14
- });
15
- setIsOpen(true);
16
- };
17
- const onClose = () => setIsOpen(false);
18
- useEffect(() => {
19
- window.addEventListener('openeditguidemodal', onOpen);
20
- return () => {
21
- window.removeEventListener('openeditguidemodal', onOpen);
22
- };
23
- }, []);
24
- useEffect(() => {
25
- if (props?.guide) {
26
- setGuide(props.guide);
27
- }
28
- }, [props?.guide]);
29
- const onKeyDown = (e) => {
30
- if (e.key === 'Enter') {
31
- e.preventDefault();
32
- onContinue(guide);
33
- }
34
- };
35
- useEffect(() => {
36
- if (isOpen) {
37
- window.addEventListener('keypress', onKeyDown);
38
- }
39
- else {
40
- window.removeEventListener('keypress', onKeyDown);
41
- }
42
- return () => {
43
- window.removeEventListener('keypress', onKeyDown);
44
- };
45
- }, [isOpen, onKeyDown]);
46
- const onContinue = useCallback((e) => {
47
- if (e) {
48
- props.onContinue(e);
49
- onClose();
50
- }
51
- }, [isOpen]);
52
- const modal = isOpen && (React.createElement(Modal, { onRequestClose: onClose, style: {
53
- width: '200px',
54
- height: '110px',
55
- top: '25%',
56
- left: '55%'
57
- }, isOpen: true },
58
- React.createElement(Section, { title: `Edit ${props.isHorizontal ? 'Horizontal Guide' : 'Vertical Guide'}`, style: { padding: '10px' } },
59
- React.createElement(NumberField, { label: 'Guide Position', labelPosition: 'top', onChange: (e) => setGuide(Number(e)), focusOnMount: true, value: guide }),
60
- React.createElement(Button, { onClick: onClose, style: 'bold', color: 'secondary' }, "Cancel"),
61
- React.createElement(Button, { onClick: () => onContinue(guide), style: 'bold', color: 'primary' }, "Ok"))));
62
- const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
63
- return React.createElement(PortalContextComponent, null);
64
- };
65
- //# sourceMappingURL=EditGuideModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EditGuideModal.js","sourceRoot":"","sources":["../../../../src/components/edit-guide-modal/EditGuideModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,WAAW,MAAM,6BAA6B,CAAC;AAStD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;QACrB,QAAQ,CAAC;YACL,GAAG,KAAK,CAAC,MAAM;SAClB,CAAC,CAAC;QACH,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,EAAE,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QACtD,CAAC;QACD,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,CAAC,EAAE,EAAE;QACF,IAAI,CAAC,EAAE,CAAC;YACJ,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACpB,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,KAAK,GAAG,MAAM,IAAI,CACpB,oBAAC,KAAK,IACF,cAAc,EAAE,OAAO,EACvB,KAAK,EAAE;YACH,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK;SACd,EACD,MAAM,EAAE,IAAI;QACZ,oBAAC,OAAO,IACJ,KAAK,EAAE,QAAQ,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAC3E,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC1B,oBAAC,WAAW,IACR,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACpC,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,KAAK,GACd;YACF,oBAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,WAAW,aAEZ;YACT,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,SAEV,CACH,CACN,CACX,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAChC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAExE,OAAO,oBAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface IReplaceFilesModalProps {
3
- onUpload: (f: any) => any;
4
- onInstantUpload: (f: any) => any;
5
- onApplyToAll: (e: any) => any;
6
- onClose: () => void;
7
- applyToAll: boolean;
8
- existedAssets: any[];
9
- existedAssetIds: any[];
10
- }
11
- export declare const ReplaceFilesModal: () => React.JSX.Element;
@@ -1,141 +0,0 @@
1
- import React, { useCallback, useEffect, useRef, useState } from 'react';
2
- import ReactDOM from 'react-dom';
3
- import Modal from '../modal/Modal';
4
- import Button from '../button/Button';
5
- import CheckboxField from '../checkbox-field/CheckboxField';
6
- import Section from '../section/Section';
7
- import { assets as copy } from '../../constants/copy';
8
- import { replaceFilesModalEvent } from '../../utils/modal';
9
- export const ReplaceFilesModal = () => {
10
- const [props, setProps] = useState(null);
11
- const [isOpen, setIsOpen] = useState(false);
12
- const [applyToAll, setApplyToAll] = useState();
13
- const [height, setHeight] = useState(200);
14
- const [index, setIndex] = useState(0);
15
- const replaceFileModalRef = useRef(null);
16
- useEffect(() => {
17
- if (replaceFileModalRef.current) {
18
- const { current: { clientHeight } } = replaceFileModalRef;
19
- setHeight(clientHeight + 40);
20
- }
21
- });
22
- const onOpen = (event) => {
23
- setProps({
24
- ...event.detail
25
- });
26
- setIsOpen(true);
27
- };
28
- const onClose = () => {
29
- props.onClose();
30
- setIsOpen(false);
31
- };
32
- const onReplaceHandler = (curApplyToAll, curIndex, file, assetId) => {
33
- const newIndex = curIndex + 1;
34
- if (curApplyToAll && curIndex === 0) {
35
- const updatedAssets = props.existedAssets.map((asset, i) => {
36
- const updatefile = asset;
37
- updatefile['assetId'] = props.existedAssetIds[i];
38
- return updatefile;
39
- });
40
- props.onInstantUpload(updatedAssets);
41
- setIndex(0);
42
- setIsOpen(false);
43
- }
44
- else if (curApplyToAll) {
45
- const updatedAssets = [];
46
- for (let i = 0; i < props.existedAssets.length; i++) {
47
- const updateFile = curIndex === 0
48
- ? props.existedAssets[i]
49
- : [
50
- ...props.existedAssets.slice(0, curIndex - 1),
51
- ...props.existedAssets.slice(curIndex)
52
- ][i];
53
- if (updateFile) {
54
- updateFile['assetId'] =
55
- curIndex === 0
56
- ? props.existedAssetIds[i]
57
- : [
58
- ...props.existedAssetIds.slice(0, curIndex - 1),
59
- ...props.existedAssetIds.slice(curIndex)
60
- ][i];
61
- updatedAssets.push(updateFile);
62
- props.onInstantUpload(updatedAssets);
63
- setIndex(0);
64
- onClose();
65
- }
66
- }
67
- }
68
- else {
69
- if (newIndex === props.existedAssets.length) {
70
- setIndex(0);
71
- onClose();
72
- }
73
- else {
74
- setIndex(newIndex);
75
- }
76
- const updateFile = file;
77
- updateFile['assetId'] = assetId;
78
- props.onUpload([updateFile]);
79
- }
80
- };
81
- const onAsNewHandler = (curApplyToAll, curIndex, file) => {
82
- const newIndex = curIndex + 1;
83
- if (curApplyToAll) {
84
- props.onUpload(curIndex === 0 ? props.existedAssets : props.existedAssets.slice(curIndex));
85
- setIndex(0);
86
- onClose();
87
- }
88
- else {
89
- if (newIndex === props.existedAssets.length) {
90
- setIndex(0);
91
- onClose();
92
- }
93
- else {
94
- setIndex(newIndex);
95
- }
96
- props.onUpload([file]);
97
- }
98
- };
99
- const onApplyToAllHandler = (e) => {
100
- setApplyToAll(e);
101
- props.onApplyToAll(e);
102
- };
103
- const onReplace = useCallback((curApplyToAll, curIndex, file, assetId) => onReplaceHandler(curApplyToAll, curIndex, file, assetId), [isOpen]);
104
- const onApplyToAll = useCallback((e) => onApplyToAllHandler(e), [isOpen]);
105
- const onAsNew = useCallback((curApplyToAll, curIndex, file) => onAsNewHandler(curApplyToAll, curIndex, file), [isOpen]);
106
- useEffect(() => {
107
- window.addEventListener(replaceFilesModalEvent, onOpen);
108
- return () => {
109
- window.removeEventListener(replaceFilesModalEvent, onOpen);
110
- };
111
- }, []);
112
- const modal = () => {
113
- if (isOpen) {
114
- const file = props.existedAssets[index];
115
- const assetId = props.existedAssetIds[index];
116
- const name = file.name.slice(0, file.name.lastIndexOf('.'));
117
- return (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
118
- left: '0px',
119
- width: '100%'
120
- }, style: {
121
- width: '400px',
122
- height: `${height}px`,
123
- top: 'calc(50% - 150px)',
124
- left: 'calc((100% - 400px) / 2)'
125
- }, isOpen: true },
126
- React.createElement(Section, null,
127
- React.createElement("div", { className: 'replace-files-modal', ref: replaceFileModalRef },
128
- React.createElement("p", null, copy.uploads.title.replace('[name]', name)),
129
- React.createElement("div", { className: 'replace-files-buttons' },
130
- React.createElement("div", { className: 'checkbox' },
131
- React.createElement(CheckboxField, { label: copy.uploads.applyAll, value: applyToAll, onChange: onApplyToAll })),
132
- React.createElement("div", { className: 'buttons' },
133
- React.createElement(Button, { onClick: () => onAsNew(applyToAll, index, file), size: 'large', style: 'bold', color: 'primary' }, copy.uploads.keepBoth),
134
- React.createElement(Button, { onClick: () => onReplace(applyToAll, index, file, assetId), size: 'large', style: 'bold', color: 'primary' }, copy.uploads.replace),
135
- React.createElement(Button, { onClick: onClose, size: 'large', style: 'bold', color: 'default' }, copy.uploads.cancelButton)))))));
136
- }
137
- };
138
- const PortalContextComponent = () => ReactDOM.createPortal(modal(), document.querySelector('#react-root'));
139
- return React.createElement(PortalContextComponent, null);
140
- };
141
- //# sourceMappingURL=ReplaceFilesModal.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ReplaceFilesModal.js","sourceRoot":"","sources":["../../../../src/components/replace-files-modal/ReplaceFilesModal.tsx"],"names":[],"mappings":"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"}