@uxf/cms 6.0.0-beta.1 → 6.0.0-beta.10
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/README.md +9 -6
- package/config/Container.js +1 -3
- package/config/icons-config.d.ts +2 -0
- package/config/icons-config.js +6 -0
- package/config/icons.d.ts +87 -0
- package/config/icons.js +23 -0
- package/forms/ChangePasswordForm/ChangePasswordForm.d.ts +3 -0
- package/forms/ChangePasswordForm/ChangePasswordForm.js +30 -0
- package/forms/ChangePasswordForm/index.d.ts +2 -0
- package/{lib/FlashMessages → forms/ChangePasswordForm}/index.js +3 -3
- package/forms/ChangePasswordForm/types.d.ts +7 -0
- package/forms/ChangePasswordForm/types.js +3 -0
- package/forms/ForgottenPasswordForm/ForgottenPasswordForm.js +10 -12
- package/forms/ForgottenPasswordForm/types.d.ts +2 -2
- package/forms/InviteUserForm/InviteUserForm.d.ts +3 -0
- package/forms/InviteUserForm/InviteUserForm.js +32 -0
- package/forms/InviteUserForm/index.d.ts +2 -0
- package/{ui/Label → forms/InviteUserForm}/index.js +2 -2
- package/forms/InviteUserForm/types.d.ts +8 -0
- package/{lib/FlashMessages → forms/InviteUserForm}/types.js +1 -1
- package/forms/LoginForm/LoginForm.d.ts +2 -2
- package/forms/LoginForm/LoginForm.js +11 -22
- package/forms/LoginForm/types.d.ts +2 -2
- package/forms/RenewPasswordForm/RenewPasswordForm.js +8 -23
- package/forms/RenewPasswordForm/types.d.ts +2 -2
- package/forms/components/DropZone/DropZone.js +6 -6
- package/lib/CmsProvider/CmsProvider.js +1 -1
- package/lib/Layout/Breadcrumbs.d.ts +9 -0
- package/lib/Layout/Breadcrumbs.js +20 -0
- package/lib/Layout/Layout.js +17 -22
- package/lib/Layout/Sidebar.js +13 -29
- package/lib/Layout/index.d.ts +1 -0
- package/lib/Layout/index.js +2 -1
- package/lib/Layout/styles.d.ts +1 -6
- package/lib/Layout/styles.js +3 -15
- package/lib/Layout/types.d.ts +4 -2
- package/lib/LoginLayout/LoginLayout.d.ts +2 -2
- package/lib/LoginLayout/LoginLayout.js +8 -13
- package/lib/LoginLayout/types.d.ts +1 -0
- package/lib/Menu/factory.d.ts +8 -6
- package/lib/Menu/factory.js +14 -6
- package/lib/Menu/model.d.ts +13 -6
- package/lib/Menu/model.js +23 -4
- package/lib/Menu/ui/Menu.js +26 -6
- package/lib/Menu/ui/MenuCustomItem.d.ts +6 -0
- package/lib/Menu/ui/MenuCustomItem.js +19 -0
- package/lib/Menu/ui/MenuItem.js +7 -81
- package/lib/Menu/ui/MenuSuperSectionItem.d.ts +6 -0
- package/lib/Menu/ui/MenuSuperSectionItem.js +38 -0
- package/lib/api/createAxiosRequest.js +23 -21
- package/package.json +46 -18
- package/pages/ChangePasswordPage/ChangePasswordPage.d.ts +2 -0
- package/pages/ChangePasswordPage/ChangePasswordPage.js +98 -0
- package/pages/ChangePasswordPage/index.d.ts +2 -0
- package/pages/ChangePasswordPage/index.js +15 -0
- package/pages/ChangePasswordPage/types.d.ts +8 -0
- package/pages/ChangePasswordPage/types.js +3 -0
- package/pages/ContentBuilder/ContentHeader.js +1 -1
- package/pages/ContentBuilder/components/FormContent.js +1 -1
- package/pages/ContentBuilder/content/FeatureSection.js +3 -3
- package/pages/ContentBuilder/content/HeroSection.js +1 -1
- package/pages/ContentBuilder/content/People.js +2 -2
- package/pages/ForgottenPasswordPage/ForgottenPasswordPage.js +2 -2
- package/pages/FormPage/BaseField.js +1 -1
- package/pages/InviteUserPage/InviteUserPage.d.ts +2 -0
- package/pages/InviteUserPage/InviteUserPage.js +99 -0
- package/pages/InviteUserPage/index.d.ts +2 -0
- package/pages/InviteUserPage/index.js +15 -0
- package/pages/InviteUserPage/types.d.ts +9 -0
- package/{ui/Label → pages/InviteUserPage}/types.js +1 -1
- package/pages/LoginPage/LoginPage.js +3 -3
- package/pages/LoginPage/types.d.ts +1 -0
- package/pages/RenewPasswordPage/RenewPasswordPage.js +1 -1
- package/ui/Autocomplete/Autocomplete.js +2 -2
- package/ui/AutocompleteMultiple/AutocompleteMultiple.js +2 -2
- package/ui/CopyToClipboardButton/CopyToClipboardButton.js +2 -2
- package/ui/ListItem/ListItem.js +7 -10
- package/ui/ListItem/types.d.ts +5 -7
- package/ui/index.d.ts +1 -0
- package/ui/index.js +7 -0
- package/ui/tw-tokens/tw-box-shadow.d.ts +12 -0
- package/ui/tw-tokens/tw-box-shadow.js +16 -0
- package/ui/tw-tokens/tw-colors.d.ts +335 -0
- package/ui/tw-tokens/tw-colors.js +335 -0
- package/ui/tw-tokens/tw-containers.d.ts +8 -0
- package/ui/tw-tokens/tw-containers.js +12 -0
- package/ui/tw-tokens/tw-font-size.d.ts +55 -0
- package/ui/tw-tokens/tw-font-size.js +33 -0
- package/ui/tw-tokens/tw-font-weight.d.ts +12 -0
- package/ui/tw-tokens/tw-font-weight.js +16 -0
- package/ui/tw-tokens/tw-line-height.d.ts +17 -0
- package/ui/tw-tokens/tw-line-height.js +21 -0
- package/ui/tw-tokens/tw-screens.d.ts +8 -0
- package/ui/tw-tokens/tw-screens.js +12 -0
- package/ui/tw-tokens/tw-spacing.d.ts +39 -0
- package/ui/tw-tokens/tw-spacing.js +43 -0
- package/ui/tw-tokens/tw-z-index.d.ts +19 -0
- package/ui/tw-tokens/tw-z-index.js +23 -0
- package/utils/composeValidators.js +1 -1
- package/utils/icons.config.js +9 -0
- package/utils/tailwind.config.js +19 -0
- package/lib/FlashMessages/FlashMessage.d.ts +0 -3
- package/lib/FlashMessages/FlashMessage.js +0 -66
- package/lib/FlashMessages/FlashMessagesContainer.d.ts +0 -9
- package/lib/FlashMessages/FlashMessagesContainer.js +0 -107
- package/lib/FlashMessages/FlashMessagesContainerInstance.d.ts +0 -2
- package/lib/FlashMessages/FlashMessagesContainerInstance.js +0 -12
- package/lib/FlashMessages/index.d.ts +0 -2
- package/lib/FlashMessages/styles.d.ts +0 -9
- package/lib/FlashMessages/styles.js +0 -36
- package/lib/FlashMessages/types.d.ts +0 -23
- package/lib/Layout/AppBar.d.ts +0 -3
- package/lib/Layout/AppBar.js +0 -39
- package/lib/LoginLayout/styles.d.ts +0 -13
- package/lib/LoginLayout/styles.js +0 -57
- package/services/FlashMessagesService.d.ts +0 -14
- package/services/FlashMessagesService.js +0 -42
- package/ui/Label/Label.d.ts +0 -3
- package/ui/Label/Label.js +0 -36
- package/ui/Label/index.d.ts +0 -2
- package/ui/Label/styles.d.ts +0 -1
- package/ui/Label/styles.js +0 -54
- package/ui/Label/types.d.ts +0 -12
- package/utils/cookie.d.ts +0 -9
- package/utils/cookie.js +0 -80
package/README.md
CHANGED
@@ -8,7 +8,7 @@
|
|
8
8
|
|
9
9
|
## Changelog
|
10
10
|
- **v4** - přidání tailwindu
|
11
|
-
- **v5** - závislost na @uxf/router v3 (nepředává se do containeru celý router ale pouze funkce `route` a `useActiveRoute`)
|
11
|
+
- **v5** - závislost na @uxf/router v3 (nepředává se do containeru celý router, ale pouze funkce `route` a `useActiveRoute`)
|
12
12
|
- **v6** - odstranění mui a nahrazení react-final-form za react-hook-form
|
13
13
|
|
14
14
|
## Rozdělení balíčku
|
@@ -34,6 +34,9 @@ module.exports = {
|
|
34
34
|
content: [
|
35
35
|
"./node_modules/@uxf/cms/**/*.js"
|
36
36
|
],
|
37
|
+
presets: [
|
38
|
+
require("@uxf/cms/utils/tailwind.config"),
|
39
|
+
],
|
37
40
|
plugins: [],
|
38
41
|
};
|
39
42
|
```
|
@@ -53,7 +56,6 @@ cmsConfig.set("api-url", "== api url ==");
|
|
53
56
|
container
|
54
57
|
.register("router", Router<any>)
|
55
58
|
.register("service.error", ErrorService)
|
56
|
-
.register("service.notification", FlashMessagesService) // default value
|
57
59
|
.register("useLoggedUser", UseLoggedUser)
|
58
60
|
.register("api.getLoggedUser", GetLoggedUser)
|
59
61
|
.register("api.getUserConfig", GetUserConfig)
|
@@ -86,7 +88,8 @@ import {...} from "@uxf/cms/api";
|
|
86
88
|
```tsx
|
87
89
|
// pages/_app.tsx
|
88
90
|
|
89
|
-
import {
|
91
|
+
import { FlashMessages } from "@uxf/ui/flash-messages/flash-messages";
|
92
|
+
import { getFlashMessagesRef } from "@uxf/ui/flash-messages/flash-messages-service";
|
90
93
|
|
91
94
|
function App(props: any) {
|
92
95
|
const { Component, pageProps } = props;
|
@@ -94,7 +97,7 @@ function App(props: any) {
|
|
94
97
|
return (
|
95
98
|
<>
|
96
99
|
<Component {...pageProps} />
|
97
|
-
<
|
100
|
+
<FlashMessages ref={getFlashMessagesRef()} />
|
98
101
|
</>
|
99
102
|
);
|
100
103
|
}
|
@@ -105,10 +108,10 @@ export default App;
|
|
105
108
|
```tsx
|
106
109
|
// pages/index.tsx
|
107
110
|
|
108
|
-
import {
|
111
|
+
import { flashMessage } from "@uxf/ui/flash-messages/flash-messages-service";
|
109
112
|
|
110
113
|
function IndexPage(props) {
|
111
|
-
return <Button onClick={() =>
|
114
|
+
return <Button onClick={() => flashMessage({ variant: "success", message: "Hotovo" })}>Klikni</Button>;
|
112
115
|
}
|
113
116
|
|
114
117
|
export default IndexPage;
|
package/config/Container.js
CHANGED
@@ -2,14 +2,12 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.Container = void 0;
|
4
4
|
var api_1 = require("../api");
|
5
|
-
var FlashMessagesService_1 = require("../services/FlashMessagesService");
|
6
5
|
var Container = /** @class */ (function () {
|
7
6
|
function Container() {
|
8
7
|
// TODO @vejvis - move initial values to better place
|
9
8
|
this.store = {
|
10
9
|
"api.uploadFile": api_1.uploadFile,
|
11
10
|
"api.getUserConfig": api_1.userConfigGet,
|
12
|
-
"service.notification": FlashMessagesService_1.FlashMessagesService,
|
13
11
|
};
|
14
12
|
}
|
15
13
|
Container.prototype.register = function (key, value) {
|
@@ -29,4 +27,4 @@ var Container = /** @class */ (function () {
|
|
29
27
|
return Container;
|
30
28
|
}());
|
31
29
|
exports.Container = Container;
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9Db250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsOEJBQWlFO0FBcUNqRTtJQUFBO1FBQ0kscURBQXFEO1FBQzdDLFVBQUssR0FBNEI7WUFDckMsZ0JBQWdCLEVBQUUsZ0JBQVU7WUFDNUIsbUJBQW1CLEVBQUUsbUJBQWE7U0FDckMsQ0FBQztJQW9CTixDQUFDO0lBbEJVLDRCQUFRLEdBQWYsVUFBZ0QsR0FBTSxFQUFFLEtBQXdCO1FBQzVFLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSx1QkFBRyxHQUFWLFVBQTJDLEdBQU07UUFDN0MsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUU5QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsTUFBTSxJQUFJLEtBQUssQ0FBQyxvQ0FBNkIsR0FBRyxPQUFJLENBQUMsQ0FBQztTQUN6RDtRQUVELE9BQU8sS0FBWSxDQUFDO0lBQ3hCLENBQUM7SUFFTSx1QkFBRyxHQUFWLFVBQVcsR0FBeUI7UUFDaEMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBQ0wsZ0JBQUM7QUFBRCxDQUFDLEFBekJELElBeUJDO0FBekJZLDhCQUFTIn0=
|
@@ -0,0 +1,6 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
|
4
|
+
exports.ICONS_VERSION = "1674138580531";
|
5
|
+
exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=
|
@@ -0,0 +1,87 @@
|
|
1
|
+
export declare const ICONS: {
|
2
|
+
readonly calendar: {
|
3
|
+
readonly w: 448;
|
4
|
+
readonly h: 512;
|
5
|
+
};
|
6
|
+
readonly camera: {
|
7
|
+
readonly w: 512;
|
8
|
+
readonly h: 512;
|
9
|
+
};
|
10
|
+
readonly caretDown: {
|
11
|
+
readonly w: 320;
|
12
|
+
readonly h: 512;
|
13
|
+
};
|
14
|
+
readonly clock: {
|
15
|
+
readonly w: 512;
|
16
|
+
readonly h: 512;
|
17
|
+
};
|
18
|
+
readonly bars: {
|
19
|
+
readonly w: 448;
|
20
|
+
readonly h: 512;
|
21
|
+
};
|
22
|
+
readonly check: {
|
23
|
+
readonly w: 512;
|
24
|
+
readonly h: 512;
|
25
|
+
};
|
26
|
+
readonly chevronDown: {
|
27
|
+
readonly w: 512;
|
28
|
+
readonly h: 512;
|
29
|
+
};
|
30
|
+
readonly chevronLeft: {
|
31
|
+
readonly w: 384;
|
32
|
+
readonly h: 512;
|
33
|
+
};
|
34
|
+
readonly chevronsLeft: {
|
35
|
+
readonly w: 512;
|
36
|
+
readonly h: 512;
|
37
|
+
};
|
38
|
+
readonly chevronRight: {
|
39
|
+
readonly w: 384;
|
40
|
+
readonly h: 512;
|
41
|
+
};
|
42
|
+
readonly chevronsRight: {
|
43
|
+
readonly w: 512;
|
44
|
+
readonly h: 512;
|
45
|
+
};
|
46
|
+
readonly chevronUp: {
|
47
|
+
readonly w: 512;
|
48
|
+
readonly h: 512;
|
49
|
+
};
|
50
|
+
readonly cloud: {
|
51
|
+
readonly w: 640;
|
52
|
+
readonly h: 512;
|
53
|
+
};
|
54
|
+
readonly user: {
|
55
|
+
readonly w: 448;
|
56
|
+
readonly h: 512;
|
57
|
+
};
|
58
|
+
readonly xmarkLarge: {
|
59
|
+
readonly w: 448;
|
60
|
+
readonly h: 512;
|
61
|
+
};
|
62
|
+
readonly angleRight: {
|
63
|
+
readonly w: 256;
|
64
|
+
readonly h: 512;
|
65
|
+
};
|
66
|
+
};
|
67
|
+
export declare type IconsType = keyof typeof ICONS;
|
68
|
+
declare module "@uxf/ui/icon/theme" {
|
69
|
+
interface IconsSet {
|
70
|
+
"calendar": true;
|
71
|
+
"camera": true;
|
72
|
+
"caretDown": true;
|
73
|
+
"clock": true;
|
74
|
+
"bars": true;
|
75
|
+
"check": true;
|
76
|
+
"chevronDown": true;
|
77
|
+
"chevronLeft": true;
|
78
|
+
"chevronsLeft": true;
|
79
|
+
"chevronRight": true;
|
80
|
+
"chevronsRight": true;
|
81
|
+
"chevronUp": true;
|
82
|
+
"cloud": true;
|
83
|
+
"user": true;
|
84
|
+
"xmarkLarge": true;
|
85
|
+
"angleRight": true;
|
86
|
+
}
|
87
|
+
}
|
package/config/icons.js
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
"use strict";
|
2
|
+
// this file is generated automatically, do not change anything manually in the contents of this file
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
+
exports.ICONS = void 0;
|
5
|
+
exports.ICONS = {
|
6
|
+
"calendar": { w: 448, h: 512 },
|
7
|
+
"camera": { w: 512, h: 512 },
|
8
|
+
"caretDown": { w: 320, h: 512 },
|
9
|
+
"clock": { w: 512, h: 512 },
|
10
|
+
"bars": { w: 448, h: 512 },
|
11
|
+
"check": { w: 512, h: 512 },
|
12
|
+
"chevronDown": { w: 512, h: 512 },
|
13
|
+
"chevronLeft": { w: 384, h: 512 },
|
14
|
+
"chevronsLeft": { w: 512, h: 512 },
|
15
|
+
"chevronRight": { w: 384, h: 512 },
|
16
|
+
"chevronsRight": { w: 512, h: 512 },
|
17
|
+
"chevronUp": { w: 512, h: 512 },
|
18
|
+
"cloud": { w: 640, h: 512 },
|
19
|
+
"user": { w: 448, h: 512 },
|
20
|
+
"xmarkLarge": { w: 448, h: 512 },
|
21
|
+
"angleRight": { w: 256, h: 512 },
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLFlBQVksRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNoQyxZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7Q0FDMUIsQ0FBQyJ9
|
@@ -0,0 +1,30 @@
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
exports.ChangePasswordForm = void 0;
|
18
|
+
var react_1 = __importDefault(require("react"));
|
19
|
+
var form_1 = require("@uxf/form/form");
|
20
|
+
var text_input_1 = require("@uxf/form/text-input");
|
21
|
+
var button_1 = require("@uxf/ui/button");
|
22
|
+
var ChangePasswordForm = function (props) {
|
23
|
+
return (react_1.default.createElement(form_1.Form, __assign({}, props), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
|
24
|
+
react_1.default.createElement(text_input_1.TextInput, { type: "password", name: "originalPassword", label: "P\u016Fvodn\u00ED heslo", isRequired: true, control: control }),
|
25
|
+
react_1.default.createElement(text_input_1.TextInput, { type: "password", name: "newPassword", label: "Nov\u00E9 heslo", isRequired: true, control: control }),
|
26
|
+
react_1.default.createElement(text_input_1.TextInput, { type: "password", name: "newPasswordAgain", label: "Nov\u00E9 heslo znovu", control: control, isRequired: true, rules: { validate: function (v) { return v === formApi.getValues("newPassword") || "Hesla musí být stejná"; } } }),
|
27
|
+
react_1.default.createElement(button_1.Button, { type: "submit", disabled: formApi.formState.isSubmitting }, "Ulo\u017Eit"))); }));
|
28
|
+
};
|
29
|
+
exports.ChangePasswordForm = ChangePasswordForm;
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hhbmdlUGFzc3dvcmRGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0NoYW5nZVBhc3N3b3JkRm9ybS9DaGFuZ2VQYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQWtDO0FBRWxDLHVDQUFzQztBQUN0QyxtREFBaUQ7QUFDakQseUNBQXdDO0FBRWpDLElBQU0sa0JBQWtCLEdBQWdDLFVBQUMsS0FBSztJQUNqRSxPQUFPLENBQ0gsOEJBQUMsV0FBSSxlQUE2QixLQUFLLEdBQ2xDLFVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSyxPQUFBLENBQ25CLHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUMsa0JBQWtCLEVBQ3ZCLEtBQUssRUFBQyx5QkFBZSxFQUNyQixVQUFVLFFBQ1YsT0FBTyxFQUFFLE9BQU8sR0FDbEI7UUFDRiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBQyxVQUFVLEVBQUMsSUFBSSxFQUFDLGFBQWEsRUFBQyxLQUFLLEVBQUMsaUJBQVksRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSTtRQUNoRyw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFDLGtCQUFrQixFQUN2QixLQUFLLEVBQUMsdUJBQWtCLEVBQ3hCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsUUFDVixLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLEtBQUssT0FBTyxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsSUFBSSx1QkFBdUIsRUFBakUsQ0FBaUUsRUFBRSxHQUMvRjtRQUNGLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsUUFBUSxFQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksa0JBRXJELENBQ1AsQ0FDVCxFQXRCc0IsQ0FzQnRCLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNUJXLFFBQUEsa0JBQWtCLHNCQTRCN0IifQ==
|
@@ -10,6 +10,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
11
11
|
};
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
-
__exportStar(require("./
|
14
|
-
__exportStar(require("./
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
13
|
+
__exportStar(require("./ChangePasswordForm"), exports);
|
14
|
+
__exportStar(require("./types"), exports);
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvQ2hhbmdlUGFzc3dvcmRGb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLHVEQUFxQztBQUNyQywwQ0FBd0IifQ==
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { FormProps } from "@uxf/form/form";
|
2
|
+
export interface ChangePasswordFormData {
|
3
|
+
originalPassword: string;
|
4
|
+
newPassword: string;
|
5
|
+
newPasswordAgain: string;
|
6
|
+
}
|
7
|
+
export declare type ChangePasswordFormProps = Omit<FormProps<ChangePasswordFormData>, "children">;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvQ2hhbmdlUGFzc3dvcmRGb3JtL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
@@ -58,24 +58,22 @@ var __read = (this && this.__read) || function (o, n) {
|
|
58
58
|
};
|
59
59
|
Object.defineProperty(exports, "__esModule", { value: true });
|
60
60
|
exports.ForgottenPasswordForm = void 0;
|
61
|
+
var form_1 = require("@uxf/form/form");
|
62
|
+
var text_input_1 = require("@uxf/form/text-input");
|
63
|
+
var button_1 = require("@uxf/ui/button");
|
61
64
|
var react_1 = __importStar(require("react"));
|
62
|
-
var
|
63
|
-
var TextInput_1 = require("../components/TextInput");
|
64
|
-
var react_final_form_1 = require("react-final-form");
|
65
|
-
// TODO: email validation
|
65
|
+
var text_link_1 = require("@uxf/ui/text-link");
|
66
66
|
var ForgottenPasswordForm = function (props) {
|
67
67
|
var onLogin = props.onLogin, formProps = __rest(props, ["onLogin"]);
|
68
68
|
var _a = __read((0, react_1.useState)(true), 2), formDisabled = _a[0], setFormDisabled = _a[1];
|
69
69
|
(0, react_1.useEffect)(function () {
|
70
70
|
setFormDisabled(false);
|
71
71
|
}, []);
|
72
|
-
return (react_1.default.createElement(
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
react_1.default.createElement(
|
77
|
-
onLogin && (react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogin, disabled: submitting, fullWidth: true, mt: 2 }, "P\u0159ihl\u00E1sit"))));
|
78
|
-
}));
|
72
|
+
return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
|
73
|
+
react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: formDisabled, label: "E-mail", name: "username", isRequired: true, type: "text" }),
|
74
|
+
react_1.default.createElement(button_1.Button, { disabled: formDisabled || formApi.formState.isSubmitting, loading: formApi.formState.isSubmitting, type: "submit", isFullWidth: true }, "Obnovit heslo"),
|
75
|
+
onLogin && (react_1.default.createElement("div", { className: "text-right" },
|
76
|
+
react_1.default.createElement(text_link_1.TextLink, { onClick: onLogin, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "P\u0159ihl\u00E1sit"))))); }));
|
79
77
|
};
|
80
78
|
exports.ForgottenPasswordForm = ForgottenPasswordForm;
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9yZ290dGVuUGFzc3dvcmRGb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0ZvcmdvdHRlblBhc3N3b3JkRm9ybS9Gb3Jnb3R0ZW5QYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHVDQUFzQztBQUN0QyxtREFBaUQ7QUFDakQseUNBQXdDO0FBQ3hDLDZDQUFtRDtBQUVuRCwrQ0FBNkM7QUFFdEMsSUFBTSxxQkFBcUIsR0FBeUMsVUFBQyxLQUFLO0lBQ3JFLElBQUEsT0FBTyxHQUFtQixLQUFLLFFBQXhCLEVBQUssU0FBUyxVQUFLLEtBQUssRUFBakMsV0FBeUIsQ0FBRixDQUFXO0lBRWxDLElBQUEsS0FBQSxPQUFrQyxJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLElBQUEsRUFBL0MsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFrQixDQUFDO0lBRXZELElBQUEsaUJBQVMsRUFBQztRQUNOLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxlQUFnQyxTQUFTLEdBQ3pDLFVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSyxPQUFBLENBQ25CLHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLHNCQUFTLElBQ04sT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxFQUFFLFlBQVksRUFDeEIsS0FBSyxFQUFDLFFBQVEsRUFDZCxJQUFJLEVBQUMsVUFBVSxFQUNmLFVBQVUsUUFDVixJQUFJLEVBQUMsTUFBTSxHQUNiO1FBQ0YsOEJBQUMsZUFBTSxJQUNILFFBQVEsRUFBRSxZQUFZLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQ3hELE9BQU8sRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksRUFDdkMsSUFBSSxFQUFDLFFBQVEsRUFDYixXQUFXLDBCQUdOO1FBQ1IsT0FBTyxJQUFJLENBQ1IsdUNBQUssU0FBUyxFQUFDLFlBQVk7WUFDdkIsOEJBQUMsb0JBQVEsSUFDTCxPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQ3hDLFNBQVMsRUFBQywrQkFBK0IsMEJBR2xDLENBQ1QsQ0FDVCxDQUNDLENBQ1QsRUE5QnNCLENBOEJ0QixDQUNFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTVDVyxRQUFBLHFCQUFxQix5QkE0Q2hDIn0=
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { FormProps } from "
|
1
|
+
import { FormProps } from "@uxf/form/form";
|
2
2
|
export interface ForgottenPasswordFormData {
|
3
3
|
username: string;
|
4
4
|
}
|
5
|
-
export interface ForgottenPasswordFormProps extends FormProps<ForgottenPasswordFormData> {
|
5
|
+
export interface ForgottenPasswordFormProps extends Omit<FormProps<ForgottenPasswordFormData>, "children"> {
|
6
6
|
onLogin?: () => void;
|
7
7
|
}
|
@@ -0,0 +1,32 @@
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
exports.InviteUserForm = void 0;
|
18
|
+
var react_1 = __importDefault(require("react"));
|
19
|
+
var form_1 = require("@uxf/form/form");
|
20
|
+
var text_input_1 = require("@uxf/form/text-input");
|
21
|
+
var button_1 = require("@uxf/ui/button");
|
22
|
+
var checkbox_1 = require("@uxf/form/checkbox");
|
23
|
+
var InviteUserForm = function (props) {
|
24
|
+
return (react_1.default.createElement(form_1.Form, __assign({}, props), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
|
25
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "email", type: "email", label: "E-mail", isRequired: true, control: control }),
|
26
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Jm\u00E9no", isRequired: true, control: control }),
|
27
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "surname", label: "P\u0159\u00EDjmen\u00ED", isRequired: true, control: control }),
|
28
|
+
react_1.default.createElement(checkbox_1.Checkbox, { name: "sendInvitation", label: "Odeslat pozv\u00E1nku", control: control }),
|
29
|
+
react_1.default.createElement(button_1.Button, { type: "submit", disabled: formApi.formState.isSubmitting }, "Ulo\u017Eit"))); }));
|
30
|
+
};
|
31
|
+
exports.InviteUserForm = InviteUserForm;
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW52aXRlVXNlckZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvSW52aXRlVXNlckZvcm0vSW52aXRlVXNlckZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQWtDO0FBRWxDLHVDQUFzQztBQUN0QyxtREFBaUQ7QUFDakQseUNBQXdDO0FBQ3hDLCtDQUE4QztBQUV2QyxJQUFNLGNBQWMsR0FBNEIsVUFBQyxLQUFLO0lBQ3pELE9BQU8sQ0FDSCw4QkFBQyxXQUFJLGVBQXlCLEtBQUssR0FDOUIsVUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFLLE9BQUEsQ0FDbkIsdUNBQUssU0FBUyxFQUFDLFdBQVc7UUFDdEIsOEJBQUMsc0JBQVMsSUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLFFBQVEsRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSTtRQUNuRiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsS0FBSyxFQUFDLFlBQU8sRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSTtRQUNwRSw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsS0FBSyxFQUFDLHlCQUFVLEVBQUMsVUFBVSxRQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUk7UUFDMUUsOEJBQUMsbUJBQVEsSUFBQyxJQUFJLEVBQUMsZ0JBQWdCLEVBQUMsS0FBSyxFQUFDLHVCQUFrQixFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUk7UUFDN0UsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsWUFBWSxrQkFFckQsQ0FDUCxDQUNULEVBVnNCLENBVXRCLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBaEJXLFFBQUEsY0FBYyxrQkFnQnpCIn0=
|
@@ -10,6 +10,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
11
11
|
};
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
-
__exportStar(require("./
|
13
|
+
__exportStar(require("./InviteUserForm"), exports);
|
14
14
|
__exportStar(require("./types"), exports);
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvSW52aXRlVXNlckZvcm0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWlDO0FBQ2pDLDBDQUF3QiJ9
|
@@ -1,3 +1,3 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvSW52aXRlVXNlckZvcm0vdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import
|
1
|
+
import { FC } from "react";
|
2
2
|
import { LoginFormProps } from "./types";
|
3
|
-
export declare const LoginForm:
|
3
|
+
export declare const LoginForm: FC<LoginFormProps>;
|
@@ -56,36 +56,25 @@ var __read = (this && this.__read) || function (o, n) {
|
|
56
56
|
}
|
57
57
|
return ar;
|
58
58
|
};
|
59
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
60
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
61
|
-
};
|
62
59
|
Object.defineProperty(exports, "__esModule", { value: true });
|
63
60
|
exports.LoginForm = void 0;
|
64
61
|
var react_1 = __importStar(require("react"));
|
65
|
-
var
|
66
|
-
var
|
67
|
-
var
|
68
|
-
var
|
69
|
-
// TODO: email validation
|
62
|
+
var form_1 = require("@uxf/form/form");
|
63
|
+
var text_input_1 = require("@uxf/form/text-input");
|
64
|
+
var button_1 = require("@uxf/ui/button");
|
65
|
+
var text_link_1 = require("@uxf/ui/text-link");
|
70
66
|
var LoginForm = function (props) {
|
71
67
|
var onForgottenPassword = props.onForgottenPassword, formProps = __rest(props, ["onForgottenPassword"]);
|
72
68
|
var _a = __read((0, react_1.useState)(true), 2), formDisabled = _a[0], setFormDisabled = _a[1];
|
73
69
|
(0, react_1.useEffect)(function () {
|
74
70
|
setFormDisabled(false);
|
75
71
|
}, []);
|
76
|
-
return (react_1.default.createElement(
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
83
|
-
react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "Heslo", name: "password", required: true, type: "password" })),
|
84
|
-
react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
85
|
-
react_1.default.createElement(Button_1.Button, { color: "primary", disabled: submitting, fullWidth: true, loading: submitting, type: "submit", variant: "contained", mt: 2 }, "P\u0159ihl\u00E1sit")),
|
86
|
-
onForgottenPassword && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
87
|
-
react_1.default.createElement(Button_1.Button, { size: "small", onClick: onForgottenPassword, disabled: submitting, fullWidth: true }, "Zapomenut\u00E9 heslo"))))));
|
88
|
-
}));
|
72
|
+
return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
|
73
|
+
react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "E-mail", name: "username", type: "email", control: control, isRequired: true }),
|
74
|
+
react_1.default.createElement(text_input_1.TextInput, { isDisabled: formDisabled, label: "Heslo", name: "password", type: "password", control: control, isRequired: true }),
|
75
|
+
onForgottenPassword && (react_1.default.createElement("div", { className: "text-right" },
|
76
|
+
react_1.default.createElement(text_link_1.TextLink, { onClick: onForgottenPassword, disabled: formApi.formState.isSubmitting, className: "uxf-typo-medium2 text-primary" }, "Nepamatujete si sv\u00E9 heslo?"))),
|
77
|
+
react_1.default.createElement(button_1.Button, { type: "submit", isFullWidth: true }, "P\u0159ihl\u00E1sit se"))); }));
|
89
78
|
};
|
90
79
|
exports.LoginForm = LoginForm;
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9naW5Gb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Zvcm1zL0xvZ2luRm9ybS9Mb2dpbkZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF1RDtBQUV2RCx1Q0FBc0M7QUFDdEMsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4QywrQ0FBNkM7QUFFdEMsSUFBTSxTQUFTLEdBQXVCLFVBQUMsS0FBSztJQUN2QyxJQUFBLG1CQUFtQixHQUFtQixLQUFLLG9CQUF4QixFQUFLLFNBQVMsVUFBSyxLQUFLLEVBQTdDLHVCQUFxQyxDQUFGLENBQVc7SUFFOUMsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxJQUFJLENBQUMsSUFBQSxFQUEvQyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWtCLENBQUM7SUFFdkQsSUFBQSxpQkFBUyxFQUFDO1FBQ04sZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDSCw4QkFBQyxXQUFJLGVBQW9CLFNBQVMsR0FDN0IsVUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFLLE9BQUEsQ0FDbkIsdUNBQUssU0FBUyxFQUFDLFdBQVc7UUFDdEIsOEJBQUMsc0JBQVMsSUFDTixVQUFVLEVBQUUsWUFBWSxFQUN4QixLQUFLLEVBQUMsUUFBUSxFQUNkLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFDLE9BQU8sRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixVQUFVLFNBQ1o7UUFDRiw4QkFBQyxzQkFBUyxJQUNOLFVBQVUsRUFBRSxZQUFZLEVBQ3hCLEtBQUssRUFBQyxPQUFPLEVBQ2IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUMsVUFBVSxFQUNmLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsU0FDWjtRQUNELG1CQUFtQixJQUFJLENBQ3BCLHVDQUFLLFNBQVMsRUFBQyxZQUFZO1lBQ3ZCLDhCQUFDLG9CQUFRLElBQ0wsT0FBTyxFQUFFLG1CQUFtQixFQUM1QixRQUFRLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQ3hDLFNBQVMsRUFBQywrQkFBK0Isc0NBR2xDLENBQ1QsQ0FDVDtRQUNELDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsUUFBUSxFQUFDLFdBQVcsbUNBRXhCLENBQ1AsQ0FDVCxFQWpDc0IsQ0FpQ3RCLENBQ0UsQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBL0NXLFFBQUEsU0FBUyxhQStDcEIifQ==
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import { FormProps } from "
|
1
|
+
import { FormProps } from "@uxf/form/form";
|
2
2
|
export interface LoginFormData {
|
3
3
|
username: string;
|
4
4
|
password: string;
|
5
5
|
}
|
6
|
-
export interface LoginFormProps extends FormProps<LoginFormData> {
|
6
|
+
export interface LoginFormProps extends Omit<FormProps<LoginFormData>, "children"> {
|
7
7
|
onForgottenPassword?: () => void;
|
8
8
|
}
|
@@ -45,36 +45,21 @@ var __read = (this && this.__read) || function (o, n) {
|
|
45
45
|
}
|
46
46
|
return ar;
|
47
47
|
};
|
48
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
49
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
50
|
-
};
|
51
48
|
Object.defineProperty(exports, "__esModule", { value: true });
|
52
49
|
exports.RenewPasswordForm = void 0;
|
53
|
-
var
|
50
|
+
var form_1 = require("@uxf/form/form");
|
51
|
+
var text_input_1 = require("@uxf/form/text-input");
|
52
|
+
var button_1 = require("@uxf/ui/button");
|
54
53
|
var react_1 = __importStar(require("react"));
|
55
|
-
var react_final_form_1 = require("react-final-form");
|
56
|
-
var Button_1 = require("../../ui/Button");
|
57
|
-
var TextInput_1 = require("../components/TextInput");
|
58
|
-
var passwordsAreSame = function (_, allValues) {
|
59
|
-
var _a = allValues, password = _a.password, passwordAgain = _a.passwordAgain;
|
60
|
-
return password === passwordAgain ? null : "Hesla musí být stejná";
|
61
|
-
};
|
62
54
|
var RenewPasswordForm = function (props) {
|
63
55
|
var _a = __read((0, react_1.useState)(true), 2), formDisabled = _a[0], setFormDisabled = _a[1];
|
64
56
|
(0, react_1.useEffect)(function () {
|
65
57
|
setFormDisabled(false);
|
66
58
|
}, []);
|
67
|
-
return (react_1.default.createElement(
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
72
|
-
react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "Nov\u00E9 heslo", name: "password", type: "password", required: true })),
|
73
|
-
react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
74
|
-
react_1.default.createElement(TextInput_1.TextInput, { disabled: formDisabled, label: "Znovu nov\u00E9 heslo", name: "passwordAgain", type: "password", required: true, validate: [passwordsAreSame] })),
|
75
|
-
react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
|
76
|
-
react_1.default.createElement(Button_1.Button, { color: "primary", disabled: submitting, fullWidth: true, loading: submitting, type: "submit", variant: "contained", mt: 2 }, "Zm\u011Bnit heslo")))));
|
77
|
-
}));
|
59
|
+
return (react_1.default.createElement(form_1.Form, __assign({}, props), function (control, formApi) { return (react_1.default.createElement("div", { className: "space-y-6" },
|
60
|
+
react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: formDisabled, label: "Nov\u00E9 heslo", name: "password", type: "password", isRequired: true }),
|
61
|
+
react_1.default.createElement(text_input_1.TextInput, { control: control, isDisabled: formDisabled, label: "Znovu nov\u00E9 heslo", name: "passwordAgain", type: "password", isRequired: true, rules: { validate: function (v) { return v === formApi.getValues("password") || "Hesla musí být stejná"; } } }),
|
62
|
+
react_1.default.createElement(button_1.Button, { disabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, loading: formApi.formState.isSubmitting, type: "submit" }, "Zm\u011Bnit heslo"))); }));
|
78
63
|
};
|
79
64
|
exports.RenewPasswordForm = RenewPasswordForm;
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVuZXdQYXNzd29yZEZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvUmVuZXdQYXNzd29yZEZvcm0vUmVuZXdQYXNzd29yZEZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx1Q0FBc0M7QUFDdEMsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4Qyw2Q0FBbUQ7QUFHNUMsSUFBTSxpQkFBaUIsR0FBcUMsVUFBQyxLQUFLO0lBQy9ELElBQUEsS0FBQSxPQUFrQyxJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLElBQUEsRUFBL0MsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFrQixDQUFDO0lBRXZELElBQUEsaUJBQVMsRUFBQztRQUNOLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0gsOEJBQUMsV0FBSSxlQUE0QixLQUFLLEdBQ2pDLFVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSyxPQUFBLENBQ25CLHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLHNCQUFTLElBQ04sT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxFQUFFLFlBQVksRUFDeEIsS0FBSyxFQUFDLGlCQUFZLEVBQ2xCLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFDLFVBQVUsRUFDZixVQUFVLFNBQ1o7UUFDRiw4QkFBQyxzQkFBUyxJQUNOLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsRUFBRSxZQUFZLEVBQ3hCLEtBQUssRUFBQyx1QkFBa0IsRUFDeEIsSUFBSSxFQUFDLGVBQWUsRUFDcEIsSUFBSSxFQUFDLFVBQVUsRUFDZixVQUFVLFFBQ1YsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxLQUFLLE9BQU8sQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksdUJBQXVCLEVBQTlELENBQThELEVBQUUsR0FDNUY7UUFDRiw4QkFBQyxlQUFNLElBQ0gsUUFBUSxFQUFFLFlBQVksSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksRUFDeEQsV0FBVyxRQUNYLE9BQU8sRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLFlBQVksRUFDdkMsSUFBSSxFQUFDLFFBQVEsd0JBR1IsQ0FDUCxDQUNULEVBNUJzQixDQTRCdEIsQ0FDRSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUF4Q1csUUFBQSxpQkFBaUIscUJBd0M1QiJ9
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { FormProps } from "
|
1
|
+
import { FormProps } from "@uxf/form/form";
|
2
2
|
export interface RenewPasswordFormData {
|
3
3
|
password: string;
|
4
4
|
passwordAgain: string;
|
5
5
|
}
|
6
|
-
export declare type RenewPasswordFormProps = FormProps<RenewPasswordFormData>;
|
6
|
+
export declare type RenewPasswordFormProps = Omit<FormProps<RenewPasswordFormData>, "children">;
|
@@ -99,13 +99,13 @@ var config_1 = require("../../../config");
|
|
99
99
|
var resizer_1 = require("@uxf/core/utils/resizer");
|
100
100
|
var ImagePreview = function (props) {
|
101
101
|
var loading = props.loading, onRemove = props.onRemove, src = props.src, alt = props.alt, title = props.title;
|
102
|
-
return (react_1.default.createElement("div", { className: "
|
103
|
-
onRemove && (react_1.default.createElement("button", { className: "absolute right-0 top-0 bg-black
|
104
|
-
react_1.default.createElement("svg", { className: "
|
102
|
+
return (react_1.default.createElement("div", { className: "relative mr-2 mb-2 h-16 w-16 overflow-hidden rounded-md border border-gray-300" },
|
103
|
+
onRemove && (react_1.default.createElement("button", { className: "absolute right-0 top-0 rounded-bl-md bg-black bg-opacity-50 hover:bg-opacity-70", onClick: onRemove },
|
104
|
+
react_1.default.createElement("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
105
105
|
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))),
|
106
106
|
react_1.default.createElement("img", { alt: alt, title: title, className: "h-full w-full", src: src }),
|
107
107
|
loading && (react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center bg-black bg-opacity-50" },
|
108
|
-
react_1.default.createElement("svg", { className: "
|
108
|
+
react_1.default.createElement("svg", { className: "h-6 w-6 animate-spin text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
|
109
109
|
react_1.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
110
110
|
react_1.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }))))));
|
111
111
|
};
|
@@ -144,11 +144,11 @@ var DropZone = function (props) {
|
|
144
144
|
}
|
145
145
|
}; };
|
146
146
|
return (react_1.default.createElement("div", null,
|
147
|
-
react_1.default.createElement("div", __assign({}, getRootProps({ className: "dropzone" }), { className: "
|
147
|
+
react_1.default.createElement("div", __assign({}, getRootProps({ className: "dropzone" }), { className: "cursor-pointer rounded-md border-2 border-dashed bg-gray-100 py-8 hover:border-gray-300 " +
|
148
148
|
(isDragActive ? "border-gray-300" : "border-gray-200") }),
|
149
149
|
react_1.default.createElement("input", __assign({}, getInputProps())),
|
150
150
|
react_1.default.createElement("p", { className: "text-center text-xs text-gray-400" }, "Drag drop some files here, or click to select files")),
|
151
|
-
react_1.default.createElement("div", { className: "
|
151
|
+
react_1.default.createElement("div", { className: "flex flex-row flex-wrap pt-2" },
|
152
152
|
fieldValue.map(function (file, index) {
|
153
153
|
var _a;
|
154
154
|
return (react_1.default.createElement(ImagePreview, { key: file.id, src: (_a = (0, resizer_1.resizerImageUrl)(file, 200, 200, {})) !== null && _a !== void 0 ? _a : "", onRemove: onRemove(index), alt: file.name, title: file.name }));
|
@@ -61,4 +61,4 @@ var CmsProvider = function (props) {
|
|
61
61
|
return react_1.default.createElement(CmsContext.Provider, { value: value }, children);
|
62
62
|
};
|
63
63
|
exports.CmsProvider = CmsProvider;
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ21zUHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0Ntc1Byb3ZpZGVyL0Ntc1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUF3RDtBQUd4RCxJQUFNLFVBQVUsR0FBRyxlQUFLLENBQUMsYUFBYSxDQUFpQjtJQUNuRCxPQUFPLEVBQUU7UUFDTCxNQUFNLEVBQUUsS0FBSztRQUNiLElBQUksRUFBRSxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUk7UUFDaEIsS0FBSyxFQUFFLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSTtLQUNwQjtDQUNKLENBQUMsQ0FBQztBQUVJLElBQU0sYUFBYSxHQUFHLFVBQWlDLEdBQU07SUFDaEUsT0FBTyxJQUFBLGtCQUFVLEVBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDdkMsQ0FBQyxDQUFDO0FBRlcsUUFBQSxhQUFhLGlCQUV4QjtBQUVLLElBQU0sV0FBVyxHQUF1QyxVQUFDLEtBQUs7SUFDekQsSUFBQSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFckIsSUFBQSxLQUFBLE9BQXNCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFwQyxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQW1CLENBQUM7SUFFNUMsSUFBTSxLQUFLLEdBQW1CO1FBQzFCLE9BQU8sRUFBRTtZQUNMLE1BQU0sUUFBQTtZQUNOLElBQUksRUFBRSxjQUFNLE9BQUEsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFmLENBQWU7WUFDM0IsS0FBSyxFQUFFLGNBQU0sT0FBQSxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQWhCLENBQWdCO1NBQ2hDO0tBQ0osQ0FBQztJQUVGLE9BQU8sOEJBQUMsVUFBVSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsS0FBSyxJQUFHLFFBQVEsQ0FBdUIsQ0FBQztBQUMvRSxDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==
|