@mirai/ui 1.0.170 → 1.0.171

package/build/components/Modal/Modal.stories.js

@@ -8,12 +8,8 @@ exports.default = exports.Story = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("../../");
 var _Modal = require("./Modal");
-var _Story$args;
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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."); }
@@ -92,12 +88,15 @@ var Story = function Story(props) {
 };
 exports.Story = Story;
 Story.storyName = 'Modal';
-Story.args = (_Story$args = {
+Story.args = {
   blur: false,
   fit: false,
   overflow: true,
   portal: false,
-  title: 'title'
-}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
+  title: 'title',
+  // inherited properties
+  testId: 'test-story',
+  style: {}
+};
 Story.argTypes = {};
 //# sourceMappingURL=Modal.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.js","names":["title","Story","props","useState","visible","setVisible","visibleSecond","setVisibleSecond","handleBack","others","console","log","handleClose","handleOverflow","padding","storyName","args","blur","fit","overflow","portal","argTypes"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button, Text, View } from '../../';\nimport { Modal } from './Modal';\n\nexport default {\n  title: 'Components',\n};\n\nexport const Story = (props) => {\n  const [visible, setVisible] = useState(true);\n  const [visibleSecond, setVisibleSecond] = useState(false);\n\n  const handleBack = (...others) => {\n    console.log('<Modal>::onBack', ...others);\n    setVisibleSecond(false);\n  };\n\n  const handleClose = (...others) => {\n    console.log('<Modal>::onClose', ...others);\n    setVisible(false);\n  };\n\n  const handleOverflow = (...others) => {\n    console.log('<Modal>::onOverflow', ...others);\n    handleClose(others);\n  };\n\n  return (\n    <>\n      <Text bold headline>\n        What is Lorem Ipsum?\n      </Text>\n      <Text>\n        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n        standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make\n        a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,\n        remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing\n        Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions\n        of Lorem Ipsum.\n      </Text>\n\n      <Button onPress={() => setVisible(true)}>Show modal</Button>\n\n      <Text bold headline>\n        Where does it come from?\n      </Text>\n      <Text>\n        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin\n        literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney\n        College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and\n        going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum\n        comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by\n        Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance.\n        The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.\n      </Text>\n\n      <Modal {...props} onClose={handleClose} onOverflow={handleOverflow} visible={visible}>\n        <View style={{ padding: 'var(--mirai-ui-space-L)' }}>\n          <Text>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus\n            dolore, facere facilis placeat nostrum unde cumque. Voluptas enim rerum voluptatum, deserunt fugiat\n            aspernatur excepturi.\n          </Text>\n          <Button onPress={() => setVisibleSecond(true)}>Show another Modal</Button>\n        </View>\n      </Modal>\n\n      <Modal {...props} onBack={handleBack} onOverflow={handleOverflow} visible={visibleSecond}>\n        <View style={{ padding: 'var(--mirai-ui-space-L)' }}>\n          <Text>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus\n            dolore, facere facilis placeat nostrum unde cumque. Voluptas enim rerum voluptatum, deserunt fugiat\n            aspernatur excepturi.\n          </Text>\n        </View>\n      </Modal>\n    </>\n  );\n};\nStory.storyName = 'Modal';\n\nStory.args = {\n  blur: false,\n  fit: false,\n  overflow: true,\n  portal: false,\n  title: 'title',\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EACbA,KAAK,EAAE;AACT,CAAC;AAAA;AAEM,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA8B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAArCC,OAAO;IAAEC,UAAU;EAC1B,iBAA0C,IAAAF,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAlDG,aAAa;IAAEC,gBAAgB;EAEtC,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAkB;IAAA;IAAA,kCAAXC,MAAM;MAANA,MAAM;IAAA;IAC3B,YAAAC,OAAO,EAACC,GAAG,kBAAC,iBAAiB,SAAKF,MAAM,EAAC;IACzCF,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC;EAED,IAAMK,WAAW,GAAG,SAAdA,WAAW,GAAkB;IAAA;IAAA,mCAAXH,MAAM;MAANA,MAAM;IAAA;IAC5B,aAAAC,OAAO,EAACC,GAAG,mBAAC,kBAAkB,SAAKF,MAAM,EAAC;IAC1CJ,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,GAAkB;IAAA;IAAA,mCAAXJ,MAAM;MAANA,MAAM;IAAA;IAC/B,aAAAC,OAAO,EAACC,GAAG,mBAAC,qBAAqB,SAAKF,MAAM,EAAC;IAC7CG,WAAW,CAACH,MAAM,CAAC;EACrB,CAAC;EAED,oBACE,yEACE,6BAAC,MAAI;IAAC,IAAI;IAAC,QAAQ;EAAA,0BAEZ,eACP,6BAAC,MAAI,ykBAOE,eAEP,6BAAC,QAAM;IAAC,OAAO,EAAE;MAAA,OAAMJ,UAAU,CAAC,IAAI,CAAC;IAAA;EAAC,gBAAoB,eAE5D,6BAAC,MAAI;IAAC,IAAI;IAAC,QAAQ;EAAA,8BAEZ,eACP,6BAAC,MAAI,0wBAQE,eAEP,6BAAC,YAAK,eAAKH,KAAK;IAAE,OAAO,EAAEU,WAAY;IAAC,UAAU,EAAEC,cAAe;IAAC,OAAO,EAAET;EAAQ,iBACnF,6BAAC,MAAI;IAAC,KAAK,EAAE;MAAEU,OAAO,EAAE;IAA0B;EAAE,gBAClD,6BAAC,MAAI,8OAIE,eACP,6BAAC,QAAM;IAAC,OAAO,EAAE;MAAA,OAAMP,gBAAgB,CAAC,IAAI,CAAC;IAAA;EAAC,wBAA4B,CACrE,CACD,eAER,6BAAC,YAAK,eAAKL,KAAK;IAAE,MAAM,EAAEM,UAAW;IAAC,UAAU,EAAEK,cAAe;IAAC,OAAO,EAAEP;EAAc,iBACvF,6BAAC,MAAI;IAAC,KAAK,EAAE;MAAEQ,OAAO,EAAE;IAA0B;EAAE,gBAClD,6BAAC,MAAI,8OAIE,CACF,CACD,CACP;AAEP,CAAC;AAAC;AACFb,KAAK,CAACc,SAAS,GAAG,OAAO;AAEzBd,KAAK,CAACe,IAAI;EACRC,IAAI,EAAE,KAAK;EACXC,GAAG,EAAE,KAAK;EACVC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,KAAK;EACbpB,KAAK,EAAE;AAAO,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDC,KAAK,CAACoB,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Modal.stories.js","names":["title","Story","props","useState","visible","setVisible","visibleSecond","setVisibleSecond","handleBack","others","console","log","handleClose","handleOverflow","padding","storyName","args","blur","fit","overflow","portal","testId","style","argTypes"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button, Text, View } from '../../';\nimport { Modal } from './Modal';\n\nexport default {\n  title: 'Components',\n};\n\nexport const Story = (props) => {\n  const [visible, setVisible] = useState(true);\n  const [visibleSecond, setVisibleSecond] = useState(false);\n\n  const handleBack = (...others) => {\n    console.log('<Modal>::onBack', ...others);\n    setVisibleSecond(false);\n  };\n\n  const handleClose = (...others) => {\n    console.log('<Modal>::onClose', ...others);\n    setVisible(false);\n  };\n\n  const handleOverflow = (...others) => {\n    console.log('<Modal>::onOverflow', ...others);\n    handleClose(others);\n  };\n\n  return (\n    <>\n      <Text bold headline>\n        What is Lorem Ipsum?\n      </Text>\n      <Text>\n        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n        standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make\n        a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting,\n        remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing\n        Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions\n        of Lorem Ipsum.\n      </Text>\n\n      <Button onPress={() => setVisible(true)}>Show modal</Button>\n\n      <Text bold headline>\n        Where does it come from?\n      </Text>\n      <Text>\n        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin\n        literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney\n        College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and\n        going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum\n        comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by\n        Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance.\n        The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.\n      </Text>\n\n      <Modal {...props} onClose={handleClose} onOverflow={handleOverflow} visible={visible}>\n        <View style={{ padding: 'var(--mirai-ui-space-L)' }}>\n          <Text>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus\n            dolore, facere facilis placeat nostrum unde cumque. Voluptas enim rerum voluptatum, deserunt fugiat\n            aspernatur excepturi.\n          </Text>\n          <Button onPress={() => setVisibleSecond(true)}>Show another Modal</Button>\n        </View>\n      </Modal>\n\n      <Modal {...props} onBack={handleBack} onOverflow={handleOverflow} visible={visibleSecond}>\n        <View style={{ padding: 'var(--mirai-ui-space-L)' }}>\n          <Text>\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi nemo adipisci consequatur et tenetur natus\n            dolore, facere facilis placeat nostrum unde cumque. Voluptas enim rerum voluptatum, deserunt fugiat\n            aspernatur excepturi.\n          </Text>\n        </View>\n      </Modal>\n    </>\n  );\n};\nStory.storyName = 'Modal';\n\nStory.args = {\n  blur: false,\n  fit: false,\n  overflow: true,\n  portal: false,\n  title: 'title',\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EACbA,KAAK,EAAE;AACT,CAAC;AAAA;AAEM,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA8B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAArCC,OAAO;IAAEC,UAAU;EAC1B,iBAA0C,IAAAF,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAlDG,aAAa;IAAEC,gBAAgB;EAEtC,IAAMC,UAAU,GAAG,SAAbA,UAAU,GAAkB;IAAA;IAAA,kCAAXC,MAAM;MAANA,MAAM;IAAA;IAC3B,YAAAC,OAAO,EAACC,GAAG,kBAAC,iBAAiB,SAAKF,MAAM,EAAC;IACzCF,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC;EAED,IAAMK,WAAW,GAAG,SAAdA,WAAW,GAAkB;IAAA;IAAA,mCAAXH,MAAM;MAANA,MAAM;IAAA;IAC5B,aAAAC,OAAO,EAACC,GAAG,mBAAC,kBAAkB,SAAKF,MAAM,EAAC;IAC1CJ,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,GAAkB;IAAA;IAAA,mCAAXJ,MAAM;MAANA,MAAM;IAAA;IAC/B,aAAAC,OAAO,EAACC,GAAG,mBAAC,qBAAqB,SAAKF,MAAM,EAAC;IAC7CG,WAAW,CAACH,MAAM,CAAC;EACrB,CAAC;EAED,oBACE,yEACE,6BAAC,MAAI;IAAC,IAAI;IAAC,QAAQ;EAAA,0BAEZ,eACP,6BAAC,MAAI,ykBAOE,eAEP,6BAAC,QAAM;IAAC,OAAO,EAAE;MAAA,OAAMJ,UAAU,CAAC,IAAI,CAAC;IAAA;EAAC,gBAAoB,eAE5D,6BAAC,MAAI;IAAC,IAAI;IAAC,QAAQ;EAAA,8BAEZ,eACP,6BAAC,MAAI,0wBAQE,eAEP,6BAAC,YAAK,eAAKH,KAAK;IAAE,OAAO,EAAEU,WAAY;IAAC,UAAU,EAAEC,cAAe;IAAC,OAAO,EAAET;EAAQ,iBACnF,6BAAC,MAAI;IAAC,KAAK,EAAE;MAAEU,OAAO,EAAE;IAA0B;EAAE,gBAClD,6BAAC,MAAI,8OAIE,eACP,6BAAC,QAAM;IAAC,OAAO,EAAE;MAAA,OAAMP,gBAAgB,CAAC,IAAI,CAAC;IAAA;EAAC,wBAA4B,CACrE,CACD,eAER,6BAAC,YAAK,eAAKL,KAAK;IAAE,MAAM,EAAEM,UAAW;IAAC,UAAU,EAAEK,cAAe;IAAC,OAAO,EAAEP;EAAc,iBACvF,6BAAC,MAAI;IAAC,KAAK,EAAE;MAAEQ,OAAO,EAAE;IAA0B;EAAE,gBAClD,6BAAC,MAAI,8OAIE,CACF,CACD,CACP;AAEP,CAAC;AAAC;AACFb,KAAK,CAACc,SAAS,GAAG,OAAO;AAEzBd,KAAK,CAACe,IAAI,GAAG;EACXC,IAAI,EAAE,KAAK;EACXC,GAAG,EAAE,KAAK;EACVC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,KAAK;EACbpB,KAAK,EAAE,OAAO;EACd;EACAqB,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDrB,KAAK,CAACsB,QAAQ,GAAG,CAAC,CAAC"}

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

@@ -312,7 +312,7 @@ exports[`component:<Modal> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Modal> testID 1`] = `
+exports[`component:<Modal> testId 1`] = `
 <DocumentFragment>
   <div
     class="pressable container overflow"

package/build/components/Notification/Notification.js

@@ -29,6 +29,7 @@ var Notification = function Notification(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   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, inline && _NotificationModule.default.inline, large ? _NotificationModule.default.large : small && _NotificationModule.default.small, wide && _NotificationModule.default.wide, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     headline: large,
@@ -46,7 +47,7 @@ var Notification = function Notification(_ref) {
   }, children), !large && onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     onPress: onClose,
     className: (0, _helpers.styles)(_NotificationModule.default.pressable, _NotificationModule.default.icon),
-    "data-testid": others['data-testid'] ? "".concat(others['data-testid'], "-button-close") : undefined
+    testId: others.testId ? "".concat(others.testId, "-button-close") : undefined
   }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
     value: _primitives.ICON.CLOSE,
     paragraph: small

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","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  warning,\n  wide,\n  onClose,\n  ...others\n}) => (\n  <View\n    {...others}\n    row\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      inline && style.inline,\n      large ? style.large : small && style.small,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable\n        onPress={onClose}\n        className={styles(style.pressable, style.icon)}\n        data-testid={others['data-testid'] ? `${others['data-testid']}-button-close` : undefined}\n      >\n        <Icon value={ICON.CLOSE} paragraph={small} />\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  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","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","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  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      inline && style.inline,\n      large ? style.large : small && style.small,\n      wide && style.wide,\n      others.className,\n    )}\n  >\n    <Icon\n      headline={large}\n      level={large ? 1 : undefined}\n      paragraph={small}\n      value={getIconState({ error, success, warning })}\n      className={style.icon}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {!large && onClose && (\n      <Pressable\n        onPress={onClose}\n        className={styles(style.pressable, style.icon)}\n        testId={others.testId ? `${others.testId}-button-close` : undefined}\n      >\n        <Icon value={ICON.CLOSE} paragraph={small} />\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  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.stories.js

@@ -6,12 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Story = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Notification = require("./Notification");
-var _Story$args;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   title: 'Components'
 };
@@ -21,7 +16,7 @@ var Story = function Story(props) {
 };
 exports.Story = Story;
 Story.storyName = 'Notification';
-Story.args = (_Story$args = {
+Story.args = {
   children: 'children',
   error: false,
   info: false,
@@ -30,8 +25,11 @@ Story.args = (_Story$args = {
   small: false,
   success: false,
   warning: false,
-  wide: false
-}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
+  wide: false,
+  // inherited properties
+  testId: 'test-story',
+  style: {}
+};
 Story.argTypes = {
   onClose: {
     action: 'onClose'

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.stories.js","names":["title","Story","props","storyName","args","children","error","info","inline","large","small","success","warning","wide","argTypes","onClose","action"],"sources":["../../../src/components/Notification/Notification.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Notification {...props} />;\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'children',\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  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,0BAAY,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE5DD,KAAK,CAACE,SAAS,GAAG,cAAc;AAEhCF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,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;AAAK,gCAEV,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDZ,KAAK,CAACa,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Notification.stories.js","names":["title","Story","props","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';\n\nimport { Notification } from './Notification';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Notification {...props} />;\n\nStory.storyName = 'Notification';\n\nStory.args = {\n  children: 'children',\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;AAEA;AAA8C;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,0BAAY,EAAKA,KAAK,CAAI;AAAA;AAAC;AAE5DD,KAAK,CAACE,SAAS,GAAG,cAAc;AAEhCF,KAAK,CAACG,IAAI,GAAG;EACXC,QAAQ,EAAE,UAAU;EACpBC,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;AAEDd,KAAK,CAACe,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}

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

@@ -781,7 +781,7 @@ exports[`component:<Notification> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Notification> testID 1`] = `
+exports[`component:<Notification> testId 1`] = `
 <DocumentFragment>
   <div
     class="view row notification outlined"

package/build/components/Progress/Progress.js

@@ -23,6 +23,7 @@ var Progress = function Progress(_ref) {
     visible = _ref$visible === void 0 ? false : _ref$visible,
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
+    role: others.role || 'progress',
     className: (0, _helpers.styles)(_ProgressModule.default.progress, visible && _ProgressModule.default.visible, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
     className: (0, _helpers.styles)(_ProgressModule.default.value, indeterminate && _ProgressModule.default.indeterminate),

package/build/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":["Progress","indeterminate","value","visible","others","styles","style","progress","className","width","undefined","propTypes","PropTypes","bool","number"],"sources":["../../../src/components/Progress/Progress.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { View } from '../../primitives';\nimport style from './Progress.module.css';\n\nconst Progress = ({ indeterminate = false, value = 0, visible = false, ...others }) => (\n  <View {...others} className={styles(style.progress, visible && style.visible, others.className)}>\n    <View\n      className={styles(style.value, indeterminate && style.indeterminate)}\n      style={!indeterminate ? { width: `${value}%` } : undefined}\n    />\n  </View>\n);\n\nProgress.propTypes = {\n  indeterminate: PropTypes.bool,\n  value: PropTypes.number,\n  visible: PropTypes.bool,\n};\n\nexport { Progress };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ;EAAA,8BAAMC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAKC,MAAM;EAAA,oBAC9E,6BAAC,gBAAI,eAAKA,MAAM;IAAE,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEJ,OAAO,IAAIG,uBAAK,CAACH,OAAO,EAAEC,MAAM,CAACI,SAAS;EAAE,iBAC9F,6BAAC,gBAAI;IACH,SAAS,EAAE,IAAAH,eAAM,EAACC,uBAAK,CAACJ,KAAK,EAAED,aAAa,IAAIK,uBAAK,CAACL,aAAa,CAAE;IACrE,KAAK,EAAE,CAACA,aAAa,GAAG;MAAEQ,KAAK,YAAKP,KAAK;IAAI,CAAC,GAAGQ;EAAU,EAC3D,CACG;AAAA,CACR;AAAC;AAEFV,QAAQ,CAACW,SAAS,GAAG;EACnBV,aAAa,EAAEW,kBAAS,CAACC,IAAI;EAC7BX,KAAK,EAAEU,kBAAS,CAACE,MAAM;EACvBX,OAAO,EAAES,kBAAS,CAACC;AACrB,CAAC"}
+{"version":3,"file":"Progress.js","names":["Progress","indeterminate","value","visible","others","role","styles","style","progress","className","width","undefined","propTypes","PropTypes","bool","number"],"sources":["../../../src/components/Progress/Progress.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { View } from '../../primitives';\nimport style from './Progress.module.css';\n\nconst Progress = ({ indeterminate = false, value = 0, visible = false, ...others }) => (\n  <View\n    {...others}\n    role={others.role || 'progress'}\n    className={styles(style.progress, visible && style.visible, others.className)}\n  >\n    <View\n      className={styles(style.value, indeterminate && style.indeterminate)}\n      style={!indeterminate ? { width: `${value}%` } : undefined}\n    />\n  </View>\n);\n\nProgress.propTypes = {\n  indeterminate: PropTypes.bool,\n  value: PropTypes.number,\n  visible: PropTypes.bool,\n};\n\nexport { Progress };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ;EAAA,8BAAMC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAKC,MAAM;EAAA,oBAC9E,6BAAC,gBAAI,eACCA,MAAM;IACV,IAAI,EAAEA,MAAM,CAACC,IAAI,IAAI,UAAW;IAChC,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEL,OAAO,IAAII,uBAAK,CAACJ,OAAO,EAAEC,MAAM,CAACK,SAAS;EAAE,iBAE9E,6BAAC,gBAAI;IACH,SAAS,EAAE,IAAAH,eAAM,EAACC,uBAAK,CAACL,KAAK,EAAED,aAAa,IAAIM,uBAAK,CAACN,aAAa,CAAE;IACrE,KAAK,EAAE,CAACA,aAAa,GAAG;MAAES,KAAK,YAAKR,KAAK;IAAI,CAAC,GAAGS;EAAU,EAC3D,CACG;AAAA,CACR;AAAC;AAEFX,QAAQ,CAACY,SAAS,GAAG;EACnBX,aAAa,EAAEY,kBAAS,CAACC,IAAI;EAC7BZ,KAAK,EAAEW,kBAAS,CAACE,MAAM;EACvBZ,OAAO,EAAEU,kBAAS,CAACC;AACrB,CAAC"}

package/build/components/Progress/Progress.stories.js

@@ -7,12 +7,7 @@ exports.default = exports.Story = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
 var _Progress = require("./Progress");
-var _Story$args;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   title: 'Components'
 };
@@ -23,10 +18,13 @@ var Story = function Story(props) {
 };
 exports.Story = Story;
 Story.storyName = 'Progress';
-Story.args = (_Story$args = {
+Story.args = {
   indeterminate: false,
   value: 25,
-  visible: true
-}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
+  visible: true,
+  // inherited properties
+  testId: 'test-story',
+  style: {}
+};
 Story.argTypes = {};
 //# sourceMappingURL=Progress.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.stories.js","names":["title","INSTANCES","Array","from","keys","Story","props","storyName","args","indeterminate","value","visible","argTypes"],"sources":["../../../src/components/Progress/Progress.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text, View } from '../..';\nimport { Progress } from './Progress';\n\nexport default { title: 'Components' };\n\nconst INSTANCES = Array.from(Array(3).keys());\n\nexport const Story = (props) => <Progress {...props} />;\n\nStory.storyName = 'Progress';\n\nStory.args = {\n  indeterminate: false,\n  value: 25,\n  visible: true,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEvB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAEtC,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,EAAE,CAAC;AAEtC,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,kBAAQ,EAAKA,KAAK,CAAI;AAAA;AAAC;AAExDD,KAAK,CAACE,SAAS,GAAG,UAAU;AAE5BF,KAAK,CAACG,IAAI;EACRC,aAAa,EAAE,KAAK;EACpBC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE;AAAI,gCAEZ,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDN,KAAK,CAACO,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Progress.stories.js","names":["title","INSTANCES","Array","from","keys","Story","props","storyName","args","indeterminate","value","visible","testId","style","argTypes"],"sources":["../../../src/components/Progress/Progress.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text, View } from '../..';\nimport { Progress } from './Progress';\n\nexport default { title: 'Components' };\n\nconst INSTANCES = Array.from(Array(3).keys());\n\nexport const Story = (props) => <Progress {...props} />;\n\nStory.storyName = 'Progress';\n\nStory.args = {\n  indeterminate: false,\n  value: 25,\n  visible: true,\n  // inherited properties\n  testId: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAsC;AAAA,eAEvB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAEtC,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,EAAE,CAAC;AAEtC,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,6BAAC,kBAAQ,EAAKA,KAAK,CAAI;AAAA;AAAC;AAExDD,KAAK,CAACE,SAAS,GAAG,UAAU;AAE5BF,KAAK,CAACG,IAAI,GAAG;EACXC,aAAa,EAAE,KAAK;EACpBC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,IAAI;EACb;EACAC,MAAM,EAAE,YAAY;EACpBC,KAAK,EAAE,CAAC;AACV,CAAC;AAEDR,KAAK,CAACS,QAAQ,GAAG,CAAC,CAAC"}

package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap

@@ -64,7 +64,7 @@ exports[`component:<Progress> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Progress> testID 1`] = `
+exports[`component:<Progress> testId 1`] = `
 <DocumentFragment>
   <div
     class="view progress"

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

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,9 +14,6 @@ var _TableModule = _interopRequireDefault(require("./Table.module.css"));
 var _excluded = ["checked", "dataSource", "indeterminate", "schema", "sort", "onFilter", "onPress", "onSelect", "onSort"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 CUSTOM_EVENT_TYPES = ['button', 'checkbox', 'input', 'radio', 'submit'];
@@ -34,7 +30,7 @@ var Row = function Row(_ref) {
     onSort = _ref.onSort,
     others = _objectWithoutProperties(_ref, _excluded);
   var isHead = dataSource === undefined;
-  var testId = others['data-testid'];
+  var testId = others.testId;
   var handlePress = function handlePress(field, event) {
     var _event$target = event.target;
     _event$target = _event$target === void 0 ? {} : _event$target;
@@ -42,28 +38,33 @@ var Row = function Row(_ref) {
     if (CUSTOM_EVENT_TYPES.includes(type)) return;
     isHead ? onSort(field) : onPress && onPress(dataSource, event);
   };
-  return /*#__PURE__*/_react.default.createElement("tr", _extends({}, others, {
-    role: "tr",
+  return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _extends({
+    tag: "tr"
+  }, others, {
     className: (0, _helpers.styles)(checked && _TableModule.default.selected, onPress && _TableModule.default.onPress)
   }), Object.keys(schema).filter(function (field) {
     return schema[field].type !== 'hidden';
   }).map(function (field, index) {
-    var _React$createElement;
-    return /*#__PURE__*/_react.default.createElement(isHead ? 'th' : 'td', (_React$createElement = {}, _defineProperty(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), _defineProperty(_React$createElement, "key", field), _defineProperty(_React$createElement, "onClick", function onClick(event) {
-      return handlePress(field, event);
-    }), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    return /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
+      tag: isHead ? 'th' : 'td',
+      testId: testId ? "".concat(testId, "-").concat(field) : undefined,
+      key: field,
+      onClick: function onClick(event) {
+        return handlePress(field, event);
+      }
+    }, /*#__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[schema[field].type || 'text'])
     }, onSelect && index === 0 && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
       checked: checked,
-      "data-testid": testId ? "".concat(testId, "-checkbox") : undefined,
       indeterminate: indeterminate,
       name: "checkbox",
-      className: _TableModule.default.checkbox,
       onChange: function onChange(event) {
         return onSelect(dataSource, event);
-      }
+      },
+      className: _TableModule.default.checkbox,
+      testId: testId ? "".concat(testId, "-checkbox") : undefined
     }), isHead ? schema[field].label : dataSource[field], isHead && onSort && /*#__PURE__*/_react.default.createElement(_primitives.View, {
       row: true,
       className: _TableModule.default.icons

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

@@ -1 +1 @@
-{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","schema","sort","onFilter","onPress","onSelect","onSort","others","isHead","undefined","testId","handlePress","field","event","target","type","includes","styles","style","selected","Object","keys","filter","map","index","React","createElement","column","selectable","checkbox","label","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { ColumnFilter } from './Table.ColumnFilter';\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  schema,\n  sort = {},\n  onFilter,\n  onPress,\n  onSelect,\n  onSort,\n  ...others\n}) => {\n  const isHead = dataSource === undefined;\n  const { ['data-testid']: testId } = others;\n\n  const handlePress = (field, event) => {\n    const { target: { type } = {} } = event;\n    if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n    isHead ? onSort(field) : onPress && onPress(dataSource, event);\n  };\n\n  return (\n    <tr {...others} role=\"tr\" className={styles(checked && style.selected, onPress && style.onPress)}>\n      {Object.keys(schema)\n        .filter((field) => schema[field].type !== 'hidden')\n        .map((field, index) =>\n          React.createElement(\n            isHead ? 'th' : 'td',\n            {\n              ['data-testid']: testId ? `${testId}-${field}` : undefined,\n              key: field,\n              onClick: (event) => handlePress(field, event),\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[schema[field].type || 'text'],\n              )}\n            >\n              {onSelect && index === 0 && (\n                <InputOption\n                  checked={checked}\n                  data-testid={testId ? `${testId}-checkbox` : undefined}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  className={style.checkbox}\n                  onChange={(event) => onSelect(dataSource, event)}\n                />\n              )}\n\n              {isHead ? schema[field].label : dataSource[field]}\n\n              {isHead && onSort && (\n                <View row className={style.icons}>\n                  {onSort && (\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 && <ColumnFilter field={field} schema={schema[field]} onSubmit={onFilter} />}\n                </View>\n              )}\n            </View>,\n          ),\n        )}\n    </tr>\n  );\n};\n\nRow.displayName = 'Component:Table:Row';\n\nRow.propTypes = {\n  checked: PropTypes.bool,\n  dataSource: PropTypes.shape({}),\n  indeterminate: PropTypes.bool,\n  schema: PropTypes.shape({}).isRequired,\n  sort: PropTypes.shape({}),\n  onFilter: PropTypes.func,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":"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"}
+{"version":3,"file":"Table.Row.js","names":["CUSTOM_EVENT_TYPES","Row","checked","dataSource","indeterminate","schema","sort","onFilter","onPress","onSelect","onSort","others","isHead","undefined","testId","handlePress","field","event","target","type","includes","styles","style","selected","Object","keys","filter","map","index","React","createElement","Primitive","tag","key","onClick","column","selectable","checkbox","label","icons","ICON","UP","DOWN","icon","disabled","displayName","propTypes","PropTypes","bool","shape","isRequired","func"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Primitive, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport { ColumnFilter } from './Table.ColumnFilter';\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  schema,\n  sort = {},\n  onFilter,\n  onPress,\n  onSelect,\n  onSort,\n  ...others\n}) => {\n  const isHead = dataSource === undefined;\n  const { testId } = others;\n\n  const handlePress = (field, event) => {\n    const { target: { type } = {} } = event;\n    if (CUSTOM_EVENT_TYPES.includes(type)) return;\n\n    isHead ? onSort(field) : onPress && onPress(dataSource, event);\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].type !== 'hidden')\n        .map((field, index) =>\n          React.createElement(\n            Primitive,\n            {\n              tag: isHead ? 'th' : 'td',\n              testId: testId ? `${testId}-${field}` : undefined,\n              key: field,\n              onClick: (event) => handlePress(field, event),\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[schema[field].type || 'text'],\n              )}\n            >\n              {onSelect && index === 0 && (\n                <InputOption\n                  checked={checked}\n                  indeterminate={indeterminate}\n                  name=\"checkbox\"\n                  onChange={(event) => onSelect(dataSource, event)}\n                  className={style.checkbox}\n                  testId={testId ? `${testId}-checkbox` : undefined}\n                />\n              )}\n\n              {isHead ? schema[field].label : dataSource[field]}\n\n              {isHead && onSort && (\n                <View row className={style.icons}>\n                  {onSort && (\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 && <ColumnFilter field={field} schema={schema[field]} onSubmit={onFilter} />}\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  schema: PropTypes.shape({}).isRequired,\n  sort: PropTypes.shape({}),\n  onFilter: PropTypes.func,\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { Row };\n"],"mappings":"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"}

package/build/components/Table/Table.js

@@ -94,8 +94,9 @@ var Table = function Table(_ref) {
   var handleSort = function handleSort(field) {
     setSort(sort[field] === undefined ? _defineProperty({}, field, true) : sort[field] ? _defineProperty({}, field, false) : {});
   };
-  var testId = others['data-testid'];
+  var testId = others.testId;
   return /*#__PURE__*/_react.default.createElement(onScroll ? _primitives.ScrollView : !inline ? _primitives.View : _react.Fragment, onScroll || !inline ? _objectSpread(_objectSpread({}, others), {}, {
+    role: others.role || 'table',
     onScroll: onScroll,
     className: (0, _helpers.styles)(!inline && _TableModule.default.outlined, others.className)
   }) : undefined, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filter.length > 0 && /*#__PURE__*/_react.default.createElement(_Table.Filter, {
@@ -103,9 +104,13 @@ var Table = function Table(_ref) {
     onRemove: function onRemove(index) {
       return handleRemoveFilter(index);
     }
-  }), /*#__PURE__*/_react.default.createElement("table", _extends({}, !onScroll ? others : undefined, {
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Primitive, _extends({
+    tag: "table"
+  }, !onScroll ? others : undefined, {
     className: (0, _helpers.styles)(_TableModule.default.table, !onScroll && !inline && others.className)
-  }), /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_Table2.Row, {
+  }), /*#__PURE__*/_react.default.createElement(_primitives.Primitive, {
+    tag: "thead"
+  }, /*#__PURE__*/_react.default.createElement(_Table2.Row, {
     checked: selected.length === dataSource.length,
     indeterminate: selected.length > 0,
     schema: schema,
@@ -113,8 +118,10 @@ var Table = function Table(_ref) {
     onFilter: handleAddFilter,
     onSelect: onSelect ? handleHeadSelect : undefined,
     onSort: handleSort,
-    "data-testid": testId ? "".concat(testId, "-head") : undefined
-  })), /*#__PURE__*/_react.default.createElement("tbody", null, (0, _react.useMemo)(function () {
+    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,
@@ -132,7 +139,7 @@ var Table = function Table(_ref) {
       schema: schema,
       onPress: onPress,
       onSelect: onSelect ? handleSelect : undefined,
-      "data-testid": testId ? "".concat(testId, "-").concat(index) : undefined
+      testId: testId ? "".concat(testId, "-").concat(index) : undefined
     });
   })))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["Table","dataSource","filter","propFilter","inline","schema","search","selected","propSelected","onPress","onScroll","onSelect","others","useState","setFilter","setSelected","sort","setSort","useEffect","JSON","stringify","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","length","handleSelect","exists","includes","push","handleSort","field","undefined","testId","React","createElement","ScrollView","View","Fragment","className","styles","style","outlined","table","useMemo","select","map","find","displayName","propTypes","PropTypes","arrayOf","shape","bool","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 { ScrollView, View } from '../../primitives';\nimport { select } from './helpers';\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  schema,\n  search,\n  selected: propSelected = [],\n  onPress,\n  onScroll,\n  onSelect,\n  ...others\n}) => {\n  const [filter, setFilter] = useState(propFilter);\n  const [selected, setSelected] = useState(propSelected);\n  const [sort, setSort] = useState({});\n\n  useEffect(() => {\n    if (JSON.stringify(filter) !== JSON.stringify(propFilter)) setFilter(propFilter);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propFilter]);\n\n  const handleAddFilter = (item) => {\n    setFilter([...filter, item]);\n  };\n\n  const handleRemoveFilter = (index) => {\n    filter.splice(index, 1);\n    setFilter([...filter]);\n  };\n\n  const handleHeadSelect = (row, event) => {\n    setSelected(() => {\n      const next = selected.length !== dataSource.length ? dataSource : [];\n      onSelect(next, event);\n\n      return next;\n    });\n  };\n\n  const handleSelect = (row, event) => {\n    setSelected(() => {\n      const exists = selected.includes(row);\n      const next = selected.filter((item) => item !== row);\n      if (!exists) next.push(row);\n      onSelect(next, event);\n\n      return next;\n    });\n  };\n\n  const handleSort = (field) => {\n    setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n  };\n\n  const { ['data-testid']: testId } = others;\n\n  return React.createElement(\n    onScroll ? ScrollView : !inline ? View : Fragment,\n    onScroll || !inline\n      ? { ...others, onScroll, className: styles(!inline && style.outlined, others.className) }\n      : undefined,\n    <>\n      {filter.length > 0 && <Filter filter={filter} onRemove={(index) => handleRemoveFilter(index)} />}\n      <table\n        {...(!onScroll ? others : undefined)}\n        className={styles(style.table, !onScroll && !inline && others.className)}\n      >\n        <thead>\n          <Row\n            checked={selected.length === dataSource.length}\n            indeterminate={selected.length > 0}\n            schema={schema}\n            sort={sort}\n            onFilter={handleAddFilter}\n            onSelect={onSelect ? handleHeadSelect : undefined}\n            onSort={handleSort}\n            data-testid={testId ? `${testId}-head` : undefined}\n          />\n        </thead>\n        <tbody>\n          {useMemo(\n            () => select({ dataSource, filter, schema, search, sort }),\n            [dataSource, filter, schema, search, sort],\n          ).map((row, index) => (\n            <Row\n              checked={!!selected.find((item) => JSON.stringify(item) === JSON.stringify(row))}\n              dataSource={row}\n              key={index}\n              schema={schema}\n              onPress={onPress}\n              onSelect={onSelect ? handleSelect : undefined}\n              data-testid={testId ? `${testId}-${index}` : undefined}\n            />\n          ))}\n        </tbody>\n      </table>\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  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  selected: PropTypes.arrayOf(PropTypes.shape()),\n  onPress: PropTypes.func,\n  onScroll: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["Table","dataSource","filter","propFilter","inline","schema","search","selected","propSelected","onPress","onScroll","onSelect","others","useState","setFilter","setSelected","sort","setSort","useEffect","JSON","stringify","handleAddFilter","item","handleRemoveFilter","index","splice","handleHeadSelect","row","event","next","length","handleSelect","exists","includes","push","handleSort","field","undefined","testId","React","createElement","ScrollView","View","Fragment","role","className","styles","style","outlined","table","useMemo","select","map","find","displayName","propTypes","PropTypes","arrayOf","shape","bool","isRequired","string","func"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { Fragment, useEffect, useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive, ScrollView, View } from '../../primitives';\nimport { select } from './helpers';\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  schema,\n  search,\n  selected: propSelected = [],\n  onPress,\n  onScroll,\n  onSelect,\n  ...others\n}) => {\n  const [filter, setFilter] = useState(propFilter);\n  const [selected, setSelected] = useState(propSelected);\n  const [sort, setSort] = useState({});\n\n  useEffect(() => {\n    if (JSON.stringify(filter) !== JSON.stringify(propFilter)) setFilter(propFilter);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propFilter]);\n\n  const handleAddFilter = (item) => {\n    setFilter([...filter, item]);\n  };\n\n  const handleRemoveFilter = (index) => {\n    filter.splice(index, 1);\n    setFilter([...filter]);\n  };\n\n  const handleHeadSelect = (row, event) => {\n    setSelected(() => {\n      const next = selected.length !== dataSource.length ? dataSource : [];\n      onSelect(next, event);\n\n      return next;\n    });\n  };\n\n  const handleSelect = (row, event) => {\n    setSelected(() => {\n      const exists = selected.includes(row);\n      const next = selected.filter((item) => item !== row);\n      if (!exists) next.push(row);\n      onSelect(next, event);\n\n      return next;\n    });\n  };\n\n  const handleSort = (field) => {\n    setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n  };\n\n  const { testId } = others;\n\n  return React.createElement(\n    onScroll ? ScrollView : !inline ? View : Fragment,\n    onScroll || !inline\n      ? {\n          ...others,\n          role: others.role || 'table',\n          onScroll,\n          className: styles(!inline && style.outlined, others.className),\n        }\n      : undefined,\n    <>\n      {filter.length > 0 && <Filter filter={filter} onRemove={(index) => handleRemoveFilter(index)} />}\n      <Primitive\n        tag=\"table\"\n        {...(!onScroll ? others : undefined)}\n        className={styles(style.table, !onScroll && !inline && others.className)}\n      >\n        <Primitive tag=\"thead\">\n          <Row\n            checked={selected.length === dataSource.length}\n            indeterminate={selected.length > 0}\n            schema={schema}\n            sort={sort}\n            onFilter={handleAddFilter}\n            onSelect={onSelect ? handleHeadSelect : undefined}\n            onSort={handleSort}\n            testId={testId ? `${testId}-head` : undefined}\n          />\n        </Primitive>\n        <Primitive tag=\"tbody\">\n          {useMemo(\n            () => select({ dataSource, filter, schema, search, sort }),\n            [dataSource, filter, schema, search, sort],\n          ).map((row, index) => (\n            <Row\n              checked={!!selected.find((item) => JSON.stringify(item) === JSON.stringify(row))}\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  schema: PropTypes.shape({}).isRequired,\n  search: PropTypes.string,\n  selected: PropTypes.arrayOf(PropTypes.shape()),\n  onPress: PropTypes.func,\n  onScroll: PropTypes.func,\n  onSelect: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3B,IAAMA,KAAK,GAAG,SAARA,KAAK,OAWZ;EAAA,2BAVJC,UAAU;IAAVA,UAAU,gCAAG,EAAE;IAAA,mBACfC,MAAM;IAAEC,UAAU,4BAAG,EAAE;IAAA,mBACvBC,MAAM;IAANA,MAAM,4BAAG,IAAI;IACbC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,qBACNC,QAAQ;IAAEC,YAAY,8BAAG,EAAE;IAC3BC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACLC,MAAM;EAET,gBAA4B,IAAAC,eAAQ,EAACV,UAAU,CAAC;IAAA;IAAzCD,MAAM;IAAEY,SAAS;EACxB,iBAAgC,IAAAD,eAAQ,EAACL,YAAY,CAAC;IAAA;IAA/CD,QAAQ;IAAEQ,WAAW;EAC5B,iBAAwB,IAAAF,eAAQ,EAAC,CAAC,CAAC,CAAC;IAAA;IAA7BG,IAAI;IAAEC,OAAO;EAEpB,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAIC,IAAI,CAACC,SAAS,CAAClB,MAAM,CAAC,KAAKiB,IAAI,CAACC,SAAS,CAACjB,UAAU,CAAC,EAAEW,SAAS,CAACX,UAAU,CAAC;IAChF;EACF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAMkB,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAI,EAAK;IAChCR,SAAS,8BAAKZ,MAAM,IAAEoB,IAAI,GAAE;EAC9B,CAAC;EAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAAK,EAAK;IACpCtB,MAAM,CAACuB,MAAM,CAACD,KAAK,EAAE,CAAC,CAAC;IACvBV,SAAS,oBAAKZ,MAAM,EAAE;EACxB,CAAC;EAED,IAAMwB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,GAAG,EAAEC,KAAK,EAAK;IACvCb,WAAW,CAAC,YAAM;MAChB,IAAMc,IAAI,GAAGtB,QAAQ,CAACuB,MAAM,KAAK7B,UAAU,CAAC6B,MAAM,GAAG7B,UAAU,GAAG,EAAE;MACpEU,QAAQ,CAACkB,IAAI,EAAED,KAAK,CAAC;MAErB,OAAOC,IAAI;IACb,CAAC,CAAC;EACJ,CAAC;EAED,IAAME,YAAY,GAAG,SAAfA,YAAY,CAAIJ,GAAG,EAAEC,KAAK,EAAK;IACnCb,WAAW,CAAC,YAAM;MAChB,IAAMiB,MAAM,GAAGzB,QAAQ,CAAC0B,QAAQ,CAACN,GAAG,CAAC;MACrC,IAAME,IAAI,GAAGtB,QAAQ,CAACL,MAAM,CAAC,UAACoB,IAAI;QAAA,OAAKA,IAAI,KAAKK,GAAG;MAAA,EAAC;MACpD,IAAI,CAACK,MAAM,EAAEH,IAAI,CAACK,IAAI,CAACP,GAAG,CAAC;MAC3BhB,QAAQ,CAACkB,IAAI,EAAED,KAAK,CAAC;MAErB,OAAOC,IAAI;IACb,CAAC,CAAC;EACJ,CAAC;EAED,IAAMM,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAK;IAC5BnB,OAAO,CAACD,IAAI,CAACoB,KAAK,CAAC,KAAKC,SAAS,uBAAMD,KAAK,EAAG,IAAI,IAAKpB,IAAI,CAACoB,KAAK,CAAC,uBAAMA,KAAK,EAAG,KAAK,IAAK,CAAC,CAAC,CAAC;EAChG,CAAC;EAED,IAAQE,MAAM,GAAK1B,MAAM,CAAjB0B,MAAM;EAEd,oBAAOC,cAAK,CAACC,aAAa,CACxB9B,QAAQ,GAAG+B,sBAAU,GAAG,CAACrC,MAAM,GAAGsC,gBAAI,GAAGC,eAAQ,EACjDjC,QAAQ,IAAI,CAACN,MAAM,mCAEVQ,MAAM;IACTgC,IAAI,EAAEhC,MAAM,CAACgC,IAAI,IAAI,OAAO;IAC5BlC,QAAQ,EAARA,QAAQ;IACRmC,SAAS,EAAE,IAAAC,eAAM,EAAC,CAAC1C,MAAM,IAAI2C,oBAAK,CAACC,QAAQ,EAAEpC,MAAM,CAACiC,SAAS;EAAC,KAEhER,SAAS,eACb,4DACGnC,MAAM,CAAC4B,MAAM,GAAG,CAAC,iBAAI,6BAAC,aAAM;IAAC,MAAM,EAAE5B,MAAO;IAAC,QAAQ,EAAE,kBAACsB,KAAK;MAAA,OAAKD,kBAAkB,CAACC,KAAK,CAAC;IAAA;EAAC,EAAG,eAChG,6BAAC,qBAAS;IACR,GAAG,EAAC;EAAO,GACN,CAACd,QAAQ,GAAGE,MAAM,GAAGyB,SAAS;IACnC,SAAS,EAAE,IAAAS,eAAM,EAACC,oBAAK,CAACE,KAAK,EAAE,CAACvC,QAAQ,IAAI,CAACN,MAAM,IAAIQ,MAAM,CAACiC,SAAS;EAAE,iBAEzE,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAO,gBACpB,6BAAC,WAAG;IACF,OAAO,EAAEtC,QAAQ,CAACuB,MAAM,KAAK7B,UAAU,CAAC6B,MAAO;IAC/C,aAAa,EAAEvB,QAAQ,CAACuB,MAAM,GAAG,CAAE;IACnC,MAAM,EAAEzB,MAAO;IACf,IAAI,EAAEW,IAAK;IACX,QAAQ,EAAEK,eAAgB;IAC1B,QAAQ,EAAEV,QAAQ,GAAGe,gBAAgB,GAAGW,SAAU;IAClD,MAAM,EAAEF,UAAW;IACnB,MAAM,EAAEG,MAAM,aAAMA,MAAM,aAAUD;EAAU,EAC9C,CACQ,eACZ,6BAAC,qBAAS;IAAC,GAAG,EAAC;EAAO,GACnB,IAAAa,cAAO,EACN;IAAA,OAAM,IAAAC,gBAAM,EAAC;MAAElD,UAAU,EAAVA,UAAU;MAAEC,MAAM,EAANA,MAAM;MAAEG,MAAM,EAANA,MAAM;MAAEC,MAAM,EAANA,MAAM;MAAEU,IAAI,EAAJA;IAAK,CAAC,CAAC;EAAA,GAC1D,CAACf,UAAU,EAAEC,MAAM,EAAEG,MAAM,EAAEC,MAAM,EAAEU,IAAI,CAAC,CAC3C,CAACoC,GAAG,CAAC,UAACzB,GAAG,EAAEH,KAAK;IAAA,oBACf,6BAAC,WAAG;MACF,OAAO,EAAE,CAAC,CAACjB,QAAQ,CAAC8C,IAAI,CAAC,UAAC/B,IAAI;QAAA,OAAKH,IAAI,CAACC,SAAS,CAACE,IAAI,CAAC,KAAKH,IAAI,CAACC,SAAS,CAACO,GAAG,CAAC;MAAA,EAAE;MACjF,UAAU,EAAEA,GAAI;MAChB,GAAG,EAAEH,KAAM;MACX,MAAM,EAAEnB,MAAO;MACf,OAAO,EAAEI,OAAQ;MACjB,QAAQ,EAAEE,QAAQ,GAAGoB,YAAY,GAAGM,SAAU;MAC9C,MAAM,EAAEC,MAAM,aAAMA,MAAM,cAAId,KAAK,IAAKa;IAAU,EAClD;EAAA,CACH,CAAC,CACQ,CACF,CACX,CACJ;AACH,CAAC;AAAC;AAEFrC,KAAK,CAACsD,WAAW,GAAG,iBAAiB;AAErCtD,KAAK,CAACuD,SAAS,GAAG;EAChBtD,UAAU,EAAEuD,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAClDxD,MAAM,EAAEsD,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC9CtD,MAAM,EAAEoD,kBAAS,CAACG,IAAI;EACtBtD,MAAM,EAAEmD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAACE,UAAU;EACtCtD,MAAM,EAAEkD,kBAAS,CAACK,MAAM;EACxBtD,QAAQ,EAAEiD,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,EAAE,CAAC;EAC9CjD,OAAO,EAAE+C,kBAAS,CAACM,IAAI;EACvBpD,QAAQ,EAAE8C,kBAAS,CAACM,IAAI;EACxBnD,QAAQ,EAAE6C,kBAAS,CAACM;AACtB,CAAC"}

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

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ = require("../../");
 var _Table = require("./Table");
 var _TableStoriesModule = _interopRequireDefault(require("./Table.stories.module.css"));
-var _ref, _Story$args;
+var _ref;
 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; }
@@ -130,7 +130,7 @@ var dataSource = [{
   year: 2022
 }];
 Story.storyName = 'Table';
-Story.args = (_Story$args = {
+Story.args = {
   dataSource: dataSource,
   filter: [{
     field: 'email',
@@ -181,11 +181,14 @@ Story.args = (_Story$args = {
       type: 'hidden'
     }
   },
-  search: ''
-}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {
-  height: '128px !important;',
-  width: 128,
-  background: 'green'
-}), _Story$args);
+  search: '',
+  // inherited properties
+  testId: 'test-story',
+  style: {
+    height: '128px !important;',
+    width: 128,
+    background: 'green'
+  }
+};
 Story.argTypes = {};
 //# sourceMappingURL=Table.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.stories.js","names":["title","tags","value","map","language","style","tag","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","console","log","handlePress","handleSelect","table","dataSource","username","email","year","languages","action","twitter","undefined","actionTitle","storyName","args","filter","field","min","max","inline","schema","label","type","bind","bio","height","width","background","argTypes"],"sources":["../../../src/components/Table/Table.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Button, InputText, Text } from '../../';\nimport { Table } from './Table';\nimport style from './Table.stories.module.css';\n\nexport default { title: 'Components' };\n\nconst tags = (value) =>\n  value.map((language) => (\n    <Text key={language} bold small className={style.tag}>\n      {language}\n    </Text>\n  ));\n\nexport const Story = (props) => {\n  const [selected, setSelected] = useState();\n  const [search, setSearch] = useState();\n\n  useEffect(() => {\n    setSearch(props.search);\n  }, [props.search]);\n\n  const handleScroll = (...others) => console.log('<Table>::onScroll', ...others);\n\n  const handlePress = (...others) => console.log('<Table>::onPress', ...others);\n\n  const handleSelect = (...others) => {\n    console.log('<Table>::onSelect', ...others);\n    setSelected(...others);\n  };\n\n  return (\n    <>\n      <InputText name=\"search\" placeholder=\"search...\" type=\"search\" value={search} onChange={setSearch} />\n\n      <Table\n        {...props}\n        search={search}\n        selected={selected}\n        onPress={handlePress}\n        onScroll={handleScroll}\n        onSelect={handleSelect}\n        className={style.table}\n      />\n    </>\n  );\n};\n\nconst dataSource = [\n  {\n    username: 'jose',\n    email: 'jose@mirai.com',\n    year: 1,\n    languages: ['ES', 'EN'],\n    tags: tags(['ES', 'EN']),\n    action: null,\n  },\n  {\n    username: 'mario/1',\n    email: 'mario.1@mirai.com',\n    languages: ['ES'],\n    tags: null,\n    year: 2005,\n  },\n  {\n    username: 'svet',\n    email: 'svet@mirai.com',\n    tags: tags(['RU', 'ES', 'EN']),\n    languages: ['RU', 'ES', 'EN'],\n    year: 2021,\n    twitter: undefined,\n    action: <Button small>Click Me</Button>,\n    actionTitle: 'Click Me',\n  },\n  {\n    username: 'javi',\n    email: 'hi@soyjavi.com',\n    tags: null,\n    languages: ['EU', 'ES', 'EN', 'TH'],\n    tags: tags(['EU', 'ES', 'EN', 'TH']),\n    year: 2022,\n    twitter: 'soyjavi',\n    bio: \"Hi, I'm Javi. For as long as I can remember, I have always loved build software and helping people through it. I strive to design simple, clean, and beautiful products in the hope that they will make a difference in the world.\",\n  },\n  {\n    username: 'victor',\n    email: 'victor@mirai.com',\n    languages: ['ES'],\n    tags: tags(['ES']),\n    year: 2021,\n  },\n  {\n    username: 'mario/2',\n    email: 'mario.2@mirai.com',\n    languages: ['ES'],\n    tags: tags(['ES']),\n    year: 2022,\n  },\n];\n\nStory.storyName = 'Table';\n\nStory.args = {\n  dataSource,\n  filter: [\n    { field: 'email', value: '@mirai.com' },\n    { field: 'email', value: '@soyjavi.com' },\n    { field: 'year', min: 2020, max: 2023 },\n  ],\n  inline: true,\n  schema: {\n    username: { label: 'User Name', type: 'text' },\n    email: { label: 'Email' },\n    tags: { label: 'Tags', type: 'component', bind: 'languages' },\n    languages: { label: 'Languages (hidden)', type: 'hidden' },\n    year: { label: 'Year', type: 'number' },\n    twitter: { label: 'Twitter' },\n    bio: { label: 'Biography' },\n    action: { label: 'Action', type: 'component', bind: 'actionTitle' },\n    actionTitle: { label: 'Action (hidden)', type: 'hidden' },\n  },\n  search: '',\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: { height: '128px !important;', width: 128, background: 'green' },\n};\n\nStory.argTypes = {};\n"],"mappings":"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"}
+{"version":3,"file":"Table.stories.js","names":["title","tags","value","map","language","style","tag","Story","props","useState","selected","setSelected","search","setSearch","useEffect","handleScroll","others","console","log","handlePress","handleSelect","table","dataSource","username","email","year","languages","action","twitter","undefined","actionTitle","storyName","args","filter","field","min","max","inline","schema","label","type","bind","bio","testId","height","width","background","argTypes"],"sources":["../../../src/components/Table/Table.stories.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Button, InputText, Text } from '../../';\nimport { Table } from './Table';\nimport style from './Table.stories.module.css';\n\nexport default { title: 'Components' };\n\nconst tags = (value) =>\n  value.map((language) => (\n    <Text key={language} bold small className={style.tag}>\n      {language}\n    </Text>\n  ));\n\nexport const Story = (props) => {\n  const [selected, setSelected] = useState();\n  const [search, setSearch] = useState();\n\n  useEffect(() => {\n    setSearch(props.search);\n  }, [props.search]);\n\n  const handleScroll = (...others) => console.log('<Table>::onScroll', ...others);\n\n  const handlePress = (...others) => console.log('<Table>::onPress', ...others);\n\n  const handleSelect = (...others) => {\n    console.log('<Table>::onSelect', ...others);\n    setSelected(...others);\n  };\n\n  return (\n    <>\n      <InputText name=\"search\" placeholder=\"search...\" type=\"search\" value={search} onChange={setSearch} />\n\n      <Table\n        {...props}\n        search={search}\n        selected={selected}\n        onPress={handlePress}\n        onScroll={handleScroll}\n        onSelect={handleSelect}\n        className={style.table}\n      />\n    </>\n  );\n};\n\nconst dataSource = [\n  {\n    username: 'jose',\n    email: 'jose@mirai.com',\n    year: 1,\n    languages: ['ES', 'EN'],\n    tags: tags(['ES', 'EN']),\n    action: null,\n  },\n  {\n    username: 'mario/1',\n    email: 'mario.1@mirai.com',\n    languages: ['ES'],\n    tags: null,\n    year: 2005,\n  },\n  {\n    username: 'svet',\n    email: 'svet@mirai.com',\n    tags: tags(['RU', 'ES', 'EN']),\n    languages: ['RU', 'ES', 'EN'],\n    year: 2021,\n    twitter: undefined,\n    action: <Button small>Click Me</Button>,\n    actionTitle: 'Click Me',\n  },\n  {\n    username: 'javi',\n    email: 'hi@soyjavi.com',\n    tags: null,\n    languages: ['EU', 'ES', 'EN', 'TH'],\n    tags: tags(['EU', 'ES', 'EN', 'TH']),\n    year: 2022,\n    twitter: 'soyjavi',\n    bio: \"Hi, I'm Javi. For as long as I can remember, I have always loved build software and helping people through it. I strive to design simple, clean, and beautiful products in the hope that they will make a difference in the world.\",\n  },\n  {\n    username: 'victor',\n    email: 'victor@mirai.com',\n    languages: ['ES'],\n    tags: tags(['ES']),\n    year: 2021,\n  },\n  {\n    username: 'mario/2',\n    email: 'mario.2@mirai.com',\n    languages: ['ES'],\n    tags: tags(['ES']),\n    year: 2022,\n  },\n];\n\nStory.storyName = 'Table';\n\nStory.args = {\n  dataSource,\n  filter: [\n    { field: 'email', value: '@mirai.com' },\n    { field: 'email', value: '@soyjavi.com' },\n    { field: 'year', min: 2020, max: 2023 },\n  ],\n  inline: true,\n  schema: {\n    username: { label: 'User Name', type: 'text' },\n    email: { label: 'Email' },\n    tags: { label: 'Tags', type: 'component', bind: 'languages' },\n    languages: { label: 'Languages (hidden)', type: 'hidden' },\n    year: { label: 'Year', type: 'number' },\n    twitter: { label: 'Twitter' },\n    bio: { label: 'Biography' },\n    action: { label: 'Action', type: 'component', bind: 'actionTitle' },\n    actionTitle: { label: 'Action (hidden)', type: 'hidden' },\n  },\n  search: '',\n  // inherited properties\n  testId: 'test-story',\n  style: { height: '128px !important;', width: 128, background: 'green' },\n};\n\nStory.argTypes = {};\n"],"mappings":"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"}