@mirai/ui 2.0.27 → 2.0.29
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/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +4 -4
- package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +5 -5
- package/build/primitives/Primitive/Primitive.constants.js +0 -4
- package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
- package/build/theme/theme.js +10 -7
- package/build/theme/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -35,25 +35,25 @@ exports[`component:<Action> prop:disabled 1`] = `
|
|
|
35
35
|
|
|
36
36
|
exports[`component:<Action> prop:href + prop:target 1`] = `
|
|
37
37
|
<DocumentFragment>
|
|
38
|
-
<a
|
|
38
|
+
<ui-a
|
|
39
39
|
class="pressable action"
|
|
40
40
|
href="soyjavi.com"
|
|
41
41
|
tabindex="0"
|
|
42
42
|
>
|
|
43
43
|
children
|
|
44
|
-
</a>
|
|
44
|
+
</ui-a>
|
|
45
45
|
</DocumentFragment>
|
|
46
46
|
`;
|
|
47
47
|
|
|
48
48
|
exports[`component:<Action> prop:href 1`] = `
|
|
49
49
|
<DocumentFragment>
|
|
50
|
-
<a
|
|
50
|
+
<ui-a
|
|
51
51
|
class="pressable action"
|
|
52
52
|
href="soyjavi.com"
|
|
53
53
|
tabindex="0"
|
|
54
54
|
>
|
|
55
55
|
children
|
|
56
|
-
</a>
|
|
56
|
+
</ui-a>
|
|
57
57
|
</DocumentFragment>
|
|
58
58
|
`;
|
|
59
59
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`component:<Form> inherit:className 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
|
-
<form
|
|
5
|
+
<ui-form
|
|
6
6
|
class="mirai"
|
|
7
7
|
/>
|
|
8
8
|
</DocumentFragment>
|
|
@@ -10,7 +10,7 @@ exports[`component:<Form> inherit:className 1`] = `
|
|
|
10
10
|
|
|
11
11
|
exports[`component:<Form> prop:children 1`] = `
|
|
12
12
|
<DocumentFragment>
|
|
13
|
-
<form>
|
|
13
|
+
<ui-form>
|
|
14
14
|
<ui-input-text
|
|
15
15
|
class="view inputContainer"
|
|
16
16
|
>
|
|
@@ -36,19 +36,19 @@ exports[`component:<Form> prop:children 1`] = `
|
|
|
36
36
|
</ui-view>
|
|
37
37
|
</ui-view>
|
|
38
38
|
</ui-input-text>
|
|
39
|
-
</form>
|
|
39
|
+
</ui-form>
|
|
40
40
|
</DocumentFragment>
|
|
41
41
|
`;
|
|
42
42
|
|
|
43
43
|
exports[`component:<Form> renders 1`] = `
|
|
44
44
|
<DocumentFragment>
|
|
45
|
-
<form />
|
|
45
|
+
<ui-form />
|
|
46
46
|
</DocumentFragment>
|
|
47
47
|
`;
|
|
48
48
|
|
|
49
49
|
exports[`component:<Form> testId 1`] = `
|
|
50
50
|
<DocumentFragment>
|
|
51
|
-
<form
|
|
51
|
+
<ui-form
|
|
52
52
|
data-testid="mirai"
|
|
53
53
|
/>
|
|
54
54
|
</DocumentFragment>
|
|
@@ -20,10 +20,6 @@ var NATIVE_TAGS = [
|
|
|
20
20
|
// <Select>
|
|
21
21
|
'select', 'option',
|
|
22
22
|
// -- COMPONENTS -------------------------------------------------------------
|
|
23
|
-
// <Action>
|
|
24
|
-
'a',
|
|
25
|
-
// <Form>
|
|
26
|
-
'form',
|
|
27
23
|
// <Table>
|
|
28
24
|
'table', 'thead', 'tbody', 'tr', 'th', 'td'];
|
|
29
25
|
exports.NATIVE_TAGS = NATIVE_TAGS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Primitive.constants.js","names":["BANNED_JEST_PROPS","COMMON_PROPS","for","role","testId","NATIVE_TAGS","TESTING_PROPS"],"sources":["../../../src/primitives/Primitive/Primitive.constants.js"],"sourcesContent":["const BANNED_JEST_PROPS = ['is', 'role', 'aria-hidden', 'aria-label'];\n\nconst COMMON_PROPS = {\n for: 'htmlFor',\n role: 'data-role',\n testId: 'data-testid',\n};\n\nconst NATIVE_TAGS = [\n // -- PRIMITIVES -------------------------------------------------------------\n 'iframe',\n 'img',\n // <Input>\n 'input',\n 'textarea',\n // <Select>\n 'select',\n 'option',\n // -- COMPONENTS -------------------------------------------------------------\n // <
|
|
1
|
+
{"version":3,"file":"Primitive.constants.js","names":["BANNED_JEST_PROPS","COMMON_PROPS","for","role","testId","NATIVE_TAGS","TESTING_PROPS"],"sources":["../../../src/primitives/Primitive/Primitive.constants.js"],"sourcesContent":["const BANNED_JEST_PROPS = ['is', 'role', 'aria-hidden', 'aria-label'];\n\nconst COMMON_PROPS = {\n for: 'htmlFor',\n role: 'data-role',\n testId: 'data-testid',\n};\n\nconst NATIVE_TAGS = [\n // -- PRIMITIVES -------------------------------------------------------------\n 'iframe',\n 'img',\n // <Input>\n 'input',\n 'textarea',\n // <Select>\n 'select',\n 'option',\n // -- COMPONENTS -------------------------------------------------------------\n // <Table>\n 'table',\n 'thead',\n 'tbody',\n 'tr',\n 'th',\n 'td',\n];\n\nconst TESTING_PROPS = ['testId'];\n\nexport { BANNED_JEST_PROPS, COMMON_PROPS, NATIVE_TAGS, TESTING_PROPS };\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC;AAAC;AAEtE,IAAMC,YAAY,GAAG;EACnBC,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE;AACV,CAAC;AAAC;AAEF,IAAMC,WAAW,GAAG;AAClB;AACA,QAAQ,EACR,KAAK;AACL;AACA,OAAO,EACP,UAAU;AACV;AACA,QAAQ,EACR,QAAQ;AACR;AACA;AACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAAC;AAEF,IAAMC,aAAa,GAAG,CAAC,QAAQ,CAAC;AAAC"}
|
package/build/theme/theme.js
CHANGED
|
@@ -28,8 +28,9 @@ var Theme = {
|
|
|
28
28
|
var _ref = window || {},
|
|
29
29
|
_ref$Mirai = _ref.Mirai;
|
|
30
30
|
_ref$Mirai = _ref$Mirai === void 0 ? {} : _ref$Mirai;
|
|
31
|
-
var
|
|
32
|
-
|
|
31
|
+
var _ref$Mirai$theme = _ref$Mirai.theme,
|
|
32
|
+
theme = _ref$Mirai$theme === void 0 ? {} : _ref$Mirai$theme;
|
|
33
|
+
if (theme[domain]) return theme[domain];
|
|
33
34
|
var style = getComputedStyle(document.querySelector(':root'));
|
|
34
35
|
var variables = {};
|
|
35
36
|
var keys = Array.from(document.styleSheets).filter(function (stylesheet) {
|
|
@@ -58,10 +59,10 @@ var Theme = {
|
|
|
58
59
|
return variables[(0, _helpers.camelcase)(key.replace(domain, ''))] = (_style$getPropertyVal = style.getPropertyValue(key)) === null || _style$getPropertyVal === void 0 ? void 0 : _style$getPropertyVal.trim();
|
|
59
60
|
});
|
|
60
61
|
window.Mirai = _objectSpread(_objectSpread({}, window.Mirai), {}, {
|
|
61
|
-
|
|
62
|
+
theme: _objectSpread(_objectSpread({}, theme), {}, _defineProperty({}, domain, variables))
|
|
62
63
|
});
|
|
63
64
|
setTimeout(function () {
|
|
64
|
-
return Theme.clearCache();
|
|
65
|
+
return Theme.clearCache(domain);
|
|
65
66
|
}, _theme.DEBOUNCE_TIMEOUT_CACHE);
|
|
66
67
|
return variables;
|
|
67
68
|
},
|
|
@@ -70,7 +71,7 @@ var Theme = {
|
|
|
70
71
|
var _document$querySelect = document.querySelector(':root'),
|
|
71
72
|
style = _document$querySelect.style;
|
|
72
73
|
style.setProperty("".concat(domain).concat(variable), value);
|
|
73
|
-
Theme.clearCache();
|
|
74
|
+
Theme.clearCache(domain);
|
|
74
75
|
},
|
|
75
76
|
generatePalette: function generatePalette(variable, value) {
|
|
76
77
|
var valuePalette = (0, _helpers.palette)(value);
|
|
@@ -100,10 +101,12 @@ var Theme = {
|
|
|
100
101
|
});
|
|
101
102
|
return direction;
|
|
102
103
|
},
|
|
103
|
-
clearCache: function clearCache() {
|
|
104
|
+
clearCache: function clearCache(domain) {
|
|
104
105
|
var _window;
|
|
105
106
|
if (!((_window = window) !== null && _window !== void 0 && _window.Mirai)) return;
|
|
106
|
-
window.Mirai.
|
|
107
|
+
var _window$Mirai$theme = window.Mirai.theme,
|
|
108
|
+
theme = _window$Mirai$theme === void 0 ? {} : _window$Mirai$theme;
|
|
109
|
+
window.Mirai.theme = _objectSpread(_objectSpread({}, theme), {}, _defineProperty({}, domain, undefined));
|
|
107
110
|
}
|
|
108
111
|
};
|
|
109
112
|
exports.Theme = Theme;
|
package/build/theme/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["Theme","get","domain","DOMAIN","window","Mirai","
|
|
1
|
+
{"version":3,"file":"theme.js","names":["Theme","get","domain","DOMAIN","window","Mirai","theme","style","getComputedStyle","document","querySelector","variables","keys","Array","from","styleSheets","filter","stylesheet","href","startsWith","location","origin","cssRules","reduce","value","selectorText","name","forEach","key","camelcase","replace","getPropertyValue","trim","setTimeout","clearCache","DEBOUNCE_TIMEOUT_CACHE","setVariable","variable","setProperty","generatePalette","valuePalette","palette","undefined","Object","entries","getDirection","textDirection","DIRECTION","DIRECTION_TYPE","RIGHT","LEFT","setDirection","direction","values","includes","map"],"sources":["../../src/theme/theme.js"],"sourcesContent":["import { camelcase, palette } from './helpers';\nimport { DEBOUNCE_TIMEOUT_CACHE, DIRECTION, DIRECTION_TYPE, DOMAIN } from './theme.constants';\n\nexport const Theme = {\n get: (domain = DOMAIN) => {\n const { Mirai: { theme = {} } = {} } = window || {};\n if (theme[domain]) return theme[domain];\n\n const style = getComputedStyle(document.querySelector(':root'));\n const variables = {};\n\n const keys = Array.from(document.styleSheets)\n .filter((stylesheet) => {\n try {\n return (\n (stylesheet.href === null || stylesheet.href.startsWith(window.location.origin)) &&\n (stylesheet.cssRules ?? {})\n );\n } catch {\n return false;\n }\n })\n .reduce(\n (stylesheet, { cssRules } = {}) => [\n ...stylesheet,\n ...Array.from(cssRules).reduce(\n (value, { selectorText = '', style = [] } = {}) =>\n selectorText === ':root'\n ? [...value, ...Array.from(style).filter((name) => name.startsWith(domain))]\n : value,\n [],\n ),\n ],\n [],\n );\n\n keys.forEach((key) => (variables[camelcase(key.replace(domain, ''))] = style.getPropertyValue(key)?.trim()));\n\n window.Mirai = { ...window.Mirai, theme: { ...theme, [domain]: variables } };\n setTimeout(() => Theme.clearCache(domain), DEBOUNCE_TIMEOUT_CACHE);\n\n return variables;\n },\n\n setVariable: (variable, value, domain = DOMAIN) => {\n const { style } = document.querySelector(':root');\n\n style.setProperty(`${domain}${variable}`, value);\n Theme.clearCache(domain);\n },\n\n generatePalette: (variable, value) => {\n const valuePalette = palette(value);\n if (!valuePalette) return undefined;\n\n Object.entries(valuePalette).forEach(([key, value]) => {\n Theme.setVariable(key !== 'base' ? `${variable}-${key}` : variable, value);\n });\n Theme.clearCache();\n },\n\n getDirection: () => {\n const { textDirection } = Theme.get();\n\n return textDirection !== DIRECTION[DIRECTION_TYPE.RIGHT]['text-direction']\n ? DIRECTION_TYPE.LEFT\n : DIRECTION_TYPE.RIGHT;\n },\n\n setDirection: (direction = DIRECTION_TYPE.LEFT) => {\n if (!Object.values(DIRECTION_TYPE).includes(direction)) return;\n\n const variables = DIRECTION[direction] || {};\n Object.entries(variables).map(([key, value]) => Theme.setVariable(key, value));\n\n return direction;\n },\n\n clearCache: (domain) => {\n if (!window?.Mirai) return;\n\n const { theme = {} } = window.Mirai;\n window.Mirai.theme = { ...theme, [domain]: undefined };\n },\n};\n"],"mappings":"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"}
|