@uxf/cms 6.0.0-beta.75 → 6.0.0-beta.77
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 +15 -0
- package/config/icons.js +4 -1
- package/lib/layout/layout.js +6 -6
- package/lib/layout/types.d.ts +2 -0
- package/lib/login-layout/login-layout.js +3 -3
- package/package.json +6 -3
- package/pages/content-builder/components/form-content.d.ts +3 -0
- package/pages/content-builder/components/form-content.js +33 -6
- package/pages/content-builder/components/form-root-fields.js +45 -42
- package/pages/content-builder/components/form.js +59 -13
- package/pages/content-builder/components/header.d.ts +6 -0
- package/pages/content-builder/components/header.js +18 -0
- package/pages/content-builder/constants.d.ts +2 -0
- package/pages/content-builder/constants.js +6 -0
- package/pages/content-builder/content/feature-section.js +32 -13
- package/pages/content-builder/content/gallery.js +23 -6
- package/pages/content-builder/content/hero-section.js +27 -8
- package/pages/content-builder/content/people.js +30 -13
- package/pages/content-builder/content/wysiwyg.js +22 -6
- package/pages/content-builder/content-builder-page.js +10 -12
- package/pages/content-builder/content-field.js +62 -15
- package/pages/content-builder/content-header.js +64 -16
- package/pages/content-builder/context/details-visibility-context.d.ts +4 -0
- package/pages/content-builder/context/details-visibility-context.js +93 -0
- package/pages/content-builder/hooks/use-sortable.d.ts +15 -0
- package/pages/content-builder/hooks/use-sortable.js +83 -0
- package/pages/content-builder/types.d.ts +2 -0
- package/pages/form-page/base-field.js +3 -3
- package/pages/grid-page/grid-page.js +8 -6
- package/ui/widget/widget.js +3 -3
- package/utils/icons.config.js +15 -0
- package/utils/use-viewport-height.d.ts +1 -0
- package/utils/use-viewport-height.js +46 -0
@@ -1,4 +1,15 @@
|
|
1
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
|
+
};
|
2
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
14
|
if (k2 === undefined) k2 = k;
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
@@ -22,29 +33,66 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
22
33
|
__setModuleDefault(result, mod);
|
23
34
|
return result;
|
24
35
|
};
|
36
|
+
var __read = (this && this.__read) || function (o, n) {
|
37
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
38
|
+
if (!m) return o;
|
39
|
+
var i = m.call(o), r, ar = [], e;
|
40
|
+
try {
|
41
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
42
|
+
}
|
43
|
+
catch (error) { e = { error: error }; }
|
44
|
+
finally {
|
45
|
+
try {
|
46
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
47
|
+
}
|
48
|
+
finally { if (e) throw e.error; }
|
49
|
+
}
|
50
|
+
return ar;
|
51
|
+
};
|
25
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
26
53
|
exports.ContentHeader = void 0;
|
27
54
|
var react_1 = __importStar(require("react"));
|
28
55
|
var button_1 = require("@uxf/ui/button");
|
29
|
-
var
|
56
|
+
var icon_1 = require("@uxf/ui/icon");
|
57
|
+
var datetime_picker_input_1 = require("@uxf/ui/datetime-picker-input");
|
58
|
+
var useClickableProps_1 = require("@uxf/core/hooks/useClickableProps");
|
59
|
+
var details_visibility_context_1 = require("./context/details-visibility-context");
|
60
|
+
var paper_1 = require("@uxf/ui/paper/paper");
|
61
|
+
var modal_service_1 = require("@uxf/ui/modal/modal-service");
|
30
62
|
var ContentHeader = function (props) {
|
31
|
-
var
|
32
|
-
var
|
33
|
-
var
|
63
|
+
var _a = __read((0, react_1.useState)(null), 2), validityFrom = _a[0], setValidityFrom = _a[1];
|
64
|
+
var _b = __read((0, react_1.useState)(null), 2), validityTo = _b[0], setValidityTo = _b[1];
|
65
|
+
var _c = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 2), visibility = _c[0], toggleVisibility = _c[1];
|
66
|
+
var removeHandler = (0, react_1.useCallback)(function (event) {
|
67
|
+
event.stopPropagation();
|
34
68
|
// eslint-disable-next-line no-alert
|
35
69
|
if (confirm("Opravdu chcete smazat sekci?")) {
|
36
|
-
onRemove();
|
70
|
+
props.onRemove();
|
37
71
|
}
|
38
|
-
},
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
72
|
+
},
|
73
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
74
|
+
[props.onRemove]);
|
75
|
+
var clickableProps = (0, useClickableProps_1.useClickableProps)({
|
76
|
+
className: "flex w-full cursor-pointer flex-row items-center justify-between p-4",
|
77
|
+
onClick: toggleVisibility,
|
78
|
+
});
|
79
|
+
var setVisibilityHandler = function (event) {
|
80
|
+
event.stopPropagation();
|
81
|
+
(0, modal_service_1.openModal)({
|
82
|
+
children: (react_1.default.createElement(paper_1.Paper, { className: "space-y-4 p-4 dark:bg-gray-950" },
|
83
|
+
react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityFrom", label: "Platnost od", value: validityFrom, onChange: function (value) { return setValidityFrom(value); } }),
|
84
|
+
react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityTo", label: "Platnost do", value: validityTo, onChange: function (value) { return setValidityTo(value); } }))),
|
85
|
+
width: "sm",
|
86
|
+
});
|
87
|
+
};
|
88
|
+
return (react_1.default.createElement("div", __assign({}, clickableProps),
|
89
|
+
react_1.default.createElement("h3", { className: "uxf-typo-h6" }, props.title),
|
90
|
+
react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
91
|
+
react_1.default.createElement(button_1.Button, { size: "sm", variant: "white", isIconButton: true, onClick: function (event) { return setVisibilityHandler(event); } },
|
92
|
+
react_1.default.createElement(icon_1.Icon, { name: "calendar" })),
|
93
|
+
react_1.default.createElement(button_1.Button, { size: "sm", onClick: function (event) { return removeHandler(event); }, variant: "white", isIconButton: true },
|
94
|
+
react_1.default.createElement(icon_1.Icon, { name: "delete" })),
|
95
|
+
react_1.default.createElement(icon_1.Icon, { name: "".concat(visibility ? "chevronUp" : "chevronDown"), size: 16 }))));
|
48
96
|
};
|
49
97
|
exports.ContentHeader = ContentHeader;
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1oZWFkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvY29udGVudC1idWlsZGVyL2NvbnRlbnQtaGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLDZDQUE0RjtBQUM1Rix5Q0FBd0M7QUFDeEMscUNBQW9DO0FBQ3BDLHVFQUFvRTtBQUNwRSx1RUFBc0U7QUFDdEUsbUZBQXNGO0FBQ3RGLDZDQUE0QztBQUM1Qyw2REFBd0Q7QUFFakQsSUFBTSxhQUFhLEdBQXFCLFVBQUMsS0FBSztJQUMzQyxJQUFBLEtBQUEsT0FBa0MsSUFBQSxnQkFBUSxFQUFnQixJQUFJLENBQUMsSUFBQSxFQUE5RCxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWlDLENBQUM7SUFDaEUsSUFBQSxLQUFBLE9BQThCLElBQUEsZ0JBQVEsRUFBZ0IsSUFBSSxDQUFDLElBQUEsRUFBMUQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFpQyxDQUFDO0lBQzVELElBQUEsS0FBQSxPQUFpQyxJQUFBLDJEQUE4QixFQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBQSxFQUF4RSxVQUFVLFFBQUEsRUFBRSxnQkFBZ0IsUUFBNEMsQ0FBQztJQUVoRixJQUFNLGFBQWEsR0FBRyxJQUFBLG1CQUFXLEVBQzdCLFVBQUMsS0FBSztRQUNGLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixvQ0FBb0M7UUFDcEMsSUFBSSxPQUFPLENBQUMsOEJBQThCLENBQUMsRUFBRTtZQUN6QyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7U0FDcEI7SUFDTCxDQUFDO0lBQ0QsdURBQXVEO0lBQ3ZELENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUNuQixDQUFDO0lBRUYsSUFBTSxjQUFjLEdBQUcsSUFBQSxxQ0FBaUIsRUFBaUM7UUFDckUsU0FBUyxFQUFFLHNFQUFzRTtRQUNqRixPQUFPLEVBQUUsZ0JBQWdCO0tBQzVCLENBQUMsQ0FBQztJQUVILElBQU0sb0JBQW9CLEdBQXlDLFVBQUMsS0FBSztRQUNyRSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBQSx5QkFBUyxFQUFDO1lBQ04sUUFBUSxFQUFFLENBQ04sOEJBQUMsYUFBSyxJQUFDLFNBQVMsRUFBQyxnQ0FBZ0M7Z0JBQzdDLDhCQUFDLDJDQUFtQixJQUNoQixJQUFJLEVBQUMsZ0JBQWdCLEVBQ3JCLEtBQUssRUFBQyxhQUFhLEVBQ25CLEtBQUssRUFBRSxZQUFZLEVBQ25CLFFBQVEsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLGVBQWUsQ0FBQyxLQUFLLENBQUMsRUFBdEIsQ0FBc0IsR0FDN0M7Z0JBQ0YsOEJBQUMsMkNBQW1CLElBQ2hCLElBQUksRUFBQyxjQUFjLEVBQ25CLEtBQUssRUFBQyxhQUFhLEVBQ25CLEtBQUssRUFBRSxVQUFVLEVBQ2pCLFFBQVEsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBcEIsQ0FBb0IsR0FDM0MsQ0FDRSxDQUNYO1lBQ0QsS0FBSyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUM7SUFDUCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0gsa0RBQVMsY0FBYztRQUNuQixzQ0FBSSxTQUFTLEVBQUMsYUFBYSxJQUFFLEtBQUssQ0FBQyxLQUFLLENBQU07UUFDOUMsdUNBQUssU0FBUyxFQUFDLDZCQUE2QjtZQUN4Qyw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFDLFlBQVksUUFBQyxPQUFPLEVBQUUsVUFBQyxLQUFLLElBQUssT0FBQSxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsRUFBM0IsQ0FBMkI7Z0JBQzFGLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsVUFBVSxHQUFHLENBQ25CO1lBQ1QsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsYUFBYSxDQUFDLEtBQUssQ0FBQyxFQUFwQixDQUFvQixFQUFFLE9BQU8sRUFBQyxPQUFPLEVBQUMsWUFBWTtnQkFDcEYsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxRQUFRLEdBQUcsQ0FDakI7WUFDVCw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFFLFVBQUcsVUFBVSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBRSxFQUFFLElBQUksRUFBRSxFQUFFLEdBQUksQ0FDckUsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUE1RFcsUUFBQSxhQUFhLGlCQTREeEIifQ==
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
2
|
+
export declare const useDetailsVisibilityForSection: (sectionId: string) => readonly [boolean, () => void];
|
3
|
+
export declare const useDetailsVisibilityControls: () => (visible: boolean) => void;
|
4
|
+
export declare const DetailsVisibilityProvider: FC<PropsWithChildren>;
|
@@ -0,0 +1,93 @@
|
|
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 (mod) {
|
30
|
+
if (mod && mod.__esModule) return mod;
|
31
|
+
var result = {};
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
33
|
+
__setModuleDefault(result, mod);
|
34
|
+
return result;
|
35
|
+
};
|
36
|
+
var __read = (this && this.__read) || function (o, n) {
|
37
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
38
|
+
if (!m) return o;
|
39
|
+
var i = m.call(o), r, ar = [], e;
|
40
|
+
try {
|
41
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
42
|
+
}
|
43
|
+
catch (error) { e = { error: error }; }
|
44
|
+
finally {
|
45
|
+
try {
|
46
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
47
|
+
}
|
48
|
+
finally { if (e) throw e.error; }
|
49
|
+
}
|
50
|
+
return ar;
|
51
|
+
};
|
52
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
53
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
54
|
+
if (ar || !(i in from)) {
|
55
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
56
|
+
ar[i] = from[i];
|
57
|
+
}
|
58
|
+
}
|
59
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
60
|
+
};
|
61
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
62
|
+
exports.DetailsVisibilityProvider = exports.useDetailsVisibilityControls = exports.useDetailsVisibilityForSection = void 0;
|
63
|
+
var react_1 = __importStar(require("react"));
|
64
|
+
var detailsVisibilityContext = (0, react_1.createContext)([[], function () { return void null; }, true, function () { return void null; }]);
|
65
|
+
var useDetailsVisibility = function () { return (0, react_1.useContext)(detailsVisibilityContext); };
|
66
|
+
var useDetailsVisibilityForSection = function (sectionId) {
|
67
|
+
var _a;
|
68
|
+
var _b = __read(useDetailsVisibility(), 3), detailsVisibility = _b[0], setDetailsVisibility = _b[1], defaultVisibility = _b[2];
|
69
|
+
var nullableVisibility = (_a = detailsVisibility.find(function (item) { return item.id === sectionId; })) === null || _a === void 0 ? void 0 : _a.visible;
|
70
|
+
var visibility = typeof nullableVisibility === "boolean" ? nullableVisibility : defaultVisibility;
|
71
|
+
var toggleVisibility = (0, react_1.useCallback)(function () {
|
72
|
+
setDetailsVisibility(function (prev) { return __spreadArray(__spreadArray([], __read(prev.filter(function (i) { return i.id !== sectionId; })), false), [
|
73
|
+
{ id: sectionId, visible: !visibility },
|
74
|
+
], false); });
|
75
|
+
}, [visibility, sectionId, setDetailsVisibility]);
|
76
|
+
return [visibility, toggleVisibility];
|
77
|
+
};
|
78
|
+
exports.useDetailsVisibilityForSection = useDetailsVisibilityForSection;
|
79
|
+
var useDetailsVisibilityControls = function () {
|
80
|
+
var _a = __read(useDetailsVisibility(), 4), setDetailsVisibility = _a[1], setDefaultVisibility = _a[3];
|
81
|
+
return (0, react_1.useCallback)(function (visible) {
|
82
|
+
setDefaultVisibility(visible);
|
83
|
+
setDetailsVisibility(function (prev) { return prev.map(function (i) { return (__assign(__assign({}, i), { visible: visible })); }); });
|
84
|
+
}, [setDefaultVisibility, setDetailsVisibility]);
|
85
|
+
};
|
86
|
+
exports.useDetailsVisibilityControls = useDetailsVisibilityControls;
|
87
|
+
var DetailsVisibilityProvider = function (props) {
|
88
|
+
var _a = __read((0, react_1.useState)(true), 2), defaultVisibility = _a[0], setDefaultVisibility = _a[1];
|
89
|
+
var _b = __read((0, react_1.useState)([]), 2), detailsVisibility = _b[0], setDetailsVisibility = _b[1];
|
90
|
+
return (react_1.default.createElement(detailsVisibilityContext.Provider, { value: [detailsVisibility, setDetailsVisibility, defaultVisibility, setDefaultVisibility] }, props.children));
|
91
|
+
};
|
92
|
+
exports.DetailsVisibilityProvider = DetailsVisibilityProvider;
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlscy12aXNpYmlsaXR5LWNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvY29udGVudC1idWlsZGVyL2NvbnRleHQvZGV0YWlscy12aXNpYmlsaXR5LWNvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBU2U7QUFJZixJQUFNLHdCQUF3QixHQUFHLElBQUEscUJBQWEsRUFFNUMsQ0FBQyxFQUFFLEVBQUUsY0FBTSxPQUFBLEtBQUssSUFBSSxFQUFULENBQVMsRUFBRSxJQUFJLEVBQUUsY0FBTSxPQUFBLEtBQUssSUFBSSxFQUFULENBQVMsQ0FBQyxDQUFDLENBQUM7QUFFaEQsSUFBTSxvQkFBb0IsR0FBRyxjQUFNLE9BQUEsSUFBQSxrQkFBVSxFQUFDLHdCQUF3QixDQUFDLEVBQXBDLENBQW9DLENBQUM7QUFFakUsSUFBTSw4QkFBOEIsR0FBRyxVQUFDLFNBQWlCOztJQUN0RCxJQUFBLEtBQUEsT0FBK0Qsb0JBQW9CLEVBQUUsSUFBQSxFQUFwRixpQkFBaUIsUUFBQSxFQUFFLG9CQUFvQixRQUFBLEVBQUUsaUJBQWlCLFFBQTBCLENBQUM7SUFFNUYsSUFBTSxrQkFBa0IsR0FBRyxNQUFBLGlCQUFpQixDQUFDLElBQUksQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxFQUFFLEtBQUssU0FBUyxFQUFyQixDQUFxQixDQUFDLDBDQUFFLE9BQU8sQ0FBQztJQUM1RixJQUFNLFVBQVUsR0FBRyxPQUFPLGtCQUFrQixLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDO0lBRXBHLElBQU0sZ0JBQWdCLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ2pDLG9CQUFvQixDQUFDLFVBQUMsSUFBSSxJQUFLLDhDQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLEVBQUUsS0FBSyxTQUFTLEVBQWxCLENBQWtCLENBQUM7WUFDekMsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRTttQkFGWixDQUc5QixDQUFDLENBQUM7SUFDUCxDQUFDLEVBQUUsQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLG9CQUFvQixDQUFDLENBQUMsQ0FBQztJQUVsRCxPQUFPLENBQUMsVUFBVSxFQUFFLGdCQUFnQixDQUFVLENBQUM7QUFDbkQsQ0FBQyxDQUFDO0FBZFcsUUFBQSw4QkFBOEIsa0NBY3pDO0FBRUssSUFBTSw0QkFBNEIsR0FBRztJQUNsQyxJQUFBLEtBQUEsT0FBbUQsb0JBQW9CLEVBQUUsSUFBQSxFQUF0RSxvQkFBb0IsUUFBQSxFQUFJLG9CQUFvQixRQUEwQixDQUFDO0lBRWhGLE9BQU8sSUFBQSxtQkFBVyxFQUNkLFVBQUMsT0FBZ0I7UUFDYixvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM5QixvQkFBb0IsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSx1QkFBTSxDQUFDLEtBQUUsT0FBTyxTQUFBLElBQUcsRUFBbkIsQ0FBbUIsQ0FBQyxFQUFwQyxDQUFvQyxDQUFDLENBQUM7SUFDekUsQ0FBQyxFQUNELENBQUMsb0JBQW9CLEVBQUUsb0JBQW9CLENBQUMsQ0FDL0MsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVZXLFFBQUEsNEJBQTRCLGdDQVV2QztBQUVLLElBQU0seUJBQXlCLEdBQTBCLFVBQUMsS0FBSztJQUM1RCxJQUFBLEtBQUEsT0FBNEMsSUFBQSxnQkFBUSxFQUFDLElBQUksQ0FBQyxJQUFBLEVBQXpELGlCQUFpQixRQUFBLEVBQUUsb0JBQW9CLFFBQWtCLENBQUM7SUFDM0QsSUFBQSxLQUFBLE9BQTRDLElBQUEsZ0JBQVEsRUFBbUIsRUFBRSxDQUFDLElBQUEsRUFBekUsaUJBQWlCLFFBQUEsRUFBRSxvQkFBb0IsUUFBa0MsQ0FBQztJQUVqRixPQUFPLENBQ0gsOEJBQUMsd0JBQXdCLENBQUMsUUFBUSxJQUM5QixLQUFLLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxvQkFBb0IsRUFBRSxpQkFBaUIsRUFBRSxvQkFBb0IsQ0FBQyxJQUV4RixLQUFLLENBQUMsUUFBUSxDQUNpQixDQUN2QyxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWFcsUUFBQSx5QkFBeUIsNkJBV3BDIn0=
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { DragEndEvent, DragStartEvent } from "@dnd-kit/core";
|
2
|
+
type Props = {
|
3
|
+
fields: any[];
|
4
|
+
handleDragEnd: (activeIndex: number, overIndex: number) => void;
|
5
|
+
};
|
6
|
+
export declare const useSortable: ({ fields, handleDragEnd }: Props) => {
|
7
|
+
memoizedSensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
|
8
|
+
dropAnimationConfig: import("@dnd-kit/core/dist/components/DragOverlay/hooks/useDropAnimation").DropAnimationOptions;
|
9
|
+
itemsIds: any[];
|
10
|
+
activeItem: any;
|
11
|
+
onDragStart: ({ active }: DragStartEvent) => void;
|
12
|
+
onDragEnd: ({ active, over }: DragEndEvent) => void;
|
13
|
+
onDragCancel: () => void;
|
14
|
+
};
|
15
|
+
export {};
|
@@ -0,0 +1,83 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __read = (this && this.__read) || function (o, n) {
|
3
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
4
|
+
if (!m) return o;
|
5
|
+
var i = m.call(o), r, ar = [], e;
|
6
|
+
try {
|
7
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
8
|
+
}
|
9
|
+
catch (error) { e = { error: error }; }
|
10
|
+
finally {
|
11
|
+
try {
|
12
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
13
|
+
}
|
14
|
+
finally { if (e) throw e.error; }
|
15
|
+
}
|
16
|
+
return ar;
|
17
|
+
};
|
18
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
19
|
+
exports.useSortable = void 0;
|
20
|
+
var react_1 = require("react");
|
21
|
+
var core_1 = require("@dnd-kit/core");
|
22
|
+
var sortable_1 = require("@dnd-kit/sortable");
|
23
|
+
var useSortable = function (_a) {
|
24
|
+
var fields = _a.fields, handleDragEnd = _a.handleDragEnd;
|
25
|
+
var _b = __read((0, react_1.useState)(fields), 2), sortableItems = _b[0], setSortableItems = _b[1];
|
26
|
+
var _c = __read((0, react_1.useState)(null), 2), activeElement = _c[0], setActiveElement = _c[1];
|
27
|
+
var activeItem = (0, react_1.useMemo)(function () { return sortableItems.find(function (item) { return item.id === (activeElement === null || activeElement === void 0 ? void 0 : activeElement.id); }); }, [activeElement, sortableItems]);
|
28
|
+
var sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
|
29
|
+
coordinateGetter: sortable_1.sortableKeyboardCoordinates,
|
30
|
+
}));
|
31
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
32
|
+
var memoizedSensors = (0, react_1.useMemo)(function () { return sensors; }, []);
|
33
|
+
var idsStringified = JSON.stringify(sortableItems.map(function (i) { return i.id; }));
|
34
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
35
|
+
var itemsIds = (0, react_1.useMemo)(function () { return sortableItems.map(function (i) { return i.id; }); }, [idsStringified]);
|
36
|
+
(0, react_1.useEffect)(function () {
|
37
|
+
setSortableItems(fields);
|
38
|
+
}, [fields]);
|
39
|
+
var dropAnimationConfig = {
|
40
|
+
sideEffects: (0, core_1.defaultDropAnimationSideEffects)({
|
41
|
+
styles: {
|
42
|
+
active: {
|
43
|
+
opacity: "0.4",
|
44
|
+
},
|
45
|
+
},
|
46
|
+
}),
|
47
|
+
};
|
48
|
+
var onDragStart = (0, react_1.useCallback)(function (_a) {
|
49
|
+
var active = _a.active;
|
50
|
+
setActiveElement(active);
|
51
|
+
}, [setActiveElement]);
|
52
|
+
var onDragEnd = (0, react_1.useCallback)(function (_a) {
|
53
|
+
var active = _a.active, over = _a.over;
|
54
|
+
if (over && active.id !== over.id) {
|
55
|
+
var activeIndex = sortableItems.findIndex(function (_a) {
|
56
|
+
var id = _a.id;
|
57
|
+
return id === active.id;
|
58
|
+
});
|
59
|
+
var overIndex = sortableItems.findIndex(function (_a) {
|
60
|
+
var id = _a.id;
|
61
|
+
return id === over.id;
|
62
|
+
});
|
63
|
+
var resorted = (0, sortable_1.arrayMove)(sortableItems, activeIndex, overIndex);
|
64
|
+
handleDragEnd(activeIndex, overIndex);
|
65
|
+
setSortableItems(resorted);
|
66
|
+
}
|
67
|
+
setActiveElement(null);
|
68
|
+
}, [setActiveElement, setSortableItems, handleDragEnd, sortableItems]);
|
69
|
+
var onDragCancel = (0, react_1.useCallback)(function () {
|
70
|
+
setActiveElement(null);
|
71
|
+
}, [setActiveElement]);
|
72
|
+
return {
|
73
|
+
memoizedSensors: memoizedSensors,
|
74
|
+
dropAnimationConfig: dropAnimationConfig,
|
75
|
+
itemsIds: itemsIds,
|
76
|
+
activeItem: activeItem,
|
77
|
+
onDragStart: onDragStart,
|
78
|
+
onDragEnd: onDragEnd,
|
79
|
+
onDragCancel: onDragCancel,
|
80
|
+
};
|
81
|
+
};
|
82
|
+
exports.useSortable = useSortable;
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXNvcnRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9ob29rcy91c2Utc29ydGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQkFBa0U7QUFDbEUsc0NBVXVCO0FBQ3ZCLDhDQUEyRTtBQU9wRSxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQWdDO1FBQTlCLE1BQU0sWUFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDekMsSUFBQSxLQUFBLE9BQW9DLElBQUEsZ0JBQVEsRUFBQyxNQUFNLENBQUMsSUFBQSxFQUFuRCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBb0IsQ0FBQztJQUNyRCxJQUFBLEtBQUEsT0FBb0MsSUFBQSxnQkFBUSxFQUFnQixJQUFJLENBQUMsSUFBQSxFQUFoRSxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBaUMsQ0FBQztJQUN4RSxJQUFNLFVBQVUsR0FBRyxJQUFBLGVBQU8sRUFDdEIsY0FBTSxPQUFBLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxJQUFJLENBQUMsRUFBRSxNQUFLLGFBQWEsYUFBYixhQUFhLHVCQUFiLGFBQWEsQ0FBRSxFQUFFLENBQUEsRUFBN0IsQ0FBNkIsQ0FBQyxFQUEzRCxDQUEyRCxFQUNqRSxDQUFDLGFBQWEsRUFBRSxhQUFhLENBQUMsQ0FDakMsQ0FBQztJQUVGLElBQU0sT0FBTyxHQUFHLElBQUEsaUJBQVUsRUFDdEIsSUFBQSxnQkFBUyxFQUFDLG9CQUFhLENBQUMsRUFDeEIsSUFBQSxnQkFBUyxFQUFDLHFCQUFjLEVBQUU7UUFDdEIsZ0JBQWdCLEVBQUUsc0NBQTJCO0tBQ2hELENBQUMsQ0FDTCxDQUFDO0lBRUYsdURBQXVEO0lBQ3ZELElBQU0sZUFBZSxHQUFHLElBQUEsZUFBTyxFQUFDLGNBQU0sT0FBQSxPQUFPLEVBQVAsQ0FBTyxFQUFFLEVB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
|
@@ -5,6 +5,8 @@ import { Control, ControllerRenderProps } from "react-hook-form";
|
|
5
5
|
import { SelectProps } from "@uxf/form/select";
|
6
6
|
export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
|
7
7
|
export interface ContentProps {
|
8
|
+
title: ReactNode;
|
9
|
+
id: string;
|
8
10
|
name: string;
|
9
11
|
index: number;
|
10
12
|
onRemove: () => void;
|
@@ -35,6 +35,7 @@ var on_upload_dropzone_file_1 = require("../../forms/utils/on-upload-dropzone-fi
|
|
35
35
|
var number_input_1 = require("@uxf/form/number-input");
|
36
36
|
var time_picker_input_1 = require("@uxf/form/time-picker-input");
|
37
37
|
var datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
|
38
|
+
var content_1 = require("./field/content");
|
38
39
|
// eslint-disable-next-line complexity
|
39
40
|
var BaseField = function (props) {
|
40
41
|
var fieldSchema = props.fieldSchema, entityAlias = props.entityAlias, isEditing = props.isEditing, _a = props.prefix, prefix = _a === void 0 ? "" : _a, control = props.control;
|
@@ -51,8 +52,7 @@ var BaseField = function (props) {
|
|
51
52
|
case "enum":
|
52
53
|
return (react_1.default.createElement(select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
|
53
54
|
case "content":
|
54
|
-
|
55
|
-
return react_1.default.createElement(react_1.default.Fragment, null, "TODO @honisek Content");
|
55
|
+
return react_1.default.createElement(content_1.Content, __assign({}, props));
|
56
56
|
case "boolean":
|
57
57
|
return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
|
58
58
|
case "date":
|
@@ -96,4 +96,4 @@ var BaseField = function (props) {
|
|
96
96
|
}
|
97
97
|
};
|
98
98
|
exports.BaseField = BaseField;
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9mb3JtLXBhZ2UvYmFzZS1maWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsaUNBQXlDO0FBRXpDLDJDQUEwQztBQUMxQywyREFBeUQ7QUFDekQsbURBQWlEO0FBQ2pELCtDQUE4QztBQUM5QyxpRUFBOEQ7QUFDOUQsMkNBQTJDO0FBQzNDLDZDQUEyQztBQUMzQywrQ0FBOEM7QUFDOUMsMkRBQXlEO0FBQ3pELG1EQUFpRDtBQUNqRCxvRUFBa0U7QUFDbEUsbUVBQWdFO0FBQ2hFLGtFQUFnRTtBQUNoRSx1Q0FBc0M7QUFDdEMscUZBQWlGO0FBQ2pGLHVEQUFxRDtBQUNyRCxpRUFBOEQ7QUFDOUQseUVBQXNFO0FBQ3RFLDJDQUEwQztBQUUxQyxzQ0FBc0M7QUFDL0IsSUFBTSxTQUFTLEdBQW1CLFVBQUMsS0FBSztJQUNuQyxJQUFBLFdBQVcsR0FBbUQsS0FBSyxZQUF4RCxFQUFFLFdBQVcsR0FBc0MsS0FBSyxZQUEzQyxFQUFFLFNBQVMsR0FBMkIsS0FBSyxVQUFoQyxFQUFFLEtBQXlCLEtBQUssT0FBbkIsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUVwRSxJQUFBLFFBQVEsR0FBMkMsV0FBVyxTQUF0RCxFQUFFLEtBQUssR0FBb0MsV0FBVyxNQUEvQyxFQUFFLElBQUksR0FBOEIsV0FBVyxLQUF6QyxFQUFFLFFBQVEsR0FBb0IsV0FBVyxTQUEvQixFQUFFLElBQUksR0FBYyxXQUFXLEtBQXpCLEVBQUUsT0FBTyxHQUFLLFdBQVcsUUFBaEIsQ0FBaUI7SUFDdkUsSUFBTSxTQUFTLEdBQUcsVUFBRyxNQUFNLFNBQUcsSUFBSSxDQUFFLENBQUM7SUFFckMsSUFBTSxRQUFRLEdBQUcsUUFBUSxJQUFJLENBQUMsU0FBUyxJQUFJ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
|
@@ -124,6 +124,7 @@ var get_initial_props_helper_1 = require("./get-initial-props-helper");
|
|
124
124
|
var use_hidden_columns_1 = require("./use-hidden-columns");
|
125
125
|
var config_1 = require("../../config");
|
126
126
|
var icon_1 = require("@uxf/ui/icon");
|
127
|
+
var context_1 = require("@uxf/ui/context");
|
127
128
|
var axiosRequest = (0, api_2.createAxiosInstance)().axiosRequest;
|
128
129
|
var dataGridLoader = function (gridName, request) {
|
129
130
|
return axiosRequest(null, "/api/cms/datagrid/".concat(gridName), "get", null, request).then(function (r) { return r.data; });
|
@@ -131,11 +132,12 @@ var dataGridLoader = function (gridName, request) {
|
|
131
132
|
exports.dataGridLoader = dataGridLoader;
|
132
133
|
var DefaultLayout = function (props) { return react_1.default.createElement("div", __assign({}, props)); };
|
133
134
|
var GridPageComponent = function (props) {
|
134
|
-
var _a;
|
135
|
-
var
|
135
|
+
var _a, _b;
|
136
|
+
var _c = props.ui, ui = _c === void 0 ? {} : _c, metaSchema = props.metaSchema, entityAlias = props.entityAlias, gridSchema = props.gridSchema, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onOpen = props.onOpen, onAdd = props.onAdd, onEdit = props.onEdit, onRemove = props.onRemove, query = props.query, initialHiddenColumns = props.initialHiddenColumns, loader = props.loader, title = props.title, rowHeight = props.rowHeight, defaultConfig = props.defaultConfig, _d = props.AddIcon, AddIcon = _d === void 0 ? react_1.default.createElement(icon_1.Icon, { name: "plus" }) : _d, _e = props.onAddTitle, onAddTitle = _e === void 0 ? "Přidat záznam" : _e, selectable = props.selectable, _f = props.customActions, customActions = _f === void 0 ? [] : _f;
|
136
137
|
var hiddenColumnProps = (0, use_hidden_columns_1.useHiddenColumns)(entityAlias, initialHiddenColumns);
|
137
|
-
var
|
138
|
-
var
|
138
|
+
var _g = __read((0, react_1.useState)(new Set()), 2), selectedRows = _g[0], setSelectedRows = _g[1];
|
139
|
+
var _h = ui.Layout, Layout = _h === void 0 ? DefaultLayout : _h, dataGridUi = __rest(ui, ["Layout"]);
|
140
|
+
var uiContextValues = (0, react_1.useContext)(context_1.UiContext);
|
139
141
|
var universalLoader = (0, react_1.useCallback)(function (gridName, request, encodedRequest) {
|
140
142
|
var _a, _b;
|
141
143
|
var response = (0, exports.dataGridLoader)(gridName !== null && gridName !== void 0 ? gridName : "", request);
|
@@ -163,7 +165,7 @@ var GridPageComponent = function (props) {
|
|
163
165
|
], false).filter(Boolean);
|
164
166
|
return (react_1.default.createElement(Layout, { key: entityAlias, title: (_a = title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title) !== null && _a !== void 0 ? _a : "" },
|
165
167
|
react_1.default.createElement("div", { className: "mb-10" },
|
166
|
-
react_1.default.createElement(tailwindui_1.DataGrid, __assign({ noBorder: true, callbackRef: callbackRef, schema: gridSchema, initialState: query.filter ? (0, router_1.queryParamToString)(query.filter) : undefined, title: title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title, gridName: entityAlias, loader: loader !== null && loader !== void 0 ? loader : universalLoader }, hiddenColumnProps, { onOpen: onOpen && (function (row) { return onOpen(entityAlias, row, actionsBag); }), getOpenUrl: getOpenUrl && (function (row) { return getOpenUrl(entityAlias, row); }), onEdit: onEdit && (function (row) { return onEdit(entityAlias, row, actionsBag); }), getEditUrl: getEditUrl && (function (row) { return getEditUrl(entityAlias, row); }), onRemove: onRemove && (function (row) { return onRemove(entityAlias, row, actionsBag); }), rowHeight: rowHeight, defaultConfig: defaultConfig, ui: dataGridUi, selectedRows: selectable ? selectedRows : undefined, onChangeSelectedRows: selectable ? setSelectedRows : undefined, customActions: cActions, mode: "light" })))));
|
168
|
+
react_1.default.createElement(tailwindui_1.DataGrid, __assign({ noBorder: true, callbackRef: callbackRef, schema: gridSchema, initialState: query.filter ? (0, router_1.queryParamToString)(query.filter) : undefined, title: title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title, gridName: entityAlias, loader: loader !== null && loader !== void 0 ? loader : universalLoader }, hiddenColumnProps, { onOpen: onOpen && (function (row) { return onOpen(entityAlias, row, actionsBag); }), getOpenUrl: getOpenUrl && (function (row) { return getOpenUrl(entityAlias, row); }), onEdit: onEdit && (function (row) { return onEdit(entityAlias, row, actionsBag); }), getEditUrl: getEditUrl && (function (row) { return getEditUrl(entityAlias, row); }), onRemove: onRemove && (function (row) { return onRemove(entityAlias, row, actionsBag); }), rowHeight: rowHeight, defaultConfig: defaultConfig, ui: dataGridUi, selectedRows: selectable ? selectedRows : undefined, onChangeSelectedRows: selectable ? setSelectedRows : undefined, customActions: cActions, mode: (_b = uiContextValues === null || uiContextValues === void 0 ? void 0 : uiContextValues.colorScheme.getUserSettings()) !== null && _b !== void 0 ? _b : "light" })))));
|
167
169
|
};
|
168
170
|
GridPageComponent.displayName = "GridPageComponent";
|
169
171
|
var GridPage = function (config) {
|
@@ -205,4 +207,4 @@ var GridPage = function (config) {
|
|
205
207
|
return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
|
206
208
|
};
|
207
209
|
exports.GridPage = GridPage;
|
208
|
-
//# sourceMappingURL=data:application/json;base64,
|
210
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1wYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL2dyaWQtcGFnZS9ncmlkLXBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx3REFBcUQ7QUFDckQsNENBQTJFO0FBQzNFLHNDQUFpRDtBQUVqRCx1REFBaUM7QUFDakMseUJBQStCO0FBQy9CLDZDQUE4RTtBQUM5RSwyQkFBd0M7QUFDeEMsaUNBQTBDO0FBQzFDLDRFQUEwRTtBQUMxRSxxQ0FBb0Q7QUFDcEQsdUVBQXdGO0FBRXhGLDJEQUF3RDtBQUN4RCx1Q0FBeUM7QUFFekMscUNBQW9DO0FBQ3BDLDJDQUE0QztBQUVwQyxJQUFBLFlBQVksR0FBSyxJQUFBLHlCQUFtQixHQUFFLGFBQTFCLENBQTJCO0FBRXhDLElBQU0sY0FBYyxHQUFHLFVBQUMsUUFBZ0IsRUFBRSxPQUFnQjtJQUM3RCxPQUFPLFlBQVksQ0FBVyxJQUFJLEVBQUUsNEJBQXFCLFFBQVEsQ0FBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksRUFBTixDQUFNLENBQUMsQ0FBQztBQUNuSCxDQUFDLENBQUM7QUFGVyxRQUFBLGNBQWMsa0JBRXpCO0FBRUYsSUFBTSxhQUFhLEdBQW9CLFVBQUMsS0FBSyxJQUFLLE9BQUEsa0RBQVMsS0FBSyxFQUFJLEVBQWxCLENBQWtCLENBQUM7QUFFckUsSUFBTSxpQkFBaUIsR0FBK0IsVUFBQyxLQUFLOztJQUVwRCxJQUFBLEtBb0JBLEtBQUssR0FwQkUsRUFBUCxFQUFFLG1CQUFHLEVBQUUsS0FBQSxFQUNQLFVBQVUsR0FtQlYsS0FBSyxXQW5CSyxFQUNWLFdBQVcsR0FrQlgsS0FBSyxZQWxCTSxFQUNYLFVBQVUsR0FpQlYsS0FBSyxXQWpCSyxFQUNWLFVBQVUsR0FnQlYsS0FBSyxXQWhCSyxFQUNWLFVBQVUsR0FlVixLQUFLLFdBZkssRUFDVixNQUFNLEdBY04sS0FBSyxPQWRDLEVBQ04sS0FBSyxHQWFMLEtBQUssTUFiQSxFQUNMLE1BQU0sR0FZTixLQUFLLE9BWkMsRUFDTixRQUFRLEdBV1IsS0FBSyxTQVhHLEVBQ1IsS0FBSyxHQVVMLEtBQUssTUFWQSxFQUNMLG9CQUFvQixHQVNwQixLQUFLLHFCQVRlLEVBQ3BCLE1BQU0sR0FRTixLQUFLLE9BUkMsRUFDTixLQUFLLEdBT0wsS0FBSyxNQVBBLEVBQ0wsU0FBUyxHQU1ULEtBQUssVUFOSSxFQUNULGFBQWEsR0FLYixLQUFLLGNBTFEsRUFDYixLQUlBLEtBQUssUUFKeUIsRUFBOUIsT0FBTyxtQkFBRyw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLE1BQU0sR0FBRyxLQUFBLEVBQzlCLEtBR0EsS0FBSyxXQUh1QixFQUE1QixVQUFVLG1CQUFHLGVBQWUsS0FBQSxFQUM1QixVQUFVLEdBRVYsS0FBSyxXQUZLLEVBQ1YsS0FDQSxLQUFLLGNBRGEsRUFBbEIsYUFBYSxtQkFBRyxFQUFFLEtBQUEsQ0FDWjtJQUNWLElBQU0saUJBQWlCLEdBQUcsSUFBQSxxQ0FBZ0IsRUFBQyxXQUFXLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztJQUN4RSxJQUFBLEtBQUEsT0FBa0MsSUFBQSxnQkFBUSxFQUFjLElBQUksR0FBRyxFQUFFLENBQUMsSUFBQSxFQUFqRSxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQW9DLENBQUM7SUFDakUsSUFBQSxLQUEwQyxFQUFFLE9BQXRCLEVBQXRCLE1BQU0sbUJBQUcsYUFBYSxLQUFBLEVBQUssVUFBVSxVQUFLLEVBQUUsRUFBOUMsVUFBeUMsQ0FBRixDQUFRO0lBRXJELElBQU0sZUFBZSxHQUFHLElBQUEsa0JBQVUsRUFBQyxtQkFBUyxDQUFDLENBQUM7SUFFOUMsSUFBTSxlQUFlLEdBQUcsSUFBQSxtQkFBVyxFQUMvQixVQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsY0FBYzs7UUFDOUIsSUFBTSxRQUFRLEdBQUcsSUFBQSxzQkFBYyxFQUFDLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEVBQUUsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUV6RCxxQkFBcUI7UUFDckIsSUFBTSxRQUFRLHlCQUFRLEtBQUssS0FBRSxNQUFNLEVBQUUsY0FBYyxHQUFFLENBQUM7UUFFdEQsOERBQThEO1FBQzlELGdCQUFNLENBQUMsT0FBTyxDQUNWLFVBQUcsSUFBQSxXQUFRLEVBQUMsQ0FBQSxNQUFBLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSywwQ0FBRSxHQUFHLEtBQUksRUFBRSxDQUFDLENBQUMsUUFBUSxjQUFJLElBQUEsY0FBUyxFQUFDLFFBQVEsQ0FBQyxDQUFFLEVBQzlFLFVBQUcsSUFBQSxXQUFRLEVBQUMsQ0FBQSxNQUFBLE1BQU0sQ0FBQyxPQUFPLENBQUMsS0FBSywwQ0FBRSxFQUFFLEtBQUksRUFBRSxDQUFDLENBQUMsUUFBUSxjQUFJLElBQUEsY0FBUyxFQUFDLFFBQVEsQ0FBQyxDQUFFLEVBQzdFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUNwQixDQUFDO1FBRUYsT0FBTyxRQUFRLENBQUM7SUFDcEIsQ0FBQyxFQUNELENBQUMsS0FBSyxDQUFDLENBQ1YsQ0FBQztJQUVGLElBQU0sV0FBVyxHQUFHLElBQUEsMEJBQWMsR0FBRSxDQUFDO0lBRXJDLElBQU0sVUFBVSxHQUFHLElBQUEsZUFBTyxFQUN0QixjQUFNLE9BQUEsQ0FBQztRQUNILE1BQU0sRUFBRSxzQkFBTSxPQUFBLE1BQUEsV0FBVyxDQUFDLE9BQU8sMENBQUUsTUFBTSxFQUFFLENBQUEsRUFBQTtLQUM5QyxDQUFDLEVBRkksQ0FFSixFQUNGLENBQUMsV0FBVyxDQUFDLENBQ2hCLENBQUM7SUFFRixJQUFNLFFBQVEsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLFVBQVUsSUFBSSxVQUFVLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzlFLElBQU0sUUFBUSxHQUFHLHVDQUNWLGFBQWE7UUFDaEIsUUFBUTtZQUNKLENBQUMsQ0FBQztnQkFDSSxLQUFLLEVBQUUsQ0FDSDtvQkFDSyxPQUFPOztvQkFBUSxVQUFVLENBQzNCLENBQ047Z0JBQ0QsT0FBTyxFQUFFLGNBQU0sT0FBQSxLQUFLLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxFQUE5QixDQUE4QjthQUNoRDtZQUNILENBQUMsQ0FBQyxTQUFTO2NBQ2pCLE1BQU0sQ0FBQyxPQUFPLENBQW1DLENBQUM7SUFFcEQsT0FBTyxDQUNILDhCQUFDLE1BQU0sSUFBQyxHQUFHLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFBLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLFVBQVUsYUFBVixVQUFVLHVCQUFWLFVBQVUsQ0FBRSxLQUFLLG1DQUFJLEVBQUU7UUFDN0QsdUNBQUssU0FBUyxFQUFDLE9BQU87WUFDbEIsOEJBQUMscUJBQVEsYUFDTCxRQUFRLFFBQ1IsV0FBVyxFQUFFLFdBQVcsRUFDeEIsTUFBTSxFQUFFLFVBQVUsRUFDbEIsWUFBWSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUEsMkJBQWtCLEVBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3pFLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxVQUFVLGFBQVYsVUFBVSx1QkFBVixVQUFVLENBQUUsS0FBSyxFQUNqQyxRQUFRLEVBQUUsV0FBVyxFQUNyQixNQUFNLEVBQUUsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksZUFBZSxJQUM3QixpQkFBaUIsSUFDckIsTUFBTSxFQUFFLE1BQU0sSUFBSSxDQUFDLFVBQUMsR0FBRyxJQUFLLE9BQUEsTUFBTSxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsVUFBVSxDQUFDLEVBQXBDLENBQW9DLENBQUMsRUFDakUsVUFBVSxFQUFFLFVBQVUsSUFBSSxDQUFDLFVBQUMsR0FBRyxJQUFLLE9BQUEsVUFBVSxDQUFDLFdBQVcsRUFBRSxHQUFHLENBQUMsRUFBNUIsQ0FBNEIsQ0FBQyxFQUNqRSxNQUFNLEVBQUUsTUFBTSxJQUFJLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxNQUFNLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxVQUFVLENBQUMsRUFBcEMsQ0FBb0MsQ0FBQyxFQUNqRSxVQUFVLEVBQUUsVUFBVSxJQUFJLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxVQUFVLENBQUMsV0FBVyxFQUFFLEdBQUcsQ0FBQyxFQUE1QixDQUE0QixDQUFDLEVBQ2pFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FBQyxVQUFDLEdBQUcsSUFBSyxPQUFBLFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLFVBQVUsQ0FBQyxFQUF0QyxDQUFzQyxDQUFDLEVBQ3ZFLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLEVBQUUsRUFBRSxVQUFVLEVBQ2QsWUFBWSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ25ELG9CQUFvQixFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzlELGFBQWEsRUFBRSxRQUFRLEVBQ3ZCLElBQUksRUFBRSxNQUFBLGVBQWUsYUFBZixlQUFlLHVCQUFmLGVBQWUsQ0FBRSxXQUFXLENBQUMsZUFBZSxFQUFFLG1DQUFJLE9BQU8sSUFDakUsQ0FDQSxDQUNELENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVGLGlCQUFpQixDQUFDLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQztBQUU3QyxJQUFNLFFBQVEsR0FBRyxVQUFDLE1BQXNCO0lBQzNDLElBQU0sU0FBUyxHQUFrQixVQUFDLEtBQUs7UUFDbkMsT0FBTyxDQUNILDhCQUFDLGlCQUFpQixlQUNWLEtBQUssSUFDVCxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQ3JCLE1BQU0sRUFBRSxNQUFNLENBQUMsTUFBTSxFQUNyQixVQUFVLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDN0IsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxFQUN6QixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU0sRUFDckIsVUFBVSxFQUFFLE1BQU0sQ0FBQyxVQUFVLEVBQzdCLFNBQVMsRUFBRSxNQUFNLENBQUMsU0FBUyxFQUMzQixhQUFhLEVBQUUsTUFBTSxDQUFDLGFBQWEsRUFDbkMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQ3ZCLFVBQVUsRUFBRSxNQUFNLENBQUMsVUFBVSxFQUM3QixFQUFFLEVBQUUsTUFBTSxDQUFDLEVBQUUsRUFDYixVQUFVLEVBQUUsTUFBTSxDQUFDLFVBQVUsSUFDL0IsQ0FDTCxDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUYsU0FBUyxDQUFDLGVBQWUsR0FBRyxVQUFPLEdBQUc7Ozs7OztvQkFDNUIsV0FBVyxHQUFHLE9BQU8sTUFBTSxDQUFDLFdBQVcsS0FBSyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUM7eUJBQy9FLGtCQUFTLENBQUMsR0FBRyxDQUFDLG1CQUFtQixDQUFDLEVBQWxDLHdCQUFrQztvQkFDekQscUJBQU0sa0JBQVMsQ0FBQyxHQUFHLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxHQUFHLEVBQUUsOEJBQXVCLFdBQVcsQ0FBRSxFQUFFLEVBQUUsQ0FBQyxFQUFBOztvQkFBdkYsS0FBQSxTQUF1RixDQUFBOzt3QkFDdkYscUJBQU0sSUFBQSxtQkFBYSxFQUFXLEdBQUcsRUFBRSw4QkFBdUIsV0FBVyxDQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUE7O29CQUE1RSxLQUFBLFNBQTRFLENBQUE7OztvQkFGNUUsb0JBQW9CLEtBRXdEOzt3QkFHOUUsV0FBVyxhQUFBO3dCQUNYLG9CQUFvQixzQkFBQTt3QkFDcEIsS0FBSyxFQUFFLEdBQUcsQ0FBQyxLQUFLOztvQkFDSixxQkFBTSxJQUFBLCtDQUFvQixFQUFDLEdBQUcsRUFBRSxXQUFXLENBQUMsRUFBQTs7b0JBQXhELGFBQVUsR0FBRSxTQUE0QztvQkFDNUMscUJBQU0sSUFBQSwrQ0FBb0IsRUFBQyxHQUFHLEVBQUUsV0FBVyxDQUFDLEVBQUE7d0JBTDVELHVCQUtJLGFBQVUsR0FBRSxTQUE0Qzs2QkFDMUQ7OztTQUNMLENBQUM7SUFFRixPQUFPLElBQUEsb0NBQWdCLEVBQUMsRUFBRSxZQUFZLEVBQUUsTUFBTSxDQUFDLFlBQVksSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUMvRixDQUFDLENBQUM7QUF2Q1csUUFBQSxRQUFRLFlBdUNuQiJ9
|
package/ui/widget/widget.js
CHANGED
@@ -8,9 +8,9 @@ var paper_1 = require("@uxf/ui/paper/paper");
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
9
9
|
var Widget = function (props) {
|
10
10
|
var _a;
|
11
|
-
return (react_1.default.createElement(paper_1.Paper, { className: "".concat(props.footer ? "rounded-b-none" : "", " ").concat(props.withDividers ? "divide-y divide-lightBorder" : "", " ").concat((_a = props.className) !== null && _a !== void 0 ? _a : "") },
|
11
|
+
return (react_1.default.createElement(paper_1.Paper, { className: "dark:bg-gray-950 ".concat(props.footer ? "rounded-b-none" : "", " ").concat(props.withDividers ? "divide-y divide-lightBorder dark:divide-darkBorder" : "", " ").concat((_a = props.className) !== null && _a !== void 0 ? _a : "") },
|
12
12
|
props.children,
|
13
|
-
props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3" }, props.footer)));
|
13
|
+
props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3 dark:bg-gray-800" }, props.footer)));
|
14
14
|
};
|
15
15
|
exports.Widget = Widget;
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL3dpZGdldC93aWRnZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDZDQUE0QztBQUM1QyxnREFBcUQ7QUFHOUMsSUFBTSxNQUFNLEdBQXVDLFVBQUMsS0FBSzs7SUFDNUQsT0FBTyxDQUNILDhCQUFDLGFBQUssSUFDRixTQUFTLEVBQUUsMkJBQW9CLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQy9ELEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLG9EQUFvRCxDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQzlFLE1BQUEsS0FBSyxDQUFDLFNBQVMsbUNBQUksRUFBRSxDQUFFO1FBRTFCLEtBQUssQ0FBQyxRQUFRO1FBQ2QsS0FBSyxDQUFDLE1BQU0sSUFBSSx1Q0FBSyxTQUFTLEVBQUMsdUNBQXVDLElBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBTyxDQUN4RixDQUNYLENBQUM7QUFDTixDQUFDLENBQUM7QUFYVyxRQUFBLE1BQU0sVUFXakIifQ==
|
package/utils/icons.config.js
CHANGED
@@ -8,6 +8,21 @@ module.exports = {
|
|
8
8
|
height: 512,
|
9
9
|
data: `<path fill="currentColor" d="m89.45 87.5 143.1 152a23.94 23.94 0 0 1 6.562 16.5 23.96 23.96 0 0 1-6.562 16.5l-143.1 152c-9.12 9.6-24.31 10-33.93.9-9.688-9.125-10.03-24.38-.938-33.94l128.4-135.5-128.4-135.5c-9.092-9.56-8.752-24.71.938-33.9 9.62-9.09 24.81-8.69 33.93.94z"/>`,
|
10
10
|
},
|
11
|
+
"arrow-down-from-line": {
|
12
|
+
width: 384,
|
13
|
+
height: 512,
|
14
|
+
data: `<path fill="currentColor" d="M174.5 472.4c4.5 4.8 10.9 7.6 17.5 7.6s12.9-2.7 17.5-7.6l128-136c9.1-9.7 8.6-24.8-1-33.9s-24.8-8.6-33.9 1L216 395.5l0-83.5 0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128 0 83.5L81.5 303.6c-9.1-9.7-24.3-10.1-33.9-1s-10.1 24.3-1 33.9l128 136zM360 80c13.3 0 24-10.7 24-24s-10.7-24-24-24L24 32C10.7 32 0 42.7 0 56S10.7 80 24 80l336 0z"/>`,
|
15
|
+
},
|
16
|
+
"arrow-up-to-line": {
|
17
|
+
width: 384,
|
18
|
+
height: 512,
|
19
|
+
data: `<path fill="currentColor" d="M24 32C10.7 32 0 42.7 0 56S10.7 80 24 80H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H24zM209.5 167.6c-4.5-4.8-10.9-7.6-17.5-7.6s-12.9 2.7-17.5 7.6l-128 136c-9.1 9.7-8.6 24.8 1 33.9s24.8 8.6 33.9-1L168 244.5V328 456c0 13.3 10.7 24 24 24s24-10.7 24-24V328 244.5l86.5 91.9c9.1 9.7 24.3 10.1 33.9 1s10.1-24.3 1-33.9l-128-136z"/>`,
|
20
|
+
},
|
21
|
+
"grip-dots-vertical": {
|
22
|
+
width: 256,
|
23
|
+
height: 512,
|
24
|
+
data: `<path fill="currentColor" d="M64 128a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm0 160a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM96 416a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96-288a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm32 128a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM192 448a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/>`,
|
25
|
+
},
|
11
26
|
key: {
|
12
27
|
width: 512,
|
13
28
|
height: 512,
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function useViewportHeight(scrollLock?: boolean): string | number;
|
@@ -0,0 +1,46 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __read = (this && this.__read) || function (o, n) {
|
3
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
4
|
+
if (!m) return o;
|
5
|
+
var i = m.call(o), r, ar = [], e;
|
6
|
+
try {
|
7
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
8
|
+
}
|
9
|
+
catch (error) { e = { error: error }; }
|
10
|
+
finally {
|
11
|
+
try {
|
12
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
13
|
+
}
|
14
|
+
finally { if (e) throw e.error; }
|
15
|
+
}
|
16
|
+
return ar;
|
17
|
+
};
|
18
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
19
|
+
exports.useViewportHeight = void 0;
|
20
|
+
var react_1 = require("react");
|
21
|
+
function getHeight() {
|
22
|
+
var _a, _b;
|
23
|
+
if (typeof window === "undefined") {
|
24
|
+
return "100vh";
|
25
|
+
}
|
26
|
+
return (_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : "100vh";
|
27
|
+
}
|
28
|
+
function useViewportHeight(scrollLock) {
|
29
|
+
var _a = __read((0, react_1.useState)(function () { return getHeight(); }), 2), height = _a[0], setHeight = _a[1];
|
30
|
+
(0, react_1.useEffect)(function () {
|
31
|
+
if (scrollLock) {
|
32
|
+
document.body.classList.add("xl:overflow-hidden");
|
33
|
+
}
|
34
|
+
var handler = function () { return setHeight(getHeight()); };
|
35
|
+
window.addEventListener("resize", handler);
|
36
|
+
return function () {
|
37
|
+
if (scrollLock) {
|
38
|
+
document.body.classList.remove("xl:overflow-hidden");
|
39
|
+
}
|
40
|
+
window.removeEventListener("resize", handler);
|
41
|
+
};
|
42
|
+
}, [scrollLock]);
|
43
|
+
return height;
|
44
|
+
}
|
45
|
+
exports.useViewportHeight = useViewportHeight;
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXZpZXdwb3J0LWhlaWdodC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy91c2Utdmlld3BvcnQtaGVpZ2h0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQkFBNEM7QUFFNUMsU0FBUyxTQUFTOztJQUNkLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxFQUFFO1FBQy9CLE9BQU8sT0FBTyxDQUFDO0tBQ2xCO0lBRUQsT0FBTyxNQUFBLE1BQUEsTUFBTSxDQUFDLGNBQWMsMENBQUUsTUFBTSxtQ0FBSSxPQUFPLENBQUM7QUFDcEQsQ0FBQztBQUVELFNBQWdCLGlCQUFpQixDQUFDLFVBQW9CO0lBQzVDLElBQUEsS0FBQSxPQUFzQixJQUFBLGdCQUFRLEVBQUMsY0FBTSxPQUFBLFNBQVMsRUFBRSxFQUFYLENBQVcsQ0FBQyxJQUFBLEVBQWhELE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBK0IsQ0FBQztJQUV4RCxJQUFBLGlCQUFTLEVBQUM7UUFDTixJQUFJLFVBQVUsRUFBRTtZQUNaLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1NBQ3JEO1FBRUQsSUFBTSxPQUFPLEdBQUcsY0FBTSxPQUFBLFNBQVMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxFQUF0QixDQUFzQixDQUFDO1FBRTdDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFFM0MsT0FBTztZQUNILElBQUksVUFBVSxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO2FBQ3hEO1lBQ0QsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNsRCxDQUFDLENBQUM7SUFDTixDQUFDLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRWpCLE9BQU8sTUFBTSxDQUFDO0FBQ2xCLENBQUM7QUFyQkQsOENBcUJDIn0=
|