@mirai/ui 1.0.176 → 1.0.182
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/build/components/Calendar/Calendar.Week.js +1 -1
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.module.css +1 -3
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +122 -122
- package/build/components/InputOption/InputOption.js +4 -8
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputText/InputText.js +2 -1
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +1 -1
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/Table/Table.ColumnFilter.js +28 -15
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +18 -8
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +5 -1
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.constants.js +18 -0
- package/build/components/Table/Table.constants.js.map +1 -0
- package/build/components/Table/Table.js +26 -10
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.module.css +18 -9
- package/build/components/Table/Table.stories.js +15 -4
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/Table.stories.module.css +10 -2
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +762 -0
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +371 -9
- package/build/components/Table/helpers/index.js +11 -0
- package/build/components/Table/helpers/index.js.map +1 -1
- package/build/components/Table/helpers/select.js +16 -11
- package/build/components/Table/helpers/select.js.map +1 -1
- package/build/components/Table/helpers/storage.js +28 -0
- package/build/components/Table/helpers/storage.js.map +1 -0
- package/build/primitives/Text/Text.js +8 -3
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.module.css +5 -0
- package/build/primitives/Text/Text.stories.js +1 -0
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +30 -0
- package/build/primitives/Text/helpers/parseMarkdown.js +9 -10
- package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
- package/build/theme/default.theme.css +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","action","bold","children","headline","level","lighten","small","tag","underline","upperCase","wide","testId","style","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ childrenMarkdown, ...props }) => (\n <>\n <Text {...props} />\n <Text {...props} children={childrenMarkdown} />\n </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n accent: false,\n action: false,\n bold: false,\n children: 'children',\n childrenMarkdown:\n '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n headline: false,\n level: 3,\n lighten: false,\n small: false,\n tag: 'span',\n underline: false,\n upperCase: false,\n wide: false,\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAAA,oBAChD,yEACE,6BAAC,UAAI,EAAKA,KAAK,CAAI,eACnB,6BAAC,UAAI,eAAKA,KAAK;IAAE,QAAQ,EAAED;EAAiB,GAAG,CAC9C;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,MAAM;AAExBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBP,gBAAgB,EACd,8HAA8H;EAChIQ,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,MAAM;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.stories.js","names":["title","Story","childrenMarkdown","props","storyName","args","accent","action","bold","children","headline","level","lighten","small","tag","tiny","underline","upperCase","wide","testId","style","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ childrenMarkdown, ...props }) => (\n <>\n <Text {...props} />\n <Text {...props} children={childrenMarkdown} />\n </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n accent: false,\n action: false,\n bold: false,\n children: 'children',\n childrenMarkdown:\n '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n headline: false,\n level: 3,\n lighten: false,\n small: false,\n tag: 'span',\n tiny: false,\n underline: false,\n upperCase: false,\n wide: false,\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,gBAAgB,QAAhBA,gBAAgB;IAAKC,KAAK;EAAA,oBAChD,yEACE,6BAAC,UAAI,EAAKA,KAAK,CAAI,eACnB,6BAAC,UAAI,eAAKA,KAAK;IAAE,QAAQ,EAAED;EAAiB,GAAG,CAC9C;AAAA,CACJ;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,MAAM;AAExBH,KAAK,CAACI,IAAI,GAAG;EACXC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,UAAU;EACpBP,gBAAgB,EACd,8HAA8H;EAChIQ,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,OAAO,EAAE,KAAK;EACdC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,KAAK;EAChBC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDnB,KAAK,CAACoB,QAAQ,GAAG,CAAC,CAAC"}
|
|
@@ -100,6 +100,26 @@ exports[`primitive:<Text> prop:lighten 1`] = `
|
|
|
100
100
|
</DocumentFragment>
|
|
101
101
|
`;
|
|
102
102
|
|
|
103
|
+
exports[`primitive:<Text> prop:markdown 1`] = `
|
|
104
|
+
<DocumentFragment>
|
|
105
|
+
<span
|
|
106
|
+
class="text paragraph"
|
|
107
|
+
>
|
|
108
|
+
<span
|
|
109
|
+
style="font-style: italic;"
|
|
110
|
+
>
|
|
111
|
+
Lorem
|
|
112
|
+
</span>
|
|
113
|
+
|
|
114
|
+
<span
|
|
115
|
+
style="text-decoration: underline;"
|
|
116
|
+
>
|
|
117
|
+
Ipsum
|
|
118
|
+
</span>
|
|
119
|
+
</span>
|
|
120
|
+
</DocumentFragment>
|
|
121
|
+
`;
|
|
122
|
+
|
|
103
123
|
exports[`primitive:<Text> prop:small 1`] = `
|
|
104
124
|
<DocumentFragment>
|
|
105
125
|
<span
|
|
@@ -120,6 +140,16 @@ exports[`primitive:<Text> prop:tag 1`] = `
|
|
|
120
140
|
</DocumentFragment>
|
|
121
141
|
`;
|
|
122
142
|
|
|
143
|
+
exports[`primitive:<Text> prop:tiny 1`] = `
|
|
144
|
+
<DocumentFragment>
|
|
145
|
+
<span
|
|
146
|
+
class="text tiny"
|
|
147
|
+
>
|
|
148
|
+
Lorem Ipsum
|
|
149
|
+
</span>
|
|
150
|
+
</DocumentFragment>
|
|
151
|
+
`;
|
|
152
|
+
|
|
123
153
|
exports[`primitive:<Text> prop:underline 1`] = `
|
|
124
154
|
<DocumentFragment>
|
|
125
155
|
<span
|
|
@@ -22,7 +22,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
22
22
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
23
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
24
|
var LINK_REGEXP = /\[(.*?)\]\((.*?)\)/;
|
|
25
|
-
var MARKDOWN_REGEXP = /(\*\*|\*|_|~~|\[|\{)(
|
|
25
|
+
var MARKDOWN_REGEXP = /(\*\*|\*|_|~~|\[|\{)(.+?)(?:\1|\)|\})/g;
|
|
26
26
|
var STYLE = {
|
|
27
27
|
BINDING: {
|
|
28
28
|
style: {
|
|
@@ -64,25 +64,24 @@ var parseMarkdown = function parseMarkdown(value) {
|
|
|
64
64
|
var match;
|
|
65
65
|
while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {
|
|
66
66
|
var _match = match,
|
|
67
|
-
_match2 = _slicedToArray(_match,
|
|
67
|
+
_match2 = _slicedToArray(_match, 3),
|
|
68
68
|
raw = _match2[0],
|
|
69
69
|
start = _match2[1],
|
|
70
|
-
text = _match2[2]
|
|
71
|
-
end = _match2[3];
|
|
70
|
+
text = _match2[2];
|
|
72
71
|
if (value.slice(lastIndex, match.index)) tokens.push({
|
|
73
72
|
text: value.slice(lastIndex, match.index)
|
|
74
73
|
});
|
|
75
|
-
if (start === '**'
|
|
74
|
+
if (start === '**') tokens.push(_objectSpread({
|
|
76
75
|
text: text
|
|
77
|
-
}, STYLE.BOLD));else if (start === '*'
|
|
76
|
+
}, STYLE.BOLD));else if (start === '*') tokens.push(_objectSpread({
|
|
78
77
|
text: text
|
|
79
|
-
}, STYLE.ITALIC));else if (start === '_'
|
|
78
|
+
}, STYLE.ITALIC));else if (start === '_') tokens.push(_objectSpread({
|
|
80
79
|
text: text
|
|
81
|
-
}, STYLE.UNDERLINE));else if (start === '~~'
|
|
80
|
+
}, STYLE.UNDERLINE));else if (start === '~~') tokens.push(_objectSpread({
|
|
82
81
|
text: text
|
|
83
|
-
}, STYLE.LINE_THROUGH));else if (start === '{'
|
|
82
|
+
}, STYLE.LINE_THROUGH));else if (start === '{') tokens.push(_objectSpread({
|
|
84
83
|
text: raw
|
|
85
|
-
}, STYLE.BINDING));else if (start === '['
|
|
84
|
+
}, STYLE.BINDING));else if (start === '[') {
|
|
86
85
|
var _raw$match = raw.match(LINK_REGEXP),
|
|
87
86
|
_raw$match2 = _slicedToArray(_raw$match, 3),
|
|
88
87
|
title = _raw$match2[1],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parseMarkdown.js","names":["LINK_REGEXP","MARKDOWN_REGEXP","STYLE","BINDING","style","color","fontWeight","BOLD","ITALIC","fontStyle","LINE_THROUGH","textDecoration","LINK","UNDERLINE","parseMarkdown","value","match","tokens","lastIndex","exec","raw","start","text","
|
|
1
|
+
{"version":3,"file":"parseMarkdown.js","names":["LINK_REGEXP","MARKDOWN_REGEXP","STYLE","BINDING","style","color","fontWeight","BOLD","ITALIC","fontStyle","LINE_THROUGH","textDecoration","LINK","UNDERLINE","parseMarkdown","value","match","tokens","lastIndex","exec","raw","start","text","slice","index","push","title","href","map","props","Object","keys","length","React","createElement"],"sources":["../../../../src/primitives/Text/helpers/parseMarkdown.js"],"sourcesContent":["import React from 'react';\n\nconst LINK_REGEXP = /\\[(.*?)\\]\\((.*?)\\)/;\nconst MARKDOWN_REGEXP = /(\\*\\*|\\*|_|~~|\\[|\\{)(.+?)(?:\\1|\\)|\\})/g;\n\nconst STYLE = {\n BINDING: { style: { color: 'var(--mirai-ui-accent)', fontWeight: 'bold' } },\n BOLD: { style: { fontWeight: 'bold' } },\n ITALIC: { style: { fontStyle: 'italic' } },\n LINE_THROUGH: { style: { textDecoration: 'line-through' } },\n LINK: { style: { textDecoration: 'underline', color: 'var(--mirai-ui-accent)' } },\n UNDERLINE: { style: { textDecoration: 'underline' } },\n};\n\nexport const parseMarkdown = (value) => {\n if (!value || typeof value !== 'string' || value.match(MARKDOWN_REGEXP) === null) return value;\n\n const tokens = [];\n let lastIndex = 0;\n let match;\n\n while ((match = MARKDOWN_REGEXP.exec(value)) !== null) {\n const [raw, start, text] = match;\n\n if (value.slice(lastIndex, match.index)) tokens.push({ text: value.slice(lastIndex, match.index) });\n\n if (start === '**') tokens.push({ text, ...STYLE.BOLD });\n else if (start === '*') tokens.push({ text, ...STYLE.ITALIC });\n else if (start === '_') tokens.push({ text, ...STYLE.UNDERLINE });\n else if (start === '~~') tokens.push({ text, ...STYLE.LINE_THROUGH });\n else if (start === '{') tokens.push({ text: raw, ...STYLE.BINDING });\n else if (start === '[') {\n const [, title, href] = raw.match(LINK_REGEXP);\n tokens.push({ text: title, href, ...STYLE.LINK });\n } else {\n tokens.push({ text: raw });\n }\n\n lastIndex = MARKDOWN_REGEXP.lastIndex;\n }\n\n if (value.slice(lastIndex)) tokens.push({ text: value.slice(lastIndex) });\n\n return tokens.map(({ text, ...props }) =>\n Object.keys(props).length ? React.createElement(props.href ? 'a' : 'span', props, text) : text,\n );\n};\n"],"mappings":"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"}
|
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
--mirai-ui-line-height-action: 20px;
|
|
27
27
|
--mirai-ui-font-size-small: 12px;
|
|
28
28
|
--mirai-ui-line-height-small: 18px;
|
|
29
|
+
--mirai-ui-font-size-tiny: 10px;
|
|
30
|
+
--mirai-ui-line-height-tiny: 14px;
|
|
29
31
|
--mirai-ui-text-direction: ltr;
|
|
30
32
|
--mirai-ui-text-align: left;
|
|
31
33
|
|
|
@@ -182,8 +184,6 @@
|
|
|
182
184
|
--mirai-ui-button-squared: calc(var(--mirai-ui-space-M) * 2);
|
|
183
185
|
|
|
184
186
|
/* Calendar */
|
|
185
|
-
--mirai-ui-calendar-caption-font-size: 10px;
|
|
186
|
-
--mirai-ui-calendar-caption-line-height: calc(var(--mirai-ui-calendar-caption-font-size) * 1.5);
|
|
187
187
|
--mirai-ui-calendar-caption-color: var(--mirai-ui-content-light);
|
|
188
188
|
--mirai-ui-calendar-cell: var(--mirai-ui-space-XL);
|
|
189
189
|
--mirai-ui-calendar-cell-border-radius: var(--mirai-ui-border-radius);
|