@tolokoban/ui 0.19.2 → 0.19.3
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/lib/README.md +19 -0
- package/lib/dist/hooks/index.d.ts +1 -0
- package/lib/dist/hooks/index.d.ts.map +1 -1
- package/lib/dist/hooks/index.js +2 -1
- package/lib/dist/hooks/session-storage-state.d.ts +8 -0
- package/lib/dist/hooks/session-storage-state.d.ts.map +1 -0
- package/lib/dist/hooks/session-storage-state.js +31 -0
- package/lib/dist/info.d.ts +1 -1
- package/lib/dist/info.js +1 -1
- package/lib/dist/theme/styles/common.d.ts +0 -1
- package/lib/dist/theme/styles/common.d.ts.map +1 -1
- package/lib/dist/theme/styles/common.js +2 -6
- package/lib/dist/theme/styles/dimension.js +1 -1
- package/lib/dist/view/Button/Button.d.ts.map +1 -1
- package/lib/dist/view/Button/Button.js +4 -4
- package/lib/dist/view/InputText/InputText.d.ts.map +1 -1
- package/lib/dist/view/InputText/InputText.js +3 -4
- 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/Stack/Stack.d.ts.map +1 -1
- package/lib/dist/view/Stack/Stack.js +3 -3
- package/lib/dist/view/Strip/Strip.d.ts.map +1 -1
- package/lib/dist/view/Strip/Strip.js +4 -4
- package/lib/dist/view/Switch/Switch.js +3 -3
- package/lib/dist/view/Tabs/Tabs.d.ts.map +1 -1
- package/lib/dist/view/Tabs/Tabs.js +4 -4
- package/lib/dist/view/index.js +1 -1
- package/package.json +1 -1
package/lib/README.md
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# @tolokoban/ui
|
|
2
|
+
|
|
3
|
+
## How to add new icons
|
|
4
|
+
|
|
5
|
+
Go to this site: <https://pictogrammers.com>
|
|
6
|
+
|
|
7
|
+
And use the content of the `d` attribute to create a file like this:
|
|
8
|
+
|
|
9
|
+
```ts
|
|
10
|
+
import { makeIconView } from "./factory"
|
|
11
|
+
|
|
12
|
+
const IconData = makeIconView(
|
|
13
|
+
"M12 3C7.58 3 4 4...",
|
|
14
|
+
"IconData"
|
|
15
|
+
)
|
|
16
|
+
export default IconData
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Once `npm run generate` has been executed (by just building the project, for instance), the exports will be added automatically.
|
|
@@ -2,6 +2,7 @@ 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";
|
|
5
6
|
export * from "./state-updater";
|
|
6
7
|
export * from "./throwable";
|
|
7
8
|
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,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}
|
|
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,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}
|
package/lib/dist/hooks/index.js
CHANGED
|
@@ -2,7 +2,8 @@ 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";
|
|
5
6
|
export * from "./state-updater.js";
|
|
6
7
|
export * from "./throwable.js";
|
|
7
8
|
export * from "./undoable-state.js";
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyx5QkFBeUIsQ0FBQTtBQUN2QyxjQUFjLGlCQUFpQixDQUFBO0FBQy9CLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsa0JBQWtCLENBQUEifQ==
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* State variable that can be stored in local storage.
|
|
3
|
+
* @param defaultValue Default value for initialization.
|
|
4
|
+
* @param storageKey Key where to store it in local storage.
|
|
5
|
+
* @param ensureType If defined, it is used to transform the value read from storage.
|
|
6
|
+
*/
|
|
7
|
+
export declare function useSessionStorageState<T>(defaultValue: T, storageKey: string, ensureType?: (value: unknown) => T): [value: T, setValue: (value: T) => void];
|
|
8
|
+
//# sourceMappingURL=session-storage-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"session-storage-state.d.ts","sourceRoot":"","sources":["../../src/hooks/session-storage-state.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACpC,YAAY,EAAE,CAAC,EACf,UAAU,EAAE,MAAM,EAClB,UAAU,GAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAkC,GACnE,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAW1C"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* State variable that can be stored in local storage.
|
|
4
|
+
* @param defaultValue Default value for initialization.
|
|
5
|
+
* @param storageKey Key where to store it in local storage.
|
|
6
|
+
* @param ensureType If defined, it is used to transform the value read from storage.
|
|
7
|
+
*/
|
|
8
|
+
export function useSessionStorageState(defaultValue, storageKey, ensureType = (value) => value) {
|
|
9
|
+
const [value, setValue] = React.useState(get(storageKey, defaultValue, ensureType));
|
|
10
|
+
return [
|
|
11
|
+
value,
|
|
12
|
+
(newValue) => {
|
|
13
|
+
setValue(newValue);
|
|
14
|
+
window.sessionStorage.setItem(storageKey, JSON.stringify(newValue));
|
|
15
|
+
},
|
|
16
|
+
];
|
|
17
|
+
}
|
|
18
|
+
function get(key, defaultValue, ensureType) {
|
|
19
|
+
const text = window.sessionStorage.getItem(key);
|
|
20
|
+
if (text === null)
|
|
21
|
+
return defaultValue;
|
|
22
|
+
try {
|
|
23
|
+
const value = JSON.parse(text);
|
|
24
|
+
return ensureType(value);
|
|
25
|
+
}
|
|
26
|
+
catch (ex) {
|
|
27
|
+
console.error(`Unexpected value in session storage "${key}":`, ex);
|
|
28
|
+
return defaultValue;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Vzc2lvbi1zdG9yYWdlLXN0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3Nlc3Npb24tc3RvcmFnZS1zdGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5Qjs7Ozs7R0FLRztBQUNILE1BQU0sVUFBVSxzQkFBc0IsQ0FDbEMsWUFBZSxFQUNmLFVBQWtCLEVBQ2xCLGFBQW9DLENBQUMsS0FBYyxFQUFFLEVBQUUsQ0FBQyxLQUFVO0lBRWxFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FDcEMsR0FBRyxDQUFJLFVBQVUsRUFBRSxZQUFZLEVBQUUsVUFBVSxDQUFDLENBQy9DLENBQUE7SUFDRCxPQUFPO1FBQ0gsS0FBSztRQUNMLENBQUMsUUFBVyxFQUFFLEVBQUU7WUFDWixRQUFRLENBQUMsUUFBUSxDQUFDLENBQUE7WUFDbEIsTUFBTSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtRQUN2RSxDQUFDO0tBQ0osQ0FBQTtBQUNMLENBQUM7QUFFRCxTQUFTLEdBQUcsQ0FDUixHQUFXLEVBQ1gsWUFBZSxFQUNmLFVBQWlDO0lBRWpDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQy9DLElBQUksSUFBSSxLQUFLLElBQUk7UUFBRSxPQUFPLFlBQVksQ0FBQTtJQUV0QyxJQUFJLENBQUM7UUFDRCxNQUFNLEtBQUssR0FBWSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ3ZDLE9BQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzVCLENBQUM7SUFBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO1FBQ1YsT0FBTyxDQUFDLEtBQUssQ0FBQyx3Q0FBd0MsR0FBRyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFDbEUsT0FBTyxZQUFZLENBQUE7SUFDdkIsQ0FBQztBQUNMLENBQUMifQ==
|
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.19.
|
|
2
|
+
export declare const version = "0.19.3";
|
|
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.19.
|
|
2
|
+
export const version = "0.19.3";
|
|
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=
|
|
@@ -9,7 +9,6 @@ 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;
|
|
13
12
|
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";
|
|
14
13
|
export type NumberWithUnit = "0" | "auto" | "max-content" | "min-content" | `fit-content(${number}${Unit})` | `${number}${Unit}`;
|
|
15
14
|
//# 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,EAAE,mBAAmB,EAAkB,MAAM,gBAAgB,CAAA;AACpE,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,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,12 +1,8 @@
|
|
|
1
1
|
import { styleChild } from "./child.js";
|
|
2
|
-
import {
|
|
2
|
+
import { 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
|
-
|
|
9
|
-
const classes = [classnameDimension(props)];
|
|
10
|
-
return classes.join(" ");
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9jb21tb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDeEQsT0FBTyxFQUNILGtCQUFrQixFQUVsQixjQUFjLEdBQ2pCLE1BQU0sZ0JBQWdCLENBQUE7QUFDdkIsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDakUsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFZeEQsTUFBTSxVQUFVLFdBQVcsQ0FBQyxLQUFrQjtJQUMxQyxtRUFDTyxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQ2pCLGNBQWMsQ0FBQyxLQUFLLENBQUMsR0FDckIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLEVBQ3ZCO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxlQUFlLENBQUMsS0FBa0I7SUFDOUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQzNDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtBQUM1QixDQUFDIn0=
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9jb21tb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDeEQsT0FBTyxFQUF1QixjQUFjLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNwRSxPQUFPLEVBQXNCLGFBQWEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUNqRSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQVl4RCxNQUFNLFVBQVUsV0FBVyxDQUFDLEtBQWtCO0lBQzFDLG1FQUNPLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsY0FBYyxDQUFDLEtBQUssQ0FBQyxHQUNyQixhQUFhLENBQUMsS0FBSyxDQUFDLEdBQ3BCLFVBQVUsQ0FBQyxLQUFLLENBQUMsRUFDdkI7QUFDTCxDQUFDIn0=
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltZW5zaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RoZW1lL3N0eWxlcy9kaW1lbnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxLQUFLLE1BQU0sNkJBQTZCLENBQUE7QUE2Qi9DLE1BQU0sVUFBVSxjQUFjLENBQUMsRUFDM0IsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEdBQUcsT0FBTyxFQUNsQixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxXQUFXLEdBQUcsQ0FBQyxHQUNHO0lBQ2xCLE1BQU0sS0FBSyxHQUF3QjtRQUMvQixLQUFLO1FBQ0wsTUFBTTtRQUNOLFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUTtRQUNSLFNBQVM7S0FDWixDQUFBO0lBQ0QsSUFBSSxXQUFXLEdBQUcsQ0FBQztRQUFFLEtBQUssQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO0lBQ3BELE9BQU8sS0FBSyxDQUFBO0FBQ2hCLENBQUM7QUFFRCxNQUFNLFVBQVUsa0JBQWtCLENBQUMsRUFDL0IsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxHQUFHLEtBQUssRUFDakIsVUFBVSxHQUFHLEtBQUssRUFDbEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsVUFBVSxHQUFHLEtBQUssR0FDQTtJQUNsQixJQUFJLFFBQVE7UUFBRSxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUE7SUFFbkMsTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFBO0lBQzVCLElBQUksU0FBUztRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQzVDLElBQUksVUFBVTtRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzlDLElBQUksUUFBUTtRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQzFDLElBQUksVUFBVTtRQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzlDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQTtBQUM1QixDQUFDIn0=
|
|
@@ -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,EAAE,WAAW,EAAe,MAAM,2BAA2B,CAAA;AAMpE,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;;;;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,2CAmEvD;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 {
|
|
3
|
+
import { 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";
|
|
@@ -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
|
|
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 }));
|
|
31
31
|
}
|
|
32
|
-
return (_jsx("button", { style: style, className: $.join(className, Styles.Button, Styles[variant], Boolean(Icon) && Styles.icon
|
|
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 }));
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxFQUFlLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ3BFLE9BQU8sRUFDSCxXQUFXLEVBQ1gsYUFBYSxFQUNiLFVBQVUsR0FDYixNQUFNLDhCQUE4QixDQUFBO0FBRXJDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLFFBQVEsTUFBTSxtQkFBbUIsQ0FBQTtBQUd4QyxPQUFPLE1BQU0sTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBMkQxQixNQUFNLFVBQVUsVUFBVSxDQUFDLFlBQTZCOztJQUNwRCxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsWUFBWSxFQUFFO1FBQ3BDLE9BQU8sRUFBRSxJQUFJO1FBQ2IsWUFBWSxFQUFFLFFBQVE7UUFDdEIsTUFBTSxFQUFFLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQztRQUNuQixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDO1FBQ2pCLE9BQU8sRUFBRSxxQkFBcUI7UUFDOUIsS0FBSyxFQUFFLE1BQU07UUFDYixNQUFNLEVBQUUsS0FBSztRQUNiLE9BQU8sRUFBRSxVQUFVO1FBQ25CLFNBQVMsRUFBRSxLQUFLO0tBQ25CLENBQUMsQ0FBQTtJQUNGLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FDcEUsS0FBSyxDQUFBO0lBQ1QsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksQ0FBQTtJQUM5QixNQUFNLFNBQVMsR0FBRyxV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
|
|
@@ -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,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAM1D,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,8 +3,7 @@ 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 { styleDimension, } from "../../theme/styles/dimension.js";
|
|
7
|
-
import { classnameCommon } from "../../theme/styles/common.js";
|
|
6
|
+
import { classnameDimension, styleDimension, } from "../../theme/styles/dimension.js";
|
|
8
7
|
import Styles from "./InputText.module.css";
|
|
9
8
|
const $ = Theme.classNames;
|
|
10
9
|
export function ViewInputText(props) {
|
|
@@ -35,7 +34,7 @@ export function ViewInputText(props) {
|
|
|
35
34
|
const style = Object.assign(Object.assign({}, styleSpace(props)), styleDimension(props));
|
|
36
35
|
if (maxWidth)
|
|
37
36
|
style.maxWidth = maxWidth;
|
|
38
|
-
const input = (_jsx("input", { className: $.join(className, Styles.InputText, invalid && Styles.invalid,
|
|
37
|
+
const input = (_jsx("input", { className: $.join(className, Styles.InputText, invalid && Styles.invalid, classnameDimension(props)), id: id, style: style, disabled: !enabled, autoFocus: autofocus, placeholder: placeholder, type: type, value: text, name: name, onChange: handleChange, onKeyDown: handleKeydown }));
|
|
39
38
|
return label ? (_jsx(ViewLabel, { value: label, fullwidth: props.fullwidth, children: input })) : (input);
|
|
40
39
|
}
|
|
41
40
|
function validate(value, validator) {
|
|
@@ -49,4 +48,4 @@ function validate(value, validator) {
|
|
|
49
48
|
return validator(value);
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvSW5wdXRUZXh0L0lucHV0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUU3QyxPQUFPLEVBRUgsa0JBQWtCLEVBQ2xCLGNBQWMsR0FDakIsTUFBTSxpQ0FBaUMsQ0FBQTtBQUd4QyxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQTtBQUUzQyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBc0QxQixNQUFNLFVBQVUsYUFBYSxDQUFDLEtBQXlCO0lBQ25ELE1BQU0sRUFDRixTQUFTLEVBQ1QsRUFBRSxFQUNGLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLE9BQU8sR0FBRyxJQUFJLEVBQ2QsS0FBSyxFQUNMLElBQUksRUFDSixTQUFTLEdBQUcsS0FBSyxFQUNqQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLElBQUksR0FBRyxNQUFNLEVBQ2IsUUFBUSxFQUNSLFNBQVMsR0FDWixHQUFHLEtBQUssQ0FBQTtJQUNULE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNuRCxNQUFNLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDN0MsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FB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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, classnameDimension, 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
|
+
classnameDimension(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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L09wdGlvbnMvT3B0aW9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDckQsT0FBTyxFQUVILEtBQUssRUFDTCxrQkFBa0IsRUFDbEIsVUFBVSxFQUNWLFdBQVcsR0FDZCxNQUFNLFNBQVMsQ0FBQTtBQUVoQixPQUFPLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQTtBQWlCekMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQUUxQixNQUFNLFVBQVUsV0FBVyxDQUFJLEtBQTBCO0lBQ3JELE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkQsT0FBTyxDQUNILEtBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLFlBQy9DLGNBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsTUFBTSxDQUFDLE9BQU8sRUFDZCxLQUFLLENBQUMsU0FBUztZQUNmLDZEQUE2RDtZQUM3RCxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FDNUIsRUFDRCxLQUFLLGtDQUFPLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBSyxVQUFVLENBQUMsS0FBSyxDQUFDLGFBRW5ELFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7Z0JBQ3BCLE1BQU0sR0FBRyxHQUNMLE9BQU8sS0FBSyxLQUFLLFFBQVE7b0JBQ3JCLENBQUMsQ0FBQyxVQUFVLENBQUMsR0FBRyxNQUFBLEtBQUssQ0FBQyxHQUFHLG1DQUFJLEdBQUcsRUFBRSxDQUFDO29CQUNuQyxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQTtnQkFDbkIsT0FBTyxHQUFHLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNuQixjQUNJLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUVqRCxLQUFLLEVBQUUsVUFBVSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQyxZQUVqRCxLQUFLLElBSEQsR0FBRyxDQUlOLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQSxLQUFDLGFBQWEsSUFDVixTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxVQUFVLENBQUMsRUFFbkQsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsRUFDekMsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFRLENBQUMsWUFFaEMsS0FBSyxJQUpELEdBQUcsQ0FLSSxDQUNuQixDQUFBO1lBQ0wsQ0FBQyxDQUFDLEdBQ0EsR0FDRSxDQUNmLENBQUE7QUFDTCxDQUFDIn0=
|
|
@@ -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, classnameDimension, styleColor, styleCommon, } from "./../../theme/index.js";
|
|
6
6
|
import Styles from "./OptionsMultiple.module.css";
|
|
7
7
|
const $ = Theme.classNames;
|
|
8
8
|
export function ViewOptionsMultiple(props) {
|
|
@@ -17,7 +17,7 @@ export function ViewOptionsMultiple(props) {
|
|
|
17
17
|
setValues(values.filter((item) => item !== value));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
return (_jsx(ViewLabel, { value: label, children: _jsx("div", { className: $.join(Styles.OptionsMultiple, props.className,
|
|
20
|
+
return (_jsx(ViewLabel, { value: label, children: _jsx("div", { className: $.join(Styles.OptionsMultiple, props.className, classnameDimension(props)), style: Object.assign(Object.assign({}, styleCommon(props)), styleColor(props)), children: children.map((child) => {
|
|
21
21
|
const key = child.key;
|
|
22
22
|
const selected = values.includes(key);
|
|
23
23
|
return (_jsx(ViewTouchable, { className: $.join(Styles.button, selected ? Styles.selected : Styles.unselected), style: styleColor({
|
|
@@ -27,4 +27,4 @@ export function ViewOptionsMultiple(props) {
|
|
|
27
27
|
}), onClick: () => toggle(key), children: child }, key));
|
|
28
28
|
}) }) }));
|
|
29
29
|
}
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0aW9uc011bHRpcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvT3B0aW9uc011bHRpcGxlL09wdGlvbnNNdWx0aXBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDckQsT0FBTyxFQUVILEtBQUssRUFDTCxrQkFBa0IsRUFDbEIsVUFBVSxFQUNWLFdBQVcsR0FDZCxNQUFNLFNBQVMsQ0FBQTtBQUVoQixPQUFPLE1BQU0sTUFBTSw4QkFBOEIsQ0FBQTtBQWlCakQsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQUUxQixNQUFNLFVBQVUsbUJBQW1CLENBQy9CLEtBQWtDO0lBRWxDLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDckQsTUFBTSxNQUFNLEdBQUcsQ0FBQyxLQUFRLEVBQUUsRUFBRTtRQUN4QixNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ25DLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ1osU0FBUyxDQUFDLENBQUMsR0FBRyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUNqQyxDQUFDO2FBQU0sQ0FBQztZQUNKLFNBQVMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUN0RCxDQUFDO0lBQ0wsQ0FBQyxDQUFBO0lBQ0QsT0FBTyxDQUNILEtBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLFlBQ25CLGNBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQ2IsTUFBTSxDQUFDLGVBQWUsRUFDdEIsS0FBSyxDQUFDLFNBQVMsRUFDZixrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FDNUIsRUFDRCxLQUFLLGtDQUFPLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBSyxVQUFVLENBQUMsS0FBSyxDQUFDLGFBRW5ELFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDcEIsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQVEsQ0FBQTtnQkFDMUIsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQTtnQkFDckMsT0FBTyxDQUNILEtBQUMsYUFBYSxJQUNWLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUNiLE1BQU0sQ0FBQyxNQUFNLEVBQ2IsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUNqRCxFQUVELEtBQUssRUFBRSxVQUFVLENBQUM7d0JBQ2QsS0FBSyxFQUFFLFFBQVE7NEJBQ1gsQ0FBQyxDQUFDLEtBQUssQ0FBQyxjQUFjOzRCQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLEtBQUs7cUJBQ3BCLENBQUMsRUFDRixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxZQUV6QixLQUFLLElBUkQsR0FBRyxDQVNJLENBQ25CLENBQUE7WUFDTCxDQUFDLENBQUMsR0FDQSxHQUNFLENBQ2YsQ0FBQTtBQUNMLENBQUMifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/view/Panel/Panel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EACH,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/view/Panel/Panel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AACzE,OAAO,EACH,mBAAmB,EAGtB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAgB,MAAM,+BAA+B,CAAA;AAC/E,OAAO,EACH,kBAAkB,EAErB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EACH,kBAAkB,EAErB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,eAAe,EAAc,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAMxD,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,aAAa,CAAA;IAC5B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,eAAe,GACf,eAAe,GACf,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAClB,eAAe,CAAA;AAEnB,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAoC9C;AAED,wBAAgB,eAAe,CAC3B,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,GACtC,CAAC,KAAK,EAAE,cAAc,KAAK,GAAG,CAAC,OAAO,CAMxC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Theme } from "../../theme/index.js";
|
|
3
3
|
import { styleChild } from "../../theme/styles/child.js";
|
|
4
4
|
import { styleColor } from "../../theme/styles/color.js";
|
|
5
|
-
import { styleDimension, } from "../../theme/styles/dimension.js";
|
|
5
|
+
import { classnameDimension, styleDimension, } from "../../theme/styles/dimension.js";
|
|
6
6
|
import { styleDisplay } from "../../theme/styles/display.js";
|
|
7
7
|
import { styleOverflow, } from "../../theme/styles/overflow.js";
|
|
8
8
|
import { stylePosition, } from "../../theme/styles/position.js";
|
|
@@ -15,9 +15,9 @@ export function ViewPanel(props) {
|
|
|
15
15
|
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ fontSize }, styleColor(props)), styleSpace(props)), styleDimension(props)), styleOverflow(props)), styleDisplay(props)), stylePosition(props)), styleChild(props));
|
|
16
16
|
if (borderRadius)
|
|
17
17
|
style.borderRadius = cssForGaps(borderRadius);
|
|
18
|
-
return (_jsx("div", { id: id, className: $.join(className, Styles.Panel,
|
|
18
|
+
return (_jsx("div", { id: id, className: $.join(className, Styles.Panel, classnameDimension(props)), style: style, title: tooltip, tabIndex: tabIndex, children: children }));
|
|
19
19
|
}
|
|
20
20
|
export function makeCustomPanel(defaultProps) {
|
|
21
21
|
return (props) => ViewPanel(Object.assign(Object.assign({}, defaultProps), props));
|
|
22
22
|
}
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9QYW5lbC9QYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM1QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDekUsT0FBTyxFQUVILGtCQUFrQixFQUNsQixjQUFjLEdBQ2pCLE1BQU0saUNBQWlDLENBQUE7QUFDeEMsT0FBTyxFQUFxQixZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUMvRSxPQUFPLEVBRUgsYUFBYSxHQUNoQixNQUFNLGdDQUFnQyxDQUFBO0FBQ3ZDLE9BQU8sRUFFSCxhQUFhLEdBQ2hCLE1BQU0sZ0NBQWdDLENBQUE7QUFDdkMsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFHekQsT0FBTyxNQUFNLE1BQU0sb0JBQW9CLENBQUE7QUFFdkMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQXdCMUIsTUFBTSxVQUFVLFNBQVMsQ0FBQyxLQUFxQjtJQUMzQyxNQUFNLEVBQ0YsRUFBRSxFQUNGLFNBQVMsRUFDVCxRQUFRLEVBQ1IsWUFBWSxFQUNaLFFBQVEsRUFDUixPQUFPLEVBQ1AsUUFBUSxHQUNYLEdBQUcsS0FBSyxDQUFBO0lBQ1QsTUFBTSxLQUFLLHVHQUNQLFFBQVEsSUFDTCxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQ2pCLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsY0FBYyxDQUFDLEtBQUssQ0FBQyxHQUNyQixhQUFhLENBQUMsS0FBSyxDQUFDLEdBQ3BCLFlBQVksQ0FBQyxLQUFLLENBQUMsR0FDbkIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLENBQ3ZCLENBQUE7SUFDRCxJQUFJLFlBQVk7UUFBRSxLQUFLLENBQUMsWUFBWSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0gsY0FDSSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUNiLFNBQVMsRUFDVCxNQUFNLENBQUMsS0FBSyxFQUNaLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUM1QixFQUNELEtBQUssRUFBRSxLQUFLLEVBQ1osS0FBSyxFQUFFLE9BQU8sRUFDZCxRQUFRLEVBQUUsUUFBUSxZQUVqQixRQUFRLEdBQ1AsQ0FDVCxDQUFBO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxlQUFlLENBQzNCLFlBQXFDO0lBRXJDLE9BQU8sQ0FBQyxLQUFxQixFQUFFLEVBQUUsQ0FDN0IsU0FBUyxpQ0FDRixZQUFZLEdBQ1osS0FBSyxFQUNWLENBQUE7QUFDVixDQUFDIn0=
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/view/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/view/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,WAAW,EAAe,MAAM,uBAAuB,CAAA;AAOhE,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;CACrD,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA2B5D"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { Theme } from "./../../theme/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import { styleCommon } from "./../../theme/styles/common.js";
|
|
5
5
|
import Styles from "./Stack.module.css";
|
|
6
6
|
import { ensureArray } from "./../../util/ensure.js";
|
|
7
7
|
const $ = Theme.classNames;
|
|
@@ -22,6 +22,6 @@ export function ViewStack(props) {
|
|
|
22
22
|
return values.has(child.key);
|
|
23
23
|
});
|
|
24
24
|
}, [children, value]);
|
|
25
|
-
return (_jsx("div", { className: $.join(props.className, Styles.stack
|
|
25
|
+
return (_jsx("div", { className: $.join(props.className, Styles.stack), style: style, children: items }));
|
|
26
26
|
}
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9TdGFjay9TdGFjay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDL0IsT0FBTyxFQUFlLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBRWhFLE9BQU8sTUFBTSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFFM0MsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQVcxQixNQUFNLFVBQVUsU0FBUyxDQUFDLEtBQXFCO0lBQzNDLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ2pDLE1BQU0sS0FBSyxxQkFDSixXQUFXLENBQUMsS0FBSyxDQUFDLENBQ3hCLENBQUE7SUFDRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFBRTtRQUM3QixNQUFNLE1BQU0sR0FBZ0IsSUFBSSxHQUFHLENBQy9CLENBQUMsR0FBRyxFQUFFO1lBQ0YsSUFBSSxDQUFDLEtBQUs7Z0JBQUUsT0FBTyxFQUFFLENBQUE7WUFFckIsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakQsQ0FBQyxDQUFDLEVBQUUsQ0FDUCxDQUFBO1FBQ0QsT0FBTyxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDMUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQztnQkFDYiwrQ0FBK0M7Z0JBQy9DLE9BQU8sSUFBSSxDQUFBO1lBQ2YsQ0FBQztZQUVELE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUE7UUFDaEMsQ0FBQyxDQUFDLENBQUE7SUFDTixDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNyQixPQUFPLENBQ0gsY0FBSyxTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxZQUM5RCxLQUFLLEdBQ0osQ0FDVCxDQUFBO0FBQ0wsQ0FBQyJ9
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Strip.d.ts","sourceRoot":"","sources":["../../../src/view/Strip/Strip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAc,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,eAAe,EAAc,MAAM,0BAA0B,CAAA;AACtE,OAAO,EACH,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Strip.d.ts","sourceRoot":"","sources":["../../../src/view/Strip/Strip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAc,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,eAAe,EAAc,MAAM,0BAA0B,CAAA;AACtE,OAAO,EACH,mBAAmB,EAGtB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAiB,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAItC,MAAM,WAAW,UACb,SAAQ,eAAe,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC9B;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,QAAQ,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,2CAkC1C"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Theme } from "../../theme/index.js";
|
|
3
3
|
import { styleChild } from "../../theme/styles/child.js";
|
|
4
4
|
import { styleColor } from "../../theme/styles/color.js";
|
|
5
|
-
import { styleDimension, } from "../../theme/styles/dimension.js";
|
|
5
|
+
import { classnameDimension, styleDimension, } from "../../theme/styles/dimension.js";
|
|
6
6
|
import { stylePosition } from "../../theme/styles/position.js";
|
|
7
7
|
import Styles from "./Strip.module.css";
|
|
8
8
|
export function ViewStrip(props) {
|
|
@@ -22,6 +22,6 @@ export function ViewStrip(props) {
|
|
|
22
22
|
style.gridAutoRows = "auto";
|
|
23
23
|
style.gridTemplateColumns = "minmax(0, 1fr)";
|
|
24
24
|
}
|
|
25
|
-
return (_jsx("div", { className: Theme.classNames.join(props.className, Styles.Strip, Styles[orientation],
|
|
25
|
+
return (_jsx("div", { className: Theme.classNames.join(props.className, Styles.Strip, Styles[orientation], classnameDimension(props)), style: style, children: props.children }));
|
|
26
26
|
}
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RyaXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9TdHJpcC9TdHJpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN6QyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3RFLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDdEUsT0FBTyxFQUVILGtCQUFrQixFQUNsQixjQUFjLEdBQ2pCLE1BQU0sOEJBQThCLENBQUE7QUFDckMsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUcvRSxPQUFPLE1BQU0sTUFBTSxvQkFBb0IsQ0FBQTtBQXlCdkMsTUFBTSxVQUFVLFNBQVMsQ0FBQyxLQUFpQjtJQUN2QyxNQUFNLEVBQUUsV0FBVyxHQUFHLFFBQVEsRUFBRSxRQUFRLEdBQUcsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFBO0lBQ3pELE1BQU0sS0FBSywrREFDSixjQUFjLENBQUMsS0FBSyxDQUFDLEdBQ3JCLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FDcEIsVUFBVSxDQUFDLEtBQUssQ0FBQyxHQUNqQixVQUFVLENBQUMsS0FBSyxDQUFDLENBQ3ZCLENBQUE7SUFDRCxNQUFNLFdBQVcsR0FBRyxRQUFRO1NBQ3ZCLEtBQUssQ0FBQyxFQUFFLENBQUM7U0FDVCxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDcEUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQ2QsSUFBSSxXQUFXLEtBQUssS0FBSyxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLG1CQUFtQixHQUFHLFdBQVcsQ0FBQTtRQUN2QyxLQUFLLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQTtRQUM5QixLQUFLLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUE7SUFDN0MsQ0FBQztTQUFNLENBQUM7UUFDSixLQUFLLENBQUMsZ0JBQWdCLEdBQUcsV0FBVyxDQUFBO1FBQ3BDLEtBQUssQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFBO1FBQzNCLEtBQUssQ0FBQyxtQkFBbUIsR0FBRyxnQkFBZ0IsQ0FBQTtJQUNoRCxDQUFDO0lBQ0QsT0FBTyxDQUNILGNBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM1QixLQUFLLENBQUMsU0FBUyxFQUNmLE1BQU0sQ0FBQyxLQUFLLEVBQ1osTUFBTSxDQUFDLFdBQVcsQ0FBQyxFQUNuQixrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FDNUIsRUFDRCxLQUFLLEVBQUUsS0FBSyxZQUVYLEtBQUssQ0FBQyxRQUFRLEdBQ2IsQ0FDVCxDQUFBO0FBQ0wsQ0FBQyJ9
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Theme,
|
|
2
|
+
import { Theme, classnameDimension, styleCommon, } from "../../theme/index.js";
|
|
3
3
|
import { styleChild } from "../../theme/styles/child.js";
|
|
4
4
|
import { stylePosition } from "../../theme/styles/position.js";
|
|
5
5
|
import Styles from "./Switch.module.css";
|
|
6
6
|
export function ViewSwitch(props) {
|
|
7
7
|
const style = Object.assign(Object.assign(Object.assign({}, stylePosition(props)), styleChild(props)), styleCommon(props));
|
|
8
|
-
return (_jsxs("button", { className: Theme.classNames.join(props.className, Styles.ViewSwitch, props.value && Styles.ok,
|
|
8
|
+
return (_jsxs("button", { className: Theme.classNames.join(props.className, Styles.ViewSwitch, props.value && Styles.ok, classnameDimension(props)), type: "button", disabled: props.enabled === false ? true : undefined, style: style, onClick: () => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, !props.value); }, children: [_jsxs("div", { className: Styles.pin, children: [_jsx("div", { className: Styles.bar, children: " " }), _jsx("div", { className: Styles.btn, children: " " })] }), props.children] }));
|
|
9
9
|
}
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFFSCxLQUFLLEVBQ0wsa0JBQWtCLEVBQ2xCLFdBQVcsR0FDZCxNQUFNLG1CQUFtQixDQUFBO0FBQzFCLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDdEUsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUcvRSxPQUFPLE1BQU0sTUFBTSxxQkFBcUIsQ0FBQTtBQVl4QyxNQUFNLFVBQVUsVUFBVSxDQUFDLEtBQXNCO0lBQzdDLE1BQU0sS0FBSyxpREFDSixhQUFhLENBQUMsS0FBSyxDQUFDLEdBQ3BCLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUN4QixDQUFBO0lBQ0QsT0FBTyxDQUNILGtCQUNJLFNBQVMsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FDNUIsS0FBSyxDQUFDLFNBQVMsRUFDZixNQUFNLENBQUMsVUFBVSxFQUNqQixLQUFLLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxFQUFFLEVBQ3hCLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUM1QixFQUNELElBQUksRUFBQyxRQUFRLEVBQ2IsUUFBUSxFQUFFLEtBQUssQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDcEQsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsR0FBRyxFQUFFLFdBQUMsT0FBQSxNQUFBLEtBQUssQ0FBQyxRQUFRLHNEQUFHLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFBLEVBQUEsYUFFN0MsZUFBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLEdBQUcsYUFDdEIsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLEdBQUcsa0JBQVMsRUFDbkMsY0FBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLEdBQUcsa0JBQVMsSUFDakMsRUFDTCxLQUFLLENBQUMsUUFBUSxJQUNWLENBQ1osQ0FBQTtBQUNMLENBQUMifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/view/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAA;AAG9C,OAAO,EACH,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/view/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAA;AAG9C,OAAO,EACH,mBAAmB,EAGtB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,eAAe,EAAc,MAAM,0BAA0B,CAAA;AAItE,MAAM,MAAM,aAAa,GAAG,eAAe,GACvC,mBAAmB,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;OAGG;IACH,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3C,QAAQ,EACF,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAChC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAA;CAC3C,CAAA;AAEL,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA+C5C"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { createElement as _createElement } from "react";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { Theme } from "../../theme/index.js";
|
|
5
5
|
import { ViewTab } from "../Tab/index.js";
|
|
6
6
|
import Styles from "./Tabs.module.css";
|
|
7
|
-
import { styleDimension, } from "../../theme/styles/dimension.js";
|
|
7
|
+
import { styleDimension, classnameDimension, } from "../../theme/styles/dimension.js";
|
|
8
8
|
import { styleColor } from "../../theme/styles/color.js";
|
|
9
9
|
const $ = Theme.classNames;
|
|
10
10
|
export function ViewTabs(props) {
|
|
@@ -13,7 +13,7 @@ export function ViewTabs(props) {
|
|
|
13
13
|
const tabs = addMissingKeys(children);
|
|
14
14
|
const [tabKey, setTabKey] = React.useState((_b = value !== null && value !== void 0 ? value : (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : "Tab#0");
|
|
15
15
|
const tab = tabs.find((item) => item.key === tabKey);
|
|
16
|
-
return (_jsxs("div", { style: Object.assign(Object.assign({}, styleColor(props)), styleDimension(props)), className: $.join(className, Styles.Tabs, orientation === "vertical" && Styles.vertical,
|
|
16
|
+
return (_jsxs("div", { style: Object.assign(Object.assign({}, styleColor(props)), styleDimension(props)), className: $.join(className, Styles.Tabs, orientation === "vertical" && Styles.vertical, classnameDimension(props)), children: [_jsx("header", { children: tabs.map((item) => {
|
|
17
17
|
const { key } = item;
|
|
18
18
|
return key === tabKey ? (_jsx("div", { children: item.props.label }, key)) : (_jsx("button", { type: "button", onClick: () => {
|
|
19
19
|
setTabKey(key);
|
|
@@ -44,4 +44,4 @@ function addMissingKeys(children) {
|
|
|
44
44
|
return (_createElement(ViewTab, Object.assign({}, tab.props, { key: (_a = tab.key) !== null && _a !== void 0 ? _a : `Tab#${index}` }), tab.props.children));
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L1RhYnMvVGFicy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDNUMsT0FBTyxFQUFFLE9BQU8sRUFBZ0IsTUFBTSxRQUFRLENBQUE7QUFFOUMsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUE7QUFDdEMsT0FBTyxFQUVILGNBQWMsRUFDZCxrQkFBa0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXRFLE1BQU0sQ0FBQyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUE7QUFzQjFCLE1BQU0sVUFBVSxRQUFRLENBQUMsS0FBb0I7O0lBQ3pDLE1BQU0sRUFDRixTQUFTLEVBQ1QsUUFBUSxFQUNSLFdBQVcsR0FBRyxZQUFZLEVBQzFCLEtBQUssRUFDTCxRQUFRLEdBQ1gsR0FBRyxLQUFLLENBQUE7SUFDVCxNQUFNLElBQUksR0FDTixjQUFjLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDNUIsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQUEsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksTUFBQSxJQUFJLENBQUMsQ0FBQyxDQUFDLDBDQUFFLEdBQUcsbUNBQUksT0FBTyxDQUFDLENBQUE7SUFDNUUsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsS0FBSyxNQUFNLENBQUMsQ0FBQTtJQUNwRCxPQUFPLENBQ0gsZUFDSSxLQUFLLGtDQUNFLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsY0FBYyxDQUFDLEtBQUssQ0FBQyxHQUU1QixTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FDYixTQUFTLEVBQ1QsTUFBTSxDQUFDLElBQUksRUFDWCxXQUFXLEtBQUssVUFBVSxJQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQzdDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUM1QixhQUVELDJCQUNLLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtvQkFDZixNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFBO29CQUNwQixPQUFPLEdBQUcsS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ3BCLHdCQUFnQixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBdEIsR0FBRyxDQUEwQixDQUMxQyxDQUFDLENBQUMsQ0FBQyxDQUNBLGlCQUVJLElBQUksRUFBQyxRQUFRLEVBQ2IsT0FBTyxFQUFFLEdBQUcsRUFBRTs0QkFDVixTQUFTLENBQUMsR0FBRyxDQUFDLENBQUE7NEJBQ2QsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLEdBQUcsQ0FBQyxDQUFBO3dCQUNuQixDQUFDLFlBRUEsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLElBUFosR0FBRyxDQVFILENBQ1osQ0FBQTtnQkFDTCxDQUFDLENBQUMsR0FDRyxFQUNULHlCQUFPLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxLQUFLLENBQUMsUUFBUSxHQUFRLElBQ2hDLENBQ1QsQ0FBQTtBQUNMLENBQUM7QUFFRDs7Ozs7R0FLRztBQUNILFNBQVMsSUFBSSxDQUNULElBQStELEVBQy9ELEdBQXFFO0lBRXJFLElBQUksQ0FBQyxHQUFHO1FBQUUsT0FBTyxJQUFJLENBQUE7SUFFckIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQTtJQUMvQixJQUFJLEtBQUssR0FBRyxDQUFDO1FBQUUsT0FBTyxJQUFJLENBQUE7SUFFMUIsT0FBTyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7QUFDMUQsQ0FBQztBQUVELFNBQVMsY0FBYyxDQUNuQixRQUV3QztJQUV4QyxNQUFNLE9BQU8sR0FBdUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFDdkUsQ0FBQyxDQUFDLFFBQVE7UUFDVixDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUNoQixPQUFPLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUU7O1FBQUMsT0FBQSxDQUMvQixlQUFDLE9BQU8sb0JBQUssR0FBRyxDQUFDLEtBQUssSUFBRSxHQUFHLEVBQUUsTUFBQSxHQUFHLENBQUMsR0FBRyxtQ0FBSSxPQUFPLEtBQUssRUFBRSxLQUNqRCxHQUFHLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDYixDQUNiLENBQUE7S0FBQSxDQUE4RCxDQUFBO0FBQ25FLENBQUMifQ==
|
package/lib/dist/view/index.js
CHANGED