@mirai/ui 1.0.0

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,"sources":["../../../../src/components/Form/helpers/getField.js"],"names":["getField","name","id"],"mappings":";;;;;;;AAAO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,iFAAgB,EAAhB;AAAA,MAAGC,IAAH,QAAGA,IAAH;AAAA,MAASC,EAAT,QAASA,EAAT;;AAAA,SAAuBD,IAAI,IAAIC,EAA/B;AAAA,CAAjB","sourcesContent":["export const getField = ({ name, id } = {}) => name || id;\n"],"file":"getField.js"}

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,"sources":["../../../../src/components/Form/helpers/groupState.js"],"names":["groupState","initialValue","value","touched","state","Object","keys","forEach","field"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,GAA0D;AAAA,iFAAP,EAAO;AAAA,+BAAvDC,YAAuD;AAAA,MAAvDA,YAAuD,kCAAxC,EAAwC;AAAA,wBAApCC,KAAoC;AAAA,MAApCA,KAAoC,2BAA5B,EAA4B;AAAA,0BAAxBC,OAAwB;AAAA,MAAxBA,OAAwB,6BAAd,EAAc;;AAClF,MAAMC,KAAK,GAAG,EAAd;AAEAC,EAAAA,MAAM,CAACC,IAAP,CAAYL,YAAZ,EAA0BM,OAA1B,CAAkC,UAACC,KAAD,EAAW;AAC3CJ,IAAAA,KAAK,CAACI,KAAD,CAAL,GAAe;AACbP,MAAAA,YAAY,EAAEA,YAAY,CAACO,KAAD,CADb;AAEbN,MAAAA,KAAK,EAAEA,KAAK,CAACM,KAAD,CAFC;AAGbL,MAAAA,OAAO,EAAEA,OAAO,CAACK,KAAD,CAAP,IAAkB;AAHd,KAAf;AAKD,GAND;AAQA,SAAOJ,KAAP;AACD,CAZM","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"],"file":"groupState.js"}

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,"sources":["../../../../src/components/Form/helpers/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './getChildrenErrors';\nexport * from './getChildrenValues';\nexport * from './getField';\nexport * from './groupState';\n"],"file":"index.js"}

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,"sources":["../../../src/components/Form/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Form';\n"],"file":"index.js"}

package/build/components/InputNumber/InputNumber.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputNumber = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 = ["hint", "label", "max", "min", "name", "step", "value", "onChange"];
+
+var InputNumber = function InputNumber(_ref) {
+  var 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_primitives.View, Object.assign({}, 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, null, label), hint && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    lighten: true,
+    small: true,
+    className: _InputNumberModule.default.hint
+  }, hint)), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    disabled: !!min && 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
+  }, value), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    disabled: max && 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;
+//# sourceMappingURL=InputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"names":["InputNumber","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AAAA,MACzBC,IADyB,QACzBA,IADyB;AAAA,MAEzBC,KAFyB,QAEzBA,KAFyB;AAAA,MAGzBC,GAHyB,QAGzBA,GAHyB;AAAA,sBAIzBC,GAJyB;AAAA,MAIzBA,GAJyB,yBAInB,CAJmB;AAAA,MAKzBC,IALyB,QAKzBA,IALyB;AAAA,uBAMzBC,IANyB;AAAA,MAMzBA,IANyB,0BAMlB,CANkB;AAAA,wBAOzBC,KAPyB;AAAA,MAOzBA,KAPyB,2BAOjB,CAPiB;AAAA,2BAQzBC,QARyB;AAAA,MAQzBA,QARyB,8BAQd,YAAM,CAAE,CARM;AAAA,MAStBC,MATsB;AAAA,sBAWzB,6BAAC,gBAAD,oBAAUA,MAAV;AAAkB,IAAA,GAAG,MAArB;AAAsB,IAAA,SAAS,EAAE,qBAAOC,2BAAMC,WAAb,EAA0BF,MAAM,CAACG,SAAjC;AAAjC,mBACE,6BAAC,gBAAD;AAAM,IAAA,SAAS,EAAEF,2BAAMG;AAAvB,KACGX,KAAK,iBAAI,6BAAC,gBAAD,QAAOA,KAAP,CADZ,EAEGD,IAAI,iBACH,6BAAC,gBAAD;AAAM,IAAA,OAAO,MAAb;AAAc,IAAA,KAAK,MAAnB;AAAoB,IAAA,SAAS,EAAES,2BAAMT;AAArC,KACGA,IADH,CAHJ,CADF,eASE,6BAAC,cAAD;AAAQ,IAAA,QAAQ,EAAE,CAAC,CAACG,GAAF,IAASG,KAAK,IAAIH,GAApC;AAAyC,IAAA,QAAQ,MAAjD;AAAkD,IAAA,OAAO,MAAzD;AAA0D,IAAA,OAAO,EAAE;AAAA,aAAMI,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;AAAA;AAAnE,kBACE,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CATF,eAYE,6BAAC,gBAAD;AAAM,IAAA,SAAS,EAAEK,2BAAMH;AAAvB,KAA+BA,KAA/B,CAZF,eAaE,6BAAC,cAAD;AAAQ,IAAA,QAAQ,EAAEJ,GAAG,IAAII,KAAK,IAAIJ,GAAlC;AAAuC,IAAA,QAAQ,MAA/C;AAAgD,IAAA,OAAO,MAAvD;AAAwD,IAAA,OAAO,EAAE;AAAA,aAAMK,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;AAAA;AAAjE,kBACE,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAC;AAAX,IADF,CAbF,CAXyB;AAAA,CAApB","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  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>{label}</Text>}\n      {hint && (\n        <Text lighten small className={style.hint}>\n          {hint}\n        </Text>\n      )}\n    </View>\n    <Button disabled={!!min && value <= min} outlined squared onPress={() => onChange(value - step, name)}>\n      <Icon name=\"Minus\" />\n    </Button>\n    <Text className={style.value}>{value}</Text>\n    <Button disabled={max && value >= max} outlined squared onPress={() => onChange(value + step, name)}>\n      <Icon name=\"Plus\" />\n    </Button>\n  </View>\n);\n\nInputNumber.propTypes = {\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"],"file":"InputNumber.js"}

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

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