@mirai/core 0.2.18 → 0.3.1

package/build/components/__shared__/Field/Field.js

@@ -0,0 +1,91 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Field = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var style = _interopRequireWildcard(require("./Field.module.css"));
+var _helpers = require("../../helpers");
+var _excluded = ["caption", "centered", "children", "error", "icon", "inputMode", "label", "placeholder", "visible", "warning", "onPress"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _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 Field = exports.Field = function Field(_ref) {
+  var caption = _ref.caption,
+    centered = _ref.centered,
+    children = _ref.children,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    icon = _ref.icon,
+    _ref$inputMode = _ref.inputMode,
+    inputMode = _ref$inputMode === void 0 ? false : _ref$inputMode,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    visible = _ref.visible,
+    _ref$warning = _ref.warning,
+    warning = _ref$warning === void 0 ? false : _ref$warning,
+    _ref$onPress = _ref.onPress,
+    onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var _useDevice = (0, _ui.useDevice)(),
+    isMobile = _useDevice.isMobile;
+  var Wrapper = !isMobile ? _ui.Layer : _react.Fragment;
+  var testId = others.testId;
+  return /*#__PURE__*/_react.default.createElement(Wrapper, !isMobile ? {
+    centered: centered,
+    visible: visible,
+    className: style.layerContent
+  } : undefined, /*#__PURE__*/_react.default.createElement(_ui.Pressable, _extends({}, others, {
+    onPress: onPress,
+    className: (0, _ui.styles)(style.field, visible && style.focus, others.className)
+  }), !isMobile && icon && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: icon,
+    className: (0, _ui.styles)(style.icon, style.left)
+  }), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.input
+  }, isMobile && label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    small: true,
+    className: style.label
+  }, label), inputMode ? children : /*#__PURE__*/_react.default.createElement(_ui.Text, {
+    action: true,
+    className: (0, _ui.styles)(style.caption, !caption && placeholder && style.placeholder)
+  }, caption || placeholder)), !isMobile && !inputMode && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: _helpers.ICON.UNFOLD,
+    className: (0, _ui.styles)(style.icon, style.right)
+  }), (error || warning) && /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    value: error ? _helpers.ICON.ERROR : _helpers.ICON.WARNING,
+    className: (0, _ui.styles)(style.icon, style.right, error ? style.error : style.warning)
+  })), children && !inputMode && /*#__PURE__*/_react.default.createElement(isMobile ? _ui.Modal : _ui.LayerContent, isMobile ? _defineProperty({
+    portal: true,
+    title: label,
+    visible: visible,
+    onClose: onPress,
+    onOverflow: onPress
+  }, 'testId', testId ? "".concat(testId, "-modal") : undefined) : undefined, children));
+};
+Field.displayName = 'Finder:Finder:Field';
+Field.propTypes = {
+  caption: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  centered: _propTypes.default.bool,
+  children: _propTypes.default.node,
+  error: _propTypes.default.bool,
+  icon: _propTypes.default.func,
+  inputMode: _propTypes.default.bool,
+  label: _propTypes.default.string,
+  placeholder: _propTypes.default.string,
+  tabIndex: _propTypes.default.number,
+  visible: _propTypes.default.bool,
+  warning: _propTypes.default.bool,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Field.js.map

package/build/components/__shared__/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["_ui","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","style","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Field","exports","_ref","caption","centered","children","_ref$error","error","icon","_ref$inputMode","inputMode","label","placeholder","visible","_ref$warning","warning","_ref$onPress","onPress","others","_useDevice","useDevice","isMobile","Wrapper","Layer","Fragment","testId","createElement","className","layerContent","Pressable","styles","field","focus","Icon","left","View","Text","small","action","ICON","UNFOLD","right","ERROR","WARNING","React","Modal","LayerContent","portal","title","onClose","onOverflow","concat","displayName","propTypes","PropTypes","oneOfType","string","array","bool","node","func","tabIndex","number"],"sources":["../../../../src/components/__shared__/Field/Field.jsx"],"sourcesContent":["import { Icon, Layer, LayerContent, Modal, Pressable, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { Fragment } from 'react';\n\nimport * as style from './Field.module.css';\nimport { ICON } from '../../helpers';\n\nconst Field = ({\n  caption,\n  centered,\n  children,\n  error = false,\n  icon,\n  inputMode = false,\n  label,\n  placeholder,\n  visible,\n  warning = false,\n  onPress = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const Wrapper = !isMobile ? Layer : Fragment;\n  const { testId } = others;\n\n  return (\n    <Wrapper {...(!isMobile ? { centered, visible, className: style.layerContent } : undefined)}>\n      <Pressable\n        {...others}\n        onPress={onPress}\n        className={styles(style.field, visible && style.focus, others.className)}\n      >\n        {!isMobile && icon && <Icon value={icon} className={styles(style.icon, style.left)} />}\n        <View className={style.input}>\n          {isMobile && label && (\n            <Text small className={style.label}>\n              {label}\n            </Text>\n          )}\n          {inputMode ? (\n            children\n          ) : (\n            <Text action className={styles(style.caption, !caption && placeholder && style.placeholder)}>\n              {caption || placeholder}\n            </Text>\n          )}\n        </View>\n\n        {!isMobile && !inputMode && <Icon value={ICON.UNFOLD} className={styles(style.icon, style.right)} />}\n        {(error || warning) && (\n          <Icon\n            value={error ? ICON.ERROR : ICON.WARNING}\n            className={styles(style.icon, style.right, error ? style.error : style.warning)}\n          />\n        )}\n      </Pressable>\n\n      {children &&\n        !inputMode &&\n        React.createElement(\n          isMobile ? Modal : LayerContent,\n          isMobile\n            ? {\n                portal: true,\n                title: label,\n                visible,\n                onClose: onPress,\n                onOverflow: onPress,\n                ['testId']: testId ? `${testId}-modal` : undefined,\n              }\n            : undefined,\n          children,\n        )}\n    </Wrapper>\n  );\n};\n\nField.displayName = 'Finder:Finder:Field';\n\nField.propTypes = {\n  caption: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  error: PropTypes.bool,\n  icon: PropTypes.func,\n  inputMode: PropTypes.bool,\n  label: PropTypes.string,\n  placeholder: PropTypes.string,\n  tabIndex: PropTypes.number,\n  visible: PropTypes.bool,\n  warning: PropTypes.bool,\n  onPress: PropTypes.func,\n};\n\nexport { Field };\n"],"mappings":"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"}

package/build/components/__shared__/Field/Field.module.css

@@ -0,0 +1,105 @@
+:root {
+  --mirai-finder-field-background: var(--mirai-ui-input-background);
+  --mirai-finder-field-border: var(--mirai-ui-input-text-border);
+  --mirai-finder-field-border-radius: var(--mirai-ui-input-text-radius);
+  --mirai-finder-field-border-focus: var(--mirai-ui-input-text-focus);
+  --mirai-finder-field-height: var(--mirai-ui-input-min-height);
+  --mirai-finder-field-icon-color: var(--mirai-ui-input-disabled);
+  --mirai-finder-field-icon-size: var(--mirai-ui-input-text-icon);
+  --mirai-finder-field-layer-shadow: var(--mirai-ui-shadow);
+  --mirai-finder-field-margin-mobile: 0 0 var(--mirai-finder-padding) 0;
+  --mirai-finder-field-padding-x: var(--mirai-ui-input-text-padding-x);
+  --mirai-finder-field-padding-y: var(--mirai-ui-input-text-padding-y);
+}
+
+.caption {
+  font-family: var(--mirai-ui-input-font);
+  font-size: var(--mirai-ui-input-font-size);
+  flex: 1;
+  overflow: hidden;
+  text-align: var(--mirai-ui-text-align);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.caption.placeholder {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.field {
+  align-items: center;
+  align-content: center;
+  background-color: var(--mirai-finder-field-background);
+  border: var(--mirai-finder-field-border);
+  border-radius: var(--mirai-finder-field-border-radius);
+  cursor: pointer;
+  display: flex;
+  flex-direction: var(--mirai-ui-row-direction);
+  justify-content: flex-start;
+}
+
+.field.focus {
+  border-color: var(--mirai-finder-field-border-focus);
+}
+
+.icon {
+  font-size: var(--mirai-finder-field-icon-size);
+  height: var(--mirai-finder-field-icon-size);
+  line-height: var(--mirai-finder-field-icon-size);
+  width: var(--mirai-finder-field-icon-size);
+}
+
+.icon.left {
+  color: var(--mirai-finder-field-icon-color);
+}
+
+.icon.right {
+  margin-left: calc(var(--mirai-finder-field-padding-x) / 2);
+}
+
+.icon.error {
+  color: var(--mirai-ui-error);
+}
+
+.icon.warning {
+  color: var(--mirai-ui-warning);
+}
+
+.input {
+  flex: 1;
+}
+
+.input > .label {
+  color: var(--mirai-finder-field-icon-color);
+}
+
+.layerContent {
+  margin: var(--mirai-finder-field-padding-y) 0;
+  background-color: var(--mirai-finder-field-background);
+  border: var(--mirai-finder-field-border);
+  border-radius: var(--mirai-finder-field-border-radius);
+  box-shadow: var(--mirai-finder-field-layer-shadow);
+}
+
+@media only screen and (max-width: 430px) {
+  .field {
+    margin: var(--mirai-finder-field-margin-mobile);
+    padding: var(--mirai-finder-field-padding-y) var(--mirai-finder-field-padding-x);
+    width: auto;
+  }
+
+  .icon.left {
+    margin-right: var(--mirai-finder-field-padding-x);
+  }
+}
+
+@media only screen and (min-width: 431px) {
+  .field {
+    height: var(--mirai-finder-field-height);
+    padding: 0 var(--mirai-finder-field-padding-x);
+  }
+
+  .icon.left {
+    margin-right: calc(var(--mirai-finder-field-padding-x) / 1.5);
+  }
+}