npm - @mirai/ui - Versions diffs - 1.0.256 → 1.0.257 - Mend

@mirai/ui 1.0.256 → 1.0.257

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.

Files changed (24) hide show

package/build/components/Table/Table.ColumnFilter.js CHANGED Viewed

@@ -75,7 +75,7 @@ var ColumnFilter = function ColumnFilter(_ref) {
   var _ref2 = schema[field] || {},
     label = _ref2.label,
     _ref2$options = _ref2.options,
-    options = _ref2$options === void 0 ? [] : _ref2$options,
+    options = _ref2$options === void 0 ? {} : _ref2$options,
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'text' : _ref2$type;
   (0, _react.useEffect)(function () {
@@ -143,17 +143,20 @@ var ColumnFilter = function ColumnFilter(_ref) {
         },
         onKeyDown: handleKeyDown,
         className: _TableModule.default.input
-      })) : type === 'boolean' ? /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
-        name: "search",
-        type: _InputOption.SWITCH,
-        checked: form.value === 'true',
-        onChange: function onChange(value) {
-          return setForm({
-            value: value ? 'true' : 'false'
-          });
-        },
-        className: _TableModule.default.input
-      }) : type === 'options' ? /*#__PURE__*/_react.default.createElement(_primitives.View, {
+      })) : type === 'boolean' ? /*#__PURE__*/_react.default.createElement(_primitives.View, null, [false, true].map(function (value) {
+        return /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
+          name: "boolean-".concat(value),
+          key: value,
+          label: options[value] || value.toString(),
+          type: _InputOption.RADIO,
+          checked: value && form.value === 'true' || !value && form.value === 'false' || false,
+          onChange: function onChange() {
+            return setForm(_objectSpread(_objectSpread({}, form), {}, {
+              value: value.toString()
+            }));
+          }
+        });
+      })) : type === 'options' ? /*#__PURE__*/_react.default.createElement(_primitives.View, {
         wide: true
       }, Object.entries(options).map(function (_ref3) {
         var _ref4 = _slicedToArray(_ref3, 2),

package/build/components/Table/Table.ColumnFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.ColumnFilter.js","names":["DEFAULT_FORM","max","undefined","min","value","values","ColumnFilter","field","l10n","actionCancel","actionSubmit","labelMax","labelMin","schema","visible","propVisible","onFocus","onSubmit","others","useState","form","setForm","setVisible","label","options","type","useEffect","handlePress","event","preventDefault","handleCancel","handleKeyDown","key","handleSubmit","testId","children","divider","style","items","input","SWITCH","Object","entries","map","parsedValue","isNaN","parseFloat","includes","active","filter","item","keys","length","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 DEFAULT_FORM = { max: undefined, min: undefined, value: undefined, values: [] };\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({ ...DEFAULT_FORM });\n const [visible, setVisible] = useState(propVisible);\n const { label, options = [], type = 'text' } = schema[field] \|\| {};\n\n useEffect(() => {\n setVisible(propVisible);\n }, [propVisible]);\n\n useEffect(() => {\n setForm({ ...DEFAULT_FORM, 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 handleKeyDown = (event = {}) => {\n if (event.key === 'Enter') handleSubmit(event);\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 onKeyDown={handleKeyDown}\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 ) : type === 'options' ? (\n <View wide>\n {Object.entries(options).map(([value, label]) => {\n const parsedValue = isNaN(value) ? value : parseFloat(value);\n\n return (\n <InputOption\n name={value}\n key={value}\n label={label}\n checked={form.values.includes(parsedValue) \|\| false}\n onChange={(active) =>\n setForm({\n values: active\n ? [...form.values, parsedValue]\n : form.values.filter((item) => item !== parsedValue),\n })\n }\n />\n );\n })}\n </View>\n ) : (\n <InputText\n name=\"search\"\n type=\"search\"\n value={form.value}\n onChange={(value) => setForm({ value })}\n onKeyDown={handleKeyDown}\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={\n type !== 'boolean' && !form.value && !form.min && !form.max && !Object.keys(form.values \|\| {}).length\n }\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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"}
1	+ {"version":3,"file":"Table.ColumnFilter.js","names":["DEFAULT_FORM","max","undefined","min","value","values","ColumnFilter","field","l10n","actionCancel","actionSubmit","labelMax","labelMin","schema","visible","propVisible","onFocus","onSubmit","others","useState","form","setForm","setVisible","label","options","type","useEffect","handlePress","event","preventDefault","handleCancel","handleKeyDown","key","handleSubmit","testId","children","divider","style","items","input","map","toString","RADIO","Object","entries","parsedValue","isNaN","parseFloat","includes","active","filter","item","keys","length","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, RADIO } from '../InputOption';\nimport { InputText } from '../InputText';\nimport { Menu } from '../Menu';\nimport { L10N_SHAPE } from './Table.constants';\nimport style from './Table.module.css';\n\nconst DEFAULT_FORM = { max: undefined, min: undefined, value: undefined, values: [] };\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({ ...DEFAULT_FORM });\n const [visible, setVisible] = useState(propVisible);\n const { label, options = {}, type = 'text' } = schema[field] \|\| {};\n\n useEffect(() => {\n setVisible(propVisible);\n }, [propVisible]);\n\n useEffect(() => {\n setForm({ ...DEFAULT_FORM, 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 handleKeyDown = (event = {}) => {\n if (event.key === 'Enter') handleSubmit(event);\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 onKeyDown={handleKeyDown}\n className={style.input}\n />\n </View>\n ) : type === 'boolean' ? (\n <View>\n {[false, true].map((value) => (\n <InputOption\n name={`boolean-${value}`}\n key={value}\n label={options[value] \|\| value.toString()}\n type={RADIO}\n checked={(value && form.value === 'true') \|\| (!value && form.value === 'false') \|\| false}\n onChange={() => setForm({ ...form, value: value.toString() })}\n />\n ))}\n </View>\n ) : type === 'options' ? (\n <View wide>\n {Object.entries(options).map(([value, label]) => {\n const parsedValue = isNaN(value) ? value : parseFloat(value);\n\n return (\n <InputOption\n name={value}\n key={value}\n label={label}\n checked={form.values.includes(parsedValue) \|\| false}\n onChange={(active) =>\n setForm({\n values: active\n ? [...form.values, parsedValue]\n : form.values.filter((item) => item !== parsedValue),\n })\n }\n />\n );\n })}\n </View>\n ) : (\n <InputText\n name=\"search\"\n type=\"search\"\n value={form.value}\n onChange={(value) => setForm({ value })}\n onKeyDown={handleKeyDown}\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={\n type !== 'boolean' && !form.value && !form.min && !form.max && !Object.keys(form.values \|\| {}).length\n }\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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"}

package/build/components/Table/Table.stories.js CHANGED Viewed

@@ -165,13 +165,13 @@ var Story = function Story(props) {
     (_console3 = console).log.apply(_console3, ['<Table>::onSelect'].concat(others));
     setSelected.apply(void 0, others);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.InputText, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.View, null, /*#__PURE__*/_react.default.createElement(_.InputText, {
     name: "search",
     placeholder: "search...",
     type: "search",
     value: search,
     onChange: setSearch
-  }), /*#__PURE__*/_react.default.createElement(_Table.Table, _extends({}, props, {
+  })), /*#__PURE__*/_react.default.createElement(_Table.Table, _extends({}, props, {
     search: search,
     selected: selected,
     onPress: handlePress,
@@ -185,21 +185,21 @@ Story.storyName = 'Table';
 Story.args = {
   dataSource: dataSource,
   filter: [{
-    field: 'email',
-    value: '@mirai.com'
+    field: 'username',
+    value: 'ma'
+  }, {
+    field: 'username',
+    value: 'ja'
   }, {
     field: 'nonExistent',
     value: '@mirai.com'
-  }, {
-    field: 'email',
-    value: '@soyjavi.com'
   }, {
     field: 'year',
-    min: 1,
-    max: 2022
+    min: 2021,
+    max: 2023
   }, {
     field: 'languages',
-    values: [3, 0]
+    values: [1]
   }],
   inline: true,
   l10n: {
@@ -208,19 +208,24 @@ Story.args = {
     labelMax: 'Max',
     labelMin: 'Min'
   },
-  pagination: 10,
+  pagination: 14,
   schema: {
     username: {
       label: 'User Name',
       tooltip: 'The name user is recognized.'
     },
     email: {
-      label: 'Email'
+      label: 'Email',
+      OR: true
     },
     active: {
       label: 'Active',
       type: 'boolean',
-      hidden: true
+      hidden: true,
+      options: {
+        false: 'Inactive',
+        true: 'Active'
+      }
     },
     activeSwitch: {
       label: 'Active',
@@ -269,10 +274,7 @@ Story.args = {
   search: '',
   // store: 'mirai',
   // inherited properties
-  testId: 'test-story',
-  style: {
-    background: 'green'
-  }
+  testId: 'test-story'
 };
 Story.argTypes = {};
 //# sourceMappingURL=Table.stories.js.map

package/build/components/Table/Table.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.stories.js","names":["title","tags","value","map","language","style","tag","handleSwitch","event","stopPropagation","console","log","dataSource","username","email","active","activeSwitch","year","undefined","action","languages","twitter","actionTitle","bio","toLowerCase","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","handlePress","handleSelect","table","storyName","args","filter","field","min","max","values","inline","l10n","actionCancel","actionSubmit","labelMax","labelMin","pagination","schema","label","tooltip","type","hidden","bind","sort","options","testId","background","argTypes"],"sources":["../../../src/components/Table/Table.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Button, Icon, ICON, InputText, Switch, Text, View } 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 tiny className={style.tag}>\n {language}\n </Text>\n ));\n\nconst handleSwitch = (value, event) => {\n event.stopPropagation();\n console.log('::switch::', value);\n};\n\nconst dataSource = [\n {\n username: 'jose',\n email: 'jose@mirai.com',\n active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n year: undefined,\n action: null,\n },\n {\n username: 'mario/1',\n email: 'mario.1@mirai.com',\n active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n languages: 1,\n tags: tags(['ES']),\n year: 0,\n },\n {\n username: 'svet',\n email: 'svet@mirai.com',\n active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n languages: [3, 1, 0],\n tags: tags(['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 active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n languages: [2, 1, 0, 4],\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 active: false,\n activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n languages: [1, 0],\n tags: tags(['ES', 'EN']),\n year: 2021,\n },\n {\n username: 'mario/2',\n email: 'mario.2@mirai.com',\n active: false,\n activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n languages: 1,\n tags: tags(['ES']),\n year: 2022,\n },\n\n ...[\n 'Juan',\n 'Carlos',\n 'Alejandro',\n 'Andrés',\n 'Luis',\n 'Javier',\n 'Miguel',\n 'Daniel',\n 'José',\n 'Roberto',\n 'María',\n 'Ana',\n 'Laura',\n 'Isabel',\n 'Carmen',\n 'Patricia',\n 'Sofía',\n 'Paula',\n 'Clara',\n 'Elena',\n ].map((username) => ({\n username,\n email: `${username.toLowerCase()}@mirai.com`,\n active: false,\n activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n languages: 1,\n tags: tags(['ES']),\n year: 2023,\n })),\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\nStory.storyName = 'Table';\n\nStory.args = {\n dataSource,\n filter: [\n { field: 'email', value: '@mirai.com' },\n { field: 'nonExistent', value: '@mirai.com' },\n { field: 'email', value: '@soyjavi.com' },\n { field: 'year', min: 1, max: 2022 },\n { field: 'languages', values: [3, 0] },\n ],\n inline: true,\n l10n: {\n actionCancel: 'Cancel',\n actionSubmit: 'Submit',\n labelMax: 'Max',\n labelMin: 'Min',\n },\n pagination: 10,\n schema: {\n username: { label: 'User Name', tooltip: 'The name user is recognized.' },\n email: { label: 'Email' },\n active: { label: 'Active', type: 'boolean', hidden: true },\n activeSwitch: {\n label: 'Active',\n type: 'component',\n bind: 'active',\n sort: false,\n tooltip: 'Marks if user is available.',\n },\n tags: {\n label: (\n <View row className={style.label}>\n <Text>🏷️</Text>\n Languages\n </View>\n ),\n type: 'component',\n bind: 'languages',\n tooltip: 'Spoken languages',\n },\n languages: {\n hidden: true,\n type: 'options',\n options: { 1: 'Spanish', 2: 'Basque', 0: 'English', 3: 'Rusian', 4: 'Thai' },\n },\n year: { label: 'Year', type: 'number' },\n twitter: { label: 'Twitter' },\n bio: { label: 'Biography' },\n action: { label: 'Action', type: 'component', sort: false, filter: false },\n },\n search: '',\n // store: 'mirai',\n // inherited properties\n testId: 'test-story',\n style: {\n background: 'green',\n },\n};\n\nStory.argTypes = {};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Table.stories.js","names":["title","tags","value","map","language","style","tag","handleSwitch","event","stopPropagation","console","log","dataSource","username","email","active","activeSwitch","year","undefined","action","languages","twitter","actionTitle","bio","toLowerCase","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","handlePress","handleSelect","table","storyName","args","filter","field","min","max","values","inline","l10n","actionCancel","actionSubmit","labelMax","labelMin","pagination","schema","label","tooltip","OR","type","hidden","options","false","true","bind","sort","testId","argTypes"],"sources":["../../../src/components/Table/Table.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Button, Icon, ICON, InputText, Switch, Text, View } 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 tiny className={style.tag}>\n {language}\n </Text>\n ));\n\nconst handleSwitch = (value, event) => {\n event.stopPropagation();\n console.log('::switch::', value);\n};\n\nconst dataSource = [\n {\n username: 'jose',\n email: 'jose@mirai.com',\n active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n year: undefined,\n action: null,\n },\n {\n username: 'mario/1',\n email: 'mario.1@mirai.com',\n active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n languages: 1,\n tags: tags(['ES']),\n year: 0,\n },\n {\n username: 'svet',\n email: 'svet@mirai.com',\n active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n languages: [3, 1, 0],\n tags: tags(['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 active: true,\n activeSwitch: <Switch name=\"active\" checked onChange={handleSwitch} />,\n languages: [2, 1, 0, 4],\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 active: false,\n activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n languages: [1, 0],\n tags: tags(['ES', 'EN']),\n year: 2021,\n },\n {\n username: 'mario/2',\n email: 'mario.2@mirai.com',\n active: false,\n activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n languages: 1,\n tags: tags(['ES']),\n year: 2022,\n },\n\n ...[\n 'Juan',\n 'Carlos',\n 'Alejandro',\n 'Andrés',\n 'Luis',\n 'Javier',\n 'Miguel',\n 'Daniel',\n 'José',\n 'Roberto',\n 'María',\n 'Ana',\n 'Laura',\n 'Isabel',\n 'Carmen',\n 'Patricia',\n 'Sofía',\n 'Paula',\n 'Clara',\n 'Elena',\n ].map((username) => ({\n username,\n email: `${username.toLowerCase()}@mirai.com`,\n active: false,\n activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n languages: 1,\n tags: tags(['ES']),\n year: 2023,\n })),\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 <View>\n <InputText name=\"search\" placeholder=\"search...\" type=\"search\" value={search} onChange={setSearch} />\n </View>\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\nStory.storyName = 'Table';\n\nStory.args = {\n dataSource,\n filter: [\n { field: 'username', value: 'ma' },\n { field: 'username', value: 'ja' },\n { field: 'nonExistent', value: '@mirai.com' },\n { field: 'year', min: 2021, max: 2023 },\n { field: 'languages', values: [1] },\n ],\n inline: true,\n l10n: {\n actionCancel: 'Cancel',\n actionSubmit: 'Submit',\n labelMax: 'Max',\n labelMin: 'Min',\n },\n pagination: 14,\n schema: {\n username: { label: 'User Name', tooltip: 'The name user is recognized.' },\n email: { label: 'Email', OR: true },\n active: {\n label: 'Active',\n type: 'boolean',\n hidden: true,\n options: { false: 'Inactive', true: 'Active' },\n },\n activeSwitch: {\n label: 'Active',\n type: 'component',\n bind: 'active',\n sort: false,\n tooltip: 'Marks if user is available.',\n },\n tags: {\n label: (\n <View row className={style.label}>\n <Text>🏷️</Text>\n Languages\n </View>\n ),\n type: 'component',\n bind: 'languages',\n tooltip: 'Spoken languages',\n },\n languages: {\n hidden: true,\n type: 'options',\n options: { 1: 'Spanish', 2: 'Basque', 0: 'English', 3: 'Rusian', 4: 'Thai' },\n },\n year: { label: 'Year', type: 'number' },\n twitter: { label: 'Twitter' },\n bio: { label: 'Biography' },\n action: { label: 'Action', type: 'component', sort: false, filter: false },\n },\n search: '',\n // store: 'mirai',\n // inherited properties\n testId: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":"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"}

package/build/components/Table/Table.stories.module.css CHANGED Viewed

@@ -1,5 +1,5 @@
 .table {
-  width: 100%;
+  height: 100%;
 }
 .table td:first-child {
@@ -25,14 +25,13 @@
 /* Mobile */
 @media only screen and (max-width: 430px) {
   .table {
-    width: 100%;
+    max-height: 80svh;
   }
 }
 /* Tablet & Desktop  */
 @media only screen and (min-width: 431px) {
   .table {
-    max-height: 40vh;
-    width: 80vw;
+    max-height: 70svh;
   }
 }

package/build/components/Table/helpers/select.js CHANGED Viewed

@@ -66,10 +66,10 @@ var select = function select() {
           filterValues = _ref4$values === void 0 ? [] : _ref4$values;
         var fieldKey = schema[field].bind || field;
         var type = schema[fieldKey].type;
-        var fieldValue = row[fieldKey];
+        var fieldValue = typeof row[fieldKey] === 'string' ? row[fieldKey].toLowerCase() : row[fieldKey];
         if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = (_fieldValue$join = fieldValue.join(' ')) === null || _fieldValue$join === void 0 ? void 0 : _fieldValue$join.toLowerCase();
         if (fieldValue === undefined) return false;
-        return filterValue && type !== 'options' ? !Array.isArray(filterValue) ? fieldValue.toLowerCase().includes(filterValue.toLowerCase()) : filterValue.some(function (item) {
+        return filterValue && type !== 'options' ? !Array.isArray(filterValue) ? fieldValue.includes(filterValue.toLowerCase()) : filterValue.some(function (item) {
           return fieldValue.includes(item.toLowerCase());
         }) : type === 'number' ? fieldValue >= (min || -Infinity) && fieldValue <= (max || Infinity) : type === 'options' ? filterValues.flat().some(function (item) {
           return Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item;

package/build/components/Table/helpers/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","names":["select","dataSource","filter","limit","schema","search","sort","has","length","Object","keys","fields","flatten","values","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","filterValue","filterValues","fieldKey","bind","type","fieldValue","~~join~~","~~toLowerCase~~","undefined","some","Infinity","flat","forEach","index","rowValues","key","map","JSON","stringify","order","a","b","slice"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter = [], limit, schema = {}, search, sort = {} } = {}) => {\n const has = { filter: filter?.length > 0, search: !!search, sort: Object.keys(sort).length > 0 };\n const fields = Object.keys(schema);\n let flatten = [...dataSource];\n let values = [];\n\n if (has.filter) {\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: filterValue, values: filterValues = [] }) => {\n const fieldKey = schema[field].bind \|\| field;\n const { type } = schema[fieldKey];\n let fieldValue = row[fieldKey];\n\n if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ')?.toLowerCase();\n\n if (fieldValue === undefined) return false;\n\n return filterValue && type !== 'options'\n ? !Array.isArray(filterValue)\n ? fieldValue.~~toLowerCase().~~includes(filterValue.toLowerCase())\n : filterValue.some((item) => fieldValue.includes(item.toLowerCase()))\n : type === 'number'\n ? fieldValue >= (min \|\| -Infinity) && fieldValue <= (max \|\| Infinity)\n : type === 'options'\n ? filterValues\n .flat()\n .some((item) => (Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item))\n : false;\n }),\n );\n }\n\n if (has.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 if (has.sort) {\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\n return limit ? values.slice(0, limit) : values;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAqF;EAAA,+EAAP,CAAC,CAAC;IAAA,uBAA1EC,UAAU;IAAVA,UAAU,gCAAG,EAAE;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,CAAC,CAAC;IAAEC,MAAM,QAANA,MAAM;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,CAAC,CAAC;EAC1F,IAAMC,GAAG,GAAG;IAAEL,MAAM,EAAE,CAAAA,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEM,MAAM,IAAG,CAAC;IAAEH,MAAM,EAAE,CAAC,CAACA,MAAM;IAAEC,IAAI,EAAEG,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACE,MAAM,GAAG;EAAE,CAAC;EAChG,IAAMG,MAAM,GAAGF,MAAM,CAACC,IAAI,CAACN,MAAM,CAAC;EAClC,IAAIQ,OAAO,sBAAOX,UAAU,CAAC;EAC7B,IAAIY,MAAM,GAAG,EAAE;EAEf,IAAIN,GAAG,CAACL,MAAM,EAAE;IACd,IAAMY,aAAa,GAAG,mBAAIZ,MAAM,EAC7BA,MAAM,CAAC;MAAA,IAAGa,KAAK,SAALA,KAAK;MAAA,OAAOJ,MAAM,CAACK,QAAQ,CAACD,KAAK,CAAC;IAAA,EAAC,CAC7CE,MAAM,CAAC,UAACC,KAAK,EAAgB;MAAA,IAAdC,IAAI,uEAAG,CAAC,CAAC;MACvB,IAAMC,SAAS,GAAGF,KAAK,CAACG,IAAI,CAAC;QAAA,IAAGN,KAAK,SAALA,KAAK;QAAA,OAAOI,IAAI,CAACJ,KAAK,KAAKA,KAAK;MAAA,EAAC;MAEjE,IAAIK,SAAS,IAAID,IAAI,CAACG,KAAK,EAAE;QAC3B,IAAI,CAACC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAACE,KAAK,CAAC,EAAEF,SAAS,CAACE,KAAK,GAAG,CAACF,SAAS,CAACE,KAAK,CAAC;QACxEF,SAAS,CAACE,KAAK,CAACG,IAAI,CAACN,IAAI,CAACG,KAAK,CAAC;MAClC,CAAC,MAAM;QACLJ,KAAK,CAACO,IAAI,mBAAMN,IAAI,EAAG;MACzB;MAEA,OAAOD,KAAK;IACd,CAAC,EAAE,EAAE,CAAC;IAERN,OAAO,GAAGA,OAAO,CAACV,MAAM,CAAC;MAAA,IAACwB,GAAG,uEAAG,CAAC,CAAC;MAAA,OAChCZ,aAAa,CAACa,KAAK,CAAC,iBAAwE;QAAA;QAAA,IAArEZ,KAAK,SAALA,KAAK;UAAEa,GAAG,SAAHA,GAAG;UAAEC,GAAG,SAAHA,GAAG;UAASC,WAAW,SAAlBR,KAAK;UAAA,qBAAeT,MAAM;UAAEkB,YAAY,6BAAG,EAAE;QACnF,IAAMC,QAAQ,GAAG5B,MAAM,CAACW,KAAK,CAAC,CAACkB,IAAI,IAAIlB,KAAK;QAC5C,IAAQmB,IAAI,GAAK9B,MAAM,CAAC4B,QAAQ,CAAC,CAAzBE,IAAI;QACZ,IAAIC,UAAU,~~GAAGT~~,GAAG,CAACM,QAAQ,CAAC;~~QAE9B~~,IAAIE,IAAI,KAAK,SAAS,EAAEC,UAAU,GAAGA,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,KAC9D,IAAID,IAAI,KAAK,SAAS,IAAIX,KAAK,CAACC,OAAO,CAACW,UAAU,CAAC,EAAEA,UAAU,uBAAGA,UAAU,~~CAACC~~,IAAI,CAAC,GAAG,CAAC,qDAApB,~~iBAAsBC~~,WAAW,EAAE;QAE1G,~~IAAIF~~,UAAU,KAAKG,SAAS,EAAE,OAAO,KAAK;QAE1C,OAAOR,WAAW,IAAII,IAAI,KAAK,SAAS,GACpC,CAACX,KAAK,CAACC,OAAO,CAACM,WAAW,CAAC,GACzBK,UAAU,~~CAACE~~,~~WAAW,EAAE,CAACrB,~~QAAQ,CAACc,WAAW,~~CAACO~~,WAAW,EAAE,CAAC,~~GAC5DP~~,WAAW,CAACS,IAAI,CAAC,UAACpB,IAAI;UAAA,OAAKgB,UAAU,CAACnB,QAAQ,CAACG,IAAI,~~CAACkB~~,WAAW,EAAE,CAAC;QAAA,EAAC,~~GACrEH~~,IAAI,KAAK,QAAQ,GACjBC,UAAU,KAAKN,GAAG,IAAI,CAACW,QAAQ,CAAC,IAAIL,UAAU,KAAKP,GAAG,IAAIY,QAAQ,CAAC,GACnEN,IAAI,KAAK,SAAS,GAClBH,YAAY,CACTU,IAAI,EAAE,CACNF,IAAI,CAAC,UAACpB,IAAI;UAAA,OAAMI,KAAK,CAACC,OAAO,CAACW,UAAU,CAAC,GAAGA,UAAU,CAACnB,QAAQ,CAACG,IAAI,CAAC,GAAGgB,UAAU,KAAKhB,IAAI;QAAA,CAAC,CAAC,GAChG,KAAK;MACX,CAAC,CAAC;IAAA,EACH;EACH;EAEA,IAAIZ,GAAG,CAACF,MAAM,EAAE;IACdO,OAAO,CAAC8B,OAAO,CAAC,UAAChB,GAAG,EAAEiB,KAAK,EAAK;MAC9B,IAAMC,SAAS,GAAGnC,MAAM,CAACC,IAAI,CAACgB,GAAG,CAAC,CAC/BxB,MAAM,CAAC,UAAC2C,GAAG;QAAA;QAAA,OAAK,iBAACzC,MAAM,CAACyC,GAAG,CAAC,wCAAX,YAAaZ,IAAI,KAAI,iBAAA7B,MAAM,CAACyC,GAAG,CAAC,iDAAX,aAAaX,IAAI,MAAK,WAAW;MAAA,EAAC,CACxEY,GAAG,CAAC,UAACD,GAAG;QAAA,OAAKnB,GAAG,CAACmB,GAAG,CAAC;MAAA,EAAC;MAEzB,IAAIE,IAAI,CAACC,SAAS,CAACJ,SAAS,CAAC,~~CAACP~~,WAAW,EAAE,~~CAACrB~~,QAAQ,CAACX,MAAM,~~CAACgC~~,WAAW,EAAE,CAAC,~~EAAExB~~,MAAM,CAACY,IAAI,CAACb,OAAO,CAAC+B,KAAK,CAAC,CAAC;IACzG,CAAC,CAAC;EACJ,CAAC,MAAM;IACL9B,MAAM,sBAAOD,OAAO,CAAC;EACvB;EAEA,IAAIL,GAAG,CAACD,IAAI,EAAE;IACZG,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACoC,OAAO,CAAC,UAACG,GAAG,EAAK;MACjC,IAAMb,QAAQ,GAAG5B,MAAM,CAACyC,GAAG,CAAC,CAACZ,IAAI,IAAIY,GAAG;MACxC,IAAMI,KAAK,GAAG3C,IAAI,CAACuC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;MAEhChC,MAAM,CAACP,IAAI,CACT;QAAA,gFAAqB,CAAC,CAAC;UAAR4C,CAAC,SAAZlB,QAAQ;QAAA,gFAAiC,CAAC,CAAC;UAARmB,CAAC,SAAZnB,QAAQ;QAAA,OAClC,CAACkB,CAAC,KAAKZ,SAAS,IAAIY,CAAC,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAGA,CAAC,KAAKb,SAAS,IAAIY,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAIF,KAAK;MAAA,EAC7E;IACH,CAAC,CAAC;EACJ;EAEA,OAAO9C,KAAK,GAAGU,MAAM,CAACuC,KAAK,CAAC,CAAC,EAAEjD,KAAK,CAAC,GAAGU,MAAM;AAChD,CAAC;AAAC"}
1	+ {"version":3,"file":"select.js","names":["select","dataSource","filter","limit","schema","search","sort","has","length","Object","keys","fields","flatten","values","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","filterValue","filterValues","fieldKey","bind","type","fieldValue","toLowerCase","join","undefined","some","Infinity","flat","forEach","index","rowValues","key","map","JSON","stringify","order","a","b","slice"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter = [], limit, schema = {}, search, sort = {} } = {}) => {\n const has = { filter: filter?.length > 0, search: !!search, sort: Object.keys(sort).length > 0 };\n const fields = Object.keys(schema);\n let flatten = [...dataSource];\n let values = [];\n\n if (has.filter) {\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: filterValue, values: filterValues = [] }) => {\n const fieldKey = schema[field].bind \|\| field;\n const { type } = schema[fieldKey];\n let fieldValue = typeof row[fieldKey] === 'string' ? row[fieldKey].toLowerCase() : row[fieldKey];\n\n if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ')?.toLowerCase();\n\n if (fieldValue === undefined) return false;\n\n return filterValue && type !== 'options'\n ? !Array.isArray(filterValue)\n ? fieldValue.includes(filterValue.toLowerCase())\n : filterValue.some((item) => fieldValue.includes(item.toLowerCase()))\n : type === 'number'\n ? fieldValue >= (min \|\| -Infinity) && fieldValue <= (max \|\| Infinity)\n : type === 'options'\n ? filterValues\n .flat()\n .some((item) => (Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item))\n : false;\n }),\n );\n }\n\n if (has.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 if (has.sort) {\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\n return limit ? values.slice(0, limit) : values;\n};\n"],"mappings":"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"}

package/build/helpers/getIconState.js CHANGED Viewed

@@ -10,7 +10,7 @@ var getIconState = function getIconState() {
     error = _ref.error,
     success = _ref.success,
     warning = _ref.warning;
-  return error ? _primitives.ICON.ERROR : warning ? _primitives.ICON.WARNING : success ? _primitives.ICON.SUCCESS : _primitives.ICON.INFO;
+  return error ? _primitives.ICON.ERROR : warning ? _primitives.ICON.ERROR : success ? _primitives.ICON.SUCCESS : _primitives.ICON.INFO;
 };
 exports.getIconState = getIconState;
 //# sourceMappingURL=getIconState.js.map

package/build/helpers/getIconState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getIconState.js","names":["getIconState","error","success","warning","ICON","ERROR","~~WARNING","~~SUCCESS","INFO"],"sources":["../../src/helpers/getIconState.js"],"sourcesContent":["import { ICON } from '../primitives';\n\nexport const getIconState = ({ error, success, warning } = {}) =>\n error ? ICON.ERROR : warning ? ICON.~~WARNING~~ : success ? ICON.SUCCESS : ICON.INFO;\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,+EAAkC,CAAC,CAAC;IAA9BC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,OACpDF,KAAK,GAAGG,gBAAI,CAACC,KAAK,GAAGF,OAAO,GAAGC,gBAAI,~~CAACE~~,~~OAAO~~,~~GAAGJ~~,OAAO,GAAGE,gBAAI,~~CAACG~~,OAAO,~~GAAGH~~,gBAAI,~~CAACI~~,IAAI;AAAA;AAAC"}
1	+ {"version":3,"file":"getIconState.js","names":["getIconState","error","success","warning","ICON","ERROR","SUCCESS","INFO"],"sources":["../../src/helpers/getIconState.js"],"sourcesContent":["import { ICON } from '../primitives';\n\nexport const getIconState = ({ error, success, warning } = {}) =>\n error ? ICON.ERROR : warning ? ICON.ERROR : success ? ICON.SUCCESS : ICON.INFO;\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,+EAAkC,CAAC,CAAC;IAA9BC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,OACpDF,KAAK,GAAGG,gBAAI,CAACC,KAAK,GAAGF,OAAO,GAAGC,gBAAI,CAACC,KAAK,GAAGH,OAAO,GAAGE,gBAAI,CAACE,OAAO,GAAGF,gBAAI,CAACG,IAAI;AAAA;AAAC"}

package/build/primitives/Icon/Icon.constants.js CHANGED Viewed

@@ -12,7 +12,6 @@ var _MdOutlineArrowDownward = require("@react-icons/all-files/md/MdOutlineArrowD
 var _MdOutlineArrowForward = require("@react-icons/all-files/md/MdOutlineArrowForward");
 var _MdOutlineArrowUpward = require("@react-icons/all-files/md/MdOutlineArrowUpward");
 var _MdOutlineCheck = require("@react-icons/all-files/md/MdOutlineCheck");
-var _MdOutlineCheckCircle = require("@react-icons/all-files/md/MdOutlineCheckCircle");
 var _MdOutlineClose = require("@react-icons/all-files/md/MdOutlineClose");
 var _MdOutlineExpandLess = require("@react-icons/all-files/md/MdOutlineExpandLess");
 var _MdOutlineExpandMore = require("@react-icons/all-files/md/MdOutlineExpandMore");
@@ -47,7 +46,7 @@ var ICON = {
   // <Notification> & <InputText>
   ERROR: _MdErrorOutline.MdErrorOutline,
   INFO: _MdOutlineInfo.MdOutlineInfo,
-  SUCCESS: _MdOutlineCheckCircle.MdOutlineCheckCircle,
+  SUCCESS: _MdOutlineCheck.MdOutlineCheck,
   WARNING: _MdOutlineWarningAmber.MdOutlineWarningAmber,
   // <Slider>
   PHOTO_LIBRARY: _MdOutlinePhotoLibrary.MdOutlinePhotoLibrary,

package/build/primitives/Icon/Icon.constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","PHOTO_LIBRARY","FILTER","MARKDOWN"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import { LiaMarkdown as MARKDOWN } from '@react-icons/all-files/lia/LiaMarkdown';\nimport { MdErrorOutline as ERROR } from '@react-icons/all-files/md/MdErrorOutline';\nimport { MdOutlineAdd as ADD } from '@react-icons/all-files/md/MdOutlineAdd';\nimport { MdOutlineArrowBack as LEFT } from '@react-icons/all-files/md/MdOutlineArrowBack';\nimport { MdOutlineArrowDownward as DOWN } from '@react-icons/all-files/md/MdOutlineArrowDownward';\nimport { MdOutlineArrowForward as RIGHT } from '@react-icons/all-files/md/MdOutlineArrowForward';\nimport { MdOutlineArrowUpward as UP } from '@react-icons/all-files/md/MdOutlineArrowUpward';\nimport { MdOutlineCheck as CHECK } from '@react-icons/all-files/md/MdOutlineCheck';\nimport { ~~MdOutlineCheckCircle as SUCCESS } from '@react-icons/all-files/md/MdOutlineCheckCircle';\nimport {~~ MdOutlineClose as CLOSE } from '@react-icons/all-files/md/MdOutlineClose';\nimport { MdOutlineExpandLess as EXPAND_LESS } from '@react-icons/all-files/md/MdOutlineExpandLess';\nimport { MdOutlineExpandMore as EXPAND_MORE } from '@react-icons/all-files/md/MdOutlineExpandMore';\nimport { MdOutlineFilterList as FILTER } from '@react-icons/all-files/md/MdOutlineFilterList';\nimport { MdOutlineInfo as INFO } from '@react-icons/all-files/md/MdOutlineInfo';\nimport { MdOutlinePhotoLibrary as PHOTO_LIBRARY } from '@react-icons/all-files/md/MdOutlinePhotoLibrary';\nimport { MdOutlineRemove as REMOVE } from '@react-icons/all-files/md/MdOutlineRemove';\nimport { MdOutlineSearch as SEARCH } from '@react-icons/all-files/md/MdOutlineSearch';\nimport { MdOutlineVisibility as EYE_OPEN } from '@react-icons/all-files/md/MdOutlineVisibility';\nimport { MdOutlineVisibilityOff as EYE_CLOSE } from '@react-icons/all-files/md/MdOutlineVisibilityOff';\nimport { MdOutlineWarningAmber as WARNING } from '@react-icons/all-files/md/MdOutlineWarningAmber';\n\nexport const ICON = {\n // <Calendar>\n LEFT,\n RIGHT,\n UP,\n DOWN,\n // <Check>\n CHECK,\n // <InputOption>\n ADD,\n REMOVE,\n // <InputSelect>\n EXPAND_LESS,\n EXPAND_MORE,\n // <InputText>\n SEARCH,\n EYE_OPEN,\n EYE_CLOSE,\n // <Modal>\n CLOSE,\n // <Notification> & <InputText>\n ERROR,\n INFO,\n SUCCESS,\n WARNING,\n // <Slider>\n PHOTO_LIBRARY,\n // <Table>\n FILTER,\n // Filetype\n MARKDOWN,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;~~AAEO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sCAAI;EACJC,KAAK,EAALA,4CAAK;EACLC,EAAE,EAAFA,0CAAE;EACFC,IAAI,EAAJA,8CAAI;EACJ;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,GAAG,EAAHA,0BAAG;EACHC,MAAM,EAANA,gCAAM;EACN;EACAC,WAAW,EAAXA,wCAAW;EACXC,WAAW,EAAXA,wCAAW;EACX;EACAC,MAAM,EAANA,gCAAM;EACNC,QAAQ,EAARA,wCAAQ;EACRC,SAAS,EAATA,8CAAS;EACT;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,KAAK,EAALA,8BAAK;EACLC,IAAI,EAAJA,4BAAI;EACJC,OAAO,~~EAAPA~~,~~0CAAO~~;~~EACPC~~,OAAO,EAAPA,4CAAO;EACP;EACAC,aAAa,EAAbA,4CAAa;EACb;EACAC,MAAM,EAANA,wCAAM;EACN;EACAC,QAAQ,EAARA;AACF,CAAC;AAAC"}
1	+ {"version":3,"file":"Icon.constants.js","names":["ICON","LEFT","RIGHT","UP","DOWN","CHECK","ADD","REMOVE","EXPAND_LESS","EXPAND_MORE","SEARCH","EYE_OPEN","EYE_CLOSE","CLOSE","ERROR","INFO","SUCCESS","WARNING","PHOTO_LIBRARY","FILTER","MARKDOWN"],"sources":["../../../src/primitives/Icon/Icon.constants.js"],"sourcesContent":["import { LiaMarkdown as MARKDOWN } from '@react-icons/all-files/lia/LiaMarkdown';\nimport { MdErrorOutline as ERROR } from '@react-icons/all-files/md/MdErrorOutline';\nimport { MdOutlineAdd as ADD } from '@react-icons/all-files/md/MdOutlineAdd';\nimport { MdOutlineArrowBack as LEFT } from '@react-icons/all-files/md/MdOutlineArrowBack';\nimport { MdOutlineArrowDownward as DOWN } from '@react-icons/all-files/md/MdOutlineArrowDownward';\nimport { MdOutlineArrowForward as RIGHT } from '@react-icons/all-files/md/MdOutlineArrowForward';\nimport { MdOutlineArrowUpward as UP } from '@react-icons/all-files/md/MdOutlineArrowUpward';\nimport { MdOutlineCheck as CHECK } from '@react-icons/all-files/md/MdOutlineCheck';\nimport { MdOutlineClose as CLOSE } from '@react-icons/all-files/md/MdOutlineClose';\nimport { MdOutlineExpandLess as EXPAND_LESS } from '@react-icons/all-files/md/MdOutlineExpandLess';\nimport { MdOutlineExpandMore as EXPAND_MORE } from '@react-icons/all-files/md/MdOutlineExpandMore';\nimport { MdOutlineFilterList as FILTER } from '@react-icons/all-files/md/MdOutlineFilterList';\nimport { MdOutlineInfo as INFO } from '@react-icons/all-files/md/MdOutlineInfo';\nimport { MdOutlinePhotoLibrary as PHOTO_LIBRARY } from '@react-icons/all-files/md/MdOutlinePhotoLibrary';\nimport { MdOutlineRemove as REMOVE } from '@react-icons/all-files/md/MdOutlineRemove';\nimport { MdOutlineSearch as SEARCH } from '@react-icons/all-files/md/MdOutlineSearch';\nimport { MdOutlineVisibility as EYE_OPEN } from '@react-icons/all-files/md/MdOutlineVisibility';\nimport { MdOutlineVisibilityOff as EYE_CLOSE } from '@react-icons/all-files/md/MdOutlineVisibilityOff';\nimport { MdOutlineWarningAmber as WARNING } from '@react-icons/all-files/md/MdOutlineWarningAmber';\n\nexport const ICON = {\n // <Calendar>\n LEFT,\n RIGHT,\n UP,\n DOWN,\n // <Check>\n CHECK,\n // <InputOption>\n ADD,\n REMOVE,\n // <InputSelect>\n EXPAND_LESS,\n EXPAND_MORE,\n // <InputText>\n SEARCH,\n EYE_OPEN,\n EYE_CLOSE,\n // <Modal>\n CLOSE,\n // <Notification> & <InputText>\n ERROR,\n INFO,\n SUCCESS: CHECK,\n WARNING,\n // <Slider>\n PHOTO_LIBRARY,\n // <Table>\n FILTER,\n // Filetype\n MARKDOWN,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,IAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAJA,sCAAI;EACJC,KAAK,EAALA,4CAAK;EACLC,EAAE,EAAFA,0CAAE;EACFC,IAAI,EAAJA,8CAAI;EACJ;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,GAAG,EAAHA,0BAAG;EACHC,MAAM,EAANA,gCAAM;EACN;EACAC,WAAW,EAAXA,wCAAW;EACXC,WAAW,EAAXA,wCAAW;EACX;EACAC,MAAM,EAANA,gCAAM;EACNC,QAAQ,EAARA,wCAAQ;EACRC,SAAS,EAATA,8CAAS;EACT;EACAC,KAAK,EAALA,8BAAK;EACL;EACAC,KAAK,EAALA,8BAAK;EACLC,IAAI,EAAJA,4BAAI;EACJC,OAAO,EAAEX,8BAAK;EACdY,OAAO,EAAPA,4CAAO;EACP;EACAC,aAAa,EAAbA,4CAAa;EACb;EACAC,MAAM,EAANA,wCAAM;EACN;EACAC,QAAQ,EAARA;AACF,CAAC;AAAC"}

package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap CHANGED Viewed

@@ -796,7 +796,7 @@ exports[`primitive:<Icon> prop:value prop:value (SUCCESS) 1`] = `
         fill="none"
       />
       <path
-        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
+        d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
       />
     </svg>
   </span>

package/build/theme/default.theme.css CHANGED Viewed

@@ -48,27 +48,15 @@
   --mirai-ui-error: #cc003a;
   --mirai-ui-error-background: #ffece5;
-  --mirai-ui-error-border: #ff8a7f;
-  --mirai-ui-error-light: #ff5c4c;
-  --mirai-ui-error-dark: #99002b;
-  --mirai-ui-warning: #ad5a00;
+  --mirai-ui-warning: #ffad00;
   --mirai-ui-warning-background: #fff3cc;
-  --mirai-ui-warning-border: #ffce66;
-  --mirai-ui-warning-light: #ffad00;
-  --mirai-ui-warning-dark: #804200;
   --mirai-ui-success: #067949;
   --mirai-ui-success-background: #e7fde7;
-  --mirai-ui-success-border: #77f18e;
-  --mirai-ui-success-light: #14be34;
-  --mirai-ui-success-dark: #04492c;
-  --mirai-ui-info-background: #e6f8ff;
-  --mirai-ui-info-border: #6bc6fe;
-  --mirai-ui-info-light: #079ffd;
   --mirai-ui-info: #005cb2;
-  --mirai-ui-info-dark: #003566;
+  --mirai-ui-info-background: #e6f8ff;
   /* spacing */
   --mirai-ui-space-XS: 8px;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.256",
+  "version": "1.0.257",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",