@mirai/ui 1.1.4 → 1.1.6

package/README.md

@@ -1018,7 +1018,8 @@ const MyComponent = (props) => {
 
 A component that displays a notification message with optional icons and close button and receives the following props:
 
-- `children: node` required prop, the content of the notification (any valid React node)
+- `children:bool` required prop, the content of the notification (any valid React node)
+- `contrast:bool` indicanting wheter the notification as tooltip
 - `error:bool` indicating whether the notification represents an error message with corresponding styles
 - `info:bool` indicating whether the notification represents an informational message
 - `inline:bool` indicating whether the notification should be displayed inline

package/build/components/Notification/Notification.js

@@ -9,13 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _NotificationModule = _interopRequireDefault(require("./Notification.module.css"));
-var _excluded = ["children", "error", "info", "inline", "large", "small", "success", "title", "warning", "wide", "onClose"];
+var _excluded = ["children", "contrast", "error", "info", "inline", "large", "small", "success", "title", "warning", "wide", "onClose"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Notification = function Notification(_ref) {
   var children = _ref.children,
+    contrast = _ref.contrast,
     error = _ref.error,
     info = _ref.info,
     _ref$inline = _ref.inline,
@@ -31,7 +32,7 @@ var Notification = function Notification(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
     role: others.role || 'notification',
-    className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, large ? _NotificationModule.default.large : small ? _NotificationModule.default.small : undefined, wide && _NotificationModule.default.wide, others.className)
+    className: (0, _helpers.styles)(_NotificationModule.default.notification, contrast ? _NotificationModule.default.contrast : error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, large ? _NotificationModule.default.large : small ? _NotificationModule.default.small : undefined, wide && _NotificationModule.default.wide, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     headline: large,
     paragraph: small,
@@ -64,6 +65,7 @@ exports.Notification = Notification;
 Notification.displayName = 'Component:Notification';
 Notification.propTypes = {
   children: _propTypes.default.any.isRequired,
+  contrast: _propTypes.default.bool,
   error: _propTypes.default.bool,
   info: _propTypes.default.bool,
   inline: _propTypes.default.bool,

package/build/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","title","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  title,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small ? style.small : undefined,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={getIconState({ error, success, warning })} />\n\n    <View className={style.texts}>\n      {title && (\n        <Text action={small} bold headline={large}>\n          {title}\n        </Text>\n      )}\n      {children && (\n        <Text action={!small && !large} small={small}>\n          {children}\n        </Text>\n      )}\n    </View>\n\n    {!inline && !large && onClose && (\n      <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n        <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={ICON.CLOSE} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  title: PropTypes.string,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["Notification","children","contrast","error","info","inline","large","small","success","title","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n  children,\n  contrast,\n  error,\n  info,\n  inline = false,\n  large,\n  small,\n  success,\n  title,\n  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\n    role={others.role || 'notification'}\n    className={styles(\n      style.notification,\n      contrast\n        ? style.contrast\n        : error\n        ? style.error\n        : warning\n        ? style.warning\n        : success\n        ? style.success\n        : info\n        ? style.info\n        : undefined,\n      inline ? style.inline : style.outlined,\n      large ? style.large : small ? style.small : undefined,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={getIconState({ error, success, warning })} />\n\n    <View className={style.texts}>\n      {title && (\n        <Text action={small} bold headline={large}>\n          {title}\n        </Text>\n      )}\n      {children && (\n        <Text action={!small && !large} small={small}>\n          {children}\n        </Text>\n      )}\n    </View>\n\n    {!inline && !large && onClose && (\n      <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n        <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={ICON.CLOSE} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.any.isRequired,\n  contrast: PropTypes.bool,\n  error: PropTypes.bool,\n  info: PropTypes.bool,\n  inline: PropTypes.bool,\n  large: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  title: PropTypes.string,\n  warning: PropTypes.bool,\n  wide: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}

package/build/components/Notification/Notification.module.css

@@ -44,6 +44,11 @@
   padding: var(--mirai-ui-notification-padding-small);
 }
 
+.notification.outlined.contrast {
+  background-color: var(--mirai-ui-content-dark);
+  border-color: var(--mirai-ui-content-dark);
+}
+
 .notification.outlined.error {
   background-color: var(--mirai-ui-error-background);
   border-color: var(--mirai-ui-error-border);
@@ -78,6 +83,10 @@
   text-align: center;
 }
 
+.notification.outlined.contrast * {
+  color: var(--mirai-ui-base);
+}
+
 .notification.error * {
   color: var(--mirai-ui-error);
 }

package/build/components/Notification/Notification.stories.js

@@ -30,6 +30,7 @@ exports.Story = Story;
 Story.storyName = 'Notification';
 Story.args = {
   children: 'We hold your booking until _Feb 14, 12:00 AM_. If your reserve change, we will get back to you.',
+  contrast: true,
   title: 'Your booking is on Hold',
   error: false,
   info: false,

package/build/components/Notification/Notification.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","names":["title","Story","props","gap","storyName","args","children","error","info","inline","large","small","success","warning","wide","testId","style","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import React from 'react';\nimport { View } from '../../primitives';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <View style={{ gap: 'var(--mirai-ui-space-M)' }}>\n    <Notification {...props} />\n    <Notification {...props} small />\n    <Notification {...props} large />\n    <Notification {...props} inline />\n  </View>\n);\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'We hold your booking until _Feb 14, 12:00 AM_. If your reserve change, we will get back to you.',\n  title: 'Your booking is on Hold',\n  error: false,\n  info: false,\n  inline: false,\n  large: false,\n  small: false,\n  success: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAA8C;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,6BAAC,gBAAI;IAAC,KAAK,EAAE;MAAEC,GAAG,EAAE;IAA0B;EAAE,gBAC9C,6BAAC,0BAAY,EAAKD,KAAK,CAAI,eAC3B,6BAAC,0BAAY,eAAKA,KAAK;IAAE,KAAK;EAAA,GAAG,eACjC,6BAAC,0BAAY,eAAKA,KAAK;IAAE,KAAK;EAAA,GAAG,eACjC,6BAAC,0BAAY,eAAKA,KAAK;IAAE,MAAM;EAAA,GAAG,CAC7B;AAAA,CACR;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,cAAc;AAEhCH,KAAK,CAACI,IAAI,GAAG;EACXC,QAAQ,EAAE,iGAAiG;EAC3GN,KAAK,EAAE,yBAAyB;EAChCO,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDf,KAAK,CAACgB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Notification.stories.js","names":["title","Story","props","gap","storyName","args","children","contrast","error","info","inline","large","small","success","warning","wide","testId","style","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import React from 'react';\nimport { View } from '../../primitives';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <View style={{ gap: 'var(--mirai-ui-space-M)' }}>\n    <Notification {...props} />\n    <Notification {...props} small />\n    <Notification {...props} large />\n    <Notification {...props} inline />\n  </View>\n);\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'We hold your booking until _Feb 14, 12:00 AM_. If your reserve change, we will get back to you.',\n  contrast: true,\n  title: 'Your booking is on Hold',\n  error: false,\n  info: false,\n  inline: false,\n  large: false,\n  small: false,\n  success: false,\n  warning: false,\n  wide: false,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAA8C;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,6BAAC,gBAAI;IAAC,KAAK,EAAE;MAAEC,GAAG,EAAE;IAA0B;EAAE,gBAC9C,6BAAC,0BAAY,EAAKD,KAAK,CAAI,eAC3B,6BAAC,0BAAY,eAAKA,KAAK;IAAE,KAAK;EAAA,GAAG,eACjC,6BAAC,0BAAY,eAAKA,KAAK;IAAE,KAAK;EAAA,GAAG,eACjC,6BAAC,0BAAY,eAAKA,KAAK;IAAE,MAAM;EAAA,GAAG,CAC7B;AAAA,CACR;AAAC;AAEFD,KAAK,CAACG,SAAS,GAAG,cAAc;AAEhCH,KAAK,CAACI,IAAI,GAAG;EACXC,QAAQ,EAAE,iGAAiG;EAC3GC,QAAQ,EAAE,IAAI;EACdP,KAAK,EAAE,yBAAyB;EAChCQ,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE,KAAK;EACbC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,KAAK;EACX;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDhB,KAAK,CAACiB,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap

@@ -39,6 +39,162 @@ exports[`component:<Notification> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<Notification> prop:contrast & inline 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification contrast inline"
+  >
+    <span
+      class="icon headline-3"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+          fill="none"
+        />
+        <path
+          d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.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 8z"
+        />
+      </svg>
+    </span>
+    <div
+      class="view texts"
+    >
+      <span
+        class="text action"
+      >
+        Lorem Ipsum...
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Notification> prop:contrast & large 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification contrast outlined large"
+  >
+    <span
+      class="icon headline-1"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+          fill="none"
+        />
+        <path
+          d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.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 8z"
+        />
+      </svg>
+    </span>
+    <div
+      class="view texts"
+    >
+      <span
+        class="text paragraph"
+      >
+        Lorem Ipsum...
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Notification> prop:contrast & small 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification contrast outlined small"
+  >
+    <span
+      class="icon paragraph"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+          fill="none"
+        />
+        <path
+          d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.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 8z"
+        />
+      </svg>
+    </span>
+    <div
+      class="view texts"
+    >
+      <span
+        class="text small"
+      >
+        Lorem Ipsum...
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Notification> prop:contrast 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification contrast outlined"
+  >
+    <span
+      class="icon headline-3"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+          fill="none"
+        />
+        <path
+          d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.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 8z"
+        />
+      </svg>
+    </span>
+    <div
+      class="view texts"
+    >
+      <span
+        class="text action"
+      >
+        Lorem Ipsum...
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<Notification> prop:error & inline 1`] = `
 <DocumentFragment>
   <div
@@ -735,6 +891,50 @@ exports[`component:<Notification> prop:title 1`] = `
 `;
 
 exports[`component:<Notification> prop:title 2`] = `
+<DocumentFragment>
+  <div
+    class="view row notification contrast outlined"
+  >
+    <span
+      class="icon headline-3"
+    >
+      <svg
+        fill="currentColor"
+        height="1em"
+        stroke="currentColor"
+        stroke-width="0"
+        viewBox="0 0 24 24"
+        width="1em"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0 0h24v24H0V0z"
+          fill="none"
+        />
+        <path
+          d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.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 8z"
+        />
+      </svg>
+    </span>
+    <div
+      class="view texts"
+    >
+      <span
+        class="text bold paragraph"
+      >
+        Title
+      </span>
+      <span
+        class="text action"
+      >
+        Lorem Ipsum...
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Notification> prop:title 3`] = `
 <DocumentFragment>
   <div
     class="view row notification error outlined"
@@ -778,7 +978,7 @@ exports[`component:<Notification> prop:title 2`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Notification> prop:title 3`] = `
+exports[`component:<Notification> prop:title 4`] = `
 <DocumentFragment>
   <div
     class="view row notification warning outlined"
@@ -818,7 +1018,7 @@ exports[`component:<Notification> prop:title 3`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Notification> prop:title 4`] = `
+exports[`component:<Notification> prop:title 5`] = `
 <DocumentFragment>
   <div
     class="view row notification success outlined"
@@ -862,7 +1062,7 @@ exports[`component:<Notification> prop:title 4`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Notification> prop:title 5`] = `
+exports[`component:<Notification> prop:title 6`] = `
 <DocumentFragment>
   <div
     class="view row notification info outlined"

package/build/components/Table/Table.Row.js

@@ -14,7 +14,7 @@ var _Tooltip = require("../Tooltip");
 var _Table = require("./Table.ColumnFilter");
 var _Table2 = require("./Table.constants");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
-var _excluded = ["checked", "dataSource", "indeterminate", "l10n", "schema", "sort", "onFilter", "onPress", "onSelect", "onSort"];
+var _excluded = ["checked", "dataSource", "id", "indeterminate", "l10n", "schema", "sort", "onFilter", "onPress", "onSelect", "onSort"];
 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); }
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,6 +31,7 @@ var CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];
 var Row = function Row(_ref) {
   var checked = _ref.checked,
     dataSource = _ref.dataSource,
+    id = _ref.id,
     indeterminate = _ref.indeterminate,
     l10n = _ref.l10n,
     schema = _ref.schema,
@@ -57,10 +58,13 @@ var Row = function Row(_ref) {
   var handleFocus = function handleFocus(field) {
     setFocus(field);
   };
-  var handleSelect = function handleSelect(dataSource, event) {
+  var handleSelect = function handleSelect(value, event) {
     event.preventDefault();
-    onSelect(dataSource, event);
+    onSelect(id, event);
   };
+  var cacheField = (0, _react.useCallback)(function (value) {
+    return value;
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _extends({
     tag: "tr"
   }, others, {
@@ -79,31 +83,30 @@ var Row = function Row(_ref) {
       _schema$field$type = _schema$field.type,
       type = _schema$field$type === void 0 ? 'text' : _schema$field$type;
     var fieldFilter = ((_schema$field2 = schema[field]) === null || _schema$field2 === void 0 ? void 0 : _schema$field2.bind) || field;
+    var selectable = onSelect && index === 0;
     return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
+      key: "".concat(id, "-").concat(field),
       tag: isHead ? 'th' : 'td',
       testId: testId ? "".concat(testId, "-").concat(field) : undefined,
-      key: field,
       onClick: !isHead || hasSort ? function (event) {
         return handlePress(field, event);
       } : undefined
     }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
       forceRow: true,
       tag: "span",
-      className: (0, _helpers.styles)(_TableModule.default.column, onSelect && index === 0 && _TableModule.default.selectable, !isHead && !(onSelect && index === 0) && _TableModule.default[type])
-    }, onSelect && index === 0 && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
+      className: (0, _helpers.styles)(_TableModule.default.column, selectable && _TableModule.default.selectable, !isHead && !selectable && _TableModule.default[type])
+    }, selectable && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
       checked: checked,
       indeterminate: indeterminate,
       name: "checkbox",
-      onChange: function onChange(value, event) {
-        return handleSelect(dataSource, event);
-      },
+      onChange: handleSelect,
       className: _TableModule.default.checkbox,
       testId: testId ? "".concat(testId, "-checkbox") : undefined
     }), isHead ? tooltip ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       text: tooltip
     }, /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
       className: _TableModule.default.tooltip
-    }, label)) : label : dataSource[field], isHead && (onSort && hasSort || onFilter && hasFilter) && /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    }, label)) : label : cacheField(dataSource[field]), isHead && (onSort && hasSort || onFilter && hasFilter) && /*#__PURE__*/_react.default.createElement(_primitives.View, {
       row: true,
       className: _TableModule.default.icons
     }, onSort && hasSort && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
@@ -124,6 +127,7 @@ Row.displayName = 'Component:Table:Row';
 Row.propTypes = {
   checked: _propTypes.default.bool,
   dataSource: _propTypes.default.shape({}),
+  id: _propTypes.default.any,
   indeterminate: _propTypes.default.bool,
   l10n: _Table2.L10N_SHAPE,
   schema: _propTypes.default.shape({}).isRequired,

package/build/components/Table/Table.Row.js.map

@@ -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","handleSelect","preventDefault","styles","style","selected","Object","keys","filter","hidden","map","index","hasFilter","label","hasSort","tooltip","fieldFilter","bind","React","createElement","Primitive","tag","key","onClick","column","selectable","value","checkbox","icons","ICON","UP","DOWN","icon","disabled","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 { Tooltip } from '../Tooltip';\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 ? onSort(field) : onPress ? onPress(dataSource, event) : undefined;\n  };\n\n  const handleFocus = (field) => {\n    setFocus(field);\n  };\n\n  const handleSelect = (dataSource, event) => {\n    event.preventDefault();\n    onSelect(dataSource, event);\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, tooltip, type = 'text' } = schema[field];\n          const fieldFilter = schema[field]?.bind || 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) => handleSelect(dataSource, event)}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? (\n                tooltip ? (\n                  <Tooltip text={tooltip}>\n                    <Primitive className={style.tooltip}>{label}</Primitive>\n                  </Tooltip>\n                ) : (\n                  label\n                )\n              ) : (\n                dataSource[field]\n              )}\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={fieldFilter}\n                      l10n={l10n}\n                      schema={schema}\n                      visible={fieldFilter === 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;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,IAAIL,MAAM,GAAGA,MAAM,CAACS,KAAK,CAAC,GAAGX,OAAO,GAAGA,OAAO,CAACN,UAAU,EAAEkB,KAAK,CAAC,GAAGJ,SAAS;EACrF,CAAC;EAED,IAAMQ,WAAW,GAAG,SAAdA,WAAW,CAAIL,KAAK,EAAK;IAC7BL,QAAQ,CAACK,KAAK,CAAC;EACjB,CAAC;EAED,IAAMM,YAAY,GAAG,SAAfA,YAAY,CAAIvB,UAAU,EAAEkB,KAAK,EAAK;IAC1CA,KAAK,CAACM,cAAc,EAAE;IACtBjB,QAAQ,CAACP,UAAU,EAAEkB,KAAK,CAAC;EAC7B,CAAC;EAED,oBACE,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAI,GAAKT,MAAM;IAAE,SAAS,EAAE,IAAAgB,eAAM,EAAC1B,OAAO,IAAI2B,oBAAK,CAACC,QAAQ,EAAErB,OAAO,IAAIoB,oBAAK,CAACpB,OAAO;EAAE,IACpGsB,MAAM,CAACC,IAAI,CAAC1B,MAAM,CAAC,CACjB2B,MAAM,CAAC,UAACb,KAAK;IAAA,OAAK,CAACd,MAAM,CAACc,KAAK,CAAC,CAACc,MAAM;EAAA,EAAC,CACxCC,GAAG,CAAC,UAACf,KAAK,EAAEgB,KAAK,EAAK;IAAA;IACrB,oBAA0F9B,MAAM,CAACc,KAAK,CAAC;MAAA,qCAA/Fa,MAAM;MAAEI,SAAS,qCAAG,IAAI;MAAEC,KAAK,iBAALA,KAAK;MAAA,mCAAE/B,IAAI;MAAEgC,OAAO,mCAAG,IAAI;MAAEC,OAAO,iBAAPA,OAAO;MAAA,mCAAEjB,IAAI;MAAJA,IAAI,mCAAG,MAAM;IACrF,IAAMkB,WAAW,GAAG,mBAAAnC,MAAM,CAACc,KAAK,CAAC,mDAAb,eAAesB,IAAI,KAAItB,KAAK;IAEhD,oBAAOuB,cAAK,CAACC,aAAa,CACxBC,qBAAS,EACT;MACEC,GAAG,EAAE9B,MAAM,GAAG,IAAI,GAAG,IAAI;MACzBE,MAAM,EAAEA,MAAM,aAAMA,MAAM,cAAIE,KAAK,IAAKH,SAAS;MACjD8B,GAAG,EAAE3B,KAAK;MACV4B,OAAO,EAAE,CAAChC,MAAM,IAAIuB,OAAO,GAAG,UAAClB,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,IAAAW,eAAM,EACfC,oBAAK,CAACoB,MAAM,EACZvC,QAAQ,IAAI0B,KAAK,KAAK,CAAC,IAAIP,oBAAK,CAACqB,UAAU,EAC3C,CAAClC,MAAM,IAAI,EAAEN,QAAQ,IAAI0B,KAAK,KAAK,CAAC,CAAC,IAAIP,oBAAK,CAACN,IAAI,CAAC;IACpD,GAEDb,QAAQ,IAAI0B,KAAK,KAAK,CAAC,iBACtB,6BAAC,wBAAW;MACV,OAAO,EAAElC,OAAQ;MACjB,aAAa,EAAEE,aAAc;MAC7B,IAAI,EAAC,UAAU;MACf,QAAQ,EAAE,kBAAC+C,KAAK,EAAE9B,KAAK;QAAA,OAAKK,YAAY,CAACvB,UAAU,EAAEkB,KAAK,CAAC;MAAA,CAAC;MAC5D,SAAS,EAAEQ,oBAAK,CAACuB,QAAS;MAC1B,MAAM,EAAElC,MAAM,aAAMA,MAAM,iBAAcD;IAAU,EAErD,EAEAD,MAAM,GACLwB,OAAO,gBACL,6BAAC,gBAAO;MAAC,IAAI,EAAEA;IAAQ,gBACrB,6BAAC,qBAAS;MAAC,SAAS,EAAEX,oBAAK,CAACW;IAAQ,GAAEF,KAAK,CAAa,CAChD,GAEVA,KACD,GAEDnC,UAAU,CAACiB,KAAK,CACjB,EAEAJ,MAAM,KAAML,MAAM,IAAI4B,OAAO,IAAM/B,QAAQ,IAAI6B,SAAU,CAAC,iBACzD,6BAAC,gBAAI;MAAC,GAAG;MAAC,SAAS,EAAER,oBAAK,CAACwB;IAAM,GAC9B1C,MAAM,IAAI4B,OAAO,iBAChB,6BAAC,gBAAI;MACH,KAAK,EAAEhC,IAAI,CAACa,KAAK,CAAC,KAAK,KAAK,GAAGkC,gBAAI,CAACC,EAAE,GAAGD,gBAAI,CAACE,IAAK;MACnD,SAAS,EAAE,IAAA5B,eAAM,EAACC,oBAAK,CAAC4B,IAAI,EAAElD,IAAI,CAACa,KAAK,CAAC,KAAKH,SAAS,IAAIY,oBAAK,CAAC6B,QAAQ;IAAE,EAE9E,EACAlD,QAAQ,IAAI6B,SAAS,iBACpB,6BAAC,mBAAY;MACX,KAAK,EAAEI,WAAY;MACnB,IAAI,EAAEpC,IAAK;MACX,MAAM,EAAEC,MAAO;MACf,OAAO,EAAEmC,WAAW,KAAK3B,KAAM;MAC/B,OAAO,EAAEW,WAAY;MACrB,QAAQ,EAAEjB;IAAS,EAEtB,CAEJ,CACI,CACR;EACH,CAAC,CAAC,CACM;AAEhB,CAAC;AAAC;AAEFP,GAAG,CAAC0D,WAAW,GAAG,qBAAqB;AAEvC1D,GAAG,CAAC2D,SAAS,GAAG;EACd1D,OAAO,EAAE2D,kBAAS,CAACC,IAAI;EACvB3D,UAAU,EAAE0D,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B3D,aAAa,EAAEyD,kBAAS,CAACC,IAAI;EAC7BzD,IAAI,EAAE2D,kBAAU;EAChB1D,MAAM,EAAEuD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;EACtC1D,IAAI,EAAEsD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EACzBvD,QAAQ,EAAEqD,kBAAS,CAACK,IAAI;EACxBzD,OAAO,EAAEoD,kBAAS,CAACK,IAAI;EACvBxD,QAAQ,EAAEmD,kBAAS,CAACK,IAAI;EACxBvD,MAAM,EAAEkD,kBAAS,CAACK;AACpB,CAAC"}
+{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","id","indeterminate","l10n","schema","sort","onFilter","onPress","onSelect","onSort","others","useState","focus","setFocus","isHead","undefined","testId","handlePress","field","event","target","type","includes","handleFocus","handleSelect","value","preventDefault","cacheField","useCallback","styles","style","selected","Object","keys","filter","hidden","map","index","hasFilter","label","hasSort","tooltip","fieldFilter","bind","selectable","React","createElement","Primitive","key","tag","onClick","column","checkbox","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","any","L10N_SHAPE","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useCallback, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { Tooltip } from '../Tooltip';\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  id,\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 ? onSort(field) : onPress ? onPress(dataSource, event) : undefined;\n  };\n\n  const handleFocus = (field) => {\n    setFocus(field);\n  };\n\n  const handleSelect = (value, event) => {\n    event.preventDefault();\n    onSelect(id, event);\n  };\n\n  const cacheField = useCallback((value) => value, []);\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, tooltip, type = 'text' } = schema[field];\n          const fieldFilter = schema[field]?.bind || field;\n          const selectable = onSelect && index === 0;\n\n          return React.createElement(\n            Primitive,\n            {\n              key: `${id}-${field}`,\n              tag: isHead ? 'th' : 'td',\n              testId: testId ? `${testId}-${field}` : undefined,\n              onClick: !isHead || hasSort ? (event) => handlePress(field, event) : undefined,\n            },\n            <View\n              forceRow\n              tag=\"span\"\n              className={styles(style.column, selectable && style.selectable, !isHead && !selectable && style[type])}\n            >\n              {selectable && (\n                <InputOption\n                  checked={checked}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  onChange={handleSelect}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? (\n                tooltip ? (\n                  <Tooltip text={tooltip}>\n                    <Primitive className={style.tooltip}>{label}</Primitive>\n                  </Tooltip>\n                ) : (\n                  label\n                )\n              ) : (\n                cacheField(dataSource[field])\n              )}\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={fieldFilter}\n                      l10n={l10n}\n                      schema={schema}\n                      visible={fieldFilter === 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  id: PropTypes.any,\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;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,OAaH;EAAA,IAZJC,OAAO,QAAPA,OAAO;IACPC,UAAU,QAAVA,UAAU;IACVC,EAAE,QAAFA,EAAE;IACFC,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,GAAGd,UAAU,KAAKe,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,IAAIxB,kBAAkB,CAACyB,QAAQ,CAACD,IAAI,CAAC,EAAE;IAEvCP,MAAM,IAAIL,MAAM,GAAGA,MAAM,CAACS,KAAK,CAAC,GAAGX,OAAO,GAAGA,OAAO,CAACP,UAAU,EAAEmB,KAAK,CAAC,GAAGJ,SAAS;EACrF,CAAC;EAED,IAAMQ,WAAW,GAAG,SAAdA,WAAW,CAAIL,KAAK,EAAK;IAC7BL,QAAQ,CAACK,KAAK,CAAC;EACjB,CAAC;EAED,IAAMM,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAEN,KAAK,EAAK;IACrCA,KAAK,CAACO,cAAc,EAAE;IACtBlB,QAAQ,CAACP,EAAE,EAAEkB,KAAK,CAAC;EACrB,CAAC;EAED,IAAMQ,UAAU,GAAG,IAAAC,kBAAW,EAAC,UAACH,KAAK;IAAA,OAAKA,KAAK;EAAA,GAAE,EAAE,CAAC;EAEpD,oBACE,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAI,GAAKf,MAAM;IAAE,SAAS,EAAE,IAAAmB,eAAM,EAAC9B,OAAO,IAAI+B,oBAAK,CAACC,QAAQ,EAAExB,OAAO,IAAIuB,oBAAK,CAACvB,OAAO;EAAE,IACpGyB,MAAM,CAACC,IAAI,CAAC7B,MAAM,CAAC,CACjB8B,MAAM,CAAC,UAAChB,KAAK;IAAA,OAAK,CAACd,MAAM,CAACc,KAAK,CAAC,CAACiB,MAAM;EAAA,EAAC,CACxCC,GAAG,CAAC,UAAClB,KAAK,EAAEmB,KAAK,EAAK;IAAA;IACrB,oBAA0FjC,MAAM,CAACc,KAAK,CAAC;MAAA,qCAA/FgB,MAAM;MAAEI,SAAS,qCAAG,IAAI;MAAEC,KAAK,iBAALA,KAAK;MAAA,mCAAElC,IAAI;MAAEmC,OAAO,mCAAG,IAAI;MAAEC,OAAO,iBAAPA,OAAO;MAAA,mCAAEpB,IAAI;MAAJA,IAAI,mCAAG,MAAM;IACrF,IAAMqB,WAAW,GAAG,mBAAAtC,MAAM,CAACc,KAAK,CAAC,mDAAb,eAAeyB,IAAI,KAAIzB,KAAK;IAChD,IAAM0B,UAAU,GAAGpC,QAAQ,IAAI6B,KAAK,KAAK,CAAC;IAE1C,oBAAOQ,cAAK,CAACC,aAAa,CACxBC,qBAAS,EACT;MACEC,GAAG,YAAK/C,EAAE,cAAIiB,KAAK,CAAE;MACrB+B,GAAG,EAAEnC,MAAM,GAAG,IAAI,GAAG,IAAI;MACzBE,MAAM,EAAEA,MAAM,aAAMA,MAAM,cAAIE,KAAK,IAAKH,SAAS;MACjDmC,OAAO,EAAE,CAACpC,MAAM,IAAI0B,OAAO,GAAG,UAACrB,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,IAAAc,eAAM,EAACC,oBAAK,CAACqB,MAAM,EAAEP,UAAU,IAAId,oBAAK,CAACc,UAAU,EAAE,CAAC9B,MAAM,IAAI,CAAC8B,UAAU,IAAId,oBAAK,CAACT,IAAI,CAAC;IAAE,GAEtGuB,UAAU,iBACT,6BAAC,wBAAW;MACV,OAAO,EAAE7C,OAAQ;MACjB,aAAa,EAAEG,aAAc;MAC7B,IAAI,EAAC,UAAU;MACf,QAAQ,EAAEsB,YAAa;MACvB,SAAS,EAAEM,oBAAK,CAACsB,QAAS;MAC1B,MAAM,EAAEpC,MAAM,aAAMA,MAAM,iBAAcD;IAAU,EAErD,EAEAD,MAAM,GACL2B,OAAO,gBACL,6BAAC,gBAAO;MAAC,IAAI,EAAEA;IAAQ,gBACrB,6BAAC,qBAAS;MAAC,SAAS,EAAEX,oBAAK,CAACW;IAAQ,GAAEF,KAAK,CAAa,CAChD,GAEVA,KACD,GAEDZ,UAAU,CAAC3B,UAAU,CAACkB,KAAK,CAAC,CAC7B,EAEAJ,MAAM,KAAML,MAAM,IAAI+B,OAAO,IAAMlC,QAAQ,IAAIgC,SAAU,CAAC,iBACzD,6BAAC,gBAAI;MAAC,GAAG;MAAC,SAAS,EAAER,oBAAK,CAACuB;IAAM,GAC9B5C,MAAM,IAAI+B,OAAO,iBAChB,6BAAC,gBAAI;MACH,KAAK,EAAEnC,IAAI,CAACa,KAAK,CAAC,KAAK,KAAK,GAAGoC,gBAAI,CAACC,EAAE,GAAGD,gBAAI,CAACE,IAAK;MACnD,SAAS,EAAE,IAAA3B,eAAM,EAACC,oBAAK,CAAC2B,IAAI,EAAEpD,IAAI,CAACa,KAAK,CAAC,KAAKH,SAAS,IAAIe,oBAAK,CAAC4B,QAAQ;IAAE,EAE9E,EACApD,QAAQ,IAAIgC,SAAS,iBACpB,6BAAC,mBAAY;MACX,KAAK,EAAEI,WAAY;MACnB,IAAI,EAAEvC,IAAK;MACX,MAAM,EAAEC,MAAO;MACf,OAAO,EAAEsC,WAAW,KAAK9B,KAAM;MAC/B,OAAO,EAAEW,WAAY;MACrB,QAAQ,EAAEjB;IAAS,EAEtB,CAEJ,CACI,CACR;EACH,CAAC,CAAC,CACM;AAEhB,CAAC;AAAC;AAEFR,GAAG,CAAC6D,WAAW,GAAG,qBAAqB;AAEvC7D,GAAG,CAAC8D,SAAS,GAAG;EACd7D,OAAO,EAAE8D,kBAAS,CAACC,IAAI;EACvB9D,UAAU,EAAE6D,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B9D,EAAE,EAAE4D,kBAAS,CAACG,GAAG;EACjB9D,aAAa,EAAE2D,kBAAS,CAACC,IAAI;EAC7B3D,IAAI,EAAE8D,kBAAU;EAChB7D,MAAM,EAAEyD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACG,UAAU;EACtC7D,IAAI,EAAEwD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC;EACzBzD,QAAQ,EAAEuD,kBAAS,CAACM,IAAI;EACxB5D,OAAO,EAAEsD,kBAAS,CAACM,IAAI;EACvB3D,QAAQ,EAAEqD,kBAAS,CAACM,IAAI;EACxB1D,MAAM,EAAEoD,kBAAS,CAACM;AACpB,CAAC"}

package/build/components/Table/Table.js

@@ -14,7 +14,7 @@ var _Table = require("./Table.constants");
 var _Table2 = require("./Table.Filter");
 var _TableModule = _interopRequireDefault(require("./Table.module.css"));
 var _Table3 = require("./Table.Row");
-var _excluded = ["dataSource", "filter", "inline", "id", "l10n", "pagination", "schema", "search", "selected", "sort", "store", "onPress", "onScroll", "onSelect"];
+var _excluded = ["dataSource", "filter", "inline", "l10n", "pagination", "schema", "search", "selected", "sort", "store", "onPress", "onScroll", "onSelect"];
 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); }
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,8 +41,6 @@ var Table = function Table(_ref) {
     propFilter = _ref.filter,
     _ref$inline = _ref.inline,
     inline = _ref$inline === void 0 ? true : _ref$inline,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? false : _ref$id,
     l10n = _ref.l10n,
     pagination = _ref.pagination,
     schema = _ref.schema,
@@ -95,7 +93,7 @@ var Table = function Table(_ref) {
     setFilter(_toConsumableArray(filter));
     setScrollTo();
   };
-  var handleHeadSelect = function handleHeadSelect(row, event) {
+  var handleHeadSelect = function handleHeadSelect() {
     var next = (0, _helpers2.select)({
       dataSource: dataSource,
       filter: filter,
@@ -104,28 +102,19 @@ var Table = function Table(_ref) {
       selected: selected,
       sort: sort
     });
-    onSelect(selected.length !== next.length ? id ? next.map(function (_ref2) {
+    onSelect(selected.length !== next.length ? next.map(function (_ref2) {
       var id = _ref2.id;
       return id;
-    }) : next : [], event);
+    }) : []);
   };
   var handleScroll = function handleScroll(event) {
     if (pagination && event.percentY > _Table.PAGINATION_DISPATCHER && limit < dataSource.length) setLimit(limit + pagination);
     onScroll(event);
   };
-  var handleSelect = function handleSelect(row, event) {
-    var updatedSelected;
-    if (id) {
-      var rowId = row.id;
-      updatedSelected = selected.includes(rowId) ? selected.filter(function (selectedId) {
-        return selectedId !== rowId;
-      }) : [].concat(_toConsumableArray(selected), [rowId]);
-    } else {
-      updatedSelected = (0, _helpers2.exists)(row, selected) ? selected.filter(function (item) {
-        return !(0, _helpers2.exists)(row, [item]);
-      }) : [].concat(_toConsumableArray(selected), [row]);
-    }
-    onSelect(updatedSelected, event);
+  var handleSelect = function handleSelect(rowId) {
+    onSelect(selected.includes(rowId) ? selected.filter(function (selectId) {
+      return selectId !== rowId;
+    }) : [].concat(_toConsumableArray(selected), [rowId]));
   };
   var handleSort = function handleSort(field) {
     setSort(sort[field] === undefined ? _defineProperty({}, field, true) : sort[field] ? _defineProperty({}, field, false) : {});
@@ -169,21 +158,19 @@ var Table = function Table(_ref) {
     testId: testId ? "".concat(testId, "-head") : undefined
   })), /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
     tag: "tbody"
-  }, (0, _react.useMemo)(function () {
-    return (0, _helpers2.select)({
-      dataSource: dataSource,
-      filter: filter,
-      limit: limit,
-      schema: schema,
-      search: search,
-      selected: selected,
-      sort: sort
-    });
-  }, [dataSource, filter, limit, schema, search, selected, sort]).map(function (row, index) {
+  }, (0, _helpers2.select)({
+    dataSource: dataSource,
+    filter: filter,
+    limit: limit,
+    schema: schema,
+    search: search,
+    sort: sort
+  }).map(function (row, index) {
     return /*#__PURE__*/_react.default.createElement(_Table3.Row, {
-      checked: (0, _helpers2.exists)(row, selected),
+      checked: selected.includes(row.id),
       dataSource: row,
-      key: index,
+      id: row.id,
+      key: row.id,
       schema: schema,
       onPress: onPress,
       onSelect: onSelect ? handleSelect : undefined,
@@ -197,7 +184,6 @@ Table.propTypes = {
   dataSource: _propTypes.default.arrayOf(_propTypes.default.shape({})),
   filter: _propTypes.default.arrayOf(_propTypes.default.shape({})),
   inline: _propTypes.default.bool,
-  id: _propTypes.default.bool,
   l10n: _Table.L10N_SHAPE,
   pagination: _propTypes.default.number,
   schema: _propTypes.default.shape({}).isRequired,

package/build/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["Table","dataSource","propFilter","filter","inline","id","l10n","pagination","schema","search","selected","sort","propSort","store","onPress","onScroll","onSelect","others","useState","setFilter","limit","setLimit","scrollTo","setScrollTo","setSort","useEffect","nextFilter","storeFilter","Storage","get","length","set","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","select","map","handleScroll","percentY","PAGINATION_DISPATCHER","handleSelect","updatedSelected","rowId","includes","selectedId","exists","handleSort","field","undefined","role","testId","fields","Object","keys","filterFields","React","createElement","ScrollView","className","styles","style","container","outlined","table","useMemo","displayName","propTypes","PropTypes","arrayOf","shape","bool","L10N_SHAPE","number","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 } from '../../primitives';\nimport { exists, select, Storage } from './helpers';\nimport { L10N_SHAPE, PAGINATION_DISPATCHER } 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  id = false,\n  l10n,\n  pagination,\n  schema,\n  search,\n  selected = [],\n  sort: propSort = true,\n  store,\n  onPress,\n  onScroll = () => {},\n  onSelect,\n  ...others\n}) => {\n  const [filter, setFilter] = useState([]);\n  const [limit, setLimit] = useState(pagination);\n  const [scrollTo, setScrollTo] = useState();\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    setScrollTo(0);\n  };\n\n  const handleRemoveFilter = (index) => {\n    filter?.splice(index, 1);\n    setFilter([...filter]);\n    setScrollTo();\n  };\n\n  const handleHeadSelect = (row, event) => {\n    const next = select({ dataSource, filter, schema, search, selected, sort });\n    onSelect(selected.length !== next.length ? (id ? next.map(({ id }) => id) : next) : [], event);\n  };\n\n  const handleScroll = (event) => {\n    if (pagination && event.percentY > PAGINATION_DISPATCHER && limit < dataSource.length) setLimit(limit + pagination);\n    onScroll(event);\n  };\n\n  const handleSelect = (row, event) => {\n    let updatedSelected;\n\n    if (id) {\n      const rowId = row.id;\n      updatedSelected = selected.includes(rowId)\n        ? selected.filter((selectedId) => selectedId !== rowId)\n        : [...selected, rowId];\n    } else {\n      updatedSelected = exists(row, selected) ? selected.filter((item) => !exists(row, [item])) : [...selected, row];\n    }\n\n    onSelect(updatedSelected, event);\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    ScrollView,\n    {\n      ...others,\n      role,\n      scrollTo: scrollTo,\n      onScroll: handleScroll,\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={propFilter ? handleAddFilter : undefined}\n            onSelect={onSelect ? handleHeadSelect : undefined}\n            onSort={propSort ? handleSort : undefined}\n            testId={testId ? `${testId}-head` : undefined}\n          />\n        </Primitive>\n        <Primitive tag=\"tbody\">\n          {useMemo(\n            () => select({ dataSource, filter, limit, schema, search, selected, sort }),\n            [dataSource, filter, limit, 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  id: PropTypes.bool,\n  l10n: L10N_SHAPE,\n  pagination: PropTypes.number,\n  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  selected: PropTypes.arrayOf(PropTypes.shape()),\n  sort: PropTypes.bool,\n  store: PropTypes.string,\n  onPress: PropTypes.func,\n  onScroll: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["Table","dataSource","propFilter","filter","inline","l10n","pagination","schema","search","selected","sort","propSort","store","onPress","onScroll","onSelect","others","useState","setFilter","limit","setLimit","scrollTo","setScrollTo","setSort","useEffect","nextFilter","storeFilter","Storage","get","length","set","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","next","select","map","id","handleScroll","event","percentY","PAGINATION_DISPATCHER","handleSelect","rowId","includes","selectId","handleSort","field","undefined","role","testId","fields","Object","keys","filterFields","React","createElement","ScrollView","className","styles","style","container","outlined","table","row","displayName","propTypes","PropTypes","arrayOf","shape","bool","L10N_SHAPE","number","isRequired","string","func"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive, ScrollView } from '../../primitives';\nimport { select, Storage } from './helpers';\nimport { L10N_SHAPE, PAGINATION_DISPATCHER } 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  pagination,\n  schema,\n  search,\n  selected = [],\n  sort: propSort = true,\n  store,\n  onPress,\n  onScroll = () => {},\n  onSelect,\n  ...others\n}) => {\n  const [filter, setFilter] = useState([]);\n  const [limit, setLimit] = useState(pagination);\n  const [scrollTo, setScrollTo] = useState();\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    setScrollTo(0);\n  };\n\n  const handleRemoveFilter = (index) => {\n    filter?.splice(index, 1);\n    setFilter([...filter]);\n    setScrollTo();\n  };\n\n  const handleHeadSelect = () => {\n    const next = select({ dataSource, filter, schema, search, selected, sort });\n    onSelect(selected.length !== next.length ? next.map(({ id }) => id) : []);\n  };\n\n  const handleScroll = (event) => {\n    if (pagination && event.percentY > PAGINATION_DISPATCHER && limit < dataSource.length) setLimit(limit + pagination);\n    onScroll(event);\n  };\n\n  const handleSelect = (rowId) => {\n    onSelect(selected.includes(rowId) ? selected.filter((selectId) => selectId !== rowId) : [...selected, rowId]);\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    ScrollView,\n    {\n      ...others,\n      role,\n      scrollTo: scrollTo,\n      onScroll: handleScroll,\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={propFilter ? handleAddFilter : undefined}\n            onSelect={onSelect ? handleHeadSelect : undefined}\n            onSort={propSort ? handleSort : undefined}\n            testId={testId ? `${testId}-head` : undefined}\n          />\n        </Primitive>\n        <Primitive tag=\"tbody\">\n          {select({ dataSource, filter, limit, schema, search, sort }).map((row, index) => (\n            <Row\n              checked={selected.includes(row.id)}\n              dataSource={row}\n              id={row.id}\n              key={row.id}\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  pagination: PropTypes.number,\n  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  selected: PropTypes.arrayOf(PropTypes.shape()),\n  sort: PropTypes.bool,\n  store: PropTypes.string,\n  onPress: PropTypes.func,\n  onScroll: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":"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"}

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

@@ -6,30 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Story = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _ = require("../../");
+var _2 = require("../../");
 var _Table = require("./Table");
 var _TableStoriesModule = _interopRequireDefault(require("./Table.stories.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 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; }
 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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = {
   title: 'Components'
 };
 exports.default = _default;
+var NAMES = ['Juan', 'Carlos', 'Alejandro', 'Andrés', 'Luis', 'Javier', 'Miguel', 'Daniel', 'José', 'Roberto', 'María', 'Ana', 'Laura', 'Isabel', 'Carmen', 'Patricia', 'Sofía', 'Paula', 'Clara', 'Elena'];
+var LASTNAMES = ['García', 'Rodríguez', 'González', 'Fernández', 'López', 'Martínez', 'Sánchez', 'Pérez', 'Martín', 'Gómez', 'Ruiz', 'Hernández', 'Díaz', 'Moreno', 'Muñoz', 'Álvarez', 'Romero', 'Alonso', 'Gutiérrez', 'Navarro'];
+var YEARS = [2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024];
+var LANGUAGES = ['ES', 'EN', 'IT', 'PT', 'FR', 'DE', 'JP'];
 var tags = function tags(value) {
   return value.map(function (language) {
-    return /*#__PURE__*/_react.default.createElement(_.Text, {
+    return /*#__PURE__*/_react.default.createElement(_2.Text, {
       key: language,
       bold: true,
       tiny: true,
@@ -41,96 +45,38 @@ var handleSwitch = function handleSwitch(value, event) {
   event.stopPropagation();
   console.log('::switch::', value);
 };
-var dataSource = [{
-  username: 'jose',
-  email: 'jose@mirai.com',
-  active: true,
-  activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
-    name: "active",
-    checked: true,
-    onChange: handleSwitch
-  }),
-  year: undefined,
-  action: null
-}, {
-  username: 'mario/1',
-  email: 'mario.1@mirai.com',
-  active: true,
-  activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
-    name: "active",
-    checked: true,
-    onChange: handleSwitch
-  }),
-  languages: 1,
-  tags: tags(['ES']),
-  year: 0
-}, {
-  username: 'svet',
-  email: 'svet@mirai.com',
-  active: true,
-  activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
-    name: "active",
-    checked: true,
-    onChange: handleSwitch
-  }),
-  languages: [3, 1, 0],
-  tags: tags(['RU', 'ES', 'EN']),
-  year: 2021,
-  twitter: undefined,
-  action: /*#__PURE__*/_react.default.createElement(_.Button, {
-    small: true
-  }, "Click Me"),
-  actionTitle: 'Click Me'
-}, {
-  username: 'javi',
-  email: 'hi@soyjavi.com',
-  active: true,
-  activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
-    name: "active",
-    checked: true,
-    onChange: handleSwitch
-  }),
-  languages: [2, 1, 0, 4],
-  tags: tags(['EU', 'ES', 'EN', 'TH']),
-  year: 2022,
-  twitter: 'soyjavi',
-  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."
-}, {
-  username: 'victor',
-  email: 'victor@mirai.com',
-  active: false,
-  activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
-    name: "active",
-    onChange: handleSwitch
-  }),
-  languages: [1, 0],
-  tags: tags(['ES', 'EN']),
-  year: 2021
-}, {
-  username: 'mario/2',
-  email: 'mario.2@mirai.com',
-  active: false,
-  activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
-    name: "active",
-    onChange: handleSwitch
-  }),
-  languages: 1,
-  tags: tags(['ES']),
-  year: 2022
-}].concat(_toConsumableArray(['Juan', 'Carlos', 'Alejandro', 'Andrés', 'Luis', 'Javier', 'Miguel', 'Daniel', 'José', 'Roberto', 'María', 'Ana', 'Laura', 'Isabel', 'Carmen', 'Patricia', 'Sofía', 'Paula', 'Clara', 'Elena'].map(function (username) {
+var dataSource = Array.from({
+  length: 5000
+}, function (_, index) {
+  var name = NAMES[Math.floor(Math.random() * NAMES.length)];
+  var lastName = LASTNAMES[Math.floor(Math.random() * LASTNAMES.length)];
+  var lastName2 = LASTNAMES[Math.floor(Math.random() * LASTNAMES.length)];
+  var languages = Array.from({
+    length: LANGUAGES.length
+  }, function (_, i) {
+    return i;
+  }).sort(function () {
+    return 0.5 - Math.random();
+  }).slice(0, Math.floor(Math.random() * 3) + 1);
   return {
-    username: username,
-    email: "".concat(username.toLowerCase(), "@mirai.com"),
+    id: index + 1,
+    name: "".concat(name, " ").concat(lastName, " ").concat(lastName2),
+    email: "".concat(name).concat(lastName.substring(0, 1)).concat(lastName2.substring(0, 1), "@mirai.com").toLowerCase(),
     active: false,
-    activeSwitch: /*#__PURE__*/_react.default.createElement(_.Switch, {
+    activeSwitch: /*#__PURE__*/_react.default.createElement(_2.Switch, {
       name: "active",
       onChange: handleSwitch
     }),
-    languages: 1,
-    tags: tags(['ES']),
-    year: 2023
+    languages: languages,
+    tags: tags(languages.map(function (index) {
+      return LANGUAGES[index];
+    })),
+    year: YEARS[Math.floor(Math.random() * YEARS.length)],
+    action: index < 10 ? /*#__PURE__*/_react.default.createElement(_2.Button, {
+      small: true
+    }, "Click Me") : null
   };
-})));
+});
 var Story = function Story(props) {
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -157,15 +103,12 @@ var Story = function Story(props) {
     }
     return (_console2 = console).log.apply(_console2, ['<Table>::onPress'].concat(others));
   };
-  var handleSelect = function handleSelect() {
+  var handleSelect = function handleSelect(next) {
     var _console3;
-    for (var _len3 = arguments.length, others = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      others[_key3] = arguments[_key3];
-    }
-    (_console3 = console).log.apply(_console3, ['<Table>::onSelect'].concat(others));
-    setSelected.apply(void 0, others);
+    (_console3 = console).log.apply(_console3, ['<Table>::onSelect'].concat(_toConsumableArray(next)));
+    setSelected(next);
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.View, null, /*#__PURE__*/_react.default.createElement(_.InputText, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_2.View, null, /*#__PURE__*/_react.default.createElement(_2.InputText, {
     name: "search",
     placeholder: "search...",
     type: "search",
@@ -184,38 +127,35 @@ exports.Story = Story;
 Story.storyName = 'Table';
 Story.args = {
   dataSource: dataSource,
-  filter: [{
-    field: 'username',
-    value: 'ma'
-  }, {
-    field: 'username',
-    value: 'ja'
-  }, {
+  filter: [
+  // { field: 'username', value: 'ma' },
+  // { field: 'username', value: 'ja' },
+  {
     field: 'nonExistent',
     value: '@mirai.com'
   }, {
     field: 'year',
-    min: 2021,
+    min: 2020,
     max: 2023
-  }, {
-    field: 'languages',
-    values: [1]
-  }],
-  inline: true,
+  }
+  // { field: 'languages', values: [1] },
+  ],
+
+  inline: false,
   l10n: {
     actionCancel: 'Cancel',
     actionSubmit: 'Submit',
     labelMax: 'Max',
     labelMin: 'Min'
   },
-  pagination: 14,
+  pagination: 64,
   schema: {
-    username: {
-      label: 'User Name',
-      tooltip: 'The name user is recognized.'
+    name: {
+      label: 'Name'
     },
     email: {
       label: 'Email',
+      tooltip: 'This is the username.',
       OR: true
     },
     active: {
@@ -235,10 +175,10 @@ Story.args = {
       tooltip: 'Marks if user is available.'
     },
     tags: {
-      label: /*#__PURE__*/_react.default.createElement(_.View, {
+      label: /*#__PURE__*/_react.default.createElement(_2.View, {
         row: true,
         className: _TableStoriesModule.default.label
-      }, /*#__PURE__*/_react.default.createElement(_.Text, null, "\uD83C\uDFF7\uFE0F"), "Languages"),
+      }, /*#__PURE__*/_react.default.createElement(_2.Text, null, "\uD83C\uDFF7\uFE0F"), "Languages"),
       type: 'component',
       bind: 'languages',
       tooltip: 'Spoken languages'
@@ -258,12 +198,6 @@ Story.args = {
       label: 'Year',
       type: 'number'
     },
-    twitter: {
-      label: 'Twitter'
-    },
-    bio: {
-      label: 'Biography'
-    },
     action: {
       label: 'Action',
       type: 'component',

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

@@ -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","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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"}
+{"version":3,"file":"Table.stories.js","names":["title","NAMES","LASTNAMES","YEARS","LANGUAGES","tags","value","map","language","style","tag","handleSwitch","event","stopPropagation","console","log","dataSource","Array","from","length","_","index","name","Math","floor","random","lastName","lastName2","languages","i","sort","slice","id","email","substring","toLowerCase","active","activeSwitch","year","action","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","handlePress","handleSelect","next","table","storyName","args","filter","field","min","max","inline","l10n","actionCancel","actionSubmit","labelMax","labelMin","pagination","schema","label","tooltip","OR","type","hidden","options","false","true","bind","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 NAMES = [\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];\n\nconst LASTNAMES = [\n  'García',\n  'Rodríguez',\n  'González',\n  'Fernández',\n  'López',\n  'Martínez',\n  'Sánchez',\n  'Pérez',\n  'Martín',\n  'Gómez',\n  'Ruiz',\n  'Hernández',\n  'Díaz',\n  'Moreno',\n  'Muñoz',\n  'Álvarez',\n  'Romero',\n  'Alonso',\n  'Gutiérrez',\n  'Navarro',\n];\n\nconst YEARS = [2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024];\n\nconst LANGUAGES = ['ES', 'EN', 'IT', 'PT', 'FR', 'DE', 'JP'];\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 = Array.from({ length: 5000 }, (_, index) => {\n  const name = NAMES[Math.floor(Math.random() * NAMES.length)];\n  const lastName = LASTNAMES[Math.floor(Math.random() * LASTNAMES.length)];\n  const lastName2 = LASTNAMES[Math.floor(Math.random() * LASTNAMES.length)];\n\n  const languages = Array.from({ length: LANGUAGES.length }, (_, i) => i)\n    .sort(() => 0.5 - Math.random())\n    .slice(0, Math.floor(Math.random() * 3) + 1);\n\n  return {\n    id: index + 1,\n    name: `${name} ${lastName} ${lastName2}`,\n    email: `${name}${lastName.substring(0, 1)}${lastName2.substring(0, 1)}@mirai.com`.toLowerCase(),\n    active: false,\n    activeSwitch: <Switch name=\"active\" onChange={handleSwitch} />,\n    languages,\n    tags: tags(languages.map((index) => LANGUAGES[index])),\n    year: YEARS[Math.floor(Math.random() * YEARS.length)],\n    action: index < 10 ? <Button small>Click Me</Button> : null,\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 = (next) => {\n    console.log('<Table>::onSelect', ...next);\n    setSelected(next);\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: 2020, max: 2023 },\n    // { field: 'languages', values: [1] },\n  ],\n  inline: false,\n  l10n: {\n    actionCancel: 'Cancel',\n    actionSubmit: 'Submit',\n    labelMax: 'Max',\n    labelMin: 'Min',\n  },\n  pagination: 64,\n  schema: {\n    name: { label: 'Name' },\n    email: { label: 'Email', tooltip: 'This is the username.', 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    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/__tests__/__snapshots__/Table.test.js.snap

@@ -3473,9 +3473,7 @@ exports[`component:<Table> prop:selected 1`] = `
             </span>
           </td>
         </tr>
-        <tr
-          class="selected"
-        >
+        <tr>
           <td>
             <span
               class="view forceRow column text"

package/build/components/Table/helpers/index.js

@@ -3,17 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exists = require("./exists");
-Object.keys(_exists).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _exists[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _exists[key];
-    }
-  });
-});
 var _select = require("./select");
 Object.keys(_select).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/build/components/Table/helpers/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Table/helpers/index.js"],"sourcesContent":["export * 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"}

package/build/theme/default.theme.css

@@ -91,11 +91,8 @@
   --mirai-ui-shadow: 0 0 var(--mirai-ui-space-S) rgba(0, 0, 0, 0.1);
 
   /* focus */
-  /* ! TODO: Nice to have */
-  /* --mirai-ui-focus-color: var(--mirai-ui-accent-dark); */
-  /* --mirai-ui-focus-shadow: 0 0 0 var(--mirai-ui-space-XXS) var(--mirai-ui-accent-border); */
-  --mirai-ui-focus-color: var(--mirai-ui-content);
-  --mirai-ui-focus-shadow: 0 0 0 var(--mirai-ui-space-XXS) var(--mirai-ui-content-border);
+  --mirai-ui-focus-color: var(--mirai-ui-accent-dark);
+  --mirai-ui-focus-shadow: 0 0 0 var(--mirai-ui-space-XXS) var(--mirai-ui-accent-border);
   --mirai-ui-focus-shadow-error: 0 0 0 var(--mirai-ui-space-XXS) var(--mirai-ui-error-border);
 
   /* locale */

package/package.json

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

package/build/components/Table/helpers/exists.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.exists = void 0;
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var TYPES = ['string', 'number'];
-var reduce = function reduce() {
-  var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return JSON.stringify(Object.entries(row).reduce(function (result, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    if (TYPES.includes(_typeof(value))) result[key] = value;
-    return result;
-  }, {}));
-};
-var exists = function exists(row) {
-  var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return row && row.id ? values.includes(row.id) : !!values.find(function (item) {
-    return reduce(item) === reduce(row);
-  });
-};
-exports.exists = exists;
-//# sourceMappingURL=exists.js.map

package/build/components/Table/helpers/exists.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"exists.js","names":["TYPES","reduce","row","JSON","stringify","Object","entries","result","key","value","includes","exists","values","id","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  return row && row.id ? values.includes(row.id) : !!values.find((item) => reduce(item) === reduce(row));\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,OAAOV,GAAG,IAAIA,GAAG,CAACW,EAAE,GAAGD,MAAM,CAACF,QAAQ,CAACR,GAAG,CAACW,EAAE,CAAC,GAAG,CAAC,CAACD,MAAM,CAACE,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKd,MAAM,CAACc,IAAI,CAAC,KAAKd,MAAM,CAACC,GAAG,CAAC;EAAA,EAAC;AACxG,CAAC;AAAC"}