@mirai/ui 1.0.185 → 1.0.187
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/Button/Button.js +12 -5
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Table/Table.ColumnFilter.js +1 -0
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Row.js +1 -1
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +20 -29
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.module.css +19 -7
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +12 -6
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +12 -12
- package/build/components/Table/helpers/{isChecked.js → exists.js} +4 -4
- package/build/components/Table/helpers/exists.js.map +1 -0
- package/build/components/Table/helpers/index.js +4 -4
- package/build/components/Table/helpers/index.js.map +1 -1
- package/build/components/Table/helpers/select.js +10 -10
- package/build/components/Table/helpers/select.js.map +1 -1
- package/build/components/Tooltip/Tooltip.js +16 -12
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/package.json +1 -1
- package/build/components/Table/helpers/isChecked.js.map +0 -1
|
@@ -11,7 +11,8 @@ var _helpers = require("../../helpers");
|
|
|
11
11
|
var _primitives = require("../../primitives");
|
|
12
12
|
var _Tooltip = require("../Tooltip");
|
|
13
13
|
var _ButtonModule = _interopRequireDefault(require("./Button.module.css"));
|
|
14
|
-
var _excluded = ["busy", "children", "disabled", "
|
|
14
|
+
var _excluded = ["busy", "children", "disabled", "large", "rounded", "secondary", "small", "squared", "tag", "transparent", "tooltip", "wide", "onPress"],
|
|
15
|
+
_excluded2 = ["fixed", "left", "right", "top"];
|
|
15
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
17
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
18
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -24,7 +25,6 @@ var Button = function Button(_ref) {
|
|
|
24
25
|
var busy = _ref.busy,
|
|
25
26
|
children = _ref.children,
|
|
26
27
|
disabled = _ref.disabled,
|
|
27
|
-
fixed = _ref.fixed,
|
|
28
28
|
large = _ref.large,
|
|
29
29
|
rounded = _ref.rounded,
|
|
30
30
|
secondary = _ref.secondary,
|
|
@@ -38,10 +38,18 @@ var Button = function Button(_ref) {
|
|
|
38
38
|
tooltip = _ref.tooltip,
|
|
39
39
|
wide = _ref.wide,
|
|
40
40
|
onPress = _ref.onPress,
|
|
41
|
-
|
|
41
|
+
inherit = _objectWithoutProperties(_ref, _excluded);
|
|
42
|
+
var fixed = inherit.fixed,
|
|
43
|
+
left = inherit.left,
|
|
44
|
+
right = inherit.right,
|
|
45
|
+
top = inherit.top,
|
|
46
|
+
others = _objectWithoutProperties(inherit, _excluded2);
|
|
42
47
|
return /*#__PURE__*/_react.default.createElement(tooltip ? _Tooltip.Tooltip : _react.default.Fragment, tooltip ? {
|
|
48
|
+
fixed: fixed,
|
|
49
|
+
left: left,
|
|
50
|
+
right: right,
|
|
43
51
|
text: tooltip,
|
|
44
|
-
|
|
52
|
+
top: top
|
|
45
53
|
} : undefined, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _objectSpread(_objectSpread({}, others), {}, {
|
|
46
54
|
disabled: disabled || busy,
|
|
47
55
|
role: others.role || 'button',
|
|
@@ -63,7 +71,6 @@ Button.propTypes = {
|
|
|
63
71
|
busy: _propTypes.default.bool,
|
|
64
72
|
children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
|
|
65
73
|
disabled: _propTypes.default.bool,
|
|
66
|
-
fixed: _propTypes.default.bool,
|
|
67
74
|
large: _propTypes.default.bool,
|
|
68
75
|
rounded: _propTypes.default.bool,
|
|
69
76
|
secondary: _propTypes.default.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["Button","busy","children","disabled","
|
|
1
|
+
{"version":3,"file":"Button.js","names":["Button","busy","children","disabled","large","rounded","secondary","small","squared","tag","transparent","tooltip","wide","onPress","inherit","fixed","left","right","top","others","React","createElement","Tooltip","Fragment","text","undefined","Pressable","role","className","styles","style","button","busyContainer","active","spinner","displayName","propTypes","PropTypes","bool","oneOfType","string","node","onEnter","func","onLeave"],"sources":["../../../src/components/Button/Button.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Pressable, View } from '../../primitives';\nimport { Tooltip } from '../Tooltip';\nimport style from './Button.module.css';\n\nconst Button = ({\n busy,\n children,\n disabled,\n large,\n rounded,\n secondary,\n small,\n squared = false,\n tag = 'button',\n transparent = false,\n tooltip,\n wide,\n onPress,\n ...inherit\n}) => {\n const { fixed, left, right, top, ...others } = inherit;\n\n return React.createElement(\n tooltip ? Tooltip : React.Fragment,\n tooltip ? { fixed, left, right, text: tooltip, top } : undefined,\n React.createElement(\n Pressable,\n {\n ...others,\n disabled: disabled || busy,\n role: others.role || 'button',\n tag,\n onPress,\n className: styles(\n style.button,\n busy && !disabled && style.busy,\n large && style.large,\n small && style.small,\n rounded && style.rounded,\n squared && style.squared,\n secondary && !transparent && !disabled && style.secondary,\n transparent && style.transparent,\n (disabled || busy) && style.disabled,\n wide && style.wide,\n others.className,\n ),\n },\n busy === undefined ? (\n children\n ) : (\n <>\n <View className={styles(style.busyContainer, busy && style.active)}>\n <View className={style.spinner} />\n </View>\n <View row className={style.children}>\n {children}\n </View>\n </>\n ),\n ),\n );\n};\n\nButton.displayName = 'Component:Button';\nButton.propTypes = {\n busy: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n disabled: PropTypes.bool,\n large: PropTypes.bool,\n rounded: PropTypes.bool,\n secondary: PropTypes.bool,\n small: PropTypes.bool,\n squared: PropTypes.bool,\n tag: PropTypes.string,\n tooltip: PropTypes.string,\n transparent: PropTypes.bool,\n wide: PropTypes.bool,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n onPress: PropTypes.func,\n};\n\nexport { Button };\n"],"mappings":"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"}
|
|
@@ -157,6 +157,7 @@ var ColumnFilter = function ColumnFilter(_ref) {
|
|
|
157
157
|
wide: true,
|
|
158
158
|
onPress: handleCancel
|
|
159
159
|
}, actionCancel), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
160
|
+
disabled: type !== 'boolean' && !form.value && !form.min && !form.max,
|
|
160
161
|
wide: true,
|
|
161
162
|
onPress: handleSubmit,
|
|
162
163
|
testId: testId ? "".concat(testId, "-submit") : undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.ColumnFilter.js","names":["ColumnFilter","field","l10n","actionCancel","actionSubmit","labelMax","labelMin","schema","visible","propVisible","onFocus","onSubmit","others","useState","form","setForm","setVisible","label","type","useEffect","value","undefined","handlePress","event","preventDefault","handleCancel","handleSubmit","testId","children","divider","style","items","min","input","max","SWITCH","styles","menuFilter","className","position","ICON","FILTER","icon","disabled","displayName","propTypes","PropTypes","string","isRequired","L10N_SHAPE","shape","bool","func"],"sources":["../../../src/components/Table/Table.ColumnFilter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { InputOption, SWITCH } from '../InputOption';\nimport { InputText } from '../InputText';\nimport { Menu } from '../Menu';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst ColumnFilter = ({\n field,\n l10n: { actionCancel = '$Cancel', actionSubmit = '$Submit', labelMax = '$max', labelMin = '$min' } = {},\n schema = {},\n visible: propVisible = false,\n onFocus = () => {},\n onSubmit = () => {},\n ...others\n}) => {\n const [form, setForm] = useState({});\n const [visible, setVisible] = useState(propVisible);\n\n const { label, type = 'text' } = schema[field] || {};\n\n useEffect(() => {\n setVisible(propVisible);\n }, [propVisible]);\n\n useEffect(() => {\n setForm({ value: type === 'boolean' ? 'false' : undefined });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\n\n const handlePress = (event) => {\n event.preventDefault();\n setVisible(!visible);\n onFocus(!visible ? field : undefined);\n };\n\n const handleCancel = () => {\n setVisible(false);\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n setVisible(false);\n onSubmit({ field, type, ...form }, event);\n };\n\n const { testId } = others;\n\n return (\n <Menu\n {...others}\n options={[\n {\n children: (\n <Text bold small>\n {label || field}\n </Text>\n ),\n divider: true,\n },\n {\n children:\n type === 'number' ? (\n <View row className={style.items}>\n <InputText\n label={labelMin}\n name=\"min\"\n type=\"number\"\n value={form.min}\n onChange={(min) => setForm({ ...form, min })}\n className={style.input}\n />\n <InputText\n label={labelMax}\n name=\"max\"\n type=\"number\"\n value={form.max}\n onChange={(max) => setForm({ ...form, max })}\n className={style.input}\n />\n </View>\n ) : type === 'boolean' ? (\n <InputOption\n name=\"search\"\n type={SWITCH}\n checked={form.value === 'true'}\n onChange={(value) => setForm({ value: value ? 'true' : 'false' })}\n className={style.input}\n />\n ) : (\n <InputText\n name=\"search\"\n type=\"search\"\n value={form.value}\n onChange={(value) => setForm({ value })}\n className={style.input}\n />\n ),\n divider: true,\n },\n {\n children: (\n <View row wide className={style.items}>\n <Button secondary wide onPress={handleCancel}>\n {actionCancel}\n </Button>\n <Button wide
|
|
1
|
+
{"version":3,"file":"Table.ColumnFilter.js","names":["ColumnFilter","field","l10n","actionCancel","actionSubmit","labelMax","labelMin","schema","visible","propVisible","onFocus","onSubmit","others","useState","form","setForm","setVisible","label","type","useEffect","value","undefined","handlePress","event","preventDefault","handleCancel","handleSubmit","testId","children","divider","style","items","min","input","max","SWITCH","styles","menuFilter","className","position","ICON","FILTER","icon","disabled","displayName","propTypes","PropTypes","string","isRequired","L10N_SHAPE","shape","bool","func"],"sources":["../../../src/components/Table/Table.ColumnFilter.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { InputOption, SWITCH } from '../InputOption';\nimport { InputText } from '../InputText';\nimport { Menu } from '../Menu';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst ColumnFilter = ({\n field,\n l10n: { actionCancel = '$Cancel', actionSubmit = '$Submit', labelMax = '$max', labelMin = '$min' } = {},\n schema = {},\n visible: propVisible = false,\n onFocus = () => {},\n onSubmit = () => {},\n ...others\n}) => {\n const [form, setForm] = useState({});\n const [visible, setVisible] = useState(propVisible);\n\n const { label, type = 'text' } = schema[field] || {};\n\n useEffect(() => {\n setVisible(propVisible);\n }, [propVisible]);\n\n useEffect(() => {\n setForm({ value: type === 'boolean' ? 'false' : undefined });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\n\n const handlePress = (event) => {\n event.preventDefault();\n setVisible(!visible);\n onFocus(!visible ? field : undefined);\n };\n\n const handleCancel = () => {\n setVisible(false);\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n setVisible(false);\n onSubmit({ field, type, ...form }, event);\n };\n\n const { testId } = others;\n\n return (\n <Menu\n {...others}\n options={[\n {\n children: (\n <Text bold small>\n {label || field}\n </Text>\n ),\n divider: true,\n },\n {\n children:\n type === 'number' ? (\n <View row className={style.items}>\n <InputText\n label={labelMin}\n name=\"min\"\n type=\"number\"\n value={form.min}\n onChange={(min) => setForm({ ...form, min })}\n className={style.input}\n />\n <InputText\n label={labelMax}\n name=\"max\"\n type=\"number\"\n value={form.max}\n onChange={(max) => setForm({ ...form, max })}\n className={style.input}\n />\n </View>\n ) : type === 'boolean' ? (\n <InputOption\n name=\"search\"\n type={SWITCH}\n checked={form.value === 'true'}\n onChange={(value) => setForm({ value: value ? 'true' : 'false' })}\n className={style.input}\n />\n ) : (\n <InputText\n name=\"search\"\n type=\"search\"\n value={form.value}\n onChange={(value) => setForm({ value })}\n className={style.input}\n />\n ),\n divider: true,\n },\n {\n children: (\n <View row wide className={style.items}>\n <Button secondary wide onPress={handleCancel}>\n {actionCancel}\n </Button>\n <Button\n disabled={type !== 'boolean' && !form.value && !form.min && !form.max}\n wide\n onPress={handleSubmit}\n testId={testId ? `${testId}-submit` : undefined}\n >\n {actionSubmit}\n </Button>\n </View>\n ),\n },\n ]}\n bottom\n centered\n visible={visible}\n className={styles(style.menuFilter, others.className)}\n >\n <Pressable onPress={handlePress} style={{ position: 'relative' }}>\n <Icon value={ICON.FILTER} className={styles(style.icon, !visible && style.disabled)} />\n </Pressable>\n </Menu>\n );\n};\n\nColumnFilter.displayName = 'Component:Table:ColumnFilter';\n\nColumnFilter.propTypes = {\n field: PropTypes.string.isRequired,\n l10n: L10N_SHAPE,\n schema: PropTypes.shape({}).isRequired,\n visible: PropTypes.bool,\n onFocus: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n};\n\nexport { ColumnFilter };\n"],"mappings":"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"}
|
|
@@ -87,7 +87,7 @@ var Row = function Row(_ref) {
|
|
|
87
87
|
checked: checked,
|
|
88
88
|
indeterminate: indeterminate,
|
|
89
89
|
name: "checkbox",
|
|
90
|
-
onChange: function onChange(event) {
|
|
90
|
+
onChange: function onChange(value, event) {
|
|
91
91
|
return onSelect(dataSource, event);
|
|
92
92
|
},
|
|
93
93
|
className: _TableModule.default.checkbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","l10n","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","styles","style","selected","Object","keys","filter","hidden","map","index","hasFilter","label","hasSort","React","createElement","Primitive","tag","key","onClick","column","selectable","checkbox","icons","ICON","UP","DOWN","icon","disabled","bind","displayName","propTypes","PropTypes","bool","shape","L10N_SHAPE","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { ColumnFilter } from './Table.ColumnFilter';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst Row = ({\n checked,\n dataSource,\n indeterminate,\n l10n,\n schema,\n sort = {},\n onFilter,\n onPress,\n onSelect,\n onSort,\n ...others\n}) => {\n const [focus, setFocus] = useState();\n\n const isHead = dataSource === undefined;\n const { testId } = others;\n\n const handlePress = (field, event) => {\n const { target: { type } = {} } = event;\n if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n isHead ? onSort(field) : onPress ? onPress(dataSource, event) : undefined;\n };\n\n const handleFocus = (field) => {\n setFocus(field);\n };\n\n return (\n <Primitive tag=\"tr\" {...others} className={styles(checked && style.selected, onPress && style.onPress)}>\n {Object.keys(schema)\n .filter((field) => !schema[field].hidden)\n .map((field, index) => {\n const { filter: hasFilter = true, label, sort: hasSort = true, type = 'text' } = schema[field];\n\n return React.createElement(\n Primitive,\n {\n tag: isHead ? 'th' : 'td',\n testId: testId ? `${testId}-${field}` : undefined,\n key: field,\n onClick: !isHead || hasSort ? (event) => handlePress(field, event) : undefined,\n },\n <View\n forceRow\n tag=\"span\"\n className={styles(\n style.column,\n onSelect && index === 0 && style.selectable,\n !isHead && !(onSelect && index === 0) && style[type],\n )}\n >\n {onSelect && index === 0 && (\n <InputOption\n checked={checked}\n indeterminate={indeterminate}\n name=\"checkbox\"\n onChange={(event) => onSelect(dataSource, event)}\n className={style.checkbox}\n testId={testId ? `${testId}-checkbox` : undefined}\n />\n )}\n\n {isHead ? label : dataSource[field]}\n\n {isHead && ((onSort && hasSort) || (onFilter && hasFilter)) && (\n <View row className={style.icons}>\n {onSort && hasSort && (\n <Icon\n value={sort[field] === false ? ICON.UP : ICON.DOWN}\n className={styles(style.icon, sort[field] === undefined && style.disabled)}\n />\n )}\n {onFilter && hasFilter && (\n <ColumnFilter\n field={schema[field]?.bind || field}\n l10n={l10n}\n schema={schema}\n visible={field === focus}\n onFocus={handleFocus}\n onSubmit={onFilter}\n />\n )}\n </View>\n )}\n </View>,\n );\n })}\n </Primitive>\n );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n checked: PropTypes.bool,\n dataSource: PropTypes.shape({}),\n indeterminate: PropTypes.bool,\n l10n: L10N_SHAPE,\n schema: PropTypes.shape({}).isRequired,\n sort: PropTypes.shape({}),\n onFilter: PropTypes.func,\n onPress: PropTypes.func,\n onSelect: PropTypes.func,\n onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","l10n","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","styles","style","selected","Object","keys","filter","hidden","map","index","hasFilter","label","hasSort","React","createElement","Primitive","tag","key","onClick","column","selectable","value","checkbox","icons","ICON","UP","DOWN","icon","disabled","bind","displayName","propTypes","PropTypes","bool","shape","L10N_SHAPE","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { ColumnFilter } from './Table.ColumnFilter';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];\n\nconst Row = ({\n checked,\n dataSource,\n indeterminate,\n l10n,\n schema,\n sort = {},\n onFilter,\n onPress,\n onSelect,\n onSort,\n ...others\n}) => {\n const [focus, setFocus] = useState();\n\n const isHead = dataSource === undefined;\n const { testId } = others;\n\n const handlePress = (field, event) => {\n const { target: { type } = {} } = event;\n if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n isHead ? onSort(field) : onPress ? onPress(dataSource, event) : undefined;\n };\n\n const handleFocus = (field) => {\n setFocus(field);\n };\n\n return (\n <Primitive tag=\"tr\" {...others} className={styles(checked && style.selected, onPress && style.onPress)}>\n {Object.keys(schema)\n .filter((field) => !schema[field].hidden)\n .map((field, index) => {\n const { filter: hasFilter = true, label, sort: hasSort = true, type = 'text' } = schema[field];\n\n return React.createElement(\n Primitive,\n {\n tag: isHead ? 'th' : 'td',\n testId: testId ? `${testId}-${field}` : undefined,\n key: field,\n onClick: !isHead || hasSort ? (event) => handlePress(field, event) : undefined,\n },\n <View\n forceRow\n tag=\"span\"\n className={styles(\n style.column,\n onSelect && index === 0 && style.selectable,\n !isHead && !(onSelect && index === 0) && style[type],\n )}\n >\n {onSelect && index === 0 && (\n <InputOption\n checked={checked}\n indeterminate={indeterminate}\n name=\"checkbox\"\n onChange={(value, event) => onSelect(dataSource, event)}\n className={style.checkbox}\n testId={testId ? `${testId}-checkbox` : undefined}\n />\n )}\n\n {isHead ? label : dataSource[field]}\n\n {isHead && ((onSort && hasSort) || (onFilter && hasFilter)) && (\n <View row className={style.icons}>\n {onSort && hasSort && (\n <Icon\n value={sort[field] === false ? ICON.UP : ICON.DOWN}\n className={styles(style.icon, sort[field] === undefined && style.disabled)}\n />\n )}\n {onFilter && hasFilter && (\n <ColumnFilter\n field={schema[field]?.bind || field}\n l10n={l10n}\n schema={schema}\n visible={field === focus}\n onFocus={handleFocus}\n onSubmit={onFilter}\n />\n )}\n </View>\n )}\n </View>,\n );\n })}\n </Primitive>\n );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n checked: PropTypes.bool,\n dataSource: PropTypes.shape({}),\n indeterminate: PropTypes.bool,\n l10n: L10N_SHAPE,\n schema: PropTypes.shape({}).isRequired,\n sort: PropTypes.shape({}),\n onFilter: PropTypes.func,\n onPress: PropTypes.func,\n onSelect: PropTypes.func,\n onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,kBAAkB,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE7E,IAAMC,GAAG,GAAG,SAANA,GAAG,OAYH;EAAA,IAXJC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVC,aAAa,QAAbA,aAAa;IACbC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IAAA,iBACNC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;IACTC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACHC,MAAM;EAET,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,MAAM,GAAGb,UAAU,KAAKc,SAAS;EACvC,IAAQC,MAAM,GAAKN,MAAM,CAAjBM,MAAM;EAEd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAEC,KAAK,EAAK;IACpC,oBAAkCA,KAAK,CAA/BC,MAAM;IAAd,2CAA2B,CAAC,CAAC;IAA7B,IAAkBC,IAAI,iBAAJA,IAAI;IACtB,IAAIvB,kBAAkB,CAACwB,QAAQ,CAACD,IAAI,CAAC,EAAE;IAEvCP,MAAM,GAAGL,MAAM,CAACS,KAAK,CAAC,GAAGX,OAAO,GAAGA,OAAO,CAACN,UAAU,EAAEkB,KAAK,CAAC,GAAGJ,SAAS;EAC3E,CAAC;EAED,IAAMQ,WAAW,GAAG,SAAdA,WAAW,CAAIL,KAAK,EAAK;IAC7BL,QAAQ,CAACK,KAAK,CAAC;EACjB,CAAC;EAED,oBACE,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAI,GAAKR,MAAM;IAAE,SAAS,EAAE,IAAAc,eAAM,EAACxB,OAAO,IAAIyB,oBAAK,CAACC,QAAQ,EAAEnB,OAAO,IAAIkB,oBAAK,CAAClB,OAAO;EAAE,IACpGoB,MAAM,CAACC,IAAI,CAACxB,MAAM,CAAC,CACjByB,MAAM,CAAC,UAACX,KAAK;IAAA,OAAK,CAACd,MAAM,CAACc,KAAK,CAAC,CAACY,MAAM;EAAA,EAAC,CACxCC,GAAG,CAAC,UAACb,KAAK,EAAEc,KAAK,EAAK;IAAA;IACrB,oBAAiF5B,MAAM,CAACc,KAAK,CAAC;MAAA,qCAAtFW,MAAM;MAAEI,SAAS,qCAAG,IAAI;MAAEC,KAAK,iBAALA,KAAK;MAAA,mCAAE7B,IAAI;MAAE8B,OAAO,mCAAG,IAAI;MAAA,mCAAEd,IAAI;MAAJA,IAAI,mCAAG,MAAM;IAE5E,oBAAOe,cAAK,CAACC,aAAa,CACxBC,qBAAS,EACT;MACEC,GAAG,EAAEzB,MAAM,GAAG,IAAI,GAAG,IAAI;MACzBE,MAAM,EAAEA,MAAM,aAAMA,MAAM,cAAIE,KAAK,IAAKH,SAAS;MACjDyB,GAAG,EAAEtB,KAAK;MACVuB,OAAO,EAAE,CAAC3B,MAAM,IAAIqB,OAAO,GAAG,UAAChB,KAAK;QAAA,OAAKF,WAAW,CAACC,KAAK,EAAEC,KAAK,CAAC;MAAA,IAAGJ;IACvE,CAAC,eACD,6BAAC,gBAAI;MACH,QAAQ;MACR,GAAG,EAAC,MAAM;MACV,SAAS,EAAE,IAAAS,eAAM,EACfC,oBAAK,CAACiB,MAAM,EACZlC,QAAQ,IAAIwB,KAAK,KAAK,CAAC,IAAIP,oBAAK,CAACkB,UAAU,EAC3C,CAAC7B,MAAM,IAAI,EAAEN,QAAQ,IAAIwB,KAAK,KAAK,CAAC,CAAC,IAAIP,oBAAK,CAACJ,IAAI,CAAC;IACpD,GAEDb,QAAQ,IAAIwB,KAAK,KAAK,CAAC,iBACtB,6BAAC,wBAAW;MACV,OAAO,EAAEhC,OAAQ;MACjB,aAAa,EAAEE,aAAc;MAC7B,IAAI,EAAC,UAAU;MACf,QAAQ,EAAE,kBAAC0C,KAAK,EAAEzB,KAAK;QAAA,OAAKX,QAAQ,CAACP,UAAU,EAAEkB,KAAK,CAAC;MAAA,CAAC;MACxD,SAAS,EAAEM,oBAAK,CAACoB,QAAS;MAC1B,MAAM,EAAE7B,MAAM,aAAMA,MAAM,iBAAcD;IAAU,EAErD,EAEAD,MAAM,GAAGoB,KAAK,GAAGjC,UAAU,CAACiB,KAAK,CAAC,EAElCJ,MAAM,KAAML,MAAM,IAAI0B,OAAO,IAAM7B,QAAQ,IAAI2B,SAAU,CAAC,iBACzD,6BAAC,gBAAI;MAAC,GAAG;MAAC,SAAS,EAAER,oBAAK,CAACqB;IAAM,GAC9BrC,MAAM,IAAI0B,OAAO,iBAChB,6BAAC,gBAAI;MACH,KAAK,EAAE9B,IAAI,CAACa,KAAK,CAAC,KAAK,KAAK,GAAG6B,gBAAI,CAACC,EAAE,GAAGD,gBAAI,CAACE,IAAK;MACnD,SAAS,EAAE,IAAAzB,eAAM,EAACC,oBAAK,CAACyB,IAAI,EAAE7C,IAAI,CAACa,KAAK,CAAC,KAAKH,SAAS,IAAIU,oBAAK,CAAC0B,QAAQ;IAAE,EAE9E,EACA7C,QAAQ,IAAI2B,SAAS,iBACpB,6BAAC,mBAAY;MACX,KAAK,EAAE,mBAAA7B,MAAM,CAACc,KAAK,CAAC,mDAAb,eAAekC,IAAI,KAAIlC,KAAM;MACpC,IAAI,EAAEf,IAAK;MACX,MAAM,EAAEC,MAAO;MACf,OAAO,EAAEc,KAAK,KAAKN,KAAM;MACzB,OAAO,EAAEW,WAAY;MACrB,QAAQ,EAAEjB;IAAS,EAEtB,CAEJ,CACI,CACR;EACH,CAAC,CAAC,CACM;AAEhB,CAAC;AAAC;AAEFP,GAAG,CAACsD,WAAW,GAAG,qBAAqB;AAEvCtD,GAAG,CAACuD,SAAS,GAAG;EACdtD,OAAO,EAAEuD,kBAAS,CAACC,IAAI;EACvBvD,UAAU,EAAEsD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/BvD,aAAa,EAAEqD,kBAAS,CAACC,IAAI;EAC7BrD,IAAI,EAAEuD,kBAAU;EAChBtD,MAAM,EAAEmD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;EACtCtD,IAAI,EAAEkD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EACzBnD,QAAQ,EAAEiD,kBAAS,CAACK,IAAI;EACxBrD,OAAO,EAAEgD,kBAAS,CAACK,IAAI;EACvBpD,QAAQ,EAAE+C,kBAAS,CAACK,IAAI;EACxBnD,MAAM,EAAE8C,kBAAS,CAACK;AACpB,CAAC"}
|
|
@@ -18,7 +18,6 @@ var _excluded = ["dataSource", "filter", "inline", "l10n", "schema", "search", "
|
|
|
18
18
|
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); }
|
|
19
19
|
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; }
|
|
20
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
22
21
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
22
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
23
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -86,27 +85,23 @@ var Table = function Table(_ref) {
|
|
|
86
85
|
setFilter(_toConsumableArray(filter));
|
|
87
86
|
};
|
|
88
87
|
var handleHeadSelect = function handleHeadSelect(row, event) {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
return next;
|
|
93
|
-
});
|
|
88
|
+
var next = selected.length !== dataSource.length ? dataSource : [];
|
|
89
|
+
onSelect(next, event);
|
|
90
|
+
setSelected(next);
|
|
94
91
|
};
|
|
95
92
|
var handleSelect = function handleSelect(row, event) {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
if (!exists) next.push(row);
|
|
102
|
-
onSelect(next, event);
|
|
103
|
-
return next;
|
|
104
|
-
});
|
|
93
|
+
var next = (0, _helpers2.exists)(row, selected) ? selected.filter(function (item) {
|
|
94
|
+
return !(0, _helpers2.exists)(row, [item]);
|
|
95
|
+
}) : [].concat(_toConsumableArray(selected), [row]);
|
|
96
|
+
onSelect(next, event);
|
|
97
|
+
setSelected(next);
|
|
105
98
|
};
|
|
106
99
|
var handleSort = function handleSort(field) {
|
|
107
100
|
setSort(sort[field] === undefined ? _defineProperty({}, field, true) : sort[field] ? _defineProperty({}, field, false) : {});
|
|
108
101
|
};
|
|
109
|
-
var
|
|
102
|
+
var _others$role = others.role,
|
|
103
|
+
role = _others$role === void 0 ? 'table' : _others$role,
|
|
104
|
+
testId = others.testId;
|
|
110
105
|
var fields = Object.keys(schema);
|
|
111
106
|
var _ref4 = (filter === null || filter === void 0 ? void 0 : filter.filter(function () {
|
|
112
107
|
var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
@@ -114,29 +109,25 @@ var Table = function Table(_ref) {
|
|
|
114
109
|
return fields.includes(field);
|
|
115
110
|
})) || {},
|
|
116
111
|
filterFields = _ref4.length;
|
|
117
|
-
return /*#__PURE__*/_react.default.createElement(onScroll ? _primitives.ScrollView : _primitives.View,
|
|
118
|
-
role:
|
|
112
|
+
return /*#__PURE__*/_react.default.createElement(onScroll ? _primitives.ScrollView : _primitives.View, _objectSpread(_objectSpread({}, others), {}, {
|
|
113
|
+
role: role,
|
|
119
114
|
onScroll: onScroll,
|
|
120
|
-
className: (0, _helpers.styles)(!inline && _TableModule.default.outlined, others.className)
|
|
121
|
-
})
|
|
122
|
-
className: others.className
|
|
123
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterFields > 0 && /*#__PURE__*/_react.default.createElement(_Table2.Filter, {
|
|
115
|
+
className: (0, _helpers.styles)(_TableModule.default.container, !inline && _TableModule.default.outlined, others.className)
|
|
116
|
+
}), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterFields > 0 && /*#__PURE__*/_react.default.createElement(_Table2.Filter, {
|
|
124
117
|
filter: filter,
|
|
125
118
|
schema: schema,
|
|
126
119
|
role: "table-filter",
|
|
127
120
|
onRemove: function onRemove(index) {
|
|
128
121
|
return handleRemoveFilter(index);
|
|
129
122
|
}
|
|
130
|
-
}), /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _extends({
|
|
131
|
-
role: "table",
|
|
132
|
-
tag: "table"
|
|
133
|
-
}, !onScroll ? others : undefined, {
|
|
134
|
-
className: (0, _helpers.styles)(_TableModule.default.table, !onScroll && !inline && others.className)
|
|
135
123
|
}), /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
|
|
124
|
+
tag: "table",
|
|
125
|
+
className: _TableModule.default.table
|
|
126
|
+
}, /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
|
|
136
127
|
tag: "thead"
|
|
137
128
|
}, /*#__PURE__*/_react.default.createElement(_Table3.Row, {
|
|
138
129
|
checked: dataSource.length > 0 ? selected.length === dataSource.length : undefined,
|
|
139
|
-
indeterminate: selected.length > 0,
|
|
130
|
+
indeterminate: dataSource.length > 0 && selected.length > 0,
|
|
140
131
|
l10n: l10n,
|
|
141
132
|
schema: schema,
|
|
142
133
|
sort: sort,
|
|
@@ -157,7 +148,7 @@ var Table = function Table(_ref) {
|
|
|
157
148
|
});
|
|
158
149
|
}, [dataSource, filter, schema, search, selected, sort]).map(function (row, index) {
|
|
159
150
|
return /*#__PURE__*/_react.default.createElement(_Table3.Row, {
|
|
160
|
-
checked: (0, _helpers2.
|
|
151
|
+
checked: (0, _helpers2.exists)(row, selected),
|
|
161
152
|
dataSource: row,
|
|
162
153
|
key: index,
|
|
163
154
|
schema: schema,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","names":["Table","dataSource","filter","propFilter","inline","l10n","schema","search","selected","propSelected","store","onPress","onScroll","onSelect","others","useState","setFilter","setSelected","sort","setSort","useEffect","nextFilter","storeFilter","Storage","get","length","set","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","handleSelect","exists","includes","push","handleSort","field","undefined","testId","fields","Object","keys","filterFields","React","createElement","ScrollView","View","role","className","styles","style","outlined","table","useMemo","select","map","isChecked","displayName","propTypes","PropTypes","arrayOf","shape","bool","L10N_SHAPE","isRequired","string","func"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive, ScrollView, View } from '../../primitives';\nimport { isChecked, select, Storage } from './helpers';\nimport { L10N_SHAPE } from './Table.constants';\nimport { Filter } from './Table.Filter';\nimport style from './Table.module.css';\nimport { Row } from './Table.Row';\n\nexport const Table = ({\n dataSource = [],\n filter: propFilter = [],\n inline = true,\n l10n,\n schema,\n search,\n selected: propSelected = [],\n store,\n onPress,\n onScroll,\n onSelect,\n ...others\n}) => {\n const [filter, setFilter] = useState([]);\n const [selected, setSelected] = useState(propSelected);\n const [sort, setSort] = useState({});\n\n useEffect(() => {\n let nextFilter = propFilter;\n if (store) {\n const storeFilter = Storage.get(`${store}:filter`);\n if (storeFilter?.length) nextFilter = storeFilter;\n }\n\n setFilter(nextFilter);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (!store) return;\n Storage.set(`${store}:filter`, filter);\n }, [filter, store]);\n\n const handleAddFilter = (item) => {\n setFilter([...filter, item]);\n };\n\n const handleRemoveFilter = (index) => {\n filter?.splice(index, 1);\n setFilter([...filter]);\n };\n\n const handleHeadSelect = (row, event) => {\n setSelected(() => {\n const next = selected.length !== dataSource.length ? dataSource : [];\n onSelect(next, event);\n\n return next;\n });\n };\n\n const handleSelect = (row, event) => {\n setSelected(() => {\n const exists = selected.includes(row);\n const next = selected.filter((item) => item !== row);\n if (!exists) next.push(row);\n onSelect(next, event);\n\n return next;\n });\n };\n\n const handleSort = (field) => {\n setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n };\n\n const { testId } = others;\n const fields = Object.keys(schema);\n const { length: filterFields } = filter?.filter(({ field } = {}) => fields.includes(field)) || {};\n\n return React.createElement(\n onScroll ? ScrollView : View,\n onScroll || !inline\n ? {\n ...others,\n role: others.role || 'table',\n onScroll,\n className: styles(!inline && style.outlined, others.className),\n }\n : { className: others.className },\n <>\n {filterFields > 0 && (\n <Filter filter={filter} schema={schema} role=\"table-filter\" onRemove={(index) => handleRemoveFilter(index)} />\n )}\n <Primitive\n role=\"table\"\n tag=\"table\"\n {...(!onScroll ? others : undefined)}\n className={styles(style.table, !onScroll && !inline && others.className)}\n >\n <Primitive tag=\"thead\">\n <Row\n checked={dataSource.length > 0 ? selected.length === dataSource.length : undefined}\n indeterminate={selected.length > 0}\n l10n={l10n}\n schema={schema}\n sort={sort}\n onFilter={handleAddFilter}\n onSelect={onSelect ? handleHeadSelect : undefined}\n onSort={handleSort}\n testId={testId ? `${testId}-head` : undefined}\n />\n </Primitive>\n <Primitive tag=\"tbody\">\n {useMemo(\n () => select({ dataSource, filter, schema, search, selected, sort }),\n [dataSource, filter, schema, search, selected, sort],\n ).map((row, index) => (\n <Row\n checked={isChecked(row, selected)}\n dataSource={row}\n key={index}\n schema={schema}\n onPress={onPress}\n onSelect={onSelect ? handleSelect : undefined}\n testId={testId ? `${testId}-${index}` : undefined}\n />\n ))}\n </Primitive>\n </Primitive>\n </>,\n );\n};\n\nTable.displayName = 'Component:Table';\n\nTable.propTypes = {\n dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n filter: PropTypes.arrayOf(PropTypes.shape({})),\n inline: PropTypes.bool,\n l10n: L10N_SHAPE,\n schema: PropTypes.shape({}).isRequired,\n search: PropTypes.string,\n store: PropTypes.string,\n selected: PropTypes.arrayOf(PropTypes.shape()),\n onPress: PropTypes.func,\n onScroll: PropTypes.func,\n onSelect: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3B,IAAMA,KAAK,GAAG,SAARA,KAAK,OAaZ;EAAA,2BAZJC,UAAU;IAAVA,UAAU,gCAAG,EAAE;IAAA,mBACfC,MAAM;IAAEC,UAAU,4BAAG,EAAE;IAAA,mBACvBC,MAAM;IAANA,MAAM,4BAAG,IAAI;IACbC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,qBACNC,QAAQ;IAAEC,YAAY,8BAAG,EAAE;IAC3BC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACLC,MAAM;EAET,gBAA4B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAA;IAAjCb,MAAM;IAAEc,SAAS;EACxB,iBAAgC,IAAAD,eAAQ,EAACN,YAAY,CAAC;IAAA;IAA/CD,QAAQ;IAAES,WAAW;EAC5B,iBAAwB,IAAAF,eAAQ,EAAC,CAAC,CAAC,CAAC;IAAA;IAA7BG,IAAI;IAAEC,OAAO;EAEpB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,UAAU,GAAGlB,UAAU;IAC3B,IAAIO,KAAK,EAAE;MACT,IAAMY,WAAW,GAAGC,iBAAO,CAACC,GAAG,WAAId,KAAK,aAAU;MAClD,IAAIY,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEG,MAAM,EAAEJ,UAAU,GAAGC,WAAW;IACnD;IAEAN,SAAS,CAACK,UAAU,CAAC;IACrB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,YAAM;IACd,IAAI,CAACV,KAAK,EAAE;IACZa,iBAAO,CAACG,GAAG,WAAIhB,KAAK,cAAWR,MAAM,CAAC;EACxC,CAAC,EAAE,CAACA,MAAM,EAAEQ,KAAK,CAAC,CAAC;EAEnB,IAAMiB,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAI,EAAK;IAChCZ,SAAS,8BAAKd,MAAM,IAAE0B,IAAI,GAAE;EAC9B,CAAC;EAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAK,EAAK;IACpC5B,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE6B,MAAM,CAACD,KAAK,EAAE,CAAC,CAAC;IACxBd,SAAS,oBAAKd,MAAM,EAAE;EACxB,CAAC;EAED,IAAM8B,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,GAAG,EAAEC,KAAK,EAAK;IACvCjB,WAAW,CAAC,YAAM;MAChB,IAAMkB,IAAI,GAAG3B,QAAQ,CAACiB,MAAM,KAAKxB,UAAU,CAACwB,MAAM,GAAGxB,UAAU,GAAG,EAAE;MACpEY,QAAQ,CAACsB,IAAI,EAAED,KAAK,CAAC;MAErB,OAAOC,IAAI;IACb,CAAC,CAAC;EACJ,CAAC;EAED,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIH,GAAG,EAAEC,KAAK,EAAK;IACnCjB,WAAW,CAAC,YAAM;MAChB,IAAMoB,MAAM,GAAG7B,QAAQ,CAAC8B,QAAQ,CAACL,GAAG,CAAC;MACrC,IAAME,IAAI,GAAG3B,QAAQ,CAACN,MAAM,CAAC,UAAC0B,IAAI;QAAA,OAAKA,IAAI,KAAKK,GAAG;MAAA,EAAC;MACpD,IAAI,CAACI,MAAM,EAAEF,IAAI,CAACI,IAAI,CAACN,GAAG,CAAC;MAC3BpB,QAAQ,CAACsB,IAAI,EAAED,KAAK,CAAC;MAErB,OAAOC,IAAI;IACb,CAAC,CAAC;EACJ,CAAC;EAED,IAAMK,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAK;IAC5BtB,OAAO,CAACD,IAAI,CAACuB,KAAK,CAAC,KAAKC,SAAS,uBAAMD,KAAK,EAAG,IAAI,IAAKvB,IAAI,CAACuB,KAAK,CAAC,uBAAMA,KAAK,EAAG,KAAK,IAAK,CAAC,CAAC,CAAC;EAChG,CAAC;EAED,IAAQE,MAAM,GAAK7B,MAAM,CAAjB6B,MAAM;EACd,IAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACxC,MAAM,CAAC;EAClC,YAAiC,CAAAJ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEA,MAAM,CAAC;MAAA,gFAAa,CAAC,CAAC;QAAZuC,KAAK,SAALA,KAAK;MAAA,OAAYG,MAAM,CAACN,QAAQ,CAACG,KAAK,CAAC;IAAA,EAAC,KAAI,CAAC,CAAC;IAAjFM,YAAY,SAApBtB,MAAM;EAEd,oBAAOuB,cAAK,CAACC,aAAa,CACxBrC,QAAQ,GAAGsC,sBAAU,GAAGC,gBAAI,EAC5BvC,QAAQ,IAAI,CAACR,MAAM,mCAEVU,MAAM;IACTsC,IAAI,EAAEtC,MAAM,CAACsC,IAAI,IAAI,OAAO;IAC5BxC,QAAQ,EAARA,QAAQ;IACRyC,SAAS,EAAE,IAAAC,eAAM,EAAC,CAAClD,MAAM,IAAImD,oBAAK,CAACC,QAAQ,EAAE1C,MAAM,CAACuC,SAAS;EAAC,KAEhE;IAAEA,SAAS,EAAEvC,MAAM,CAACuC;EAAU,CAAC,eACnC,4DACGN,YAAY,GAAG,CAAC,iBACf,6BAAC,cAAM;IAAC,MAAM,EAAE7C,MAAO;IAAC,MAAM,EAAEI,MAAO;IAAC,IAAI,EAAC,cAAc;IAAC,QAAQ,EAAE,kBAACwB,KAAK;MAAA,OAAKD,kBAAkB,CAACC,KAAK,CAAC;IAAA;EAAC,EAC5G,eACD,6BAAC,qBAAS;IACR,IAAI,EAAC,OAAO;IACZ,GAAG,EAAC;EAAO,GACN,CAAClB,QAAQ,GAAGE,MAAM,GAAG4B,SAAS;IACnC,SAAS,EAAE,IAAAY,eAAM,EAACC,oBAAK,CAACE,KAAK,EAAE,CAAC7C,QAAQ,IAAI,CAACR,MAAM,IAAIU,MAAM,CAACuC,SAAS;EAAE,iBAEzE,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAO,gBACpB,6BAAC,WAAG;IACF,OAAO,EAAEpD,UAAU,CAACwB,MAAM,GAAG,CAAC,GAAGjB,QAAQ,CAACiB,MAAM,KAAKxB,UAAU,CAACwB,MAAM,GAAGiB,SAAU;IACnF,aAAa,EAAElC,QAAQ,CAACiB,MAAM,GAAG,CAAE;IACnC,IAAI,EAAEpB,IAAK;IACX,MAAM,EAAEC,MAAO;IACf,IAAI,EAAEY,IAAK;IACX,QAAQ,EAAES,eAAgB;IAC1B,QAAQ,EAAEd,QAAQ,GAAGmB,gBAAgB,GAAGU,SAAU;IAClD,MAAM,EAAEF,UAAW;IACnB,MAAM,EAAEG,MAAM,aAAMA,MAAM,aAAUD;EAAU,EAC9C,CACQ,eACZ,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAO,GACnB,IAAAgB,cAAO,EACN;IAAA,OAAM,IAAAC,gBAAM,EAAC;MAAE1D,UAAU,EAAVA,UAAU;MAAEC,MAAM,EAANA,MAAM;MAAEI,MAAM,EAANA,MAAM;MAAEC,MAAM,EAANA,MAAM;MAAEC,QAAQ,EAARA,QAAQ;MAAEU,IAAI,EAAJA;IAAK,CAAC,CAAC;EAAA,GACpE,CAACjB,UAAU,EAAEC,MAAM,EAAEI,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAEU,IAAI,CAAC,CACrD,CAAC0C,GAAG,CAAC,UAAC3B,GAAG,EAAEH,KAAK;IAAA,oBACf,6BAAC,WAAG;MACF,OAAO,EAAE,IAAA+B,mBAAS,EAAC5B,GAAG,EAAEzB,QAAQ,CAAE;MAClC,UAAU,EAAEyB,GAAI;MAChB,GAAG,EAAEH,KAAM;MACX,MAAM,EAAExB,MAAO;MACf,OAAO,EAAEK,OAAQ;MACjB,QAAQ,EAAEE,QAAQ,GAAGuB,YAAY,GAAGM,SAAU;MAC9C,MAAM,EAAEC,MAAM,aAAMA,MAAM,cAAIb,KAAK,IAAKY;IAAU,EAClD;EAAA,CACH,CAAC,CACQ,CACF,CACX,CACJ;AACH,CAAC;AAAC;AAEF1C,KAAK,CAAC8D,WAAW,GAAG,iBAAiB;AAErC9D,KAAK,CAAC+D,SAAS,GAAG;EAChB9D,UAAU,EAAE+D,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAClDhE,MAAM,EAAE8D,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9C9D,MAAM,EAAE4D,kBAAS,CAACG,IAAI;EACtB9D,IAAI,EAAE+D,iBAAU;EAChB9D,MAAM,EAAE0D,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACG,UAAU;EACtC9D,MAAM,EAAEyD,kBAAS,CAACM,MAAM;EACxB5D,KAAK,EAAEsD,kBAAS,CAACM,MAAM;EACvB9D,QAAQ,EAAEwD,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,EAAE,CAAC;EAC9CvD,OAAO,EAAEqD,kBAAS,CAACO,IAAI;EACvB3D,QAAQ,EAAEoD,kBAAS,CAACO,IAAI;EACxB1D,QAAQ,EAAEmD,kBAAS,CAACO;AACtB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Table.js","names":["Table","dataSource","filter","propFilter","inline","l10n","schema","search","selected","propSelected","store","onPress","onScroll","onSelect","others","useState","setFilter","setSelected","sort","setSort","useEffect","nextFilter","storeFilter","Storage","get","length","set","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","handleSelect","exists","handleSort","field","undefined","role","testId","fields","Object","keys","includes","filterFields","React","createElement","ScrollView","View","className","styles","style","container","outlined","table","useMemo","select","map","displayName","propTypes","PropTypes","arrayOf","shape","bool","L10N_SHAPE","isRequired","string","func"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive, ScrollView, View } from '../../primitives';\nimport { exists, select, Storage } from './helpers';\nimport { L10N_SHAPE } from './Table.constants';\nimport { Filter } from './Table.Filter';\nimport style from './Table.module.css';\nimport { Row } from './Table.Row';\n\nexport const Table = ({\n dataSource = [],\n filter: propFilter = [],\n inline = true,\n l10n,\n schema,\n search,\n selected: propSelected = [],\n store,\n onPress,\n onScroll,\n onSelect,\n ...others\n}) => {\n const [filter, setFilter] = useState([]);\n const [selected, setSelected] = useState(propSelected);\n const [sort, setSort] = useState({});\n\n useEffect(() => {\n let nextFilter = propFilter;\n if (store) {\n const storeFilter = Storage.get(`${store}:filter`);\n if (storeFilter?.length) nextFilter = storeFilter;\n }\n\n setFilter(nextFilter);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (!store) return;\n Storage.set(`${store}:filter`, filter);\n }, [filter, store]);\n\n const handleAddFilter = (item) => {\n setFilter([...filter, item]);\n };\n\n const handleRemoveFilter = (index) => {\n filter?.splice(index, 1);\n setFilter([...filter]);\n };\n\n const handleHeadSelect = (row, event) => {\n const next = selected.length !== dataSource.length ? dataSource : [];\n\n onSelect(next, event);\n setSelected(next);\n };\n\n const handleSelect = (row, event) => {\n const next = exists(row, selected) ? selected.filter((item) => !exists(row, [item])) : [...selected, row];\n\n onSelect(next, event);\n setSelected(next);\n };\n\n const handleSort = (field) => {\n setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n };\n\n const { role = 'table', testId } = others;\n const fields = Object.keys(schema);\n const { length: filterFields } = filter?.filter(({ field } = {}) => fields.includes(field)) || {};\n\n return React.createElement(\n onScroll ? ScrollView : View,\n {\n ...others,\n role,\n onScroll,\n className: styles(style.container, !inline && style.outlined, others.className),\n },\n <>\n {filterFields > 0 && (\n <Filter filter={filter} schema={schema} role=\"table-filter\" onRemove={(index) => handleRemoveFilter(index)} />\n )}\n <Primitive tag=\"table\" className={style.table}>\n <Primitive tag=\"thead\">\n <Row\n checked={dataSource.length > 0 ? selected.length === dataSource.length : undefined}\n indeterminate={dataSource.length > 0 && selected.length > 0}\n l10n={l10n}\n schema={schema}\n sort={sort}\n onFilter={handleAddFilter}\n onSelect={onSelect ? handleHeadSelect : undefined}\n onSort={handleSort}\n testId={testId ? `${testId}-head` : undefined}\n />\n </Primitive>\n <Primitive tag=\"tbody\">\n {useMemo(\n () => select({ dataSource, filter, schema, search, selected, sort }),\n [dataSource, filter, schema, search, selected, sort],\n ).map((row, index) => (\n <Row\n checked={exists(row, selected)}\n dataSource={row}\n key={index}\n schema={schema}\n onPress={onPress}\n onSelect={onSelect ? handleSelect : undefined}\n testId={testId ? `${testId}-${index}` : undefined}\n />\n ))}\n </Primitive>\n </Primitive>\n </>,\n );\n};\n\nTable.displayName = 'Component:Table';\n\nTable.propTypes = {\n dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n filter: PropTypes.arrayOf(PropTypes.shape({})),\n inline: PropTypes.bool,\n l10n: L10N_SHAPE,\n schema: PropTypes.shape({}).isRequired,\n search: PropTypes.string,\n store: PropTypes.string,\n selected: PropTypes.arrayOf(PropTypes.shape()),\n onPress: PropTypes.func,\n onScroll: PropTypes.func,\n onSelect: PropTypes.func,\n};\n"],"mappings":"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"}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
width: 100%;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.container.outlined {
|
|
6
|
+
border: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
|
|
7
|
+
border-radius: var(--mirai-ui-table-border-radius);
|
|
8
|
+
}
|
|
9
|
+
|
|
1
10
|
.table {
|
|
2
11
|
background-color: var(--mirai-ui-table-background);
|
|
3
12
|
border-collapse: collapse;
|
|
@@ -12,13 +21,13 @@
|
|
|
12
21
|
|
|
13
22
|
.table thead {
|
|
14
23
|
background-color: var(--mirai-ui-table-background);
|
|
24
|
+
box-shadow: 0 var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
|
|
15
25
|
position: sticky;
|
|
16
26
|
top: 0;
|
|
17
27
|
z-index: var(--mirai-ui-layer-L);
|
|
18
28
|
}
|
|
19
29
|
|
|
20
30
|
.table thead tr {
|
|
21
|
-
box-shadow: 0 var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
|
|
22
31
|
font-family: var(--mirai-ui-font-bold);
|
|
23
32
|
font-size: var(--mirai-ui-font-size-small);
|
|
24
33
|
font-weight: var(--mirai-ui-font-bold-weight);
|
|
@@ -104,12 +113,6 @@
|
|
|
104
113
|
min-width: var(--mirai-ui-checkbox-size);
|
|
105
114
|
}
|
|
106
115
|
|
|
107
|
-
.outlined {
|
|
108
|
-
border: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
|
|
109
|
-
border-radius: var(--mirai-ui-table-border-radius);
|
|
110
|
-
overflow-y: hidden;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
116
|
/* <ColumnFilter> */
|
|
114
117
|
.table .menuFilter .items {
|
|
115
118
|
gap: var(--mirai-ui-space-M);
|
|
@@ -149,9 +152,11 @@
|
|
|
149
152
|
width: var(--mirai-ui-space-L);
|
|
150
153
|
}
|
|
151
154
|
|
|
155
|
+
/* Mobile */
|
|
152
156
|
@media only screen and (max-width: 430px) {
|
|
153
157
|
}
|
|
154
158
|
|
|
159
|
+
/* Table & Desktop */
|
|
155
160
|
@media only screen and (min-width: 431px) {
|
|
156
161
|
.table thead tr th:hover {
|
|
157
162
|
color: var(--mirai-ui-table-color);
|
|
@@ -176,3 +181,10 @@
|
|
|
176
181
|
background-color: var(--mirai-ui-content-background);
|
|
177
182
|
}
|
|
178
183
|
}
|
|
184
|
+
|
|
185
|
+
/* Safari */
|
|
186
|
+
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
|
187
|
+
.table thead {
|
|
188
|
+
border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
@@ -112,7 +112,8 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
|
|
|
112
112
|
$Cancel
|
|
113
113
|
</button>
|
|
114
114
|
<button
|
|
115
|
-
class="pressable button wide"
|
|
115
|
+
class="pressable disabled button disabled wide"
|
|
116
|
+
disabled=""
|
|
116
117
|
>
|
|
117
118
|
$Submit
|
|
118
119
|
</button>
|
|
@@ -236,7 +237,8 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
|
|
|
236
237
|
Cancel
|
|
237
238
|
</button>
|
|
238
239
|
<button
|
|
239
|
-
class="pressable button wide"
|
|
240
|
+
class="pressable disabled button disabled wide"
|
|
241
|
+
disabled=""
|
|
240
242
|
>
|
|
241
243
|
Submit
|
|
242
244
|
</button>
|
|
@@ -360,7 +362,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
|
|
|
360
362
|
Cancel
|
|
361
363
|
</button>
|
|
362
364
|
<button
|
|
363
|
-
class="pressable button wide"
|
|
365
|
+
class="pressable disabled button disabled wide"
|
|
366
|
+
disabled=""
|
|
364
367
|
>
|
|
365
368
|
Submit
|
|
366
369
|
</button>
|
|
@@ -484,7 +487,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
|
|
|
484
487
|
Cancel
|
|
485
488
|
</button>
|
|
486
489
|
<button
|
|
487
|
-
class="pressable button wide"
|
|
490
|
+
class="pressable disabled button disabled wide"
|
|
491
|
+
disabled=""
|
|
488
492
|
>
|
|
489
493
|
Submit
|
|
490
494
|
</button>
|
|
@@ -608,7 +612,8 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
|
|
|
608
612
|
$Cancel
|
|
609
613
|
</button>
|
|
610
614
|
<button
|
|
611
|
-
class="pressable button wide"
|
|
615
|
+
class="pressable disabled button disabled wide"
|
|
616
|
+
disabled=""
|
|
612
617
|
>
|
|
613
618
|
$Submit
|
|
614
619
|
</button>
|
|
@@ -737,8 +742,9 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
|
|
|
737
742
|
$Cancel
|
|
738
743
|
</button>
|
|
739
744
|
<button
|
|
740
|
-
class="pressable button wide"
|
|
745
|
+
class="pressable disabled button disabled wide"
|
|
741
746
|
data-testid="mirai-submit"
|
|
747
|
+
disabled=""
|
|
742
748
|
>
|
|
743
749
|
$Submit
|
|
744
750
|
</button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports[`component:<Table> inherit:className 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
5
|
<div
|
|
6
|
-
class="view mirai"
|
|
6
|
+
class="view container mirai"
|
|
7
7
|
>
|
|
8
8
|
<table
|
|
9
9
|
class="table"
|
|
@@ -559,7 +559,7 @@ exports[`component:<Table> inherit:className 1`] = `
|
|
|
559
559
|
exports[`component:<Table> prop:filter 1`] = `
|
|
560
560
|
<DocumentFragment>
|
|
561
561
|
<div
|
|
562
|
-
class="view"
|
|
562
|
+
class="view container"
|
|
563
563
|
>
|
|
564
564
|
<div
|
|
565
565
|
class="view row wide filters"
|
|
@@ -1142,7 +1142,7 @@ exports[`component:<Table> prop:filter 1`] = `
|
|
|
1142
1142
|
exports[`component:<Table> prop:inline (false 1`] = `
|
|
1143
1143
|
<DocumentFragment>
|
|
1144
1144
|
<div
|
|
1145
|
-
class="view outlined"
|
|
1145
|
+
class="view container outlined"
|
|
1146
1146
|
>
|
|
1147
1147
|
<table
|
|
1148
1148
|
class="table"
|
|
@@ -1698,7 +1698,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
|
|
|
1698
1698
|
exports[`component:<Table> prop:onScroll 1`] = `
|
|
1699
1699
|
<DocumentFragment>
|
|
1700
1700
|
<div
|
|
1701
|
-
class="scrollview snap"
|
|
1701
|
+
class="scrollview snap container"
|
|
1702
1702
|
data-testid="onScroll"
|
|
1703
1703
|
>
|
|
1704
1704
|
<table
|
|
@@ -2351,11 +2351,11 @@ exports[`component:<Table> prop:onScroll 1`] = `
|
|
|
2351
2351
|
exports[`component:<Table> prop:onSelect 1`] = `
|
|
2352
2352
|
<DocumentFragment>
|
|
2353
2353
|
<div
|
|
2354
|
-
class="view"
|
|
2354
|
+
class="view container"
|
|
2355
|
+
data-testid="onSelect"
|
|
2355
2356
|
>
|
|
2356
2357
|
<table
|
|
2357
2358
|
class="table"
|
|
2358
|
-
data-testid="onSelect"
|
|
2359
2359
|
>
|
|
2360
2360
|
<thead>
|
|
2361
2361
|
<tr
|
|
@@ -3124,7 +3124,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
|
|
|
3124
3124
|
exports[`component:<Table> prop:search 1`] = `
|
|
3125
3125
|
<DocumentFragment>
|
|
3126
3126
|
<div
|
|
3127
|
-
class="view"
|
|
3127
|
+
class="view container"
|
|
3128
3128
|
>
|
|
3129
3129
|
<table
|
|
3130
3130
|
class="table"
|
|
@@ -3478,7 +3478,7 @@ exports[`component:<Table> prop:search 1`] = `
|
|
|
3478
3478
|
exports[`component:<Table> prop:selected 1`] = `
|
|
3479
3479
|
<DocumentFragment>
|
|
3480
3480
|
<div
|
|
3481
|
-
class="view"
|
|
3481
|
+
class="view container"
|
|
3482
3482
|
>
|
|
3483
3483
|
<table
|
|
3484
3484
|
class="table"
|
|
@@ -4036,7 +4036,7 @@ exports[`component:<Table> prop:selected 1`] = `
|
|
|
4036
4036
|
exports[`component:<Table> prop:store 1`] = `
|
|
4037
4037
|
<DocumentFragment>
|
|
4038
4038
|
<div
|
|
4039
|
-
class="view"
|
|
4039
|
+
class="view container"
|
|
4040
4040
|
>
|
|
4041
4041
|
<div
|
|
4042
4042
|
class="view row wide filters"
|
|
@@ -4402,7 +4402,7 @@ exports[`component:<Table> prop:store 1`] = `
|
|
|
4402
4402
|
exports[`component:<Table> renders 1`] = `
|
|
4403
4403
|
<DocumentFragment>
|
|
4404
4404
|
<div
|
|
4405
|
-
class="view"
|
|
4405
|
+
class="view container"
|
|
4406
4406
|
>
|
|
4407
4407
|
<table
|
|
4408
4408
|
class="table"
|
|
@@ -4958,11 +4958,11 @@ exports[`component:<Table> renders 1`] = `
|
|
|
4958
4958
|
exports[`component:<Table> testId 1`] = `
|
|
4959
4959
|
<DocumentFragment>
|
|
4960
4960
|
<div
|
|
4961
|
-
class="view"
|
|
4961
|
+
class="view container"
|
|
4962
|
+
data-testid="mirai"
|
|
4962
4963
|
>
|
|
4963
4964
|
<table
|
|
4964
4965
|
class="table"
|
|
4965
|
-
data-testid="mirai"
|
|
4966
4966
|
>
|
|
4967
4967
|
<thead>
|
|
4968
4968
|
<tr
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.exists = void 0;
|
|
7
7
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
8
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
9
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -22,12 +22,12 @@ var reduce = function reduce() {
|
|
|
22
22
|
return result;
|
|
23
23
|
}, {}));
|
|
24
24
|
};
|
|
25
|
-
var
|
|
25
|
+
var exists = function exists(row) {
|
|
26
26
|
var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
27
27
|
var reducedRow = reduce(row);
|
|
28
28
|
return !!values.find(function (item) {
|
|
29
29
|
return reduce(item) === reducedRow;
|
|
30
30
|
});
|
|
31
31
|
};
|
|
32
|
-
exports.
|
|
33
|
-
//# sourceMappingURL=
|
|
32
|
+
exports.exists = exists;
|
|
33
|
+
//# sourceMappingURL=exists.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"exists.js","names":["TYPES","reduce","row","JSON","stringify","Object","entries","result","key","value","includes","exists","values","reducedRow","find","item"],"sources":["../../../../src/components/Table/helpers/exists.js"],"sourcesContent":["const TYPES = ['string', 'number'];\n\nconst reduce = (row = {}) =>\n JSON.stringify(\n Object.entries(row).reduce((result, [key, value]) => {\n if (TYPES.includes(typeof value)) result[key] = value;\n\n return result;\n }, {}),\n );\n\nexport const exists = (row, values = []) => {\n const reducedRow = reduce(row);\n\n return !!values.find((item) => reduce(item) === reducedRow);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAElC,IAAMC,MAAM,GAAG,SAATA,MAAM;EAAA,IAAIC,GAAG,uEAAG,CAAC,CAAC;EAAA,OACtBC,IAAI,CAACC,SAAS,CACZC,MAAM,CAACC,OAAO,CAACJ,GAAG,CAAC,CAACD,MAAM,CAAC,UAACM,MAAM,QAAmB;IAAA;MAAhBC,GAAG;MAAEC,KAAK;IAC7C,IAAIT,KAAK,CAACU,QAAQ,SAAQD,KAAK,EAAC,EAAEF,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK;IAErD,OAAOF,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC,CACP;AAAA;AAEI,IAAMI,MAAM,GAAG,SAATA,MAAM,CAAIT,GAAG,EAAkB;EAAA,IAAhBU,MAAM,uEAAG,EAAE;EACrC,IAAMC,UAAU,GAAGZ,MAAM,CAACC,GAAG,CAAC;EAE9B,OAAO,CAAC,CAACU,MAAM,CAACE,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKd,MAAM,CAACc,IAAI,CAAC,KAAKF,UAAU;EAAA,EAAC;AAC7D,CAAC;AAAC"}
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
var
|
|
7
|
-
Object.keys(
|
|
6
|
+
var _exists = require("./exists");
|
|
7
|
+
Object.keys(_exists).forEach(function (key) {
|
|
8
8
|
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] ===
|
|
9
|
+
if (key in exports && exports[key] === _exists[key]) return;
|
|
10
10
|
Object.defineProperty(exports, key, {
|
|
11
11
|
enumerable: true,
|
|
12
12
|
get: function get() {
|
|
13
|
-
return
|
|
13
|
+
return _exists[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Table/helpers/index.js"],"sourcesContent":["export * from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Table/helpers/index.js"],"sourcesContent":["export * from './exists';\nexport * from './select';\nexport * from './storage';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -53,26 +53,26 @@ var select = function select() {
|
|
|
53
53
|
return filterGrouped.every(function (_ref4) {
|
|
54
54
|
var _fieldValue;
|
|
55
55
|
var field = _ref4.field,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
_ref4$min = _ref4.min,
|
|
59
|
-
min = _ref4$min === void 0 ? -Infinity : _ref4$min,
|
|
56
|
+
max = _ref4.max,
|
|
57
|
+
min = _ref4.min,
|
|
60
58
|
value = _ref4.value;
|
|
59
|
+
var fieldKey = schema[field].bind || field;
|
|
60
|
+
var type = schema[fieldKey].type;
|
|
61
61
|
var fieldValue = row[schema[field].bind || field];
|
|
62
|
-
if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ');
|
|
63
|
-
if (
|
|
62
|
+
if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ').toLowerCase();
|
|
63
|
+
if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';
|
|
64
64
|
return value ? !Array.isArray(value) ? (_fieldValue = fieldValue) === null || _fieldValue === void 0 ? void 0 : _fieldValue.toLowerCase().includes(value.toLowerCase()) : value.some(function (item) {
|
|
65
65
|
var _fieldValue2;
|
|
66
|
-
return (_fieldValue2 = fieldValue) === null || _fieldValue2 === void 0 ? void 0 : _fieldValue2.
|
|
67
|
-
}) :
|
|
66
|
+
return (_fieldValue2 = fieldValue) === null || _fieldValue2 === void 0 ? void 0 : _fieldValue2.includes(item.toLowerCase());
|
|
67
|
+
}) : type === 'number' ? (fieldValue || Infinity) >= (min || -Infinity) && (fieldValue || -Infinity) <= (max || Infinity) : false;
|
|
68
68
|
});
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
if (search) {
|
|
72
72
|
flatten.forEach(function (row, index) {
|
|
73
73
|
var rowValues = Object.keys(row).filter(function (key) {
|
|
74
|
-
var _schema$key;
|
|
75
|
-
return ((_schema$key = schema[key]) === null || _schema$
|
|
74
|
+
var _schema$key, _schema$key2;
|
|
75
|
+
return !((_schema$key = schema[key]) !== null && _schema$key !== void 0 && _schema$key.bind) && ((_schema$key2 = schema[key]) === null || _schema$key2 === void 0 ? void 0 : _schema$key2.type) !== 'component';
|
|
76
76
|
}).map(function (key) {
|
|
77
77
|
return row[key];
|
|
78
78
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","fields","Object","keys","length","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","
|
|
1
|
+
{"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","fields","Object","keys","length","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","fieldKey","bind","type","fieldValue","join","toLowerCase","some","Infinity","forEach","index","rowValues","key","map","JSON","stringify","order","a","b","undefined"],"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 const fields = Object.keys(schema);\n\n if (filter?.length > 0) {\n const filterGrouped = [...filter]\n .filter(({ field }) => fields.includes(field))\n .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, min, value }) => {\n const fieldKey = schema[field].bind || field;\n const { type } = schema[fieldKey];\n let fieldValue = row[schema[field].bind || field];\n\n if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ').toLowerCase();\n if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n\n return value\n ? !Array.isArray(value)\n ? fieldValue?.toLowerCase().includes(value.toLowerCase())\n : value.some((item) => fieldValue?.includes(item.toLowerCase()))\n : type === 'number'\n ? (fieldValue || Infinity) >= (min || -Infinity) && (fieldValue || -Infinity) <= (max || Infinity)\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]?.bind && 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(\n ({ [fieldKey]: a } = {}, { [fieldKey]: b } = {}) =>\n (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order,\n );\n });\n\n return values;\n};\n"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ var _primitives = require("../../primitives");
|
|
|
12
12
|
var _helpers2 = require("./helpers");
|
|
13
13
|
var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
|
|
14
14
|
var _excluded = ["children", "left", "pressable", "right", "Template", "text", "timestamp", "top", "visible"],
|
|
15
|
-
_excluded2 = ["testId"];
|
|
15
|
+
_excluded2 = ["fixed", "role", "testId"];
|
|
16
16
|
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); }
|
|
17
17
|
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; }
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -42,7 +42,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
42
42
|
propTop = _ref.top,
|
|
43
43
|
_ref$visible = _ref.visible,
|
|
44
44
|
propVisible = _ref$visible === void 0 ? false : _ref$visible,
|
|
45
|
-
|
|
45
|
+
inherit = _objectWithoutProperties(_ref, _excluded);
|
|
46
46
|
var _useState = (0, _react.useState)(propVisible),
|
|
47
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
48
48
|
visible = _useState2[0],
|
|
@@ -51,23 +51,27 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
51
51
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
52
52
|
position = _useState4[0],
|
|
53
53
|
setPosition = _useState4[1];
|
|
54
|
-
var
|
|
55
|
-
|
|
54
|
+
var fixed = inherit.fixed,
|
|
55
|
+
_inherit$role = inherit.role,
|
|
56
|
+
role = _inherit$role === void 0 ? 'tooltip' : _inherit$role,
|
|
57
|
+
testId = inherit.testId,
|
|
58
|
+
others = _objectWithoutProperties(inherit, _excluded2);
|
|
56
59
|
var left = position.left,
|
|
57
60
|
right = position.right,
|
|
58
61
|
_position$top = position.top,
|
|
59
62
|
top = _position$top === void 0 ? propTop : _position$top;
|
|
60
63
|
return text || Template ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, {
|
|
64
|
+
fixed: fixed,
|
|
65
|
+
role: role,
|
|
66
|
+
testId: testId,
|
|
67
|
+
timestamp: timestamp,
|
|
68
|
+
top: top,
|
|
69
|
+
visible: visible,
|
|
61
70
|
centered: true,
|
|
62
71
|
forceRender: false,
|
|
63
72
|
left: propLeft,
|
|
64
73
|
right: propRight,
|
|
65
|
-
|
|
66
|
-
timestamp: timestamp,
|
|
67
|
-
top: top,
|
|
68
|
-
visible: visible,
|
|
69
|
-
onPosition: setPosition,
|
|
70
|
-
testId: testId
|
|
74
|
+
onPosition: setPosition
|
|
71
75
|
}, _react.default.Children.map(children, function (child, index) {
|
|
72
76
|
var _objectSpread2;
|
|
73
77
|
return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
|
|
@@ -81,8 +85,8 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
81
85
|
} : undefined), _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onLeave' : 'onMouseLeave', function () {
|
|
82
86
|
return setVisible(false);
|
|
83
87
|
}), _defineProperty(_objectSpread2, "className", (0, _helpers.styles)(_TooltipModule.default.dispatcher, child.props.className)), _defineProperty(_objectSpread2, "testId", testId ? "".concat(testId, "-dispatcher") : undefined), _objectSpread2)));
|
|
84
|
-
}), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({},
|
|
85
|
-
className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.aline, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom,
|
|
88
|
+
}), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
89
|
+
className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.aline, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
|
|
86
90
|
}), Template ? /*#__PURE__*/_react.default.createElement(Template, null) : /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
87
91
|
bold: true,
|
|
88
92
|
small: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","fixed","role","testId","others","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","aline","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n children,\n left: propLeft,\n pressable = false,\n right: propRight,\n Template,\n text,\n timestamp,\n top: propTop,\n visible: propVisible = false,\n ...inherit\n}) => {\n const [visible, setVisible] = useState(propVisible);\n const [position, setPosition] = useState({});\n\n const { fixed, role = 'tooltip', testId, ...others } = inherit;\n const { left, right, top = propTop } = position;\n\n return text || Template ? (\n <Layer\n {...{ fixed, role, testId, timestamp, top, visible }}\n centered\n forceRender={false}\n left={propLeft}\n right={propRight}\n onPosition={setPosition}\n >\n {React.Children.map(children, (child, index) =>\n React.cloneElement(child, {\n key: index,\n ...child.props,\n onClick: pressable ? () => setVisible(!visible) : undefined,\n [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n className: styles(style.dispatcher, child.props.className),\n testId: testId ? `${testId}-dispatcher` : undefined,\n }),\n )}\n\n <LayerContent>\n <View\n {...others}\n className={styles(\n style.tooltip,\n (propLeft || propRight) && style.aline,\n left && style.left,\n right && style.right,\n top ? style.top : style.bottom,\n others.className,\n )}\n >\n {Template ? (\n <Template />\n ) : (\n <Text bold small className={style.text}>\n {text}\n </Text>\n )}\n </View>\n </LayerContent>\n </Layer>\n ) : (\n <>{children}</>\n );\n};\n\nTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n left: PropTypes.bool,\n pressable: PropTypes.bool,\n right: PropTypes.bool,\n Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n text: PropTypes.string,\n timestamp: PropTypes.number,\n top: PropTypes.bool,\n visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"isChecked.js","names":["TYPES","reduce","row","JSON","stringify","Object","entries","result","key","value","includes","isChecked","values","reducedRow","find","item"],"sources":["../../../../src/components/Table/helpers/isChecked.js"],"sourcesContent":["const TYPES = ['string', 'number'];\n\nconst reduce = (row = {}) =>\n JSON.stringify(\n Object.entries(row).reduce((result, [key, value]) => {\n if (TYPES.includes(typeof value)) result[key] = value;\n\n return result;\n }, {}),\n );\n\nexport const isChecked = (row, values = []) => {\n const reducedRow = reduce(row);\n\n return !!values.find((item) => reduce(item) === reducedRow);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAElC,IAAMC,MAAM,GAAG,SAATA,MAAM;EAAA,IAAIC,GAAG,uEAAG,CAAC,CAAC;EAAA,OACtBC,IAAI,CAACC,SAAS,CACZC,MAAM,CAACC,OAAO,CAACJ,GAAG,CAAC,CAACD,MAAM,CAAC,UAACM,MAAM,QAAmB;IAAA;MAAhBC,GAAG;MAAEC,KAAK;IAC7C,IAAIT,KAAK,CAACU,QAAQ,SAAQD,KAAK,EAAC,EAAEF,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK;IAErD,OAAOF,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC,CACP;AAAA;AAEI,IAAMI,SAAS,GAAG,SAAZA,SAAS,CAAIT,GAAG,EAAkB;EAAA,IAAhBU,MAAM,uEAAG,EAAE;EACxC,IAAMC,UAAU,GAAGZ,MAAM,CAACC,GAAG,CAAC;EAE9B,OAAO,CAAC,CAACU,MAAM,CAACE,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKd,MAAM,CAACc,IAAI,CAAC,KAAKF,UAAU;EAAA,EAAC;AAC7D,CAAC;AAAC"}
|