@furystack/shades-common-components 3.5.3 → 3.6.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/dist/components/app-bar-link.js +8 -10
- package/dist/components/app-bar-link.js.map +1 -1
- package/dist/components/app-bar.js +3 -7
- package/dist/components/app-bar.js.map +1 -1
- package/dist/components/button.js +37 -27
- package/dist/components/button.js.map +1 -1
- package/dist/components/command-palette/command-palette-suggestion-list.js +1 -1
- package/dist/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/dist/components/data-grid/body.js +3 -4
- package/dist/components/data-grid/body.js.map +1 -1
- package/dist/components/data-grid/data-grid-row.js +1 -1
- package/dist/components/data-grid/data-grid-row.js.map +1 -1
- package/dist/components/data-grid/data-grid.js +4 -15
- package/dist/components/data-grid/data-grid.js.map +1 -1
- package/dist/components/data-grid/footer.js +3 -10
- package/dist/components/data-grid/footer.js.map +1 -1
- package/dist/components/grid.js +1 -10
- package/dist/components/grid.js.map +1 -1
- package/dist/components/inputs/input.js +10 -14
- package/dist/components/inputs/input.js.map +1 -1
- package/dist/components/inputs/text-area.js +3 -7
- package/dist/components/inputs/text-area.js.map +1 -1
- package/dist/components/loader.js +0 -10
- package/dist/components/loader.js.map +1 -1
- package/dist/components/noty-list.js +3 -3
- package/dist/components/noty-list.js.map +1 -1
- package/dist/components/paper.js +2 -12
- package/dist/components/paper.js.map +1 -1
- package/dist/components/tabs.js +2 -10
- package/dist/components/tabs.js.map +1 -1
- package/dist/services/collection-service.js +16 -8
- package/dist/services/collection-service.js.map +1 -1
- package/dist/services/default-variable-theme.js +80 -0
- package/dist/services/default-variable-theme.js.map +1 -0
- package/dist/services/index.js +1 -0
- package/dist/services/index.js.map +1 -1
- package/dist/services/theme-provider-service.js +9 -7
- package/dist/services/theme-provider-service.js.map +1 -1
- package/package.json +7 -7
- package/src/components/app-bar-link.tsx +9 -12
- package/src/components/app-bar.tsx +3 -6
- package/src/components/button.tsx +44 -31
- package/src/components/command-palette/command-palette-suggestion-list.tsx +1 -1
- package/src/components/data-grid/body.tsx +6 -3
- package/src/components/data-grid/data-grid-row.tsx +6 -1
- package/src/components/data-grid/data-grid.tsx +16 -14
- package/src/components/data-grid/footer.tsx +3 -11
- package/src/components/grid.tsx +1 -10
- package/src/components/inputs/input.tsx +11 -16
- package/src/components/inputs/text-area.tsx +3 -9
- package/src/components/loader.tsx +0 -9
- package/src/components/noty-list.tsx +3 -3
- package/src/components/paper.tsx +3 -11
- package/src/components/tabs.tsx +2 -10
- package/src/services/collection-service.ts +54 -11
- package/src/services/default-variable-theme.ts +83 -0
- package/src/services/index.ts +1 -0
- package/src/services/theme-provider-service.ts +11 -8
- package/tsconfig.tsbuildinfo +1 -1
- package/types/components/app-bar-link.d.ts.map +1 -1
- package/types/components/app-bar.d.ts.map +1 -1
- package/types/components/button.d.ts.map +1 -1
- package/types/components/data-grid/body.d.ts +3 -1
- package/types/components/data-grid/body.d.ts.map +1 -1
- package/types/components/data-grid/data-grid-row.d.ts +1 -0
- package/types/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/types/components/data-grid/data-grid.d.ts +8 -0
- package/types/components/data-grid/data-grid.d.ts.map +1 -1
- package/types/components/data-grid/footer.d.ts.map +1 -1
- package/types/components/grid.d.ts.map +1 -1
- package/types/components/inputs/input.d.ts +1 -2
- package/types/components/inputs/input.d.ts.map +1 -1
- package/types/components/inputs/text-area.d.ts +0 -2
- package/types/components/inputs/text-area.d.ts.map +1 -1
- package/types/components/loader.d.ts.map +1 -1
- package/types/components/paper.d.ts.map +1 -1
- package/types/components/tabs.d.ts.map +1 -1
- package/types/services/collection-service.d.ts +32 -2
- package/types/services/collection-service.d.ts.map +1 -1
- package/types/services/default-variable-theme.d.ts +7 -0
- package/types/services/default-variable-theme.d.ts.map +1 -0
- package/types/services/index.d.ts +1 -0
- package/types/services/index.d.ts.map +1 -1
- package/types/services/theme-provider-service.d.ts +2 -3
- package/types/services/theme-provider-service.d.ts.map +1 -1
|
@@ -5,22 +5,19 @@ const shades_1 = require("@furystack/shades");
|
|
|
5
5
|
const path_to_regexp_1 = require("path-to-regexp");
|
|
6
6
|
const services_1 = require("../services");
|
|
7
7
|
exports.AppBarLink = (0, shades_1.Shade)({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const updateColor = () => {
|
|
11
|
-
const { isActive } = getState();
|
|
8
|
+
resources: ({ injector, props, element }) => {
|
|
9
|
+
const updateColor = (isActive) => {
|
|
12
10
|
const themeProviderService = injector.getInstance(services_1.ThemeProviderService);
|
|
13
|
-
const theme = themeProviderService
|
|
11
|
+
const { theme } = themeProviderService;
|
|
14
12
|
const el = element.querySelector('a');
|
|
15
|
-
|
|
16
|
-
el.style.
|
|
17
|
-
el.style.
|
|
13
|
+
el.style.color = isActive ? theme.text.primary : theme.text.secondary;
|
|
14
|
+
el.style.opacity = isActive ? '1' : '0.8';
|
|
15
|
+
el.style.transform = isActive ? 'scale(1)' : 'scale(0.9)';
|
|
18
16
|
};
|
|
19
17
|
return [
|
|
20
18
|
injector.getInstance(shades_1.LocationService).onLocationChanged.subscribe(async (currentUrl) => {
|
|
21
19
|
const isActive = !!(0, path_to_regexp_1.match)(props.href)(currentUrl);
|
|
22
|
-
|
|
23
|
-
updateColor();
|
|
20
|
+
updateColor(isActive);
|
|
24
21
|
}, true),
|
|
25
22
|
];
|
|
26
23
|
},
|
|
@@ -32,6 +29,7 @@ exports.AppBarLink = (0, shades_1.Shade)({
|
|
|
32
29
|
textDecoration: 'none',
|
|
33
30
|
alignItems: 'center',
|
|
34
31
|
padding: '0 8px',
|
|
32
|
+
transition: 'color .2s ease-in-out, transform .2s ease-in-out',
|
|
35
33
|
...props.style,
|
|
36
34
|
}, ...props }, children));
|
|
37
35
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":";;;AACA,8CAAsF;AACtF,mDAAsC;AACtC,0CAAkD;AAErC,QAAA,UAAU,GAAG,IAAA,cAAK,
|
|
1
|
+
{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":";;;AACA,8CAAsF;AACtF,mDAAsC;AACtC,0CAAkD;AAErC,QAAA,UAAU,GAAG,IAAA,cAAK,EAAiB;IAC9C,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAC1C,MAAM,WAAW,GAAG,CAAC,QAAiB,EAAE,EAAE;YACxC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;YACvE,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAA;YACtC,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAgB,CAAA;YACpD,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAA;YACrE,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;YACzC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAA;QAC3D,CAAC,CAAA;QACD,OAAO;YACL,QAAQ,CAAC,WAAW,CAAC,wBAAe,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;gBACrF,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAA,sBAAK,EAAC,KAAK,CAAC,IAAc,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC1D,WAAW,CAAC,QAAQ,CAAC,CAAA;YACvB,CAAC,EAAE,IAAI,CAAC;SACT,CAAA;IACH,CAAC;IACD,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC9B,OAAO,CACL,8BAAC,kBAAS,IACR,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,MAAM;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,kDAAkD;gBAC9D,GAAG,KAAK,CAAC,KAAK;aACf,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -5,12 +5,6 @@ const shades_1 = require("@furystack/shades");
|
|
|
5
5
|
const theme_provider_service_1 = require("../services/theme-provider-service");
|
|
6
6
|
exports.AppBar = (0, shades_1.Shade)({
|
|
7
7
|
shadowDomName: 'shade-app-bar',
|
|
8
|
-
resources: ({ element, injector }) => [
|
|
9
|
-
injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.subscribe((t) => {
|
|
10
|
-
;
|
|
11
|
-
element.children[0].style.color = t.text.secondary;
|
|
12
|
-
}, true), // TODO: Check TRUE
|
|
13
|
-
],
|
|
14
8
|
constructed: ({ element }) => {
|
|
15
9
|
const container = element.children[0];
|
|
16
10
|
requestAnimationFrame(() => {
|
|
@@ -18,7 +12,8 @@ exports.AppBar = (0, shades_1.Shade)({
|
|
|
18
12
|
container.style.opacity = '1';
|
|
19
13
|
});
|
|
20
14
|
},
|
|
21
|
-
render: ({ children }) => {
|
|
15
|
+
render: ({ children, injector }) => {
|
|
16
|
+
const { theme } = injector.getInstance(theme_provider_service_1.ThemeProviderService);
|
|
22
17
|
return ((0, shades_1.createComponent)("div", { style: {
|
|
23
18
|
width: '100%',
|
|
24
19
|
background: 'rgba(128,128,128,0.2)',
|
|
@@ -31,6 +26,7 @@ exports.AppBar = (0, shades_1.Shade)({
|
|
|
31
26
|
opacity: '0',
|
|
32
27
|
position: 'fixed',
|
|
33
28
|
zIndex: '1',
|
|
29
|
+
color: theme.text.secondary,
|
|
34
30
|
} }, children));
|
|
35
31
|
},
|
|
36
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,+EAAyE;AAE5D,QAAA,MAAM,GAAG,IAAA,cAAK,EAAC;IAC1B,aAAa,EAAE,eAAe;IAC9B,
|
|
1
|
+
{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,+EAAyE;AAE5D,QAAA,MAAM,GAAG,IAAA,cAAK,EAAC;IAC1B,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAA;QACpD,qBAAqB,CAAC,GAAG,EAAE;YACzB,sCAAsC;YACtC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QAC/B,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;QACjC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAC5D,OAAO,CACL,uCACE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,uBAAuB;gBACnC,cAAc,EAAE,YAAY;gBAC5B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,YAAY;gBAC5B,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,0BAA0B;gBACrC,UAAU,EACR,6GAA6G;gBAC/G,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,GAAG;gBACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;aAC5B,IAEA,QAAQ,CACL,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -4,6 +4,7 @@ exports.Button = void 0;
|
|
|
4
4
|
const shades_1 = require("@furystack/shades");
|
|
5
5
|
const promisify_animation_1 = require("../utils/promisify-animation");
|
|
6
6
|
const theme_provider_service_1 = require("../services/theme-provider-service");
|
|
7
|
+
const utils_1 = require("@furystack/utils");
|
|
7
8
|
const getBackground = (buttonProps, theme) => buttonProps.variant === 'contained'
|
|
8
9
|
? buttonProps.color
|
|
9
10
|
? buttonProps.disabled
|
|
@@ -45,12 +46,6 @@ const getHoveredTextColor = (buttonProps, theme, fallback) => buttonProps.varian
|
|
|
45
46
|
: theme.text.primary
|
|
46
47
|
: fallback();
|
|
47
48
|
exports.Button = (0, shades_1.Shade)({
|
|
48
|
-
getInitialState: ({ injector }) => ({
|
|
49
|
-
theme: injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.getValue(),
|
|
50
|
-
}),
|
|
51
|
-
resources: ({ injector, updateState }) => [
|
|
52
|
-
injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
|
|
53
|
-
],
|
|
54
49
|
constructed: ({ element }) => {
|
|
55
50
|
/**
|
|
56
51
|
* @param this The Document instance
|
|
@@ -72,11 +67,28 @@ exports.Button = (0, shades_1.Shade)({
|
|
|
72
67
|
};
|
|
73
68
|
},
|
|
74
69
|
shadowDomName: 'shade-button',
|
|
75
|
-
|
|
70
|
+
resources: ({ injector, element, props }) => {
|
|
71
|
+
const tp = injector.getInstance(theme_provider_service_1.ThemeProviderService);
|
|
72
|
+
return [
|
|
73
|
+
...(props.variant === 'contained'
|
|
74
|
+
? [
|
|
75
|
+
utils_1.Trace.method({
|
|
76
|
+
object: tp,
|
|
77
|
+
method: tp.set,
|
|
78
|
+
onFinished: () => {
|
|
79
|
+
const el = element.firstElementChild;
|
|
80
|
+
el.style.color = getTextColor(props, tp.theme, () => tp.getTextColor(el.style.background || el.style.backgroundColor));
|
|
81
|
+
},
|
|
82
|
+
}),
|
|
83
|
+
]
|
|
84
|
+
: []),
|
|
85
|
+
];
|
|
86
|
+
},
|
|
87
|
+
render: ({ props, children, injector, element }) => {
|
|
76
88
|
const mouseDownHandler = props.onmousedown;
|
|
77
89
|
const mouseUpHandler = props.onmouseup;
|
|
78
|
-
const { theme } = getState();
|
|
79
90
|
const themeProvider = injector.getInstance(theme_provider_service_1.ThemeProviderService);
|
|
91
|
+
const { theme } = themeProvider;
|
|
80
92
|
const background = getBackground(props, theme);
|
|
81
93
|
const hoveredBackground = getHoveredBackground(props, theme, () => {
|
|
82
94
|
const { r, g, b } = themeProvider.getRgbFromColorString((props.color && theme.palette[props.color].main) || theme.text.primary);
|
|
@@ -84,8 +96,8 @@ exports.Button = (0, shades_1.Shade)({
|
|
|
84
96
|
});
|
|
85
97
|
const boxShadow = getBoxShadow(props, theme);
|
|
86
98
|
const hoveredBoxShadow = getHoveredBoxShadow(props, theme);
|
|
87
|
-
const
|
|
88
|
-
const
|
|
99
|
+
const getTextColorInner = () => getTextColor(props, theme, () => themeProvider.getTextColor(background));
|
|
100
|
+
const getHoveredTextColorInner = () => getHoveredTextColor(props, theme, () => themeProvider.getTextColor(background));
|
|
89
101
|
const tryAnimate = async (keyframes, options) => {
|
|
90
102
|
const el = element.firstElementChild;
|
|
91
103
|
el && (0, promisify_animation_1.promisifyAnimation)(el, keyframes, options);
|
|
@@ -101,24 +113,22 @@ exports.Button = (0, shades_1.Shade)({
|
|
|
101
113
|
}, onmouseup: function (ev) {
|
|
102
114
|
mouseUpHandler?.call(this, ev);
|
|
103
115
|
}, onmouseenter: () => {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
], { duration: 500, fill: 'forwards', easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)' });
|
|
117
|
-
}
|
|
116
|
+
tryAnimate([
|
|
117
|
+
{
|
|
118
|
+
background,
|
|
119
|
+
boxShadow,
|
|
120
|
+
color: getTextColorInner(),
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
background: hoveredBackground,
|
|
124
|
+
boxShadow: hoveredBoxShadow,
|
|
125
|
+
color: getHoveredTextColorInner(),
|
|
126
|
+
},
|
|
127
|
+
], { duration: 500, fill: 'forwards', easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)' });
|
|
118
128
|
}, onmouseout: () => {
|
|
119
129
|
tryAnimate([
|
|
120
|
-
{ background: hoveredBackground, boxShadow: hoveredBoxShadow, color:
|
|
121
|
-
{ background, boxShadow, color:
|
|
130
|
+
{ background: hoveredBackground, boxShadow: hoveredBoxShadow, color: getHoveredTextColorInner() },
|
|
131
|
+
{ background, boxShadow, color: getTextColorInner() },
|
|
122
132
|
], {
|
|
123
133
|
duration: 500,
|
|
124
134
|
fill: 'forwards',
|
|
@@ -133,7 +143,7 @@ exports.Button = (0, shades_1.Shade)({
|
|
|
133
143
|
border: 'none',
|
|
134
144
|
borderRadius: '4px',
|
|
135
145
|
textTransform: 'uppercase',
|
|
136
|
-
color:
|
|
146
|
+
color: getTextColorInner(),
|
|
137
147
|
filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))',
|
|
138
148
|
backdropFilter: props.variant === 'outlined' ? 'blur(35px)' : undefined,
|
|
139
149
|
userSelect: 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAC1D,sEAAiE;AAEjE,+EAAyE;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,7 +64,7 @@ exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
|
|
|
64
64
|
maxHeight: `${window.innerHeight * 0.8}px`,
|
|
65
65
|
zIndex: '1',
|
|
66
66
|
left: 'auto',
|
|
67
|
-
backgroundColor: injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.
|
|
67
|
+
backgroundColor: injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.background.paper,
|
|
68
68
|
boxShadow: '3px 3px 5px rgba(0,0,0,0.3)',
|
|
69
69
|
width: `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`,
|
|
70
70
|
...(props.fullScreenSuggestions ? { left: '0', width: 'calc(100% - 42px)' } : {}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-suggestion-list.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"command-palette-suggestion-list.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,13 +18,12 @@ exports.DataGridBody = (0, shades_1.Shade)({
|
|
|
18
18
|
element.style.display = 'table-row-group';
|
|
19
19
|
const state = getState();
|
|
20
20
|
if (state.isLoading) {
|
|
21
|
-
return ((0, shades_1.createComponent)("div", { style: { display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' } },
|
|
22
|
-
(0, shades_1.createComponent)(loader_1.Loader, { style: { height: '128px', width: '128px' } })));
|
|
21
|
+
return ((0, shades_1.createComponent)("div", { style: { display: 'flex', height: '100%', justifyContent: 'center', alignItems: 'center', width: '100%' } }, props.loaderComponent || (0, shades_1.createComponent)(loader_1.Loader, { style: { height: '128px', width: '128px' } })));
|
|
23
22
|
}
|
|
24
23
|
if (!state.data?.length) {
|
|
25
|
-
return (0, shades_1.createComponent)("div", null, " - No Data - ");
|
|
24
|
+
return props.emptyComponent || (0, shades_1.createComponent)("div", null, " - No Data - ");
|
|
26
25
|
}
|
|
27
|
-
return ((0, shades_1.createComponent)(shades_1.createFragment, null, state.data.map((entry) => ((0, shades_1.createComponent)(data_grid_row_1.DataGridRow, { columns: props.columns, entry: entry, service: props.service, rowComponents: props.rowComponents, onRowClick: props.onRowClick, focusedRowStyle: props.focusedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, selectedRowStyle: props.selectedRowStyle, unselectedRowStyle: props.unselectedRowStyle })))));
|
|
26
|
+
return ((0, shades_1.createComponent)(shades_1.createFragment, null, state.data.map((entry) => ((0, shades_1.createComponent)(data_grid_row_1.DataGridRow, { columns: props.columns, entry: entry, service: props.service, rowComponents: props.rowComponents, onRowClick: props.onRowClick, onRowDoubleClick: props.onRowDoubleClick, focusedRowStyle: props.focusedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, selectedRowStyle: props.selectedRowStyle, unselectedRowStyle: props.unselectedRowStyle })))));
|
|
28
27
|
},
|
|
29
28
|
});
|
|
30
29
|
//# sourceMappingURL=body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":";;;AAEA,8CAA0E;AAE1E,sCAAkC;AAClC,mDAA6C;
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":";;;AAEA,8CAA0E;AAE1E,sCAAkC;AAClC,mDAA6C;AAsBhC,QAAA,YAAY,GAAsF,IAAA,cAAK,EAGlH;IACA,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO;QAC3C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE;KAC9C,CAAC;IACF,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC3E,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;KAC7E;IACD,aAAa,EAAE,sBAAsB;IACrC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QAExB,IAAI,KAAK,CAAC,SAAS,EAAE;YACnB,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAE3G,KAAK,CAAC,eAAe,IAAI,8BAAC,eAAM,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC5E,CACP,CAAA;SACF;QAED,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE;YACvB,OAAO,KAAK,CAAC,cAAc,IAAI,2DAAwB,CAAA;SACxD;QAED,OAAO,CACL,6DACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,8BAAC,2BAAW,IACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC/B,CAChB,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -70,7 +70,7 @@ exports.DataGridRow = (0, shades_1.Shade)({
|
|
|
70
70
|
element.classList.add('focused');
|
|
71
71
|
}
|
|
72
72
|
element.setAttribute('aria-selected', state.selection?.includes(entry).toString() || 'false');
|
|
73
|
-
return ((0, shades_1.createComponent)(shades_1.createFragment, null, columns.map((column) => ((0, shades_1.createComponent)("td", { style: { padding: '0.5em' }, onclick: (ev) => props.onRowClick?.(entry, ev) }, rowComponents?.[column]?.(entry, state) || rowComponents?.default?.(entry, state) || ((0, shades_1.createComponent)("span", null, entry[column])))))));
|
|
73
|
+
return ((0, shades_1.createComponent)(shades_1.createFragment, null, columns.map((column) => ((0, shades_1.createComponent)("td", { style: { padding: '0.5em' }, onclick: (ev) => props.onRowClick?.(entry, ev), ondblclick: (ev) => props.onRowDoubleClick?.(entry, ev) }, rowComponents?.[column]?.(entry, state) || rowComponents?.default?.(entry, state) || ((0, shades_1.createComponent)("span", null, entry[column])))))));
|
|
74
74
|
},
|
|
75
75
|
});
|
|
76
76
|
//# sourceMappingURL=data-grid-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":";;;AACA,8CAAwF;
|
|
1
|
+
{"version":3,"file":"data-grid-row.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,17 +8,8 @@ const footer_1 = require("./footer");
|
|
|
8
8
|
const services_1 = require("../../services");
|
|
9
9
|
exports.DataGrid = (0, shades_1.Shade)({
|
|
10
10
|
shadowDomName: 'shade-data-grid',
|
|
11
|
-
resources: ({
|
|
12
|
-
const tp = injector.getInstance(services_1.ThemeProviderService);
|
|
11
|
+
resources: ({ element, props }) => {
|
|
13
12
|
return [
|
|
14
|
-
tp.theme.subscribe((t) => {
|
|
15
|
-
const headers = element.querySelectorAll('th');
|
|
16
|
-
const { r, g, b } = tp.getRgbFromColorString(t.background.paper);
|
|
17
|
-
headers.forEach((header) => {
|
|
18
|
-
header.style.color = t.text.secondary;
|
|
19
|
-
header.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 0.3)`;
|
|
20
|
-
});
|
|
21
|
-
}),
|
|
22
13
|
new services_1.ClickAwayService(element, () => {
|
|
23
14
|
props.service.hasFocus.setValue(false);
|
|
24
15
|
}),
|
|
@@ -31,11 +22,9 @@ exports.DataGrid = (0, shades_1.Shade)({
|
|
|
31
22
|
},
|
|
32
23
|
render: ({ props, injector }) => {
|
|
33
24
|
const tp = injector.getInstance(services_1.ThemeProviderService);
|
|
34
|
-
const theme = tp
|
|
35
|
-
const { r, g, b } = tp.getRgbFromColorString(theme.background.paper);
|
|
25
|
+
const { theme } = tp;
|
|
36
26
|
const headerStyle = {
|
|
37
|
-
|
|
38
|
-
backdropFilter: 'blur(10px)',
|
|
27
|
+
backdropFilter: 'blur(12px)',
|
|
39
28
|
padding: '12px 0',
|
|
40
29
|
color: theme.text.secondary,
|
|
41
30
|
alignItems: 'center',
|
|
@@ -61,7 +50,7 @@ exports.DataGrid = (0, shades_1.Shade)({
|
|
|
61
50
|
(0, shades_1.createComponent)("tr", null, props.columns.map((column) => {
|
|
62
51
|
return ((0, shades_1.createComponent)("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || ((0, shades_1.createComponent)(header_1.DataGridHeader, { field: column, collectionService: props.service }))));
|
|
63
52
|
}))),
|
|
64
|
-
(0, shades_1.createComponent)(body_1.DataGridBody, { columns: props.columns, service: props.service, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.service.handleRowClick(entry, ev), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle })),
|
|
53
|
+
(0, shades_1.createComponent)(body_1.DataGridBody, { columns: props.columns, service: props.service, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.service.handleRowClick(entry, ev), onRowDoubleClick: (entry) => props.service.handleRowDoubleClick(entry), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle, emptyComponent: props.emptyComponent, loaderComponent: props.loaderComponent })),
|
|
65
54
|
(0, shades_1.createComponent)(footer_1.DataGridFooter, { service: props.service })));
|
|
66
55
|
},
|
|
67
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAG1D,qCAAyC;AACzC,iCAAqC;AACrC,qCAAyC;AACzC,6CAAuE;
|
|
1
|
+
{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,15 +9,8 @@ exports.DataGridFooter = (0, shades_1.Shade)({
|
|
|
9
9
|
getInitialState: ({ props }) => ({
|
|
10
10
|
data: props.service.data.getValue(),
|
|
11
11
|
}),
|
|
12
|
-
constructed: ({ props, updateState
|
|
13
|
-
const disposables = [
|
|
14
|
-
props.service.data.subscribe((data) => updateState({ data })),
|
|
15
|
-
injector.getInstance(services_1.ThemeProviderService).theme.subscribe((t) => {
|
|
16
|
-
const el = element.querySelector('div');
|
|
17
|
-
el.style.color = t.text.secondary;
|
|
18
|
-
el.style.background = t.background.paper;
|
|
19
|
-
}),
|
|
20
|
-
];
|
|
12
|
+
constructed: ({ props, updateState }) => {
|
|
13
|
+
const disposables = [props.service.data.subscribe((data) => updateState({ data }))];
|
|
21
14
|
return () => disposables.forEach((d) => d.dispose());
|
|
22
15
|
},
|
|
23
16
|
render: ({ props, getState, injector }) => {
|
|
@@ -25,7 +18,7 @@ exports.DataGridFooter = (0, shades_1.Shade)({
|
|
|
25
18
|
const currentQuerySettings = props.service.querySettings.getValue();
|
|
26
19
|
const currentPage = Math.ceil(currentQuerySettings.skip || 0) / (currentQuerySettings.top || 1);
|
|
27
20
|
const currentEntriesPerPage = currentQuerySettings.top || Infinity;
|
|
28
|
-
const theme = injector.getInstance(services_1.ThemeProviderService)
|
|
21
|
+
const { theme } = injector.getInstance(services_1.ThemeProviderService);
|
|
29
22
|
return ((0, shades_1.createComponent)("div", { className: "pager", style: {
|
|
30
23
|
backdropFilter: 'blur(10px)',
|
|
31
24
|
color: theme.text.secondary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,6CAAqD;AAGxC,QAAA,oBAAoB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;AAEtD,QAAA,cAAc,GAAG,IAAA,cAAK,EAAqE;IACtG,aAAa,EAAE,wBAAwB;IACvC,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;KACpC,CAAC;IACF,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/grid.js
CHANGED
|
@@ -5,17 +5,8 @@ const shades_1 = require("@furystack/shades");
|
|
|
5
5
|
const services_1 = require("../services");
|
|
6
6
|
exports.Grid = (0, shades_1.Shade)({
|
|
7
7
|
shadowDomName: 'shade-grid',
|
|
8
|
-
resources: ({ injector, element }) => [
|
|
9
|
-
injector.getInstance(services_1.ThemeProviderService).theme.subscribe((t) => {
|
|
10
|
-
const headers = element.querySelectorAll('th');
|
|
11
|
-
headers.forEach((header) => {
|
|
12
|
-
header.style.color = t.text.secondary;
|
|
13
|
-
header.style.background = t.background.paper;
|
|
14
|
-
});
|
|
15
|
-
}),
|
|
16
|
-
],
|
|
17
8
|
render: ({ props, injector }) => {
|
|
18
|
-
const theme = injector.getInstance(services_1.ThemeProviderService)
|
|
9
|
+
const { theme } = injector.getInstance(services_1.ThemeProviderService);
|
|
19
10
|
const headerStyle = {
|
|
20
11
|
padding: '0 0.51em',
|
|
21
12
|
backgroundColor: theme.background.paper,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAC1D,0CAAkD;AAuBrC,QAAA,IAAI,GAA8E,IAAA,cAAK,EAAC;IACnG,aAAa,EAAE,YAAY;IAC3B,
|
|
1
|
+
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAC1D,0CAAkD;AAuBrC,QAAA,IAAI,GAA8E,IAAA,cAAK,EAAC;IACnG,aAAa,EAAE,YAAY;IAC3B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;QAC5D,MAAM,WAAW,GAAiC;YAChD,OAAO,EAAE,UAAU;YACnB,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;YACvC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;YAC3B,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,iBAAiB;YAC9B,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM;SACxB,CAAA;QACD,OAAO,CACL,uCACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;gBACL,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;aACjB;YAED,yCAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE;gBACnD;oBACE,0CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC5B,OAAO,CACL,sCAAI,KAAK,EAAE,WAAW,IACnB,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,IAAI,CAC1F,4CAAO,MAAM,CAAQ,CACtB,CACE,CACN,CAAA;oBACH,CAAC,CAAC,CACC,CACC;gBACR,6CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,0CACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,sCAAI,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,IAC1B,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,CAClF,4CAAO,KAAK,CAAC,MAAM,CAAC,CAAQ,CAC7B,CACE,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -11,29 +11,29 @@ const getLabelStyle = ({ themeProvider, props, state, }) => {
|
|
|
11
11
|
justifyContent: 'space-between',
|
|
12
12
|
fontSize: '10px',
|
|
13
13
|
color: props.disabled
|
|
14
|
-
?
|
|
14
|
+
? themeProvider.theme.text.disabled
|
|
15
15
|
: state.validity?.valid === false
|
|
16
|
-
?
|
|
16
|
+
? themeProvider.theme.palette.error.main
|
|
17
17
|
: state.focused
|
|
18
|
-
?
|
|
19
|
-
:
|
|
18
|
+
? themeProvider.theme.text.primary
|
|
19
|
+
: themeProvider.theme.text.secondary,
|
|
20
20
|
marginBottom: '1em',
|
|
21
21
|
padding: '1em',
|
|
22
22
|
borderRadius: '5px',
|
|
23
23
|
background: props.variant === 'contained'
|
|
24
24
|
? themeProvider
|
|
25
25
|
.getRgbFromColorString(state.validity?.valid === false
|
|
26
|
-
?
|
|
27
|
-
:
|
|
26
|
+
? themeProvider.theme.palette.error.main
|
|
27
|
+
: themeProvider.theme.palette[props.defaultColor || 'primary'].main)
|
|
28
28
|
.update('a', state.focused ? 0.1 : 0.2)
|
|
29
29
|
.toString()
|
|
30
30
|
: 'transparent',
|
|
31
31
|
boxShadow: props.variant === 'outlined' || props.variant === 'contained'
|
|
32
32
|
? `0 0 0 1px ${state.validity?.valid === false
|
|
33
|
-
?
|
|
33
|
+
? themeProvider.theme.palette.error.main
|
|
34
34
|
: state.focused
|
|
35
|
-
?
|
|
36
|
-
:
|
|
35
|
+
? themeProvider.theme.palette[props.defaultColor || 'primary'].main
|
|
36
|
+
: themeProvider.theme.text.primary}`
|
|
37
37
|
: 'none',
|
|
38
38
|
filter: props.disabled ? 'grayscale(100%)' : 'none',
|
|
39
39
|
opacity: props.disabled ? '0.5' : '1',
|
|
@@ -43,15 +43,11 @@ const getLabelStyle = ({ themeProvider, props, state, }) => {
|
|
|
43
43
|
};
|
|
44
44
|
exports.Input = (0, shades_1.Shade)({
|
|
45
45
|
shadowDomName: 'shade-input',
|
|
46
|
-
getInitialState: ({
|
|
47
|
-
theme: injector.getInstance(__1.ThemeProviderService).theme.getValue(),
|
|
46
|
+
getInitialState: ({ props }) => ({
|
|
48
47
|
value: props.value || '',
|
|
49
48
|
focused: props.autofocus || false,
|
|
50
49
|
validity: { valid: true },
|
|
51
50
|
}),
|
|
52
|
-
resources: ({ injector, updateState }) => [
|
|
53
|
-
injector.getInstance(__1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
|
|
54
|
-
],
|
|
55
51
|
compareState: ({ newState, element, props, injector }) => {
|
|
56
52
|
const themeProvider = injector.getInstance(__1.ThemeProviderService);
|
|
57
53
|
const label = element.querySelector('label');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":";;;AACA,8CAAwE;AACxE,6BAA4C;
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,17 +6,13 @@ const services_1 = require("../../services");
|
|
|
6
6
|
const utils_1 = require("../../utils");
|
|
7
7
|
exports.TextArea = (0, shades_1.Shade)({
|
|
8
8
|
shadowDomName: 'shade-text-area',
|
|
9
|
-
getInitialState: ({
|
|
10
|
-
theme: injector.getInstance(services_1.ThemeProviderService).theme.getValue(),
|
|
9
|
+
getInitialState: ({ props }) => ({
|
|
11
10
|
value: props.value,
|
|
12
11
|
}),
|
|
13
|
-
resources: ({ injector, updateState }) => {
|
|
14
|
-
const themeProvider = injector.getInstance(services_1.ThemeProviderService);
|
|
15
|
-
return [themeProvider.theme.subscribe((theme) => updateState({ theme }))];
|
|
16
|
-
},
|
|
17
12
|
render: ({ props, element, injector, getState }) => {
|
|
18
13
|
const themeProvider = injector.getInstance(services_1.ThemeProviderService);
|
|
19
|
-
const { theme
|
|
14
|
+
const { theme } = themeProvider;
|
|
15
|
+
const { value } = getState();
|
|
20
16
|
const { palette } = theme;
|
|
21
17
|
return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: {
|
|
22
18
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;
|
|
1
|
+
{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,19 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Loader = void 0;
|
|
4
4
|
const shades_1 = require("@furystack/shades");
|
|
5
|
-
const services_1 = require("../services");
|
|
6
5
|
const utils_1 = require("../utils");
|
|
7
6
|
exports.Loader = (0, shades_1.Shade)({
|
|
8
7
|
shadowDomName: 'shade-loader',
|
|
9
|
-
resources: ({ injector, element }) => [
|
|
10
|
-
injector.getInstance(services_1.ThemeProviderService).theme.subscribe((theme) => {
|
|
11
|
-
const el = element.firstElementChild;
|
|
12
|
-
if (el) {
|
|
13
|
-
;
|
|
14
|
-
el.style.borderBottom = `15px solid ${theme.palette.primary.main}`;
|
|
15
|
-
}
|
|
16
|
-
}, true),
|
|
17
|
-
],
|
|
18
8
|
render: ({ element, props }) => {
|
|
19
9
|
element.style.display = 'inline-block';
|
|
20
10
|
element.style.transformOrigin = 'center';
|