@tolokoban/ui 0.19.3 → 0.20.1
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/LICENSE +674 -0
- package/lib/dist/grammar/tsx.d.ts +4 -0
- package/lib/dist/grammar/tsx.d.ts.map +1 -0
- package/lib/dist/grammar/tsx.js +8 -0
- package/lib/dist/hooks/index.d.ts +0 -1
- package/lib/dist/hooks/index.d.ts.map +1 -1
- package/lib/dist/hooks/index.js +1 -2
- package/lib/dist/info.d.ts +1 -1
- package/lib/dist/info.js +1 -1
- package/lib/dist/modal/manager.d.ts.map +1 -1
- package/lib/dist/modal/manager.js +14 -14
- package/lib/dist/theme/css/dimension.module.css +0 -0
- package/lib/dist/theme/styles/common.d.ts +1 -0
- package/lib/dist/theme/styles/common.d.ts.map +1 -1
- package/lib/dist/theme/styles/common.js +6 -2
- package/lib/dist/theme/styles/dimension.js +1 -1
- package/lib/dist/view/Button/Button.d.ts +5 -0
- package/lib/dist/view/Button/Button.d.ts.map +1 -1
- package/lib/dist/view/Button/Button.js +5 -5
- package/lib/dist/view/Button/Button.module.css +5 -5
- package/lib/dist/view/CodeHighlighter/CodeHighlighter.d.ts +19 -0
- package/lib/dist/view/CodeHighlighter/CodeHighlighter.d.ts.map +1 -0
- package/lib/dist/view/CodeHighlighter/CodeHighlighter.js +21 -0
- package/lib/dist/view/CodeHighlighter/CodeHighlighter.module.css +3 -0
- package/lib/dist/view/CodeHighlighter/index.d.ts +2 -0
- package/lib/dist/view/CodeHighlighter/index.d.ts.map +1 -0
- package/lib/dist/view/CodeHighlighter/index.js +2 -0
- package/lib/dist/view/CodeHighlighter/types.d.ts +56 -0
- package/lib/dist/view/CodeHighlighter/types.d.ts.map +1 -0
- package/lib/dist/view/CodeHighlighter/types.js +2 -0
- package/lib/dist/view/FloatingButton/FloatingButton.module.css +0 -0
- package/lib/dist/view/InputColor/InputColor.d.ts.map +1 -1
- package/lib/dist/view/InputColor/InputColor.js +14 -4
- package/lib/dist/view/InputColor/InputColor.module.css +0 -0
- package/lib/dist/view/InputImage/InputImage.module.css +0 -0
- package/lib/dist/view/InputMultiText/InputMultiText.module.css +0 -0
- package/lib/dist/view/InputText/InputText.d.ts.map +1 -1
- package/lib/dist/view/InputText/InputText.js +4 -3
- package/lib/dist/view/Options/Options.js +3 -3
- package/lib/dist/view/OptionsMultiple/OptionsMultiple.js +3 -3
- package/lib/dist/view/Panel/Panel.d.ts.map +1 -1
- package/lib/dist/view/Panel/Panel.js +4 -4
- package/lib/dist/view/Rating/Rating.d.ts +12 -0
- package/lib/dist/view/Rating/Rating.d.ts.map +1 -1
- package/lib/dist/view/Rating/Rating.js +35 -5
- package/lib/dist/view/Stack/Stack.d.ts.map +1 -1
- package/lib/dist/view/Stack/Stack.js +3 -3
- package/lib/dist/view/Stack/Stack.module.css +0 -0
- package/lib/dist/view/Strip/Strip.d.ts.map +1 -1
- package/lib/dist/view/Strip/Strip.js +4 -4
- package/lib/dist/view/Strip/Strip.module.css +0 -0
- package/lib/dist/view/Switch/Switch.js +3 -3
- package/lib/dist/view/Switch/Switch.module.css +0 -0
- package/lib/dist/view/Tabs/Tabs.d.ts.map +1 -1
- package/lib/dist/view/Tabs/Tabs.js +4 -4
- package/lib/dist/view/icons/IconHeart.d.ts +3 -0
- package/lib/dist/view/icons/IconHeart.d.ts.map +1 -0
- package/lib/dist/view/icons/IconHeart.js +13 -0
- package/lib/dist/view/icons/factory/icons.json +1 -0
- package/lib/dist/view/index.d.ts +2 -0
- package/lib/dist/view/index.d.ts.map +1 -1
- package/lib/dist/view/index.js +4 -2
- package/package.json +1 -1
- package/lib/README.md +0 -19
- package/lib/dist/hooks/session-storage-state.d.ts +0 -8
- package/lib/dist/hooks/session-storage-state.d.ts.map +0 -1
- package/lib/dist/hooks/session-storage-state.js +0 -31
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tsx.d.ts","sourceRoot":"","sources":["../../src/grammar/tsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,QAAA,MAAM,UAAU,EAAE,WAKjB,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const TsxGrammar = {
|
|
2
|
+
lexer: {
|
|
3
|
+
blocCommentOpen: ["/*"],
|
|
4
|
+
},
|
|
5
|
+
scanner: [],
|
|
6
|
+
};
|
|
7
|
+
export default TsxGrammar;
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHN4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2dyYW1tYXIvdHN4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sVUFBVSxHQUFnQjtJQUM1QixLQUFLLEVBQUU7UUFDSCxlQUFlLEVBQUUsQ0FBQyxJQUFJLENBQUM7S0FDMUI7SUFDRCxPQUFPLEVBQUUsRUFBRTtDQUNkLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
|
|
@@ -2,7 +2,6 @@ export * from "./debounced-effect";
|
|
|
2
2
|
export * from "./hotkey";
|
|
3
3
|
export * from "./local-storage-state";
|
|
4
4
|
export * from "./resize-observer";
|
|
5
|
-
export * from "./session-storage-state";
|
|
6
5
|
export * from "./state-updater";
|
|
7
6
|
export * from "./throwable";
|
|
8
7
|
export * from "./undoable-state";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}
|
package/lib/dist/hooks/index.js
CHANGED
|
@@ -2,8 +2,7 @@ export * from "./debounced-effect.js";
|
|
|
2
2
|
export * from "./hotkey.js";
|
|
3
3
|
export * from "./local-storage-state.js";
|
|
4
4
|
export * from "./resize-observer.js";
|
|
5
|
-
export * from "./session-storage-state.js";
|
|
6
5
|
export * from "./state-updater.js";
|
|
7
6
|
export * from "./throwable.js";
|
|
8
7
|
export * from "./undoable-state.js";
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGtCQUFrQixDQUFBIn0=
|
package/lib/dist/info.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const name = "@tolokoban/ui";
|
|
2
|
-
export declare const version = "0.
|
|
2
|
+
export declare const version = "0.20.1";
|
|
3
3
|
export declare const description = "React components with theme";
|
|
4
4
|
export declare const homepage = "https://tolokoban.github.io/ui";
|
|
5
5
|
//# sourceMappingURL=info.d.ts.map
|
package/lib/dist/info.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export const name = "@tolokoban/ui";
|
|
2
|
-
export const version = "0.
|
|
2
|
+
export const version = "0.20.1";
|
|
3
3
|
export const description = "React components with theme";
|
|
4
4
|
export const homepage = "https://tolokoban.github.io/ui";
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmZvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxlQUFlLENBQUE7QUFDbkMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQTtBQUMvQixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsNkJBQTZCLENBQUE7QUFDeEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLGdDQUFnQyxDQUFBIn0=
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../src/modal/manager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAKnC,OAAO,EACH,aAAa,EACb,KAAK,EACL,qBAAqB,EACrB,WAAW,EACd,MAAM,SAAS,CAAA;AAShB,MAAM,CAAC,OAAO,OAAO,YAAa,YAAW,qBAAqB;IAC9D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqB;IACvD,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,OAAO,CAAI;IAEnB,SAAS,IAAI,KAAK,EAAE;IAUpB,IAAI,CAAC,KAAK,EAAE,KAAK;IAcjB,IAAI,CAAC,MAAM,EAAE,WAAW;IAoBlB,IAAI,CAAC,CAAC,EACR,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IAsBP,QAAQ,CAAC,CAAC,EACZ,OAAO,EAAE,CACL,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,KAC9C,OAAO,CAAC,CAAC,CAAC,EACf,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../src/modal/manager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAKnC,OAAO,EACH,aAAa,EACb,KAAK,EACL,qBAAqB,EACrB,WAAW,EACd,MAAM,SAAS,CAAA;AAShB,MAAM,CAAC,OAAO,OAAO,YAAa,YAAW,qBAAqB;IAC9D,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAqB;IACvD,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,OAAO,CAAI;IAEnB,SAAS,IAAI,KAAK,EAAE;IAUpB,IAAI,CAAC,KAAK,EAAE,KAAK;IAcjB,IAAI,CAAC,MAAM,EAAE,WAAW;IAoBlB,IAAI,CAAC,CAAC,EACR,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IAsBP,QAAQ,CAAC,CAAC,EACZ,OAAO,EAAE,CACL,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,KAC9C,OAAO,CAAC,CAAC,CAAC,EACf,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAC/C,OAAO,CAAC,CAAC,CAAC;IAiBP,KAAK,CACP,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,OAAO,CAAC,IAAI,CAAC;IAuBV,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IA0CtD,IAAI,CACA,OAAO,EAAE,QAAQ,EACjB,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAC3D,OAAO,CAAC,IAAI,CAAC;IAuBhB,OAAO,CAAC,IAAI;CAOf;AAED,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CAa1E"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __awaiter } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import JSON5 from "json5";
|
|
4
4
|
import React from "react";
|
|
5
5
|
import IconGear from "../view/icons/IconGear.js";
|
|
@@ -7,7 +7,7 @@ import { ViewDialog } from "../view/Dialog/index.js";
|
|
|
7
7
|
import { ViewPanel } from "../view/Panel/index.js";
|
|
8
8
|
import { ViewSpinner } from "../view/Spinner/index.js";
|
|
9
9
|
import { GenericEvent } from "../util/event.js";
|
|
10
|
-
import
|
|
10
|
+
import styles from "./manager.module.css";
|
|
11
11
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
12
12
|
const EMPTY_FUNCTION = () => { };
|
|
13
13
|
export default class ModalManager {
|
|
@@ -51,7 +51,7 @@ export default class ModalManager {
|
|
|
51
51
|
wait(content, promise, params) {
|
|
52
52
|
return __awaiter(this, void 0, void 0, function* () {
|
|
53
53
|
return new Promise((resolve, reject) => {
|
|
54
|
-
const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className:
|
|
54
|
+
const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: styles.wait, children: _jsx(ViewSpinner, { children: content }) })) }));
|
|
55
55
|
promise
|
|
56
56
|
.then((arg) => {
|
|
57
57
|
hide();
|
|
@@ -67,15 +67,7 @@ export default class ModalManager {
|
|
|
67
67
|
progress(promise, params) {
|
|
68
68
|
return __awaiter(this, void 0, void 0, function* () {
|
|
69
69
|
const event = new GenericEvent();
|
|
70
|
-
const
|
|
71
|
-
const [body, setBody] = React.useState(_jsx(IconGear, { animate: true }));
|
|
72
|
-
React.useEffect(() => {
|
|
73
|
-
event.addListener(setBody);
|
|
74
|
-
return () => event.removeListener(setBody);
|
|
75
|
-
}, []);
|
|
76
|
-
return body;
|
|
77
|
-
};
|
|
78
|
-
const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: Styles.wait, children: _jsx(View, {}) })) }));
|
|
70
|
+
const hide = this.show(Object.assign(Object.assign({}, params), { content: (_jsx("div", { className: styles.wait, children: _jsx(ProgressBody, { event: event }) })) }));
|
|
79
71
|
try {
|
|
80
72
|
return yield promise((body) => event.dispatch(body));
|
|
81
73
|
}
|
|
@@ -92,7 +84,7 @@ export default class ModalManager {
|
|
|
92
84
|
hide();
|
|
93
85
|
resolve();
|
|
94
86
|
},
|
|
95
|
-
}, children: _jsx("div", { className:
|
|
87
|
+
}, children: _jsx("div", { className: styles.error, children: renderHumanFriendlyErrorContent(content) }) })) }));
|
|
96
88
|
});
|
|
97
89
|
});
|
|
98
90
|
}
|
|
@@ -149,4 +141,12 @@ export function renderHumanFriendlyErrorContent(content) {
|
|
|
149
141
|
return content;
|
|
150
142
|
return _jsx("pre", { children: JSON5.stringify(content, null, " ") });
|
|
151
143
|
}
|
|
152
|
-
|
|
144
|
+
function ProgressBody({ event }) {
|
|
145
|
+
const [body, setBody] = React.useState(_jsxs(_Fragment, { children: [_jsx(IconGear, { animate: true }), _jsx("div", { children: "Please wait..." })] }));
|
|
146
|
+
React.useEffect(() => {
|
|
147
|
+
event.addListener(setBody);
|
|
148
|
+
return () => event.removeListener(setBody);
|
|
149
|
+
}, [event]);
|
|
150
|
+
return body;
|
|
151
|
+
}
|
|
152
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxRQUFRLE1BQU0sd0JBQXdCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBUTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFNUMsT0FBTyxNQUFNLE1BQU0sc0JBQXNCLENBQUE7QUFFekMsZ0VBQWdFO0FBQ2hFLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQTtBQUUvQixNQUFNLENBQUMsT0FBTyxPQUFPLFlBQVk7SUFBakM7UUFDcUIsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUMvQyxXQUFNLEdBQVksRUFBRSxDQUFBO1FBQ3BCLFlBQU8sR0FBRyxDQUFDLENBQUE7SUFtTXZCLENBQUM7SUFqTUcsU0FBUztRQUNMLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFDNUQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDakIsTUFBTSxNQUFNLEdBQUcsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtZQUNoRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQzFD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
|
|
File without changes
|
|
@@ -9,6 +9,7 @@ export type CommonProps = {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
} & ChildStyleProps & DimensionStyleProps & PositionStyleProps & SpaceStyleProps;
|
|
11
11
|
export declare function styleCommon(props: CommonProps): React.CSSProperties;
|
|
12
|
+
export declare function classnameCommon(props: CommonProps): string;
|
|
12
13
|
export type Unit = "%" | "cm" | "mm" | "Q" | "in" | "pc" | "pt" | "px" | "em" | "ex" | "ch" | "rem" | "lh" | "rlh" | "vw" | "vh" | "vmin" | "vmax" | "vb" | "vi" | "svw" | "svh" | "lvw" | "lvh" | "dvw" | "dvh";
|
|
13
14
|
export type NumberWithUnit = "0" | "auto" | "max-content" | "min-content" | `fit-content(${number}${Unit})` | `${number}${Unit}`;
|
|
14
15
|
//# sourceMappingURL=common.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/theme/styles/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AACxD,OAAO,EAEH,mBAAmB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,kBAAkB,EAAiB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,eAAe,EAAc,MAAM,YAAY,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB,GAAG,eAAe,GACf,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,CAAA;AAEnB,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,aAAa,CAOnE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAG1D;AAED,MAAM,MAAM,IAAI,GACV,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAA;AAEX,MAAM,MAAM,cAAc,GACpB,GAAG,GACH,MAAM,GACN,aAAa,GACb,aAAa,GACb,eAAe,MAAM,GAAG,IAAI,GAAG,GAC/B,GAAG,MAAM,GAAG,IAAI,EAAE,CAAA"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { styleChild } from "./child.js";
|
|
2
|
-
import { styleDimension } from "./dimension.js";
|
|
2
|
+
import { classnameDimension, styleDimension, } from "./dimension.js";
|
|
3
3
|
import { stylePosition } from "./position.js";
|
|
4
4
|
import { styleSpace } from "./space.js";
|
|
5
5
|
export function styleCommon(props) {
|
|
6
6
|
return Object.assign(Object.assign(Object.assign(Object.assign({}, styleChild(props)), styleDimension(props)), stylePosition(props)), styleSpace(props));
|
|
7
7
|
}
|
|
8
|
-
|
|
8
|
+
export function classnameCommon(props) {
|
|
9
|
+
const classes = [classnameDimension(props)];
|
|
10
|
+
return classes.join(" ");
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9jb21tb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDeEQsT0FBTyxFQUNILGtCQUFrQixFQUVsQixjQUFjLEdBQ2pCLE1BQU0sZ0JBQWdCLENBQUE7QUFDdkIsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakUsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFZeEQsTUFBTSxVQUFVLFdBQVcsQ0FBQyxLQUFrQjtJQUMxQyxtRUFDTyxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQ2pCLGNBQWMsQ0FBQyxLQUFLLENBQUMsR0FDckIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLEVBQ3ZCO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxlQUFlLENBQUMsS0FBa0I7SUFDOUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQzNDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtBQUM1QixDQUFDIn0=
|
|
@@ -26,4 +26,4 @@ export function classnameDimension({ fullsize = false, fullwidth = false, fullhe
|
|
|
26
26
|
classes.push(Style.fullnarrow);
|
|
27
27
|
return classes.join(" ");
|
|
28
28
|
}
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltZW5zaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9kaW1lbnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxLQUFLLE1BQU0sNkJBQTZCLENBQUE7QUE2Qi9DLE1BQU0sVUFBVSxjQUFjLENBQUMsRUFDM0IsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEdBQUcsT0FBTyxFQUNsQixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxXQUFXLEdBQUcsQ0FBQyxHQUNHO0lBQ2xCLE1BQU0sS0FBSyxHQUF3QjtRQUMvQixLQUFLO1FBQ0wsTUFBTTtRQUNOLFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUTtRQUNSLFNBQVM7S0FDWixDQUFBO0lBQ0QsSUFBSSxXQUFXLEdBQUcsQ0FBQztRQUFFLEtBQUssQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO0lBQ3BELE9BQU8sS0FBSyxDQUFBO0FBQ2hCLENBQUM7QUFFRCxNQUFNLFVBQVUsa0JBQWtCLENBQUMsRUFDL0IsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxHQUFHLEtBQUssRUFDakIsVUFBVSxHQUFHLEtBQUssRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsVUFBVSxHQUFHLEtBQUssR0FDQTtJQUNsQixJQUFJLFFBQVE7UUFBRSxPQUFPLEtBQUssQ0FBQyxRQUFrQixDQUFBO0lBRTdDLE1BQU0sT0FBTyxHQUFhLEVBQUUsQ0FBQTtJQUM1QixJQUFJLFNBQVM7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUM1QyxJQUFJLFVBQVU7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM5QyxJQUFJLFFBQVE7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUMxQyxJQUFJLFVBQVU7UUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUM5QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUE7QUFDNUIsQ0FBQyJ9
|
|
@@ -29,6 +29,11 @@ export type ViewButtonProps = {
|
|
|
29
29
|
* a link to an URL. But the style will remain the same.
|
|
30
30
|
*/
|
|
31
31
|
onClick?: string | ((this: void) => void);
|
|
32
|
+
/**
|
|
33
|
+
* If the button is a link (onClick is a string),
|
|
34
|
+
* then `target` is used to open in a new tab.
|
|
35
|
+
*/
|
|
36
|
+
target?: string;
|
|
32
37
|
/**
|
|
33
38
|
* Default to `true`.
|
|
34
39
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/view/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/view/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEH,WAAW,EAEd,MAAM,2BAA2B,CAAA;AAMlC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAMnD,MAAM,MAAM,eAAe,GAAG;IAC1B;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAA;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAA;IACzC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,GAAG,WAAW,CAAA;AAEf,wBAAgB,UAAU,CAAC,YAAY,EAAE,eAAe,2CA8EvD;AAED,wBAAgB,gBAAgB,CAC5B,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,GACvC,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAMzC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Theme } from "../../theme/index.js";
|
|
3
|
-
import { styleCommon } from "../../theme/styles/common.js";
|
|
3
|
+
import { classnameCommon, styleCommon, } from "../../theme/styles/common.js";
|
|
4
4
|
import { cssForColor, cssForColorOn, cssForGaps, } from "../../theme/styles/styles.js";
|
|
5
5
|
import { setDefaults } from "../../util/set-defaults.js";
|
|
6
6
|
import IconGear from "../icons/IconGear.js";
|
|
@@ -19,7 +19,7 @@ export function ViewButton(partialProps) {
|
|
|
19
19
|
variant: "elevated",
|
|
20
20
|
thickness: 0.125,
|
|
21
21
|
});
|
|
22
|
-
const { className, children, label, enabled, variant, onClick, waiting } = props;
|
|
22
|
+
const { className, children, label, enabled, variant, onClick, waiting, target, } = props;
|
|
23
23
|
const { color } = partialProps;
|
|
24
24
|
const thickness = cssForGaps(props.thickness);
|
|
25
25
|
const style = Object.assign({ "--custom-color-main-alpha": getMainAlphaColor(color, variant), "--custom-color-main": getMainColor(color, variant), "--custom-color-text": getTextColor(color, variant), "--custom-thickness": thickness }, styleCommon(props));
|
|
@@ -27,9 +27,9 @@ export function ViewButton(partialProps) {
|
|
|
27
27
|
const IconRight = props.iconRight;
|
|
28
28
|
const body = (_jsxs(_Fragment, { children: [" ", waiting && _jsx(IconGear, { animate: true }), !waiting && Icon && _jsx(Icon, {}), _jsx("div", { className: Styles.label, children: (_a = children !== null && children !== void 0 ? children : label) !== null && _a !== void 0 ? _a : "Button" }), IconRight && _jsx(IconRight, {})] }));
|
|
29
29
|
if (typeof onClick === "string") {
|
|
30
|
-
return (_jsx("a", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon, !enabled && !waiting && Styles.disabled), href: onClick, children: body }));
|
|
30
|
+
return (_jsx("a", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon, !enabled && !waiting && Styles.disabled, classnameCommon(props)), target: target, href: onClick, children: body }));
|
|
31
31
|
}
|
|
32
|
-
return (_jsx("button", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon), disabled: !enabled || waiting, type: "button", onClick: onClick, children: body }));
|
|
32
|
+
return (_jsx("button", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon, classnameCommon(props)), disabled: !enabled || waiting, type: "button", onClick: onClick, children: body }));
|
|
33
33
|
}
|
|
34
34
|
export function makeCustomButton(defaultProps) {
|
|
35
35
|
return (props) => ViewButton(Object.assign(Object.assign({}, defaultProps), props));
|
|
@@ -65,4 +65,4 @@ function getTextColor(color, variant) {
|
|
|
65
65
|
return cssForColorOn(color !== null && color !== void 0 ? color : "primary-5");
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxFQUNILGVBQWUsRUFFZixXQUFXLEdBQ2QsTUFBTSwyQkFBMkIsQ0FBQTtBQUNsQyxPQUFPLEVBQ0gsV0FBVyxFQUNYLGFBQWEsRUFDYixVQUFVLEdBQ2IsTUFBTSw4QkFBOEIsQ0FBQTtBQUVyQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDckQsT0FBTyxRQUFRLE1BQU0sbUJBQW1CLENBQUE7QUFHeEMsT0FBTyxNQUFNLE1BQU0scUJBQXFCLENBQUE7QUFFeEMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQWdFMUIsTUFBTSxVQUFVLFVBQVUsQ0FBQyxZQUE2Qjs7SUFDcEQsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLFlBQVksRUFBRTtRQUNwQyxPQUFPLEVBQUUsSUFBSTtRQUNiLFlBQVksRUFBRSxRQUFRO1FBQ3RCLE1BQU0sRUFBRSxDQUFDLElBQUksRUFBRSxHQUFHLENBQUM7UUFDbkIsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztRQUNqQixPQUFPLEVBQUUscUJBQXFCO1FBQzlCLEtBQUssRUFBRSxNQUFNO1FBQ2IsTUFBTSxFQUFFLEtBQUs7UUFDYixPQUFPLEVBQUUsVUFBVTtRQUNuQixTQUFTLEVBQUUsS0FBSztLQUNuQixDQUFDLENBQUE7SUFDRixNQUFNLEVBQ0YsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEVBQ0wsT0FBTyxFQUNQLE9BQU8sRUFDUCxPQUFPLEVBQ1AsT0FBTyxFQUNQLE1BQU0sR0FDVCxHQUFHLEtBQUssQ0FBQTtJQUNULE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxZQUFZLENBQUE7SUFDOUIsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUM3QyxNQUFNLEtBQUssbUJBQ1AsMkJBQTJCLEVBQUUsaUJBQWlCLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxFQUM5RCxxQkFBcUIsRUFBRSxZQUFZLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxFQUNuRCxxQkFBcUIsRUFBRSxZQUFZLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxFQUNuRCxvQkFBb0IsRUFBRSxTQUFTLElBQzVCLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FDeEIsQ0FBQTtJQUNELE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUE7SUFDdkIsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQTtJQUNqQyxNQUFNLElBQUksR0FBRyxDQUNULDhCQUNLLEdBQUcsRUFDSCxPQUFPLElBQUksS0FBQyxRQUFRLElBQUMsT0FBTyxFQUFFLElBQUksR0FBSSxFQUN0QyxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksS0FBQyxJQUFJLEtBQUcsRUFDN0IsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLEtBQUssWUFBRyxNQUFBLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEtBQUssbUNBQUksUUFBUSxHQUFPLEVBQ2xFLFNBQVMsSUFBSSxLQUFDLFNBQVMsS0FBRyxJQUM1QixDQUNOLENBQUE7SUFDRCxJQUFJLE9BQU8sT0FBTyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQzlCLE9BQU8sQ0FDSCxZQUNJLEtBQUssRUFBRSxLQUFLLEVBQ1osU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsU0FBUyxFQUNULE1BQU0sQ0FBQyxNQUFNLEVBQ2IsTUFBTSxDQUFDLE9BQU8sQ0FBQyxFQUNmLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNLENBQUMsSUFBSSxFQUM1QixDQUFDLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUN2QyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQ3pCLEVBQ0QsTUFBTSxFQUFFLE1BQU0sRUFDZCxJQUFJLEVBQUUsT0FBTyxZQUVaLElBQUksR0FDTCxDQUNQLENBQUE7SUFDTCxDQUFDO0lBQ0QsT0FBTyxDQUNILGlCQUNJLEtBQUssRUFBRSxLQUFLLEVBQ1osU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsU0FBUyxFQUNULE1BQU0sQ0FBQyxNQUFNLEVBQ2IsTUFBTSxDQUFDLE9BQU8sQ0FBQyxFQUNmLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNLENBQUMsSUFBSSxFQUM1QixlQUFlLENBQUMsS0FBSyxDQUFDLENBQ3pCLEVBQ0QsUUFBUSxFQUFFLENBQUMsT0FBTyxJQUFJLE9BQU8sRUFDN0IsSUFBSSxFQUFDLFFBQVEsRUFDYixPQUFPLEVBQUUsT0FBTyxZQUVmLElBQUksR0FDQSxDQUNaLENBQUE7QUFDTCxDQUFDO0FBRUQsTUFBTSxVQUFVLGdCQUFnQixDQUM1QixZQUFzQztJQUV0QyxPQUFPLENBQUMsS0FBc0IsRUFBRSxFQUFFLENBQzlCLFVBQVUsaUNBQ0gsWUFBWSxHQUNaLEtBQUssRUFDVixDQUFBO0FBQ1YsQ0FBQztBQUVELE1BQU0scUJBQXFCLEdBQUcsR0FBRyxFQUFFO0lBQy9CLE9BQU8sQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsQ0FBQTtBQUN6QyxDQUFDLENBQUE7QUFFRCxTQUFTLFlBQVksQ0FDakIsS0FBa0MsRUFDbEMsT0FBZTtJQUVmLFFBQVEsT0FBTyxFQUFFLENBQUM7UUFDZCxLQUFLLE1BQU07WUFDUCxPQUFPLGFBQWEsQ0FBQTtRQUN4QixxQ0FBcUM7UUFDckM7WUFDSSxPQUFPLFdBQVcsQ0FBQyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxhQUFhLENBQUMsQ0FBQTtJQUNsRCxDQUFDO0FBQ0wsQ0FBQztBQUVELFNBQVMsaUJBQWlCLENBQ3RCLEtBQWtDLEVBQ2xDLE9BQWU7SUFFZixRQUFRLE9BQU8sRUFBRSxDQUFDO1FBQ2QsS0FBSyxNQUFNO1lBQ1AsT0FBTyxhQUFhLENBQUE7UUFDeEIscUNBQXFDO1FBQ3JDO1lBQ0ksT0FBTyxXQUFXLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksV0FBVyxFQUFFLEdBQUcsQ0FBQyxDQUFBO0lBQ3JELENBQUM7QUFDTCxDQUFDO0FBRUQsU0FBUyxZQUFZLENBQ2pCLEtBQWtDLEVBQ2xDLE9BQWU7SUFFZixRQUFRLE9BQU8sRUFBRSxDQUFDO1FBQ2QsS0FBSyxNQUFNLENBQUM7UUFDWixLQUFLLFVBQVU7WUFDWCxPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUE7UUFDdEQsd0JBQXdCO1FBQ3hCO1lBQ0ksT0FBTyxhQUFhLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksV0FBVyxDQUFDLENBQUE7SUFDbEQsQ0FBQztBQUNMLENBQUMifQ==
|
|
@@ -50,23 +50,23 @@
|
|
|
50
50
|
outline-color: var(--custom-color-main);
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.elevated,
|
|
54
|
-
.filled {
|
|
53
|
+
.Button.elevated,
|
|
54
|
+
.Button.filled {
|
|
55
55
|
background: var(--custom-color-main);
|
|
56
56
|
color: var(--custom-color-text);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
.elevated {
|
|
59
|
+
.Button.elevated {
|
|
60
60
|
box-shadow: 0 0.125em 0.25em #0007;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
|
-
.outlined {
|
|
63
|
+
.Button.outlined {
|
|
64
64
|
border: var(--custom-thickness) solid var(--custom-color-main);
|
|
65
65
|
color: var(--custom-color-main);
|
|
66
66
|
background: transparent;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.text {
|
|
69
|
+
.Button.text {
|
|
70
70
|
color: var(--custom-color-text);
|
|
71
71
|
background: transparent;
|
|
72
72
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TypeGrammar } from "./types.js";
|
|
2
|
+
export interface ViewCodeHighlighterProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
/**
|
|
5
|
+
* The grammar to use to highlight the code.
|
|
6
|
+
*
|
|
7
|
+
* The library provides few ones:
|
|
8
|
+
* ```
|
|
9
|
+
* import { grammarTsx } from "@tolokoban/ui"
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
12
|
+
grammar: TypeGrammar;
|
|
13
|
+
/**
|
|
14
|
+
* The code we want to highlight as a plain string.
|
|
15
|
+
*/
|
|
16
|
+
children: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function ViewCodeHighlighter({ className, children, grammar, }: ViewCodeHighlighterProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=CodeHighlighter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeHighlighter.d.ts","sourceRoot":"","sources":["../../../src/view/CodeHighlighter/CodeHighlighter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,WAAW,EAAE,MAAM,YAAY,CAAA;AAOrD,MAAM,WAAW,wBAAwB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,OAAO,EAAE,WAAW,CAAA;IACpB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,OAAO,GACV,EAAE,wBAAwB,2CAU1B"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Theme } from "../../theme/index.js";
|
|
4
|
+
import Styles from "./CodeHighlighter.module.css";
|
|
5
|
+
const $ = Theme.classNames;
|
|
6
|
+
export function ViewCodeHighlighter({ className, children, grammar, }) {
|
|
7
|
+
const [code, setCode] = React.useState([children]);
|
|
8
|
+
React.useEffect(() => {
|
|
9
|
+
setCode(parseCode(children, grammar));
|
|
10
|
+
}, [children, grammar]);
|
|
11
|
+
return (_jsx("div", { className: $.join(className, Styles.CodeHighlighter), children: code.map(buildCode) }));
|
|
12
|
+
}
|
|
13
|
+
function buildCode(code, index) {
|
|
14
|
+
if (typeof code === "string")
|
|
15
|
+
return code;
|
|
16
|
+
return (_jsx("span", { className: code.className, children: code.children.map(buildCode) }, `Code.${index}`));
|
|
17
|
+
}
|
|
18
|
+
function parseCode(text, _grammar) {
|
|
19
|
+
return [text];
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29kZUhpZ2hsaWdodGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvQ29kZUhpZ2hsaWdodGVyL0NvZGVIaWdobGlnaHRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUk1QyxPQUFPLE1BQU0sTUFBTSw4QkFBOEIsQ0FBQTtBQUVqRCxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBbUIxQixNQUFNLFVBQVUsbUJBQW1CLENBQUMsRUFDaEMsU0FBUyxFQUNULFFBQVEsRUFDUixPQUFPLEdBQ2dCO0lBQ3ZCLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBZ0IsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBQ2pFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2pCLE9BQU8sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFDekMsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFDdkIsT0FBTyxDQUNILGNBQUssU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxlQUFlLENBQUMsWUFDcEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsR0FDbEIsQ0FDVCxDQUFBO0FBQ0wsQ0FBQztBQUVELFNBQVMsU0FBUyxDQUFDLElBQWlCLEVBQUUsS0FBYTtJQUMvQyxJQUFJLE9BQU8sSUFBSSxLQUFLLFFBQVE7UUFBRSxPQUFPLElBQUksQ0FBQTtJQUV6QyxPQUFPLENBQ0gsZUFBNEIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLFlBQ2hELElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxJQUR0QixRQUFRLEtBQUssRUFBRSxDQUVuQixDQUNWLENBQUE7QUFDTCxDQUFDO0FBRUQsU0FBUyxTQUFTLENBQ2QsSUFBWSxFQUNaLFFBQXFCO0lBRXJCLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNqQixDQUFDIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/CodeHighlighter/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from "./CodeHighlighter.js";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9Db2RlSGlnaGxpZ2h0ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQSJ9
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
interface Lexer {
|
|
2
|
+
/**
|
|
3
|
+
* If `name` starts with a "!", the token will be ignored.
|
|
4
|
+
* That means that this token is valid, but we don't need it
|
|
5
|
+
* for the scanner. That can be the case of spaces and new
|
|
6
|
+
* lines, for instance.
|
|
7
|
+
*
|
|
8
|
+
* The array of string represents real strings matching,
|
|
9
|
+
* without any RegExp rules.
|
|
10
|
+
* For example, ["/*", "//"] will match every piece of string
|
|
11
|
+
* strictly equal to "/*" or "//".
|
|
12
|
+
*/
|
|
13
|
+
[name: string]: RegExp | string[];
|
|
14
|
+
}
|
|
15
|
+
export interface TypeGrammar {
|
|
16
|
+
lexer: Lexer;
|
|
17
|
+
scanner: ScannerRule[];
|
|
18
|
+
}
|
|
19
|
+
type ScannerRule = {
|
|
20
|
+
/** The class to use if this rules matches. */
|
|
21
|
+
className?: string;
|
|
22
|
+
token: string;
|
|
23
|
+
} | {
|
|
24
|
+
/** The class to use if this rules matches. */
|
|
25
|
+
className?: string;
|
|
26
|
+
children: Array<ScannerRule & {
|
|
27
|
+
/** Occurences. */
|
|
28
|
+
arity: "?" | "+" | "*";
|
|
29
|
+
}>;
|
|
30
|
+
} | {
|
|
31
|
+
/** The class to use if this rules matches. */
|
|
32
|
+
className?: string;
|
|
33
|
+
/**
|
|
34
|
+
* A bloc allows you to opt-out from the current lexer
|
|
35
|
+
* and use another one.
|
|
36
|
+
* This is usefull for code of different syntax inside another one,
|
|
37
|
+
* like embeded HTML of JSX.
|
|
38
|
+
*/
|
|
39
|
+
bloc: {
|
|
40
|
+
/** Token that starts the bloc. */
|
|
41
|
+
open: string;
|
|
42
|
+
/** Token that ends the bloc. */
|
|
43
|
+
close: string;
|
|
44
|
+
lexer: Lexer;
|
|
45
|
+
children: Array<ScannerRule & {
|
|
46
|
+
/** Occurences. */
|
|
47
|
+
arity: "?" | "+" | "*";
|
|
48
|
+
}>;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
export type ColoredCode = string | {
|
|
52
|
+
className: string;
|
|
53
|
+
children: ColoredCode[];
|
|
54
|
+
};
|
|
55
|
+
export {};
|
|
56
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/view/CodeHighlighter/types.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX;;;;;;;;;;OAUG;IACH,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;CACpC;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,OAAO,EAAE,WAAW,EAAE,CAAA;CACzB;AAED,KAAK,WAAW,GACV;IACI,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CAChB,GACD;IACI,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CACX,WAAW,GAAG;QACV,kBAAkB;QAClB,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;KACzB,CACJ,CAAA;CACJ,GACD;IACI,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,IAAI,EAAE;QACF,kCAAkC;QAClC,IAAI,EAAE,MAAM,CAAA;QACZ,gCAAgC;QAChC,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,KAAK,CAAA;QACZ,QAAQ,EAAE,KAAK,CACX,WAAW,GAAG;YACV,kBAAkB;YAClB,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;SACzB,CACJ,CAAA;KACJ,CAAA;CACJ,CAAA;AAEP,MAAM,MAAM,WAAW,GACjB,MAAM,GACN;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,WAAW,EAAE,CAAA;CAAE,CAAA"}
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputColor.d.ts","sourceRoot":"","sources":["../../../src/view/InputColor/InputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EACH,mBAAmB,EAEtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACH,kBAAkB,EAErB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAK9C,QAAA,MAAM,KAAK;;;;;;CAMV,CAAA;AAED,MAAM,WAAW,eACb,SAAQ,aAAa,CAAC,MAAM,CAAC,EACzB,eAAe,EACf,kBAAkB,EAClB,mBAAmB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"InputColor.d.ts","sourceRoot":"","sources":["../../../src/view/InputColor/InputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EACH,mBAAmB,EAEtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACH,kBAAkB,EAErB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAK9C,QAAA,MAAM,KAAK;;;;;;CAMV,CAAA;AAED,MAAM,WAAW,eACb,SAAQ,aAAa,CAAC,MAAM,CAAC,EACzB,eAAe,EACf,kBAAkB,EAClB,mBAAmB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAmDpD"}
|
|
@@ -15,15 +15,25 @@ const SIZES = {
|
|
|
15
15
|
};
|
|
16
16
|
export function ViewInputColor(props) {
|
|
17
17
|
const ref = React.useRef(null);
|
|
18
|
+
const refEditorOpen = React.useRef(false);
|
|
18
19
|
const { value, onChange, size = "M" } = props;
|
|
20
|
+
console.log("<ViewInputColor />", value);
|
|
19
21
|
const style = Object.assign(Object.assign(Object.assign(Object.assign({}, styleDimension(props)), stylePosition(props)), styleChild(props)), { fontSize: SIZES[size], backgroundColor: value });
|
|
20
|
-
const handleChange = (evt) => {
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
const handleChange = React.useCallback((evt) => {
|
|
23
|
+
evt.stopPropagation();
|
|
24
|
+
evt.preventDefault();
|
|
25
|
+
if (!refEditorOpen.current)
|
|
26
|
+
return;
|
|
27
|
+
const newColor = evt.target.value;
|
|
28
|
+
console.log("🚀 [InputColor] newColor = ", newColor); // @FIXME: Remove this line written on 2024-11-01 at 10:20
|
|
29
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newColor);
|
|
30
|
+
refEditorOpen.current = false;
|
|
31
|
+
}, [onChange]);
|
|
23
32
|
const handleClick = () => {
|
|
24
33
|
const input = ref.current;
|
|
25
34
|
if (!input)
|
|
26
35
|
return;
|
|
36
|
+
refEditorOpen.current = true;
|
|
27
37
|
input.click();
|
|
28
38
|
};
|
|
29
39
|
return (_jsx(ViewLabel, { value: props.label, children: _jsx("button", { className: Theme.classNames.join(props.className, Styles.InputColor), style: style, onClick: handleClick, children: _jsx("input", { ref: ref, type: "color", value: sanitizeColor(value), onChange: handleChange }) }) }));
|
|
@@ -45,4 +55,4 @@ function sanitizeColor(value) {
|
|
|
45
55
|
}
|
|
46
56
|
return color;
|
|
47
57
|
}
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDb2xvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L0lucHV0Q29sb3IvSW5wdXRDb2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFFSCxjQUFjLEdBQ2pCLE1BQU0saUNBQWlDLENBQUE7QUFDeEMsT0FBTyxFQUVILGFBQWEsR0FDaEIsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUd2QyxPQUFPLE1BQU0sTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sVUFBVSxDQUFBO0FBRXBDLE1BQU0sS0FBSyxHQUFHO0lBQ1YsRUFBRSxFQUFFLEtBQUs7SUFDVCxDQUFDLEVBQUUsTUFBTTtJQUNULENBQUMsRUFBRSxNQUFNO0lBQ1QsQ0FBQyxFQUFFLE1BQU07SUFDVCxFQUFFLEVBQUUsTUFBTTtDQUNiLENBQUE7QUFhRCxNQUFNLFVBQVUsY0FBYyxDQUFDLEtBQXNCO0lBQ2pELE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQTBCLElBQUksQ0FBQyxDQUFBO0lBQ3ZELE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDekMsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxHQUFHLEdBQUcsRUFBRSxHQUFHLEtBQUssQ0FBQTtJQUM3QyxPQUFPLENBQUMsR0FBRyxDQUFDLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxDQUFBO0lBQ3hDLE1BQU0sS0FBSywrREFDSixjQUFjLENBQUMsS0FBSyxDQUFDLEdBQ3JCLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FDcEIsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUNwQixRQUFRLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUNyQixlQUFlLEVBQUUsS0FBSyxHQUN6QixDQUFBO0lBQ0QsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDbEMsQ0FBQyxHQUF3QyxFQUFFLEVBQUU7UUFDekMsR0FBRyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLEdBQUcsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtRQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU87WUFBRSxPQUFNO1FBRWxDLE1BQU0sUUFBUSxHQUFHLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFBO1FBQ2pDLE9BQU8sQ0FBQyxHQUFHLENBQUMsNkJBQTZCLEVBQUUsUUFBUSxDQUFDLENBQUEsQ0FBQywwREFBMEQ7UUFDL0csUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLFFBQVEsQ0FBQyxDQUFBO1FBQ3BCLGFBQWEsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLENBQUMsRUFDRCxDQUFDLFFBQVEsQ0FBQyxDQUNiLENBQUE7SUFDRCxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7UUFDckIsTUFBTSxLQUFLLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQTtRQUN6QixJQUFJLENBQUMsS0FBSztZQUFFLE9BQU07UUFFbEIsYUFBYSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7UUFDNUIsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ2pCLENBQUMsQ0FBQTtJQUNELE9BQU8sQ0FDSCxLQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssWUFDekIsaUJBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM1QixLQUFLLENBQUMsU0FBUyxFQUNmLE1BQU0sQ0FBQyxVQUFVLENBQ3BCLEVBQ0QsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsV0FBVyxZQUVwQixnQkFDSSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxPQUFPLEVBQ1osS0FBSyxFQUFFLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFDM0IsUUFBUSxFQUFFLFlBQVksR0FDeEIsR0FDRyxHQUNELENBQ2YsQ0FBQTtBQUNMLENBQUM7QUFFRDs7O0dBR0c7QUFDSCxTQUFTLGFBQWEsQ0FBQyxLQUFhO0lBQ2hDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQztRQUFFLE9BQU8sS0FBSyxDQUFBO0lBQ3hDLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxDQUFDO1FBQUUsT0FBTyxLQUFLLENBQUE7SUFFcEMsSUFBSSxLQUFLLEdBQUcsR0FBRyxDQUFBO0lBQ2YsS0FBSyxNQUFNLEtBQUssSUFBSSxLQUFLLEVBQUUsQ0FBQztRQUN4QixJQUFJLEtBQUssS0FBSyxHQUFHLEVBQUUsQ0FBQztZQUNoQixLQUFLLEdBQUcsR0FBRyxLQUFLLEdBQUcsS0FBSyxHQUFHLEtBQUssRUFBRSxDQUFBO1FBQ3RDLENBQUM7SUFDTCxDQUFDO0lBQ0QsT0FBTyxLQUFLLENBQUE7QUFDaEIsQ0FBQyJ9
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/view/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EACH,mBAAmB,EAGtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/view/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EACH,mBAAmB,EAGtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAmB,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAM3E,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC,GAClD,eAAe,GACf,mBAAmB,GACnB,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EACC,QAAQ,GACR,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAA;IACZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAA;IACjD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,iBAAiB,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACtD,CAAA;AAEL,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAsEtD"}
|
|
@@ -3,7 +3,8 @@ import * as React from "react";
|
|
|
3
3
|
import { Theme } from "../../theme/index.js";
|
|
4
4
|
import { styleSpace } from "../../theme/styles/space.js";
|
|
5
5
|
import { ViewLabel } from "../Label/index.js";
|
|
6
|
-
import {
|
|
6
|
+
import { styleDimension, } from "../../theme/styles/dimension.js";
|
|
7
|
+
import { classnameCommon } from "../../theme/styles/common.js";
|
|
7
8
|
import Styles from "./InputText.module.css";
|
|
8
9
|
const $ = Theme.classNames;
|
|
9
10
|
export function ViewInputText(props) {
|
|
@@ -34,7 +35,7 @@ export function ViewInputText(props) {
|
|
|
34
35
|
const style = Object.assign(Object.assign({}, styleSpace(props)), styleDimension(props));
|
|
35
36
|
if (maxWidth)
|
|
36
37
|
style.maxWidth = maxWidth;
|
|
37
|
-
const input = (_jsx("input", { className: $.join(className, Styles.InputText, invalid && Styles.invalid,
|
|
38
|
+
const input = (_jsx("input", { className: $.join(className, Styles.InputText, invalid && Styles.invalid, classnameCommon(props)), id: id, style: style, disabled: !enabled, autoFocus: autofocus, placeholder: placeholder, type: type, value: text, name: name, onChange: handleChange, onKeyDown: handleKeydown }));
|
|
38
39
|
return label ? (_jsx(ViewLabel, { value: label, fullwidth: props.fullwidth, children: input })) : (input);
|
|
39
40
|
}
|
|
40
41
|
function validate(value, validator) {
|
|
@@ -48,4 +49,4 @@ function validate(value, validator) {
|
|
|
48
49
|
return validator(value);
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvSW5wdXRUZXh0L0lucHV0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU3QyxPQUFPLEVBR0gsY0FBYyxHQUNqQixNQUFNLGlDQUFpQyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQWUsTUFBTSw4QkFBOEIsQ0FBQTtBQUUzRSxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQTtBQUUzQyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBc0QxQixNQUFNLFVBQVUsYUFBYSxDQUFDLEtBQXlCO0lBQ25ELE1BQU0sRUFDRixTQUFTLEVBQ1QsRUFBRSxFQUNGLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLE9BQU8sR0FBRyxJQUFJLEVBQ2QsS0FBSyxFQUNMLElBQUksRUFDSixTQUFTLEdBQUcsS0FBSyxFQUNqQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxNQUFNLEVBQ2IsUUFBUSxFQUNSLFNBQVMsR0FDWixHQUFHLEtBQUssQ0FBQTtJQUNULE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNuRCxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDN0MsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FB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
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useChangeableValue } from "../../hooks/changeable-value.js";
|
|
3
3
|
import { ViewLabel } from "../Label/index.js";
|
|
4
4
|
import { ViewTouchable } from "../Touchable/index.js";
|
|
5
|
-
import { Theme,
|
|
5
|
+
import { Theme, classnameCommon, styleColor, styleCommon, } from "./../../theme/index.js";
|
|
6
6
|
import Styles from "./Options.module.css";
|
|
7
7
|
const $ = Theme.classNames;
|
|
8
8
|
export function ViewOptions(props) {
|
|
@@ -10,7 +10,7 @@ export function ViewOptions(props) {
|
|
|
10
10
|
const [value, setValue] = useChangeableValue(props);
|
|
11
11
|
return (_jsx(ViewLabel, { value: label, fullwidth: props.fullwidth, children: _jsx("div", { className: $.join(Styles.Options, props.className,
|
|
12
12
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
13
|
-
|
|
13
|
+
classnameCommon(props)), style: Object.assign(Object.assign({}, styleCommon(props)), styleColor(props)), children: children.map((child) => {
|
|
14
14
|
var _a;
|
|
15
15
|
const key = typeof value === "number"
|
|
16
16
|
? parseFloat(`${(_a = child.key) !== null && _a !== void 0 ? _a : "0"}`)
|
|
@@ -18,4 +18,4 @@ export function ViewOptions(props) {
|
|
|
18
18
|
return key === value ? (_jsx("div", { className: $.join(Styles.button, Styles.selected), style: styleColor({ color: props.colorSelection }), children: child }, key)) : (_jsx(ViewTouchable, { className: $.join(Styles.button, Styles.unselected), style: styleColor({ color: props.color }), onClick: () => setValue(key), children: child }, key));
|
|
19
19
|
}) }) }));
|
|
20
20
|
}
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L09wdGlvbnMvT3B0aW9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDckQsT0FBTyxFQUVILEtBQUssRUFDTCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFdBQVcsR0FDZCxNQUFNLFNBQVMsQ0FBQTtBQUVoQixPQUFPLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQTtBQWlCekMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQUUxQixNQUFNLFVBQVUsV0FBVyxDQUFJLEtBQTBCO0lBQ3JELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkQsT0FBTyxDQUNILEtBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLFlBQy9DLGNBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsTUFBTSxDQUFDLE9BQU8sRUFDZCxLQUFLLENBQUMsU0FBUztZQUNmLDZEQUE2RDtZQUM3RCxlQUFlLENBQUMsS0FBSyxDQUFDLENBQ3pCLEVBQ0QsS0FBSyxrQ0FBTyxXQUFXLENBQUMsS0FBSyxDQUFDLEdBQUssVUFBVSxDQUFDLEtBQUssQ0FBQyxhQUVuRCxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7O2dCQUNwQixNQUFNLEdBQUcsR0FDTCxPQUFPLEtBQUssS0FBSyxRQUFRO29CQUNyQixDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsTUFBQSxLQUFLLENBQUMsR0FBRyxtQ0FBSSxHQUFHLEVBQUUsQ0FBQztvQkFDbkMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUE7Z0JBQ25CLE9BQU8sR0FBRyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDbkIsY0FDSSxTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFFakQsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUMsWUFFakQsS0FBSyxJQUhELEdBQUcsQ0FJTixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsS0FBQyxhQUFhLElBQ1YsU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsVUFBVSxDQUFDLEVBRW5ELEtBQUssRUFBRSxVQUFVLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQ3pDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsR0FBUSxDQUFDLFlBRWhDLEtBQUssSUFKRCxHQUFHLENBS0ksQ0FDbkIsQ0FBQTtZQUNMLENBQUMsQ0FBQyxHQUNBLEdBQ0UsQ0FDZixDQUFBO0FBQ0wsQ0FBQyJ9
|