@mirai/ui 1.0.12 → 1.0.13

package/build/components/Form/helpers/getChildrenValues.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChildrenValues = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _getField = require("./getField");
+
+var _excluded = ["checked", "defaultChecked", "defaultValue", "type", "value"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 BOOLEAN_TYPES = ['checkbox', 'radio'];
+
+var getChildrenValues = function getChildrenValues(children) {
+  var values = {};
+
+  _react.default.Children.forEach(children, function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref$props = _ref.props;
+
+    _ref$props = _ref$props === void 0 ? {} : _ref$props;
+
+    var _ref$props$checked = _ref$props.checked,
+        checked = _ref$props$checked === void 0 ? false : _ref$props$checked,
+        _ref$props$defaultChe = _ref$props.defaultChecked,
+        defaultChecked = _ref$props$defaultChe === void 0 ? false : _ref$props$defaultChe,
+        _ref$props$defaultVal = _ref$props.defaultValue,
+        defaultValue = _ref$props$defaultVal === void 0 ? undefined : _ref$props$defaultVal,
+        _ref$props$type = _ref$props.type,
+        type = _ref$props$type === void 0 ? undefined : _ref$props$type,
+        _ref$props$value = _ref$props.value,
+        value = _ref$props$value === void 0 ? undefined : _ref$props$value,
+        props = _objectWithoutProperties(_ref$props, _excluded);
+
+    var field = (0, _getField.getField)(props);
+    if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;
+  });
+
+  return values;
+};
+
+exports.getChildrenValues = getChildrenValues;
+//# sourceMappingURL=getChildrenValues.js.map

package/build/components/Form/helpers/getChildrenValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","getChildrenValues","children","values","React","Children","forEach","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = ['checkbox', 'radio'];\n\nexport const getChildrenValues = (children) => {\n  const values = {};\n\n  React.Children.forEach(\n    children,\n    ({\n      props: {\n        checked = false,\n        defaultChecked = false,\n        defaultValue = undefined,\n        type = undefined,\n        value = undefined,\n        ...props\n      } = {},\n    } = {}) => {\n      const field = getField(props);\n      if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;\n    },\n  );\n\n  return values;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,CAAC,UAAD,EAAa,OAAb,CAAtB;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAc;EAC7C,IAAMC,MAAM,GAAG,EAAf;;EAEAC,eAAMC,QAAN,CAAeC,OAAf,CACEJ,QADF,EAEE,YASW;IAAA,+EAAP,EAAO;IAAA,sBARTK,KAQS;;IAAA,qCADL,EACK;;IAAA,oCAPPC,OAOO;IAAA,IAPPA,OAOO,mCAPG,KAOH;IAAA,uCANPC,cAMO;IAAA,IANPA,cAMO,sCANU,KAMV;IAAA,uCALPC,YAKO;IAAA,IALPA,YAKO,sCALQC,SAKR;IAAA,iCAJPC,IAIO;IAAA,IAJPA,IAIO,gCAJAD,SAIA;IAAA,kCAHPE,KAGO;IAAA,IAHPA,KAGO,iCAHCF,SAGD;IAAA,IAFJJ,KAEI;;IACT,IAAMO,KAAK,GAAG,wBAASP,KAAT,CAAd;IACA,IAAIO,KAAJ,EAAWX,MAAM,CAACW,KAAD,CAAN,GAAgBd,aAAa,CAACe,QAAd,CAAuBH,IAAvB,IAA+BJ,OAAO,IAAIC,cAA1C,GAA2DI,KAAK,IAAIH,YAApF;EACZ,CAdH;;EAiBA,OAAOP,MAAP;AACD,CArBM"}

package/build/components/Form/helpers/getField.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getField = void 0;
+
+var getField = function getField() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      name = _ref.name,
+      id = _ref.id;
+
+  return name || id;
+};
+
+exports.getField = getField;
+//# sourceMappingURL=getField.js.map

package/build/components/Form/helpers/getField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getField.js","names":["getField","name","id"],"sources":["../../../../src/components/Form/helpers/getField.js"],"sourcesContent":["export const getField = ({ name, id } = {}) => name || id;\n"],"mappings":";;;;;;;AAAO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;EAAA,+EAAgB,EAAhB;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,IAASC,EAAT,QAASA,EAAT;;EAAA,OAAuBD,IAAI,IAAIC,EAA/B;AAAA,CAAjB"}

package/build/components/Form/helpers/groupState.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.groupState = void 0;
+
+var groupState = function groupState() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$initialValue = _ref.initialValue,
+      initialValue = _ref$initialValue === void 0 ? {} : _ref$initialValue,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? {} : _ref$value,
+      _ref$touched = _ref.touched,
+      touched = _ref$touched === void 0 ? {} : _ref$touched;
+
+  var state = {};
+  Object.keys(initialValue).forEach(function (field) {
+    state[field] = {
+      initialValue: initialValue[field],
+      value: value[field],
+      touched: touched[field] || false
+    };
+  });
+  return state;
+};
+
+exports.groupState = groupState;
+//# sourceMappingURL=groupState.js.map

package/build/components/Form/helpers/groupState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupState.js","names":["groupState","initialValue","value","touched","state","Object","keys","forEach","field"],"sources":["../../../../src/components/Form/helpers/groupState.js"],"sourcesContent":["export const groupState = ({ initialValue = {}, value = {}, touched = {} } = {}) => {\n  const state = {};\n\n  Object.keys(initialValue).forEach((field) => {\n    state[field] = {\n      initialValue: initialValue[field],\n      value: value[field],\n      touched: touched[field] || false,\n    };\n  });\n\n  return state;\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,GAA0D;EAAA,+EAAP,EAAO;EAAA,6BAAvDC,YAAuD;EAAA,IAAvDA,YAAuD,kCAAxC,EAAwC;EAAA,sBAApCC,KAAoC;EAAA,IAApCA,KAAoC,2BAA5B,EAA4B;EAAA,wBAAxBC,OAAwB;EAAA,IAAxBA,OAAwB,6BAAd,EAAc;;EAClF,IAAMC,KAAK,GAAG,EAAd;EAEAC,MAAM,CAACC,IAAP,CAAYL,YAAZ,EAA0BM,OAA1B,CAAkC,UAACC,KAAD,EAAW;IAC3CJ,KAAK,CAACI,KAAD,CAAL,GAAe;MACbP,YAAY,EAAEA,YAAY,CAACO,KAAD,CADb;MAEbN,KAAK,EAAEA,KAAK,CAACM,KAAD,CAFC;MAGbL,OAAO,EAAEA,OAAO,CAACK,KAAD,CAAP,IAAkB;IAHd,CAAf;EAKD,CAND;EAQA,OAAOJ,KAAP;AACD,CAZM"}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getChildrenErrors = require("./getChildrenErrors");
+
+Object.keys(_getChildrenErrors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getChildrenErrors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getChildrenErrors[key];
+    }
+  });
+});
+
+var _getChildrenValues = require("./getChildrenValues");
+
+Object.keys(_getChildrenValues).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getChildrenValues[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getChildrenValues[key];
+    }
+  });
+});
+
+var _getField = require("./getField");
+
+Object.keys(_getField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getField[key];
+    }
+  });
+});
+
+var _groupState = require("./groupState");
+
+Object.keys(_groupState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _groupState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _groupState[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/build/components/Form/index.js

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

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

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

package/build/components/InputNumber/InputNumber.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputNumber = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _primitives = require("../../primitives");
+
+var _Button = require("../Button");
+
+var _InputNumberModule = _interopRequireDefault(require("./InputNumber.module.css"));
+
+var _excluded = ["disabled", "hint", "label", "max", "min", "name", "step", "value", "onChange"];
+
+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 InputNumber = function InputNumber(_ref) {
+  var disabled = _ref.disabled,
+      hint = _ref.hint,
+      label = _ref.label,
+      max = _ref.max,
+      _ref$min = _ref.min,
+      min = _ref$min === void 0 ? 0 : _ref$min,
+      name = _ref.name,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 1 : _ref$step,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? 0 : _ref$value,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
+    row: true,
+    className: (0, _helpers.styles)(_InputNumberModule.default.inputNumber, others.className)
+  }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
+    className: _InputNumberModule.default.texts
+  }, label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    className: disabled && _InputNumberModule.default.disabled
+  }, label), hint && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    small: true,
+    className: (0, _helpers.styles)(_InputNumberModule.default.hint, disabled && _InputNumberModule.default.disabled)
+  }, hint)), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    disabled: disabled || value <= min,
+    outlined: true,
+    squared: true,
+    onPress: function onPress() {
+      return onChange(value - step, name);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: "Minus"
+  })), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    className: _InputNumberModule.default.value
+  }, typeof value === 'number' ? value : min), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    disabled: disabled || value >= max,
+    outlined: true,
+    squared: true,
+    onPress: function onPress() {
+      return onChange(value + step, name);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
+    name: "Plus"
+  })));
+};
+
+exports.InputNumber = InputNumber;
+InputNumber.propTypes = {
+  disabled: _propTypes.default.bool,
+  hint: _propTypes.default.string,
+  label: _propTypes.default.string,
+  max: _propTypes.default.number,
+  min: _propTypes.default.number,
+  name: _propTypes.default.string.isRequired,
+  step: _propTypes.default.number,
+  value: _propTypes.default.number,
+  onChange: _propTypes.default.func
+};
+//# sourceMappingURL=InputNumber.js.map

package/build/components/InputNumber/InputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts","propTypes","PropTypes","bool","string","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  ...others\n}) => (\n  <View {...others} row className={styles(style.inputNumber, others.className)}>\n    <View className={style.texts}>\n      {label && <Text className={disabled && style.disabled}>{label}</Text>}\n      {hint && (\n        <Text small className={styles(style.hint, disabled && style.disabled)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n    <Button disabled={disabled || value <= min} outlined squared onPress={() => onChange(value - step, name)}>\n      <Icon name=\"Minus\" />\n    </Button>\n    <Text className={style.value}>{typeof value === 'number' ? value : min}</Text>\n    <Button disabled={disabled || value >= max} outlined squared onPress={() => onChange(value + step, name)}>\n      <Icon name=\"Plus\" />\n    </Button>\n  </View>\n);\n\nInputNumber.propTypes = {\n  disabled: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,QADyB,QACzBA,QADyB;EAAA,IAEzBC,IAFyB,QAEzBA,IAFyB;EAAA,IAGzBC,KAHyB,QAGzBA,KAHyB;EAAA,IAIzBC,GAJyB,QAIzBA,GAJyB;EAAA,oBAKzBC,GALyB;EAAA,IAKzBA,GALyB,yBAKnB,CALmB;EAAA,IAMzBC,IANyB,QAMzBA,IANyB;EAAA,qBAOzBC,IAPyB;EAAA,IAOzBA,IAPyB,0BAOlB,CAPkB;EAAA,sBAQzBC,KARyB;EAAA,IAQzBA,KARyB,2BAQjB,CARiB;EAAA,yBASzBC,QATyB;EAAA,IASzBA,QATyB,8BASd,YAAM,CAAE,CATM;EAAA,IAUtBC,MAVsB;;EAAA,oBAYzB,6BAAC,gBAAD,eAAUA,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOC,2BAAMC,WAAb,EAA0BF,MAAM,CAACG,SAAjC;EAAjC,iBACE,6BAAC,gBAAD;IAAM,SAAS,EAAEF,2BAAMG;EAAvB,GACGX,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEF,QAAQ,IAAIU,2BAAMV;EAAnC,GAA8CE,KAA9C,CADZ,EAEGD,IAAI,iBACH,6BAAC,gBAAD;IAAM,KAAK,MAAX;IAAY,SAAS,EAAE,qBAAOS,2BAAMT,IAAb,EAAmBD,QAAQ,IAAIU,2BAAMV,QAArC;EAAvB,GACGC,IADH,CAHJ,CADF,eASE,6BAAC,cAAD;IAAQ,QAAQ,EAAED,QAAQ,IAAIO,KAAK,IAAIH,GAAvC;IAA4C,QAAQ,MAApD;IAAqD,OAAO,MAA5D;IAA6D,OAAO,EAAE;MAAA,OAAMI,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EAAtE,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EADF,CATF,eAYE,6BAAC,gBAAD;IAAM,SAAS,EAAEK,2BAAMH;EAAvB,GAA+B,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCH,GAAnE,CAZF,eAaE,6BAAC,cAAD;IAAQ,QAAQ,EAAEJ,QAAQ,IAAIO,KAAK,IAAIJ,GAAvC;IAA4C,QAAQ,MAApD;IAAqD,OAAO,MAA5D;IAA6D,OAAO,EAAE;MAAA,OAAMK,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EAAtE,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EADF,CAbF,CAZyB;AAAA,CAApB;;;AA+BPN,WAAW,CAACe,SAAZ,GAAwB;EACtBd,QAAQ,EAAEe,mBAAUC,IADE;EAEtBf,IAAI,EAAEc,mBAAUE,MAFM;EAGtBf,KAAK,EAAEa,mBAAUE,MAHK;EAItBd,GAAG,EAAEY,mBAAUG,MAJO;EAKtBd,GAAG,EAAEW,mBAAUG,MALO;EAMtBb,IAAI,EAAEU,mBAAUE,MAAV,CAAiBE,UAND;EAOtBb,IAAI,EAAES,mBAAUG,MAPM;EAQtBX,KAAK,EAAEQ,mBAAUG,MARK;EAStBV,QAAQ,EAAEO,mBAAUK;AATE,CAAxB"}

package/build/components/InputNumber/InputNumber.module.css

@@ -0,0 +1,25 @@
+:root {
+  --mirai-ui-input-number-value-width: var(--mirai-ui-space-XXL);
+}
+
+.inputNumber {
+  margin-bottom: var(--mirai-ui-input-text-padding-y);
+}
+
+.texts {
+  flex: 1;
+}
+
+.value {
+  display: block;
+  text-align: center;
+  width: var(--mirai-ui-input-number-value-width);
+}
+
+.hint {
+  color: var(--mirai-ui-input-disabled);
+}
+
+.disabled {
+  color: var(--mirai-ui-input-text-disabled);
+}