@uxf/cms 6.0.0-beta.18 → 6.0.0-beta.19
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/config/icons-config.d.ts +1 -1
- package/config/icons-config.js +1 -1
- package/config/icons.d.ts +5 -0
- package/config/icons.js +2 -1
- package/package.json +4 -4
- package/ui/CopyToClipboard/CopyToClipboard.d.ts +2 -2
- package/ui/CopyToClipboard/CopyToClipboard.js +59 -14
- package/ui/CopyToClipboardButton/CopyToClipboardButton.d.ts +2 -2
- package/ui/CopyToClipboardButton/CopyToClipboardButton.js +56 -33
package/config/icons-config.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICONS_VERSION = "
|
|
1
|
+
export declare const ICONS_VERSION = "1674568423546";
|
|
2
2
|
export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
package/config/icons-config.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
|
|
4
|
-
exports.ICONS_VERSION = "
|
|
4
|
+
exports.ICONS_VERSION = "1674568423546";
|
|
5
5
|
exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
|
6
6
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=
|
package/config/icons.d.ts
CHANGED
|
@@ -51,6 +51,10 @@ export declare const ICONS: {
|
|
|
51
51
|
readonly w: 640;
|
|
52
52
|
readonly h: 512;
|
|
53
53
|
};
|
|
54
|
+
readonly copy: {
|
|
55
|
+
readonly w: 512;
|
|
56
|
+
readonly h: 512;
|
|
57
|
+
};
|
|
54
58
|
readonly file: {
|
|
55
59
|
readonly w: 384;
|
|
56
60
|
readonly h: 512;
|
|
@@ -96,6 +100,7 @@ declare module "@uxf/ui/icon/theme" {
|
|
|
96
100
|
"chevronsRight": true;
|
|
97
101
|
"chevronUp": true;
|
|
98
102
|
"cloud": true;
|
|
103
|
+
"copy": true;
|
|
99
104
|
"file": true;
|
|
100
105
|
"imageFile": true;
|
|
101
106
|
"videoFile": true;
|
package/config/icons.js
CHANGED
|
@@ -16,6 +16,7 @@ exports.ICONS = {
|
|
|
16
16
|
"chevronsRight": { w: 512, h: 512 },
|
|
17
17
|
"chevronUp": { w: 512, h: 512 },
|
|
18
18
|
"cloud": { w: 640, h: 512 },
|
|
19
|
+
"copy": { w: 512, h: 512 },
|
|
19
20
|
"file": { w: 384, h: 512 },
|
|
20
21
|
"imageFile": { w: 384, h: 512 },
|
|
21
22
|
"videoFile": { w: 384, h: 512 },
|
|
@@ -24,4 +25,4 @@ exports.ICONS = {
|
|
|
24
25
|
"angleRight": { w: 256, h: 512 },
|
|
25
26
|
"plus": { w: 448, h: 512 },
|
|
26
27
|
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixXQUFXLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDL0IsV0FBVyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQy9CLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMxQixZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDaEMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLE1BQU0sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtDQUNwQixDQUFDIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/cms",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.19",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"lint:css": "stylelint \"./**/*.(css)\""
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@uxf/form": "^1.0.0-beta.
|
|
34
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
33
|
+
"@uxf/form": "^1.0.0-beta.110",
|
|
34
|
+
"@uxf/ui": "^1.0.0-beta.110",
|
|
35
35
|
"es6-error": "^4.1.1",
|
|
36
36
|
"path-to-regexp": "^6.1.0",
|
|
37
37
|
"react-hook-form": "^7.41.5",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@types/react": "^18.0.27",
|
|
48
48
|
"@types/react-dom": "^18.0.10",
|
|
49
49
|
"@typescript-eslint/eslint-plugin": "^5.48.2",
|
|
50
|
-
"@uxf/core": "^4.
|
|
50
|
+
"@uxf/core": "^4.4.2",
|
|
51
51
|
"@uxf/data-grid": "^4.0.0",
|
|
52
52
|
"@uxf/eslint-config": "^1.2.3",
|
|
53
53
|
"@uxf/icons-generator": "^1.3.0",
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import { CopyToClipboardProps } from "./types";
|
|
3
|
-
export declare const CopyToClipboard:
|
|
3
|
+
export declare const CopyToClipboard: FC<CopyToClipboardProps>;
|
|
@@ -22,24 +22,69 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
35
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
36
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
37
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
38
|
+
function step(op) {
|
|
39
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
40
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
41
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
42
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
43
|
+
switch (op[0]) {
|
|
44
|
+
case 0: case 1: t = op; break;
|
|
45
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
46
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
47
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
48
|
+
default:
|
|
49
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
50
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
51
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
52
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
53
|
+
if (t[2]) _.ops.pop();
|
|
54
|
+
_.trys.pop(); continue;
|
|
55
|
+
}
|
|
56
|
+
op = body.call(thisArg, _);
|
|
57
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
58
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
59
|
+
}
|
|
60
|
+
};
|
|
25
61
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
62
|
exports.CopyToClipboard = void 0;
|
|
63
|
+
var copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
|
|
64
|
+
var button_1 = require("@uxf/ui/button");
|
|
65
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
27
66
|
var react_1 = __importStar(require("react"));
|
|
28
67
|
var text_input_1 = require("@uxf/ui/text-input");
|
|
29
|
-
var button_1 = require("@uxf/ui/button");
|
|
30
68
|
var flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
69
|
+
var CopyToClipboard = function (_a) {
|
|
70
|
+
var disabled = _a.disabled, label = _a.label, value = _a.value;
|
|
71
|
+
var onCopy = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
72
|
+
var isCopied;
|
|
73
|
+
return __generator(this, function (_a) {
|
|
74
|
+
switch (_a.label) {
|
|
75
|
+
case 0: return [4 /*yield*/, (0, copy_to_clipboard_1.copyToClipboard)(value)];
|
|
76
|
+
case 1:
|
|
77
|
+
isCopied = _a.sent();
|
|
78
|
+
(0, flash_messages_service_1.flashMessage)({
|
|
79
|
+
variant: isCopied ? "success" : "error",
|
|
80
|
+
message: isCopied ? "Text zkopírován" : "Nepodařilo se zkopírovat text",
|
|
81
|
+
});
|
|
82
|
+
return [2 /*return*/];
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}); }, [value]);
|
|
86
|
+
return (react_1.default.createElement(text_input_1.TextInput, { isDisabled: disabled, label: label, rightAddon: react_1.default.createElement(button_1.Button, { className: "h-full w-full rounded-l-none border-none", disabled: value === "", onClick: onCopy, variant: "white" },
|
|
87
|
+
react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" })), value: value }));
|
|
43
88
|
};
|
|
44
89
|
exports.CopyToClipboard = CopyToClipboard;
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29weVRvQ2xpcGJvYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0NvcHlUb0NsaXBib2FyZC9Db3B5VG9DbGlwYm9hcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsdUVBQW9FO0FBQ3BFLHlDQUF3QztBQUN4QyxxQ0FBb0M7QUFDcEMsNkNBQStDO0FBRS9DLGlEQUErQztBQUMvQyx3RkFBNkU7QUFFdEUsSUFBTSxlQUFlLEdBQTZCLFVBQUMsRUFBMEI7UUFBeEIsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsS0FBSyxXQUFBO0lBQzlFLElBQU0sTUFBTSxHQUFHLElBQUEsbUJBQVcsRUFBQzs7Ozt3QkFDTixxQkFBTSxJQUFBLG1DQUFlLEVBQUMsS0FBSyxDQUFDLEVBQUE7O29CQUF2QyxRQUFRLEdBQUcsU0FBNEI7b0JBQzdDLElBQUEscUNBQVksRUFBQzt3QkFDVCxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU87d0JBQ3ZDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQywrQkFBK0I7cUJBQzFFLENBQUMsQ0FBQzs7OztTQUNOLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRVosT0FBTyxDQUNILDhCQUFDLHNCQUFTLElBQ04sVUFBVSxFQUFFLFFBQVEsRUFDcEIsS0FBSyxFQUFFLEtBQUssRUFDWixVQUFVLEVBQ04sOEJBQUMsZUFBTSxJQUNILFNBQVMsRUFBQywwQ0FBMEMsRUFDcEQsUUFBUSxFQUFFLEtBQUssS0FBSyxFQUFFLEVBQ3RCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsT0FBTyxFQUFDLE9BQU87WUFFZiw4QkFBQyxXQUFJLElBQUMsU0FBUyxFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUMsTUFBTSxHQUFHLENBQy9CLEVBRWIsS0FBSyxFQUFFLEtBQUssR0FDZCxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUExQlcsUUFBQSxlQUFlLG1CQTBCMUIifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import { ClipboardButtonProps } from "./types";
|
|
3
|
-
export declare const CopyToClipboardButton:
|
|
3
|
+
export declare const CopyToClipboardButton: FC<ClipboardButtonProps>;
|
|
@@ -22,45 +22,68 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
28
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
29
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
30
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
31
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
35
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
36
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
37
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
38
|
+
function step(op) {
|
|
39
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
40
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
41
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
42
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
43
|
+
switch (op[0]) {
|
|
44
|
+
case 0: case 1: t = op; break;
|
|
45
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
46
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
47
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
48
|
+
default:
|
|
49
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
50
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
51
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
52
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
53
|
+
if (t[2]) _.ops.pop();
|
|
54
|
+
_.trys.pop(); continue;
|
|
55
|
+
}
|
|
56
|
+
op = body.call(thisArg, _);
|
|
57
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
58
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
59
|
+
}
|
|
60
|
+
};
|
|
25
61
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
62
|
exports.CopyToClipboardButton = void 0;
|
|
63
|
+
var copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
|
|
27
64
|
var react_1 = __importStar(require("react"));
|
|
28
65
|
var flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
|
|
29
66
|
var button_1 = require("@uxf/ui/button");
|
|
30
67
|
var icon_1 = require("@uxf/ui/icon");
|
|
31
|
-
function
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
68
|
+
var CopyToClipboardButton = function (_a) {
|
|
69
|
+
var _b = _a.color, color = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, textToCopy = _a.textToCopy;
|
|
70
|
+
var onCopy = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
71
|
+
var isCopied;
|
|
72
|
+
return __generator(this, function (_a) {
|
|
73
|
+
switch (_a.label) {
|
|
74
|
+
case 0: return [4 /*yield*/, (0, copy_to_clipboard_1.copyToClipboard)(textToCopy)];
|
|
75
|
+
case 1:
|
|
76
|
+
isCopied = _a.sent();
|
|
77
|
+
(0, flash_messages_service_1.flashMessage)({
|
|
78
|
+
message: isCopied ? "Text zkopírován" : "Nepodařilo se zkopírovat text",
|
|
79
|
+
variant: isCopied ? "success" : "error",
|
|
80
|
+
});
|
|
81
|
+
return [2 /*return*/];
|
|
82
|
+
}
|
|
35
83
|
});
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
// Avoid scrolling to bottom
|
|
40
|
-
textArea.style.top = "0";
|
|
41
|
-
textArea.style.left = "0";
|
|
42
|
-
textArea.style.position = "fixed";
|
|
43
|
-
document.body.appendChild(textArea);
|
|
44
|
-
textArea.focus();
|
|
45
|
-
textArea.select();
|
|
46
|
-
textArea.setSelectionRange(0, 99999); // for mobile devices
|
|
47
|
-
document.execCommand("copy");
|
|
48
|
-
document.body.removeChild(textArea);
|
|
49
|
-
}
|
|
50
|
-
// TODO @nikita: nahradit komponentou z UI
|
|
51
|
-
var CopyToClipboardButton = function (props) {
|
|
52
|
-
var textToCopy = props.textToCopy, _a = props.size, size = _a === void 0 ? "sm" : _a, _b = props.color, color = _b === void 0 ? "default" : _b;
|
|
53
|
-
var copyUrl = (0, react_1.useCallback)(function () {
|
|
54
|
-
try {
|
|
55
|
-
copyTextToClipboard(textToCopy);
|
|
56
|
-
(0, flash_messages_service_1.flashMessage)({ variant: "success", message: "Text zkopírován" });
|
|
57
|
-
}
|
|
58
|
-
catch (err) {
|
|
59
|
-
console.log(err);
|
|
60
|
-
}
|
|
61
|
-
}, [textToCopy]);
|
|
62
|
-
return (react_1.default.createElement(button_1.Button, { size: size, color: color, onClick: copyUrl },
|
|
63
|
-
react_1.default.createElement(icon_1.Icon, { name: "check" })));
|
|
84
|
+
}); }, [textToCopy]);
|
|
85
|
+
return (react_1.default.createElement(button_1.Button, { color: color, onClick: onCopy, size: size },
|
|
86
|
+
react_1.default.createElement(icon_1.Icon, { name: "copy" })));
|
|
64
87
|
};
|
|
65
88
|
exports.CopyToClipboardButton = CopyToClipboardButton;
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29weVRvQ2xpcGJvYXJkQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0NvcHlUb0NsaXBib2FyZEJ1dHRvbi9Db3B5VG9DbGlwYm9hcmRCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsdUVBQW9FO0FBQ3BFLDZDQUErQztBQUUvQyx3RkFBNkU7QUFDN0UseUNBQXdDO0FBQ3hDLHFDQUFvQztBQUU3QixJQUFNLHFCQUFxQixHQUE2QixVQUFDLEVBQThDO1FBQTVDLGFBQWlCLEVBQWpCLEtBQUssbUJBQUcsU0FBUyxLQUFBLEVBQUUsWUFBVyxFQUFYLElBQUksbUJBQUcsSUFBSSxLQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUN4RyxJQUFNLE1BQU0sR0FBRyxJQUFBLG1CQUFXLEVBQUM7Ozs7d0JBQ04scUJBQU0sSUFBQSxtQ0FBZSxFQUFDLFVBQVUsQ0FBQyxFQUFBOztvQkFBNUMsUUFBUSxHQUFHLFNBQWlDO29CQUNsRCxJQUFBLHFDQUFZLEVBQUM7d0JBQ1QsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLCtCQUErQjt3QkFDdkUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPO3FCQUMxQyxDQUFDLENBQUM7Ozs7U0FDTixFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUVqQixPQUFPLENBQ0gsOEJBQUMsZUFBTSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSTtRQUM3Qyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLE1BQU0sR0FBRyxDQUNmLENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQWRXLFFBQUEscUJBQXFCLHlCQWNoQyJ9
|