@mirai/ui 1.0.12 → 1.0.13

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

@@ -0,0 +1,178 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Menu> inherit:className 1`] = `
+<DocumentFragment>
+  <span />
+</DocumentFragment>
+`;
+
+exports[`component:<Menu> renders 1`] = `
+<DocumentFragment>
+  <span />
+</DocumentFragment>
+`;
+
+exports[`component:<Menu> testID 1`] = `
+<DocumentFragment>
+  <span
+    data-testid="mirai"
+  />
+</DocumentFragment>
+`;
+
+exports[`component:<Menu> w/ Template 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`component:<Menu> w/ children 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`component:<Menu> w/ options & visible 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+  <span
+    class="layer menu visible"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="pressable option"
+      value="one"
+    >
+      <span
+        class="icon icon"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <line
+            x1="12"
+            x2="12"
+            y1="5"
+            y2="19"
+          />
+          <line
+            x1="5"
+            x2="19"
+            y1="12"
+            y2="12"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph label"
+      >
+        Item 1
+      </span>
+    </div>
+    <div
+      class="pressable option disabled"
+      value="two"
+    >
+      <span
+        class="icon icon disabled"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <line
+            x1="12"
+            x2="12"
+            y1="5"
+            y2="19"
+          />
+          <line
+            x1="5"
+            x2="19"
+            y1="12"
+            y2="12"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph label disabled"
+      >
+        Item 2
+      </span>
+    </div>
+    <div
+      class="pressable option divider"
+      value="three"
+    >
+      <span
+        class="icon icon"
+      />
+      <span
+        class="text paragraph label"
+      >
+        Item 3
+      </span>
+    </div>
+    <div
+      class="pressable option"
+      value="four"
+    >
+      <span
+        class="text paragraph label"
+      >
+        Item 4
+      </span>
+      <button
+        class="pressable button small"
+      >
+        Add
+      </button>
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`component:<Menu> w/ options 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+</DocumentFragment>
+`;

package/build/components/Menu/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Menu = require("./Menu");
+
+Object.keys(_Menu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Menu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Menu[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["export * from './Menu';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/Modal/Modal.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _hooks = require("../../hooks");
+
+var _primitives = require("../../primitives");
+
+var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));
+
+var _excluded = ["children", "visible", "onClose"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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 Modal = function Modal(_ref) {
+  var children = _ref.children,
+      visible = _ref.visible,
+      onClose = _ref.onClose,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var _useDevice = (0, _hooks.useDevice)(),
+      isDesktop = _useDevice.isDesktop;
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    row: true,
+    className: (0, _helpers.styles)(_ModalModule.default.overflow, visible && _ModalModule.default.visible)
+  }, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
+    fit: true,
+    className: (0, _helpers.styles)(_ModalModule.default.modal, visible && _ModalModule.default.visible, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    className: _ModalModule.default.pressable,
+    onPress: onClose
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: isDesktop ? 'Close' : 'CloseArrow',
+    className: _ModalModule.default.icon
+  })), children)));
+};
+
+exports.Modal = Modal;
+Modal.displayName = 'Component:Modal';
+Modal.propTypes = {
+  children: _propTypes.default.node,
+  visible: _propTypes.default.bool,
+  onClose: _propTypes.default.func
+};
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["Modal","children","visible","onClose","others","isDesktop","style","overflow","modal","className","pressable","icon","displayName","propTypes","PropTypes","node","bool","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, visible, onClose, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  return (\n    <View row className={styles(style.overflow, visible && style.visible)}>\n      <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n        <>\n          {onClose && (\n            <Pressable className={style.pressable} onPress={onClose}>\n              <Icon name={isDesktop ? 'Close' : 'CloseArrow'} className={style.icon} />\n            </Pressable>\n          )}\n          {children}\n        </>\n      </View>\n    </View>\n  );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n  children: PropTypes.node,\n  visible: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+C;EAAA,IAA5CC,QAA4C,QAA5CA,QAA4C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3D,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,oBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOC,qBAAMC,QAAb,EAAuBL,OAAO,IAAII,qBAAMJ,OAAxC;EAArB,gBACE,6BAAC,gBAAD,eAAUE,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOE,qBAAME,KAAb,EAAoBN,OAAO,IAAII,qBAAMJ,OAArC,EAA8CE,MAAM,CAACK,SAArD;EAAjC,iBACE,4DACGN,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAEG,qBAAMI,SAA5B;IAAuC,OAAO,EAAEP;EAAhD,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAEE,SAAS,GAAG,OAAH,GAAa,YAAlC;IAAgD,SAAS,EAAEC,qBAAMK;EAAjE,EADF,CAFJ,EAMGV,QANH,CADF,CADF,CADF;AAcD,CAjBD;;;AAmBAD,KAAK,CAACY,WAAN,GAAoB,iBAApB;AAEAZ,KAAK,CAACa,SAAN,GAAkB;EAChBZ,QAAQ,EAAEa,mBAAUC,IADJ;EAEhBb,OAAO,EAAEY,mBAAUE,IAFH;EAGhBb,OAAO,EAAEW,mBAAUG;AAHH,CAAlB"}

package/build/components/Modal/Modal.module.css

@@ -0,0 +1,72 @@
+:root {
+  --mirai-ui-modal-background: var(--mirai-ui-base);
+  --mirai-ui-modal-overflow: rgba(0, 0, 0, 0.2);
+  --mirai-ui-modal-icon: var(--mirai-ui-space-L);
+  --mirai-ui-modal-layer: var(--mirai-ui-layer-L);
+}
+
+.modal {
+  background-color: var(--mirai-ui-modal-background);
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(1.1);
+  transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
+    transform var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+}
+
+.modal.visible {
+  opacity: 1;
+  pointer-events: all;
+  transform: scale(1);
+}
+
+.overflow {
+  align-items: center;
+  background-color: var(--mirai-ui-modal-overflow);
+  height: 100vh;
+  justify-content: center;
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  top: 0;
+  width: 100vw;
+  z-index: var(--mirai-ui-modal-layer);
+}
+
+.overflow.visible {
+  opacity: 1;
+}
+
+.pressable {
+  align-self: flex-end;
+  padding: var(--mirai-ui-space-XS);
+}
+
+.icon {
+  font-size: var(--mirai-ui-modal-icon);
+  line-height: var(--mirai-ui-modal-icon);
+  height: var(--mirai-ui-modal-icon);
+  width: var(--mirai-ui-modal-icon);
+}
+
+@media only screen and (max-width: 600px) {
+  .overflow {
+    align-items: flex-end;
+    align-content: flex-end;
+  }
+
+  .modal {
+    opacity: 1;
+    transform: translateY(110%);
+  }
+
+  .modal.visible {
+    transform: translateY(0%);
+  }
+
+  .pressable {
+    align-self: center;
+  }
+}

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

@@ -0,0 +1,150 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow visible"
+  >
+    <div
+      class="view fit modal visible"
+    >
+      <button
+        class="pressable pressable"
+      >
+        <span
+          class="icon icon"
+        >
+          <svg
+            fill="none"
+            height="1em"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <polyline
+              points="6 9 12 15 18 9"
+            />
+          </svg>
+        </span>
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> Mobile environment prop:visible 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow visible"
+  >
+    <div
+      class="view fit modal visible"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow"
+  >
+    <div
+      class="view fit modal mirai"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> prop:children 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow"
+  >
+    <div
+      class="view fit modal"
+    >
+      <span>
+        children
+      </span>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> prop:onClose 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow visible"
+  >
+    <div
+      class="view fit modal visible"
+    >
+      <button
+        class="pressable pressable"
+      >
+        <span
+          class="icon icon"
+        >
+          <svg
+            fill="none"
+            height="1em"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <polyline
+              points="6 9 12 15 18 9"
+            />
+          </svg>
+        </span>
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> prop:visible 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow visible"
+  >
+    <div
+      class="view fit modal visible"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow"
+  >
+    <div
+      class="view fit modal"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Modal> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view row overflow"
+  >
+    <div
+      class="view fit modal"
+      data-testid="mirai"
+    />
+  </div>
+</DocumentFragment>
+`;

package/build/components/Modal/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Modal = require("./Modal");
+
+Object.keys(_Modal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Modal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Modal[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.js"],"sourcesContent":["export * from './Modal';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableRow = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _primitives = require("../../primitives");
+
+var _InputOption = require("../InputOption");
+
+var _TableModule = _interopRequireDefault(require("./Table.module.css"));
+
+var _excluded = ["dataSource", "schema", "selected", "sort", "onPress", "onSelect", "onSort"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 TableRow = function TableRow(_ref) {
+  var dataSource = _ref.dataSource,
+      schema = _ref.schema,
+      selected = _ref.selected,
+      _ref$sort = _ref.sort,
+      sort = _ref$sort === void 0 ? {} : _ref$sort,
+      onPress = _ref.onPress,
+      onSelect = _ref.onSelect,
+      onSort = _ref.onSort,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var isHead = dataSource === undefined;
+  var fields = Object.keys(schema);
+  var tag = isHead ? 'th' : 'td';
+  var testId = others['data-testid'];
+  return /*#__PURE__*/_react.default.createElement("tr", _extends({}, others, {
+    role: "tr",
+    className: (0, _helpers.styles)(selected && _TableModule.default.selected, onPress && _TableModule.default.onPress, others.className)
+  }), onSelect && /*#__PURE__*/_react.default.createElement(tag, {
+    className: _TableModule.default.select
+  }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    row: true
+  }, !isHead && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
+    checked: selected,
+    "data-testid": testId ? "".concat(testId, "-checkbox") : undefined,
+    name: "checkbox",
+    className: _TableModule.default.checkbox,
+    onChange: function onChange() {
+      return onSelect(dataSource);
+    }
+  }))), fields.map(function (field) {
+    var _React$createElement;
+
+    return /*#__PURE__*/_react.default.createElement(tag, (_React$createElement = {}, _defineProperty(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), _defineProperty(_React$createElement, "key", field), _defineProperty(_React$createElement, "onClick", !isHead && onPress ? function () {
+      return onPress(dataSource);
+    } : undefined), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+      row: true,
+      tag: "span",
+      className: isHead && _TableModule.default.head,
+      onClick: isHead ? function () {
+        return onSort(field);
+      } : undefined
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isHead ? schema[field].label : dataSource[field], isHead && onSort && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+      name: sort[field] ? 'Down' : 'Up',
+      className: sort[field] === undefined && _TableModule.default.hideIcon
+    }))));
+  }));
+};
+
+exports.TableRow = TableRow;
+TableRow.displayName = 'Table:Row';
+TableRow.propTypes = {
+  dataSource: _propTypes.default.shape({}),
+  schema: _propTypes.default.shape({}).isRequired,
+  selected: _propTypes.default.bool,
+  sort: _propTypes.default.shape({}),
+  onPress: _propTypes.default.func,
+  onSelect: _propTypes.default.func,
+  onSort: _propTypes.default.func
+};
+//# sourceMappingURL=Table.Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.Row.js","names":["TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","style","className","React","createElement","select","checkbox","map","field","head","label","hideIcon","displayName","propTypes","PropTypes","shape","isRequired","bool","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, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n  const isHead = dataSource === undefined;\n  const fields = Object.keys(schema);\n  const tag = isHead ? 'th' : 'td';\n  const { ['data-testid']: testId } = others;\n\n  return (\n    <tr\n      {...others}\n      role=\"tr\"\n      className={styles(selected && style.selected, onPress && style.onPress, others.className)}\n    >\n      {onSelect &&\n        React.createElement(\n          tag,\n          { className: style.select },\n          <View row>\n            {!isHead && (\n              <InputOption\n                checked={selected}\n                data-testid={testId ? `${testId}-checkbox` : undefined}\n                name=\"checkbox\"\n                className={style.checkbox}\n                onChange={() => onSelect(dataSource)}\n              />\n            )}\n          </View>,\n        )}\n      {fields.map((field) =>\n        React.createElement(\n          tag,\n          {\n            ['data-testid']: testId ? `${testId}-${field}` : undefined,\n            key: field,\n            onClick: !isHead && onPress ? () => onPress(dataSource) : undefined,\n          },\n          <View row tag=\"span\" className={isHead && style.head} onClick={isHead ? () => onSort(field) : undefined}>\n            <>\n              {isHead ? schema[field].label : dataSource[field]}\n              {isHead && onSort && (\n                <Icon name={sort[field] ? 'Down' : 'Up'} className={sort[field] === undefined && style.hideIcon} />\n              )}\n            </>\n          </View>,\n        ),\n      )}\n    </tr>\n  );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n  dataSource: PropTypes.shape({}),\n  schema: PropTypes.shape({}).isRequired,\n  selected: PropTypes.bool,\n  sort: PropTypes.shape({}),\n  onPress: PropTypes.func,\n  onSelect: PropTypes.func,\n  onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":"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"}