@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/form/hooks/useFormInstance.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _context = _interopRequireDefault(require("../../context"));
-
-var _Form = _interopRequireDefault(require("../Form"));
-
-var _Item = _interopRequireDefault(require("../Item"));
-
-var _Reset = _interopRequireDefault(require("../Reset"));
-
-var _Submit = _interopRequireDefault(require("../Submit"));
-
-var FormComponent = (0, _context["default"])(_Form["default"]);
-
-var useFormInstance = function useFormInstance() {
-  var formRef = (0, _react.useRef)();
-  var FormInstance = formRef;
-  var FormWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    return /*#__PURE__*/_react["default"].createElement(FormComponent, (0, _extends2["default"])({}, props, {
-      ref: formRef
-    }));
-  });
-  return {
-    FormWrapper: FormWrapper,
-    FormInstance: FormInstance,
-    FormItem: _Item["default"],
-    FormReset: _Reset["default"],
-    FormSubmit: _Submit["default"]
-  };
-};
-
-var _default = useFormInstance;
-exports["default"] = _default;

package/es/form/index.d.ts

@@ -1,80 +0,0 @@
-import React from "react"
-import { ButtonProps } from '../button'
-
-type FormData = {
-  [prop: string]: any
-}
-
-export interface FormListFieldData {
-  field?: string
-  listItemValue?: any
-  column?: number
-  name?: string
-}
-export interface FormListOperation {
-  add: () => void
-  remove: (fieldItem: FormListFieldData) => void
-}
-export interface FormProps {
-  initialValues?: FormData
-  rules?: object
-  labelWidth?: string | number
-  labelPlacement?: 	'right' | 'left' | 'top'
-  placement?: 'horizontal' | 'vertical'
-  showColon?: boolean
-  children: Form.Item
-  style?: React.CSSProperties
-  className?: string
-  onValuesChange?: (changedValues: object, allValues: object) => void
-}
-
-export interface FormItemProps {
-  field?: string | string[]
-  label?: string | JSX.Element
-  name?: string
-  row?: number
-  rules?: any
-  valuePropName?: string
-  contentPosition?: 'top' | 'center' |'bottom'
-  labelWidth?: string
-  required?: boolean
-  showColon?: boolean
-  style?: React.CSSProperties
-  className?: string
-}
-export interface FormSchemaItem extends FormItemProps {
-  component?: string | JSX.Element
-  componentProps?: string
-}
-export interface FormSchemaProps {
-  schema?: FormSchemaItem
-  submit?: FormSubmit
-  reset?: FormReset
-}
-
-export interface FormSubmit extends ButtonProps {
-  onClick?: (value: object, errors: object) => void
-  validate?: any[]
-}
-export interface FormReset extends ButtonProps {
-  onClick?: () => void
-  fields?: any[]
-  toDefault?: boolean
-}
-export interface FormList {
-  name?: string
-  children?: (fields: FormListFieldData[], operation: FormListOperation) => React.ReactNode
-}
-declare class Item extends React.Component<FormItemProps, any> {
-}
-declare class SchemaForm extends React.Component<FormSchemaProps, any> {
-}
-declare class Form extends React.Component<FormProps, any> {
-  static Item = Item
-  static SchemaForm = SchemaForm
-  static List = FormList
-  static Reset = FormReset
-  static Submit = FormSubmit
-}
-
-export default Form

package/es/form/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LegacyForm", {
-  enumerable: true,
-  get: function get() {
-    return _formV["default"];
-  }
-});
-exports["default"] = void 0;
-
-var _formV = _interopRequireWildcard(require("./form-legacy/form-v2"));
-
-var _Form = _interopRequireDefault(require("./Form"));
-
-var _Item = _interopRequireDefault(require("./Item"));
-
-var _Submit = _interopRequireDefault(require("./Submit"));
-
-var _Reset = _interopRequireDefault(require("./Reset"));
-
-var _List = _interopRequireDefault(require("./List"));
-
-var _SchemaForm = _interopRequireDefault(require("./SchemaForm"));
-
-var _useForm = _interopRequireDefault(require("./hooks/useForm"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-require("./style/index");
-
-_formV["default"].Item = _formV.Item;
-var Form = (0, _context["default"])(_Form["default"]);
-Form.Item = _Item["default"];
-Form.Submit = _Submit["default"];
-Form.Reset = _Reset["default"];
-Form.List = _List["default"];
-Form.SchemaForm = _SchemaForm["default"];
-Form.useForm = _useForm["default"];
-var _default = Form;
-exports["default"] = _default;

package/es/form/style/index.css

@@ -1 +0,0 @@
-.hi-form{max-width:100%;position:relative}.hi-form fieldset{margin:0;padding:0;border:0}.hi-form fieldset+fieldset{margin-top:16px}.hi-form legend{margin:0 0 16px;color:var(--color-gray-80)}.hi-form--inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hi-form--readOnly{pointer-events:none}.hi-form__title{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0;margin-bottom:24px;font-size:16px;font-weight:400}.hi-form--label--left .hi-form-item__label{text-align:left}.hi-form--label--right .hi-form-item__label{text-align:right}.hi-form--label--top{padding-right:0;text-align:left}.hi-form--label--top.hi-form--inline .hi-form-item__span{min-height:32px}.hi-form--label--top .hi-form-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}.hi-form--label--top .hi-form-item .hi-form-item__label{height:22px;padding-right:8px;margin-bottom:8px}.hi-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin-right:8px;margin-bottom:24px}.hi-form-item__label,.hi-form-item__span{-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;color:var(--color-gray-80);overflow-wrap:break-word}.hi-form-item__label{margin-top:5px;min-height:22px;padding-right:8px;line-height:22px}.hi-form-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;vertical-align:top;min-height:32px;-ms-flex-negative:0;flex-shrink:0}.hi-form-item__content p{margin:0;padding:0}.hi-form-item__children{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:30px}.hi-form-item__error .hi-form-item__content .hi-input__inner,.hi-form-item__error .hi-form-item__content .hi-select__input,.hi-form-item__error .hi-form-item__content .hi-cascader__input-container,.hi-form-item__error .hi-form-item__content .hi-datepicker__input,.hi-form-item__error .hi-form-item__content .hi-datepicker__picker,.hi-form-item__error .hi-form-item__content .tree-select__tag-wrapper,.hi-form-item__error .hi-form-item__content .hi-input{border-color:#f44343}.hi-form-item--msg__error{position:absolute;font-size:12px;min-height:24px;padding:2px 0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0;color:#f44343}.hi-form-item--msg__error__show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hi-form--inline .hi-form-item--msg__error{top:36px;left:0;line-height:18px}.hi-form-item--required .hi-form-item__label::before{margin-right:4px;content:'*';color:#f44343}.hi-form-item--fixed{position:absolute;top:0;right:0}.hi-form-item .hi-checkbox-group{line-height:32px}

package/es/form/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/es/form/test.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _input = _interopRequireDefault(require("../input"));
-
-var FormItem = _index["default"].Item;
-
-var MasterDataScheme = function MasterDataScheme() {
-  var basicForm = (0, _react.useRef)();
-  (0, _react.useLayoutEffect)(function () {
-    basicForm.current.setFieldsValue({
-      productCode: '1',
-      productName: 'aaa'
-    });
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'content-container'
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, "\u57FA\u7840\u4FE1\u606F"), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'content-container_basic'
-  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    ref: basicForm,
-    labelWidth: "80",
-    labelPlacement: "top"
-  }, /*#__PURE__*/_react["default"].createElement(FormItem, {
-    required: true,
-    label: "\u4EA7\u54C1\u7F16\u7801",
-    field: "productCode"
-  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-    placeholder: "\u8BF7\u8F93\u5165"
-  })), /*#__PURE__*/_react["default"].createElement(FormItem, {
-    required: true,
-    label: "\u4EA7\u54C1\u540D\u79F0",
-    field: "productName"
-  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-    placeholder: "\u8BF7\u8F93\u5165"
-  }))))));
-};
-
-var _default = MasterDataScheme;
-exports["default"] = _default;

package/es/form/utils.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformValues = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-// 需要做一个filed的规则解析
-var tranformListValues = function tranformListValues(field, listNestValues, value, listname) {
-  var fieldSplit = field.split('#');
-  var key = fieldSplit[1];
-  var keyName = fieldSplit[0];
-
-  if (listNestValues[listname][keyName]) {
-    listNestValues[listname][keyName] = _lodash["default"].merge(listNestValues[listname][keyName], (0, _defineProperty2["default"])({}, key, value));
-  } else {
-    listNestValues[listname][keyName] = (0, _defineProperty2["default"])({}, key, value);
-  }
-}; // 转换输出的值
-
-
-var transformValues = function transformValues(allvalue, fields) {
-  var tranformValues = {};
-  var listNestValues = {}; // 根据sort进行数据排列
-
-  var sortfields = _lodash["default"].sortBy(fields, ['sort']);
-
-  sortfields.forEach(function (filedItem) {
-    var realField = filedItem.realField,
-        field = filedItem.field,
-        propsField = filedItem.propsField,
-        _type = filedItem._type,
-        listname = filedItem.listname;
-
-    if (_type === 'list') {
-      if (propsField !== realField) {
-        listNestValues[listname] = listNestValues[listname] || {};
-        tranformListValues(realField, listNestValues, allvalue[realField], listname);
-        Object.keys(listNestValues).forEach(function (key) {
-          var arr = [];
-          Object.keys(listNestValues[key]).forEach(function (item) {
-            arr.push(listNestValues[key][item]);
-          });
-          tranformValues[key] = arr;
-        });
-        return;
-      }
-
-      if (tranformValues[listname]) {
-        tranformValues[listname].push(allvalue[realField]);
-      } else {
-        tranformValues[listname] = [allvalue[realField]];
-      }
-    } else {
-      // bugfix: https://github.com/XiaoMi/hiui/issues/2077
-      var readField = _type === 'SchemaForm' ? field : realField;
-
-      if (Array.isArray(propsField)) {
-        var chainKeys = propsField.reduceRight(function (pre, next) {
-          return (0, _defineProperty2["default"])({}, next, pre);
-        }, allvalue[readField]);
-        tranformValues = _lodash["default"].merge(tranformValues, chainKeys);
-      } else {
-        tranformValues = _lodash["default"].merge(tranformValues, (0, _defineProperty2["default"])({}, realField, allvalue[readField]));
-      }
-    }
-  });
-  return tranformValues;
-};
-
-exports.transformValues = transformValues;

package/es/grid/__tests__/index.test.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireWildcard(require("sinon"));
-
-var _simulant = _interopRequireDefault(require("simulant"));
-
-var _index = _interopRequireDefault(require("../index"));
-
-/* eslint-env jest */
-describe('Grid', function () {
-  describe('Row&Col.PropTypes', function () {
-    it('gutter', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Row, {
-        gutter: true
-      }, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, "div")));
-      expect(wrapper.find('.hi-grid__row').hasClass('hi-grid__row--gutter')).toBeTruthy();
-    });
-    it('span', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, null, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 12
-      }, "div")));
-      expect(wrapper.find('.hi-grid__col-4')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-8')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-12')).toHaveLength(1);
-    });
-    it('offset', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 3
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4,
-        offset: 4
-      }, "div")));
-      expect(wrapper.find('.hi-grid__col-3')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-8')).toHaveLength(1);
-      expect(wrapper.find('.hi-grid__col-4').hasClass('hi-grid__offset-4')).toBeTruthy();
-    });
-    it('justify', function () {
-      var Row = _index["default"].Row;
-      var Col = _index["default"].Col;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Row, {
-        justify: "center"
-      }, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 3,
-        justify: "flex-start"
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4,
-        offset: 4
-      }, "div")), /*#__PURE__*/_react["default"].createElement(Row, {
-        justify: "space-between"
-      }, /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 3
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 8
-      }, "div"), /*#__PURE__*/_react["default"].createElement(Col, {
-        span: 4,
-        offset: 4
-      }, "div"))));
-      expect(window.getComputedStyle(wrapper.find('.hi-grid__row').first().getDOMNode()).getPropertyValue('justify-content')).toEqual('center');
-      expect(window.getComputedStyle(wrapper.find('.hi-grid__row').at(1).getDOMNode()).getPropertyValue('justify-content')).toEqual('space-between');
-      expect(window.getComputedStyle(wrapper.find('.hi-grid__col-3').at(0).getDOMNode()).getPropertyValue('justify-content')).toEqual('flex-start');
-    });
-  });
-  describe('Br', function () {
-    var Row = _index["default"].Row;
-    var Col = _index["default"].Col;
-    var Br = _index["default"].Br;
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-      span: 3
-    }, "div")), /*#__PURE__*/_react["default"].createElement(Br, null), /*#__PURE__*/_react["default"].createElement(Row, null, /*#__PURE__*/_react["default"].createElement(Col, {
-      span: 3
-    }, "div"))));
-    expect(wrapper.containsAnyMatchingElements([/*#__PURE__*/_react["default"].createElement(Br, null)])).toBeTruthy();
-  });
-});

package/es/grid/index.d.ts

@@ -1,38 +0,0 @@
-import React from "react";
-
-export interface GridProps {}
-
-export type BaseProps = {
-  children?: React.ReactNode;
-  style?: React.CSSProperties;
-  id?: React.ReactText;
-  className?: string;
-};
-
-export interface RowProps extends BaseProps {
-  justify?:
-    | "flex-start"
-    | "flex-end"
-    | "center"
-    | "space-around"
-    | "space-between";
-  gutter?: boolean;
-}
-
-export interface ColProps extends BaseProps {
-  justify?:
-    | "flex-start"
-    | "flex-end"
-    | "center"
-    | "space-around"
-    | "space-between";
-  span?: number;
-  offset?: number;
-}
-declare class Row extends React.Component<RowProps, any> {}
-declare class Col extends React.Component<ColProps, any> {}
-declare class Grid extends React.Component<GridProps, any> {
-  static Row = Row;
-  static Col = Col;
-}
-export default Grid;

package/es/grid/index.js

@@ -1,178 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style/index");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var PropTypes = require('prop-types');
-
-var Col = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Col, _Component);
-
-  var _super = _createSuper(Col);
-
-  function Col() {
-    (0, _classCallCheck2["default"])(this, Col);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Col, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          _this$props$span = _this$props.span,
-          span = _this$props$span === void 0 ? '' : _this$props$span,
-          _this$props$style = _this$props.style,
-          style = _this$props$style === void 0 ? {} : _this$props$style,
-          _this$props$offset = _this$props.offset,
-          offset = _this$props$offset === void 0 ? '' : _this$props$offset,
-          id = _this$props.id,
-          className = _this$props.className,
-          justify = _this$props.justify,
-          others = (0, _objectWithoutProperties2["default"])(_this$props, ["children", "span", "style", "offset", "id", "className", "justify"]);
-      var _this$context$gutter = this.context.gutter,
-          gutter = _this$context$gutter === void 0 ? false : _this$context$gutter;
-      var obj = {};
-      obj['hi-grid__col-' + span] = span && true;
-      obj['hi-grid__offset-' + offset] = offset && true;
-      obj['hi-grid__col--gutter'] = gutter;
-      var colClass = (0, _classnames["default"])(obj);
-
-      if (justify) {
-        style = Object.assign({}, style, {
-          display: 'flex',
-          justifyContent: justify
-        });
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, others, {
-        id: "".concat(id || ''),
-        className: "".concat(colClass, " ").concat(className || ''),
-        style: style
-      }), children);
-    }
-  }]);
-  return Col;
-}(_react.Component);
-
-Col.contextTypes = {
-  gutter: PropTypes.bool
-};
-
-var Row = /*#__PURE__*/function (_Component2) {
-  (0, _inherits2["default"])(Row, _Component2);
-
-  var _super2 = _createSuper(Row);
-
-  function Row() {
-    (0, _classCallCheck2["default"])(this, Row);
-    return _super2.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Row, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        gutter: this.props.gutter
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          _this$props2$style = _this$props2.style,
-          style = _this$props2$style === void 0 ? {} : _this$props2$style,
-          className = _this$props2.className,
-          id = _this$props2.id,
-          gutter = _this$props2.gutter,
-          justify = _this$props2.justify,
-          others = (0, _objectWithoutProperties2["default"])(_this$props2, ["children", "style", "className", "id", "gutter", "justify"]);
-      var obj = {};
-      obj['hi-grid__row'] = true;
-      obj['hi-grid__row--gutter'] = gutter;
-      var rowClass = (0, _classnames["default"])(obj);
-
-      if (justify) {
-        style = Object.assign({}, style, {
-          justifyContent: justify
-        });
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, others, {
-        id: "".concat(id || ''),
-        className: "".concat(rowClass, " ").concat(className || ''),
-        style: style
-      }), children);
-    }
-  }]);
-  return Row;
-}(_react.Component);
-
-Row.childContextTypes = {
-  gutter: PropTypes.bool
-};
-
-var Br = /*#__PURE__*/function (_Component3) {
-  (0, _inherits2["default"])(Br, _Component3);
-
-  var _super3 = _createSuper(Br);
-
-  function Br() {
-    (0, _classCallCheck2["default"])(this, Br);
-    return _super3.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Br, [{
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          _this$props3$height = _this$props3.height,
-          height = _this$props3$height === void 0 ? '4px' : _this$props3$height,
-          _this$props3$style = _this$props3.style,
-          style = _this$props3$style === void 0 ? {} : _this$props3$style;
-      style.height = parseInt(height) + 'px';
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: style
-      });
-    }
-  }]);
-  return Br;
-}(_react.Component);
-
-var _default = {
-  Row: Row,
-  Col: Col,
-  Br: Br
-};
-exports["default"] = _default;

package/es/grid/style/index.css

@@ -1 +0,0 @@
-.hi-grid__row{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.hi-grid__row--gutter{margin-left:-12px;margin-right:-12px}.hi-grid__row+.hi-grid__row{margin-top:24px}.hi-grid__col--gutter{padding:0 12px}.hi-grid__col-1{-webkit-box-sizing:border-box;box-sizing:border-box;width:4.16667%}.hi-grid__offset-1{margin-left:4.16667%}.hi-grid__col-2{-webkit-box-sizing:border-box;box-sizing:border-box;width:8.33333%}.hi-grid__offset-2{margin-left:8.33333%}.hi-grid__col-3{-webkit-box-sizing:border-box;box-sizing:border-box;width:12.5%}.hi-grid__offset-3{margin-left:12.5%}.hi-grid__col-4{-webkit-box-sizing:border-box;box-sizing:border-box;width:16.66667%}.hi-grid__offset-4{margin-left:16.66667%}.hi-grid__col-5{-webkit-box-sizing:border-box;box-sizing:border-box;width:20.83333%}.hi-grid__offset-5{margin-left:20.83333%}.hi-grid__col-6{-webkit-box-sizing:border-box;box-sizing:border-box;width:25%}.hi-grid__offset-6{margin-left:25%}.hi-grid__col-7{-webkit-box-sizing:border-box;box-sizing:border-box;width:29.16667%}.hi-grid__offset-7{margin-left:29.16667%}.hi-grid__col-8{-webkit-box-sizing:border-box;box-sizing:border-box;width:33.33333%}.hi-grid__offset-8{margin-left:33.33333%}.hi-grid__col-9{-webkit-box-sizing:border-box;box-sizing:border-box;width:37.5%}.hi-grid__offset-9{margin-left:37.5%}.hi-grid__col-10{-webkit-box-sizing:border-box;box-sizing:border-box;width:41.66667%}.hi-grid__offset-10{margin-left:41.66667%}.hi-grid__col-11{-webkit-box-sizing:border-box;box-sizing:border-box;width:45.83333%}.hi-grid__offset-11{margin-left:45.83333%}.hi-grid__col-12{-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.hi-grid__offset-12{margin-left:50%}.hi-grid__col-13{-webkit-box-sizing:border-box;box-sizing:border-box;width:54.16667%}.hi-grid__offset-13{margin-left:54.16667%}.hi-grid__col-14{-webkit-box-sizing:border-box;box-sizing:border-box;width:58.33333%}.hi-grid__offset-14{margin-left:58.33333%}.hi-grid__col-15{-webkit-box-sizing:border-box;box-sizing:border-box;width:62.5%}.hi-grid__offset-15{margin-left:62.5%}.hi-grid__col-16{-webkit-box-sizing:border-box;box-sizing:border-box;width:66.66667%}.hi-grid__offset-16{margin-left:66.66667%}.hi-grid__col-17{-webkit-box-sizing:border-box;box-sizing:border-box;width:70.83333%}.hi-grid__offset-17{margin-left:70.83333%}.hi-grid__col-18{-webkit-box-sizing:border-box;box-sizing:border-box;width:75%}.hi-grid__offset-18{margin-left:75%}.hi-grid__col-19{-webkit-box-sizing:border-box;box-sizing:border-box;width:79.16667%}.hi-grid__offset-19{margin-left:79.16667%}.hi-grid__col-20{-webkit-box-sizing:border-box;box-sizing:border-box;width:83.33333%}.hi-grid__offset-20{margin-left:83.33333%}.hi-grid__col-21{-webkit-box-sizing:border-box;box-sizing:border-box;width:87.5%}.hi-grid__offset-21{margin-left:87.5%}.hi-grid__col-22{-webkit-box-sizing:border-box;box-sizing:border-box;width:91.66667%}.hi-grid__offset-22{margin-left:91.66667%}.hi-grid__col-23{-webkit-box-sizing:border-box;box-sizing:border-box;width:95.83333%}.hi-grid__offset-23{margin-left:95.83333%}.hi-grid__col-24{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.hi-grid__offset-24{margin-left:100%}

package/es/grid/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");