@mirai/ui 1.0.164 → 1.0.166
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/Modal/Modal.js +5 -1
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/Modal.module.css +3 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +16 -0
- package/build/components/Table/Table.stories.js +23 -31
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/helpers/select.js +2 -1
- package/build/components/Table/helpers/select.js.map +1 -1
- package/package.json +1 -1
|
@@ -44,7 +44,8 @@ var Modal = function Modal(_ref) {
|
|
|
44
44
|
onOverflow = _ref.onOverflow,
|
|
45
45
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
46
46
|
var _useDevice = (0, _hooks.useDevice)(),
|
|
47
|
-
isDesktop = _useDevice.isDesktop
|
|
47
|
+
isDesktop = _useDevice.isDesktop,
|
|
48
|
+
height = _useDevice.height;
|
|
48
49
|
var ref = (0, _react.useRef)();
|
|
49
50
|
var _useState = (0, _react.useState)(),
|
|
50
51
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -75,6 +76,9 @@ var Modal = function Modal(_ref) {
|
|
|
75
76
|
preventDefault: preventDefault,
|
|
76
77
|
className: (0, _helpers.styles)(_ModalModule.default.container, overflow && _ModalModule.default.overflow, overflow && blur && _ModalModule.default.blur, visible && _ModalModule.default.visible, onOverflow && _ModalModule.default.onOverflow),
|
|
77
78
|
onPress: visible && overflow ? handleOverflow : undefined,
|
|
79
|
+
style: {
|
|
80
|
+
height: height
|
|
81
|
+
},
|
|
78
82
|
"data-testid": testId ? "".concat(testId, "-overflow") : undefined
|
|
79
83
|
}, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
80
84
|
fit: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n fit = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n ...others\n}) => {\n const { isDesktop } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n onOverflow && !ref.current?.contains(target) && onOverflow(event);\n };\n\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n const { ['data-testid']: testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n className={styles(\n style.container,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && style.visible,\n onOverflow && style.onOverflow,\n )}\n onPress={visible && overflow ? handleOverflow : undefined}\n data-testid={testId ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n >\n {(title || onBack || onClose) && (\n <View forceRow className={style.header}>\n {onBack && (\n <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n <Icon value={ICON.LEFT} className={style.icon} />\n </Pressable>\n )}\n {title && (\n <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n {title}\n </Text>\n )}\n {onClose && (\n <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n </Pressable>\n )}\n </View>\n )}\n {children}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n fit: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n preventDefault: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAaL;EAAA,qBAZJC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,QAAQ,QAARA,QAAQ;IAAA,gBACRC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IAAA,qBACXC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,mBACfC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,2BACdC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IACrBC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACPC,MAAM;EAET,
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","height","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n fit = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n ...others\n}) => {\n const { isDesktop, height } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n onOverflow && !ref.current?.contains(target) && onOverflow(event);\n };\n\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n const { ['data-testid']: testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n className={styles(\n style.container,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && style.visible,\n onOverflow && style.onOverflow,\n )}\n onPress={visible && overflow ? handleOverflow : undefined}\n style={{ height }}\n data-testid={testId ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n >\n {(title || onBack || onClose) && (\n <View forceRow className={style.header}>\n {onBack && (\n <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n <Icon value={ICON.LEFT} className={style.icon} />\n </Pressable>\n )}\n {title && (\n <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n {title}\n </Text>\n )}\n {onClose && (\n <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n </Pressable>\n )}\n </View>\n )}\n {children}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n fit: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n preventDefault: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.container {
|
|
6
|
-
bottom: 0;
|
|
7
6
|
display: flex;
|
|
8
7
|
height: 100vh;
|
|
9
8
|
justify-content: center;
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
.container {
|
|
86
85
|
align-items: flex-end;
|
|
87
86
|
align-content: flex-end;
|
|
87
|
+
bottom: 0;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
.header {
|
|
@@ -115,6 +115,8 @@
|
|
|
115
115
|
@media only screen and (min-width: 431px) {
|
|
116
116
|
.container {
|
|
117
117
|
align-items: center;
|
|
118
|
+
top: 0;
|
|
119
|
+
bottom: 0;
|
|
118
120
|
}
|
|
119
121
|
|
|
120
122
|
.header {
|
|
@@ -5,6 +5,7 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
|
|
|
5
5
|
<div
|
|
6
6
|
class="pressable container overflow visible"
|
|
7
7
|
data-testid="mirai-onClose-overflow"
|
|
8
|
+
style="height: 768px;"
|
|
8
9
|
>
|
|
9
10
|
<div
|
|
10
11
|
class="view fit modal calcWidth visible"
|
|
@@ -50,6 +51,7 @@ exports[`component:<Modal> Mobile environment prop:visible 1`] = `
|
|
|
50
51
|
<DocumentFragment>
|
|
51
52
|
<div
|
|
52
53
|
class="pressable container overflow visible"
|
|
54
|
+
style="height: 768px;"
|
|
53
55
|
>
|
|
54
56
|
<div
|
|
55
57
|
class="view fit modal calcWidth visible"
|
|
@@ -62,6 +64,7 @@ exports[`component:<Modal> inherit:className 1`] = `
|
|
|
62
64
|
<DocumentFragment>
|
|
63
65
|
<div
|
|
64
66
|
class="pressable container overflow"
|
|
67
|
+
style="height: 768px;"
|
|
65
68
|
>
|
|
66
69
|
<div
|
|
67
70
|
class="view fit modal calcWidth mirai"
|
|
@@ -74,6 +77,7 @@ exports[`component:<Modal> prop:children 1`] = `
|
|
|
74
77
|
<DocumentFragment>
|
|
75
78
|
<div
|
|
76
79
|
class="pressable container overflow"
|
|
80
|
+
style="height: 768px;"
|
|
77
81
|
>
|
|
78
82
|
<div
|
|
79
83
|
class="view fit modal calcWidth"
|
|
@@ -90,6 +94,7 @@ exports[`component:<Modal> prop:fit 1`] = `
|
|
|
90
94
|
<DocumentFragment>
|
|
91
95
|
<div
|
|
92
96
|
class="pressable container overflow"
|
|
97
|
+
style="height: 768px;"
|
|
93
98
|
>
|
|
94
99
|
<div
|
|
95
100
|
class="view fit modal"
|
|
@@ -103,6 +108,7 @@ exports[`component:<Modal> prop:onBack 1`] = `
|
|
|
103
108
|
<div
|
|
104
109
|
class="pressable container overflow visible"
|
|
105
110
|
data-testid="mirai-onBack-overflow"
|
|
111
|
+
style="height: 768px;"
|
|
106
112
|
>
|
|
107
113
|
<div
|
|
108
114
|
class="view fit modal calcWidth visible"
|
|
@@ -148,6 +154,7 @@ exports[`component:<Modal> prop:onClose 1`] = `
|
|
|
148
154
|
<div
|
|
149
155
|
class="pressable container overflow visible"
|
|
150
156
|
data-testid="mirai-onClose-overflow"
|
|
157
|
+
style="height: 768px;"
|
|
151
158
|
>
|
|
152
159
|
<div
|
|
153
160
|
class="view fit modal calcWidth visible"
|
|
@@ -194,6 +201,7 @@ exports[`component:<Modal> prop:onOverflow 1`] = `
|
|
|
194
201
|
<div
|
|
195
202
|
class="pressable container overflow visible onOverflow"
|
|
196
203
|
data-testid="mirai-onOverflow-overflow"
|
|
204
|
+
style="height: 768px;"
|
|
197
205
|
>
|
|
198
206
|
<div
|
|
199
207
|
class="view fit modal calcWidth visible"
|
|
@@ -207,6 +215,7 @@ exports[`component:<Modal> prop:portal 1`] = `
|
|
|
207
215
|
<DocumentFragment>
|
|
208
216
|
<div
|
|
209
217
|
class="pressable container overflow"
|
|
218
|
+
style="height: 768px;"
|
|
210
219
|
>
|
|
211
220
|
<div
|
|
212
221
|
class="view fit modal calcWidth"
|
|
@@ -219,6 +228,7 @@ exports[`component:<Modal> prop:title 1`] = `
|
|
|
219
228
|
<DocumentFragment>
|
|
220
229
|
<div
|
|
221
230
|
class="pressable container overflow"
|
|
231
|
+
style="height: 768px;"
|
|
222
232
|
>
|
|
223
233
|
<div
|
|
224
234
|
class="view fit modal calcWidth"
|
|
@@ -241,6 +251,7 @@ exports[`component:<Modal> prop:visible & prop:blur 1`] = `
|
|
|
241
251
|
<DocumentFragment>
|
|
242
252
|
<div
|
|
243
253
|
class="pressable container overflow blur visible"
|
|
254
|
+
style="height: 768px;"
|
|
244
255
|
>
|
|
245
256
|
<div
|
|
246
257
|
class="view fit modal calcWidth visible"
|
|
@@ -253,6 +264,7 @@ exports[`component:<Modal> prop:visible & prop:onOverflow 1`] = `
|
|
|
253
264
|
<DocumentFragment>
|
|
254
265
|
<div
|
|
255
266
|
class="pressable container overflow visible onOverflow"
|
|
267
|
+
style="height: 768px;"
|
|
256
268
|
>
|
|
257
269
|
<div
|
|
258
270
|
class="view fit modal calcWidth visible"
|
|
@@ -265,6 +277,7 @@ exports[`component:<Modal> prop:visible & prop:overflow (false) 1`] = `
|
|
|
265
277
|
<DocumentFragment>
|
|
266
278
|
<div
|
|
267
279
|
class="pressable container visible"
|
|
280
|
+
style="height: 768px;"
|
|
268
281
|
>
|
|
269
282
|
<div
|
|
270
283
|
class="view fit modal calcWidth visible"
|
|
@@ -277,6 +290,7 @@ exports[`component:<Modal> prop:visible renders 1`] = `
|
|
|
277
290
|
<DocumentFragment>
|
|
278
291
|
<div
|
|
279
292
|
class="pressable container overflow visible"
|
|
293
|
+
style="height: 768px;"
|
|
280
294
|
>
|
|
281
295
|
<div
|
|
282
296
|
class="view fit modal calcWidth visible"
|
|
@@ -289,6 +303,7 @@ exports[`component:<Modal> renders 1`] = `
|
|
|
289
303
|
<DocumentFragment>
|
|
290
304
|
<div
|
|
291
305
|
class="pressable container overflow"
|
|
306
|
+
style="height: 768px;"
|
|
292
307
|
>
|
|
293
308
|
<div
|
|
294
309
|
class="view fit modal calcWidth"
|
|
@@ -302,6 +317,7 @@ exports[`component:<Modal> testID 1`] = `
|
|
|
302
317
|
<div
|
|
303
318
|
class="pressable container overflow"
|
|
304
319
|
data-testid="mirai-overflow"
|
|
320
|
+
style="height: 768px;"
|
|
305
321
|
>
|
|
306
322
|
<div
|
|
307
323
|
class="view fit modal calcWidth"
|
|
@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _ = require("../../");
|
|
10
10
|
var _Table = require("./Table");
|
|
11
11
|
var _TableStoriesModule = _interopRequireDefault(require("./Table.stories.module.css"));
|
|
12
|
-
var _Story$args;
|
|
12
|
+
var _ref, _Story$args;
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -27,6 +27,16 @@ var _default = {
|
|
|
27
27
|
title: 'Components'
|
|
28
28
|
};
|
|
29
29
|
exports.default = _default;
|
|
30
|
+
var tags = function tags(value) {
|
|
31
|
+
return value.map(function (language) {
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_.Text, {
|
|
33
|
+
key: language,
|
|
34
|
+
bold: true,
|
|
35
|
+
small: true,
|
|
36
|
+
className: _TableStoriesModule.default.tag
|
|
37
|
+
}, language);
|
|
38
|
+
});
|
|
39
|
+
};
|
|
30
40
|
var Story = function Story(props) {
|
|
31
41
|
var _useState = (0, _react.useState)(),
|
|
32
42
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -81,60 +91,42 @@ var dataSource = [{
|
|
|
81
91
|
username: 'jose',
|
|
82
92
|
email: 'jose@mirai.com',
|
|
83
93
|
year: 1,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
key: language,
|
|
87
|
-
bold: true,
|
|
88
|
-
small: true,
|
|
89
|
-
className: _TableStoriesModule.default.tag
|
|
90
|
-
}, language);
|
|
91
|
-
}),
|
|
92
|
-
languages: ['spanish', 'english', 'japanese'],
|
|
94
|
+
languages: ['ES', 'EN'],
|
|
95
|
+
tags: tags(['ES', 'EN']),
|
|
93
96
|
action: null
|
|
94
97
|
}, {
|
|
95
98
|
username: 'mario/1',
|
|
96
99
|
email: 'mario.1@mirai.com',
|
|
100
|
+
languages: ['ES'],
|
|
97
101
|
tags: null,
|
|
98
102
|
year: 2005
|
|
99
|
-
}, {
|
|
100
|
-
username: 'carlos',
|
|
101
|
-
email: 'carlos@mirai.com',
|
|
102
|
-
tags: null,
|
|
103
|
-
year: 2012
|
|
104
103
|
}, {
|
|
105
104
|
username: 'svet',
|
|
106
105
|
email: 'svet@mirai.com',
|
|
107
|
-
tags: ['
|
|
108
|
-
|
|
109
|
-
key: language,
|
|
110
|
-
bold: true,
|
|
111
|
-
small: true,
|
|
112
|
-
className: _TableStoriesModule.default.tag
|
|
113
|
-
}, language);
|
|
114
|
-
}),
|
|
115
|
-
languages: ['english', 'spanish'],
|
|
106
|
+
tags: tags(['RU', 'ES', 'EN']),
|
|
107
|
+
languages: ['RU', 'ES', 'EN'],
|
|
116
108
|
year: 2021,
|
|
117
109
|
twitter: undefined,
|
|
118
110
|
action: /*#__PURE__*/_react.default.createElement(_.Button, {
|
|
119
111
|
small: true
|
|
120
112
|
}, "Click Me"),
|
|
121
113
|
actionTitle: 'Click Me'
|
|
122
|
-
}, {
|
|
114
|
+
}, (_ref = {
|
|
123
115
|
username: 'javi',
|
|
124
116
|
email: 'hi@soyjavi.com',
|
|
125
117
|
tags: null,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
bio: "Hi, I'm Javi. For as long as I can remember, I have always loved build software and helping people through it. I strive to design simple, clean, and beautiful products in the hope that they will make a difference in the world."
|
|
129
|
-
}, {
|
|
118
|
+
languages: ['EU', 'ES', 'EN', 'TH']
|
|
119
|
+
}, _defineProperty(_ref, "tags", tags(['EU', 'ES', 'EN', 'TH'])), _defineProperty(_ref, "year", 2022), _defineProperty(_ref, "twitter", 'soyjavi'), _defineProperty(_ref, "bio", "Hi, I'm Javi. For as long as I can remember, I have always loved build software and helping people through it. I strive to design simple, clean, and beautiful products in the hope that they will make a difference in the world."), _ref), {
|
|
130
120
|
username: 'victor',
|
|
131
121
|
email: 'victor@mirai.com',
|
|
132
|
-
|
|
122
|
+
languages: ['ES'],
|
|
123
|
+
tags: tags(['ES']),
|
|
133
124
|
year: 2021
|
|
134
125
|
}, {
|
|
135
126
|
username: 'mario/2',
|
|
136
127
|
email: 'mario.2@mirai.com',
|
|
137
|
-
|
|
128
|
+
languages: ['ES'],
|
|
129
|
+
tags: tags(['ES']),
|
|
138
130
|
year: 2022
|
|
139
131
|
}];
|
|
140
132
|
Story.storyName = 'Table';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","names":["title","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","console","log","handlePress","handleSelect","
|
|
1
|
+
{"version":3,"file":"Table.stories.js","names":["title","tags","value","map","language","style","tag","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","console","log","handlePress","handleSelect","table","dataSource","username","email","year","languages","action","twitter","undefined","actionTitle","storyName","args","filter","field","min","max","inline","schema","label","type","bind","bio","height","width","background","argTypes"],"sources":["../../../src/components/Table/Table.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Button, InputText, Text } from '../../';\nimport { Table } from './Table';\nimport style from './Table.stories.module.css';\n\nexport default { title: 'Components' };\n\nconst tags = (value) =>\n value.map((language) => (\n <Text key={language} bold small className={style.tag}>\n {language}\n </Text>\n ));\n\nexport const Story = (props) => {\n const [selected, setSelected] = useState();\n const [search, setSearch] = useState();\n\n useEffect(() => {\n setSearch(props.search);\n }, [props.search]);\n\n const handleScroll = (...others) => console.log('<Table>::onScroll', ...others);\n\n const handlePress = (...others) => console.log('<Table>::onPress', ...others);\n\n const handleSelect = (...others) => {\n console.log('<Table>::onSelect', ...others);\n setSelected(...others);\n };\n\n return (\n <>\n <InputText name=\"search\" placeholder=\"search...\" type=\"search\" value={search} onChange={setSearch} />\n\n <Table\n {...props}\n search={search}\n selected={selected}\n onPress={handlePress}\n onScroll={handleScroll}\n onSelect={handleSelect}\n className={style.table}\n />\n </>\n );\n};\n\nconst dataSource = [\n {\n username: 'jose',\n email: 'jose@mirai.com',\n year: 1,\n languages: ['ES', 'EN'],\n tags: tags(['ES', 'EN']),\n action: null,\n },\n {\n username: 'mario/1',\n email: 'mario.1@mirai.com',\n languages: ['ES'],\n tags: null,\n year: 2005,\n },\n {\n username: 'svet',\n email: 'svet@mirai.com',\n tags: tags(['RU', 'ES', 'EN']),\n languages: ['RU', 'ES', 'EN'],\n year: 2021,\n twitter: undefined,\n action: <Button small>Click Me</Button>,\n actionTitle: 'Click Me',\n },\n {\n username: 'javi',\n email: 'hi@soyjavi.com',\n tags: null,\n languages: ['EU', 'ES', 'EN', 'TH'],\n tags: tags(['EU', 'ES', 'EN', 'TH']),\n year: 2022,\n twitter: 'soyjavi',\n bio: \"Hi, I'm Javi. For as long as I can remember, I have always loved build software and helping people through it. I strive to design simple, clean, and beautiful products in the hope that they will make a difference in the world.\",\n },\n {\n username: 'victor',\n email: 'victor@mirai.com',\n languages: ['ES'],\n tags: tags(['ES']),\n year: 2021,\n },\n {\n username: 'mario/2',\n email: 'mario.2@mirai.com',\n languages: ['ES'],\n tags: tags(['ES']),\n year: 2022,\n },\n];\n\nStory.storyName = 'Table';\n\nStory.args = {\n dataSource,\n filter: [\n { field: 'email', value: '@mirai.com' },\n { field: 'email', value: '@soyjavi.com' },\n { field: 'year', min: 2020, max: 2023 },\n ],\n inline: true,\n schema: {\n username: { label: 'User Name', type: 'text' },\n email: { label: 'Email' },\n tags: { label: 'Tags', type: 'component', bind: 'languages' },\n languages: { label: 'Languages (hidden)', type: 'hidden' },\n year: { label: 'Year', type: 'number' },\n twitter: { label: 'Twitter' },\n bio: { label: 'Biography' },\n action: { label: 'Action', type: 'component', bind: 'actionTitle' },\n actionTitle: { label: 'Action (hidden)', type: 'hidden' },\n },\n search: '',\n // inherited properties\n ['data-testid']: 'test-story',\n style: { height: '128px !important;', width: 128, background: 'green' },\n};\n\nStory.argTypes = {};\n"],"mappings":"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"}
|
|
@@ -76,9 +76,10 @@ var select = function select() {
|
|
|
76
76
|
values = _toConsumableArray(flatten);
|
|
77
77
|
}
|
|
78
78
|
Object.keys(sort).forEach(function (key) {
|
|
79
|
+
var fieldKey = schema[key].bind || key;
|
|
79
80
|
var order = sort[key] ? 1 : -1;
|
|
80
81
|
values.sort(function (a, b) {
|
|
81
|
-
return a[
|
|
82
|
+
return a[fieldKey] >= b[fieldKey] ? 1 * order : -1 * order;
|
|
82
83
|
});
|
|
83
84
|
});
|
|
84
85
|
return values;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","length","filterGrouped","reduce","group","item","itemFound","find","field","value","Array","isArray","push","row","every","max","Infinity","min","fieldValue","bind","join","toLowerCase","includes","some","forEach","index","rowValues","Object","keys","key","type","map","JSON","stringify","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter, schema = {}, search, sort = {} } = {}) => {\n let flatten = [...dataSource];\n let values = [];\n\n if (filter?.length > 0) {\n const filterGrouped = [...filter].reduce((group, item = {}) => {\n const itemFound = group.find(({ field }) => item.field === field);\n\n if (itemFound && item.value) {\n if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];\n itemFound.value.push(item.value);\n } else {\n group.push({ ...item });\n }\n\n return group;\n }, []);\n\n flatten = flatten.filter((row = {}) =>\n filterGrouped.every(({ field, max = Infinity, min = -Infinity, value }) => {\n let fieldValue = row[schema[field].bind || field];\n if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ');\n\n return value\n ? !Array.isArray(value)\n ? fieldValue?.toLowerCase().includes(value.toLowerCase())\n : value.some((item) => fieldValue?.toLowerCase().includes(item.toLowerCase()))\n : min || max\n ? row[field] >= min && row[field] <= max\n : false;\n }),\n );\n }\n\n if (search) {\n flatten.forEach((row, index) => {\n const rowValues = Object.keys(row)\n .filter((key) => schema[key]?.type !== 'component')\n .map((key) => row[key]);\n\n if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);\n });\n } else {\n values = [...flatten];\n }\n\n Object.keys(sort).forEach((key) => {\n const order = sort[key] ? 1 : -1;\n values.sort((a, b) => (a[
|
|
1
|
+
{"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","length","filterGrouped","reduce","group","item","itemFound","find","field","value","Array","isArray","push","row","every","max","Infinity","min","fieldValue","bind","join","toLowerCase","includes","some","forEach","index","rowValues","Object","keys","key","type","map","JSON","stringify","fieldKey","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter, schema = {}, search, sort = {} } = {}) => {\n let flatten = [...dataSource];\n let values = [];\n\n if (filter?.length > 0) {\n const filterGrouped = [...filter].reduce((group, item = {}) => {\n const itemFound = group.find(({ field }) => item.field === field);\n\n if (itemFound && item.value) {\n if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];\n itemFound.value.push(item.value);\n } else {\n group.push({ ...item });\n }\n\n return group;\n }, []);\n\n flatten = flatten.filter((row = {}) =>\n filterGrouped.every(({ field, max = Infinity, min = -Infinity, value }) => {\n let fieldValue = row[schema[field].bind || field];\n if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ');\n\n return value\n ? !Array.isArray(value)\n ? fieldValue?.toLowerCase().includes(value.toLowerCase())\n : value.some((item) => fieldValue?.toLowerCase().includes(item.toLowerCase()))\n : min || max\n ? row[field] >= min && row[field] <= max\n : false;\n }),\n );\n }\n\n if (search) {\n flatten.forEach((row, index) => {\n const rowValues = Object.keys(row)\n .filter((key) => schema[key]?.type !== 'component')\n .map((key) => row[key]);\n\n if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);\n });\n } else {\n values = [...flatten];\n }\n\n Object.keys(sort).forEach((key) => {\n const fieldKey = schema[key].bind || key;\n const order = sort[key] ? 1 : -1;\n\n values.sort((a, b) => (a[fieldKey] >= b[fieldKey] ? 1 * order : -1 * order));\n });\n\n return values;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAyE;EAAA,+EAAP,CAAC,CAAC;IAAA,uBAA9DC,UAAU;IAAVA,UAAU,gCAAG,EAAE;IAAEC,MAAM,QAANA,MAAM;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,CAAC,CAAC;IAAEC,MAAM,QAANA,MAAM;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;EAC9E,IAAIC,OAAO,sBAAOL,UAAU,CAAC;EAC7B,IAAIM,MAAM,GAAG,EAAE;EAEf,IAAI,CAAAL,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEM,MAAM,IAAG,CAAC,EAAE;IACtB,IAAMC,aAAa,GAAG,mBAAIP,MAAM,EAAEQ,MAAM,CAAC,UAACC,KAAK,EAAgB;MAAA,IAAdC,IAAI,uEAAG,CAAC,CAAC;MACxD,IAAMC,SAAS,GAAGF,KAAK,CAACG,IAAI,CAAC;QAAA,IAAGC,KAAK,SAALA,KAAK;QAAA,OAAOH,IAAI,CAACG,KAAK,KAAKA,KAAK;MAAA,EAAC;MAEjE,IAAIF,SAAS,IAAID,IAAI,CAACI,KAAK,EAAE;QAC3B,IAAI,CAACC,KAAK,CAACC,OAAO,CAACL,SAAS,CAACG,KAAK,CAAC,EAAEH,SAAS,CAACG,KAAK,GAAG,CAACH,SAAS,CAACG,KAAK,CAAC;QACxEH,SAAS,CAACG,KAAK,CAACG,IAAI,CAACP,IAAI,CAACI,KAAK,CAAC;MAClC,CAAC,MAAM;QACLL,KAAK,CAACQ,IAAI,mBAAMP,IAAI,EAAG;MACzB;MAEA,OAAOD,KAAK;IACd,CAAC,EAAE,EAAE,CAAC;IAENL,OAAO,GAAGA,OAAO,CAACJ,MAAM,CAAC;MAAA,IAACkB,GAAG,uEAAG,CAAC,CAAC;MAAA,OAChCX,aAAa,CAACY,KAAK,CAAC,iBAAuD;QAAA;QAAA,IAApDN,KAAK,SAALA,KAAK;UAAA,kBAAEO,GAAG;UAAHA,GAAG,0BAAGC,QAAQ;UAAA,kBAAEC,GAAG;UAAHA,GAAG,0BAAG,CAACD,QAAQ;UAAEP,KAAK,SAALA,KAAK;QAClE,IAAIS,UAAU,GAAGL,GAAG,CAACjB,MAAM,CAACY,KAAK,CAAC,CAACW,IAAI,IAAIX,KAAK,CAAC;QACjD,IAAIE,KAAK,CAACC,OAAO,CAACO,UAAU,CAAC,EAAEA,UAAU,GAAGA,UAAU,CAACE,IAAI,CAAC,GAAG,CAAC;QAEhE,OAAOX,KAAK,GACR,CAACC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,kBACnBS,UAAU,gDAAV,YAAYG,WAAW,EAAE,CAACC,QAAQ,CAACb,KAAK,CAACY,WAAW,EAAE,CAAC,GACvDZ,KAAK,CAACc,IAAI,CAAC,UAAClB,IAAI;UAAA;UAAA,uBAAKa,UAAU,iDAAV,aAAYG,WAAW,EAAE,CAACC,QAAQ,CAACjB,IAAI,CAACgB,WAAW,EAAE,CAAC;QAAA,EAAC,GAC9EJ,GAAG,IAAIF,GAAG,GACVF,GAAG,CAACL,KAAK,CAAC,IAAIS,GAAG,IAAIJ,GAAG,CAACL,KAAK,CAAC,IAAIO,GAAG,GACtC,KAAK;MACX,CAAC,CAAC;IAAA,EACH;EACH;EAEA,IAAIlB,MAAM,EAAE;IACVE,OAAO,CAACyB,OAAO,CAAC,UAACX,GAAG,EAAEY,KAAK,EAAK;MAC9B,IAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACf,GAAG,CAAC,CAC/BlB,MAAM,CAAC,UAACkC,GAAG;QAAA;QAAA,OAAK,gBAAAjC,MAAM,CAACiC,GAAG,CAAC,gDAAX,YAAaC,IAAI,MAAK,WAAW;MAAA,EAAC,CAClDC,GAAG,CAAC,UAACF,GAAG;QAAA,OAAKhB,GAAG,CAACgB,GAAG,CAAC;MAAA,EAAC;MAEzB,IAAIG,IAAI,CAACC,SAAS,CAACP,SAAS,CAAC,CAACL,WAAW,EAAE,CAACC,QAAQ,CAACzB,MAAM,CAACwB,WAAW,EAAE,CAAC,EAAErB,MAAM,CAACY,IAAI,CAACb,OAAO,CAAC0B,KAAK,CAAC,CAAC;IACzG,CAAC,CAAC;EACJ,CAAC,MAAM;IACLzB,MAAM,sBAAOD,OAAO,CAAC;EACvB;EAEA4B,MAAM,CAACC,IAAI,CAAC9B,IAAI,CAAC,CAAC0B,OAAO,CAAC,UAACK,GAAG,EAAK;IACjC,IAAMK,QAAQ,GAAGtC,MAAM,CAACiC,GAAG,CAAC,CAACV,IAAI,IAAIU,GAAG;IACxC,IAAMM,KAAK,GAAGrC,IAAI,CAAC+B,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEhC7B,MAAM,CAACF,IAAI,CAAC,UAACsC,CAAC,EAAEC,CAAC;MAAA,OAAMD,CAAC,CAACF,QAAQ,CAAC,IAAIG,CAAC,CAACH,QAAQ,CAAC,GAAG,CAAC,GAAGC,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK;IAAA,CAAC,CAAC;EAC9E,CAAC,CAAC;EAEF,OAAOnC,MAAM;AACf,CAAC;AAAC"}
|