@king-design/react 2.0.0-beta.0

package/components/input/search.vdt.js

@@ -0,0 +1,52 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc } from 'intact-react';
+import { Input } from './';
+import { Icon } from '../icon';
+import { Button } from '../button';
+import { getRestProps } from '../utils';
+import { makeSearchStyles } from './styles';
+var _$tmp0 = {
+  'className': 'k-icon-search k-search-icon'
+};
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+
+  var _this$get = this.get(),
+      className = _this$get.className,
+      placeholder = _this$get.placeholder,
+      value = _this$get.value,
+      type = _this$get.type,
+      size = _this$get.size,
+      open = _this$get.open;
+
+  var classNameObj = (_classNameObj = {
+    'k-search': true
+  }, _classNameObj[className] = className, _classNameObj['k-open'] = open, _classNameObj['k-hide'] = !open, _classNameObj["k-" + type] = type !== 'default', _classNameObj[makeSearchStyles()] = true, _classNameObj);
+  return _$cv('form', _extends({}, getRestProps(this), {
+    'className': _$cn(classNameObj),
+    'ev-submit': this.onSubmit,
+    'ref': this.elementRef
+  }), [_$cc(Input, {
+    'clearable': true,
+    'ref': this.inputRef,
+    'placeholder': open ? placeholder : undefined,
+    'value': open ? value : undefined,
+    'ev-$change:value': this.onChangeValue,
+    'readonly': !open,
+    'size': size,
+    'className': 'k-with-suffix'
+  }, null, this.inputRef), _$cc(Button, {
+    'icon': true,
+    'type': 'none',
+    'ev-click': this.onClickBtn,
+    'size': size,
+    'children': _$cc(Icon, _$tmp0)
+  })]);
+}
+;
+
+export {normalize} from 'intact-react';

package/components/input/styles.d.ts

@@ -0,0 +1,6 @@
+import '../../styles/global';
+export declare function makeStyles(): string;
+export declare function makeSearchStyles(): string;
+
+
+export {normalize} from 'intact-react';

package/components/input/styles.js

@@ -0,0 +1,132 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { css } from '@emotion/css';
+import { theme, setDefault } from '../../styles/theme';
+import { deepDefaults, sizes } from '../../styles/utils';
+import '../../styles/global';
+var defaults = deepDefaults({
+  get fontSize() {
+    return theme.default.fontSize;
+  },
+
+  get height() {
+    return theme.default.height;
+  },
+
+  width: '300px',
+
+  get border() {
+    return "1px solid " + theme.color.border;
+  },
+
+  get paddingGap() {
+    return theme.default.padding;
+  },
+
+  bgColor: '#fff',
+
+  get color() {
+    return theme.color.text;
+  },
+
+  get focusBorder() {
+    return "1px solid " + theme.color.primary;
+  },
+
+  get hoverBorder() {
+    return "1px solid " + theme.color.darkBorder;
+  },
+
+  get borderRadius() {
+    return theme.borderRadius;
+  },
+
+  get placeholderColor() {
+    return theme.color.placeholder;
+  },
+
+  // clearable
+  get clearIconColor() {
+    return theme.color.placeholder;
+  },
+
+  clearIconGap: '3px',
+
+  // textarea
+  get textareaPadding() {
+    return "5px " + input.paddingGap;
+  },
+
+  // group
+  get groupBgColor() {
+    return theme.color.bg;
+  },
+
+  groupPaddingGap: '16px',
+
+  // disabled
+  get disabledBorderColor() {
+    return theme.color.disabledBorder;
+  },
+
+  get disabledColor() {
+    return theme.color.disabled;
+  },
+
+  get disabledBgColor() {
+    return theme.color.disabledBg;
+  },
+
+  // search input
+  search: {
+    suffixMarginRight: '15px'
+  }
+}, sizes.reduce(function (memo, size) {
+  var styles = theme[size];
+  memo[size] = {
+    get fontSize() {
+      return styles.fontSize;
+    },
+
+    get height() {
+      return styles.height;
+    },
+
+    get paddingGap() {
+      return styles.padding;
+    }
+
+  };
+
+  if (size === 'large') {
+    // use default padding for large size
+    Object.defineProperty(memo.large, 'paddingGap', {
+      get: function get() {
+        return theme.default.padding;
+      }
+    });
+  }
+
+  return memo;
+}, {}));
+var input;
+setDefault(function () {
+  input = deepDefaults(theme, {
+    input: defaults
+  }).input;
+});
+export function makeStyles() {
+  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";vertical-align:middle;.k-input-wrapper{display:inline-block;width:100%;position:relative;}.k-input-inner{display:inline-block;width:100%;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", theme.transition, ",background ", theme.transition, ",box-shadow ", theme.transition, ";border-radius:", input.borderRadius, ";outline:none;position:relative;color:", input.color, ";&:hover{border:", input.hoverBorder, ";z-index:1;}&:focus{border:", input.focusBorder, ";z-index:1;}&::placeholder{color:", input.placeholderColor, ";}}&.k-fluid{width:100%;}.k-input-prefix,.k-input-suffix{position:absolute;top:50%;transform:translateY(-50%);z-index:2;}.k-input-clear{display:inline-block;vertical-align:top;cursor:pointer;opacity:0;transition:opacity ", theme.transition, ";pointer-events:none;color:", input.clearIconColor, ";&:hover{color:", theme.color.primary, ";}+*{margin-left:", input.clearIconGap, ";}}&:hover .k-input-clear.k-input-show{opacity:1;pointer-events:all;}&.k-stack-clear{.k-input-clear{position:absolute;z-index:1;right:0;&.k-input-show+i{transition:opacity ", theme.transition, ";}}&:hover{.k-input-clear.k-input-show+i{opacity:0;}}}&.k-group{display:table;.k-input-inner{border-radius:0;}.k-input-wrapper:first-child{.k-input-inner{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.k-input-wrapper:last-child{.k-input-inner{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}}.k-input-prepend,.k-input-append{display:table-cell;width:1px;vertical-align:middle;background-color:", input.groupBgColor, ";border:", input.border, ";text-align:center;white-space:nowrap;.k-btn{margin:-1px 0;border-radius:0;border:none;}.k-select{margin:-1px;text-align:left;}}.k-input-prepend{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";.k-select{z-index:1;.k-select-wrapper{border-radius:", theme.borderRadius, " 0 0 ", theme.borderRadius, ";}}}.k-input-append{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;.k-select{.k-select-wrapper{border-radius:0 ", theme.borderRadius, " ", theme.borderRadius, " 0;}}}.k-input-padding{padding:0 ", input.groupPaddingGap, ";}.k-input-prepend{border-right:none;}.k-input-append{border-left:none;}&.k-disabled{color:", input.disabledColor, ";cursor:not-allowed;.k-input-inner{color:", input.disabledColor, ";border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+    var styles = input[size];
+    var sizeClassName = /*#__PURE__*/css("font-size:", styles.fontSize, ";.k-input-inner{height:", styles.height, ";line-height:", styles.height, ";font-size:", styles.fontSize, ";padding:0 ", styles.paddingGap, ";}.k-input-prefix{left:", styles.paddingGap, ";}.k-input-suffix{right:", styles.paddingGap, ";}&.k-with-prefix{.k-input-inner{padding-left:calc(", styles.paddingGap, " + 1rem + ", input.clearIconGap, ");}}&.k-with-suffix,&.k-clearable{.k-input-inner{padding-right:calc(", styles.paddingGap, " + 1rem + ", input.clearIconGap, ");}}&:not(.k-stack-clear).k-with-suffix.k-clearable{.k-input-inner{padding-right:calc(", styles.paddingGap, " + 2rem + ", input.clearIconGap, " * 2);}}");
+    if (size === 'default') return sizeClassName;
+    return /*#__PURE__*/css("&.k-", size, "{", sizeClassName, ";}");
+  }), "&.k-inline{.k-input-inner{height:auto;line-height:inherit;border:none;border-radius:0;padding:0;}}.k-textarea{padding:", input.textareaPadding, ";height:auto;line-height:1.5;vertical-align:top;}.k-input-fake{position:absolute;visibility:hidden;top:0;white-space:nowrap;}&.k-auto-width{width:auto;.k-input-inner{box-sizing:content-box;}}");
+}
+export function makeSearchStyles() {
+  return /*#__PURE__*/css("position:relative;display:inline-block;.k-input{transition:width ", theme.transition, ";}.k-btn{position:absolute;top:0;right:0;z-index:1;}.k-input-suffix{margin-right:", input.search.suffixMarginRight, ";}&.k-hide{", _mapInstanceProperty(sizes).call(sizes, function (size) {
+    if (size == 'default') return;
+    return /*#__PURE__*/css(".k-input.k-", size, "{width:", input[size].height, ";}");
+  }), ";.k-input{width:", input.default.height, ";}.k-input-inner{padding:0!important;}}&.k-line{.k-input-inner{border-width:0;}&.k-open{.k-input-inner{border-bottom-width:1px;}}}");
+}
+
+export {normalize} from 'intact-react';

package/components/input/useAutoWidth.d.ts

@@ -0,0 +1,7 @@
+export declare function useAutoWidth(): {
+    fakeRef: import('intact-react').RefObject<HTMLDivElement>;
+    width: import("../../hooks/useState").State<number>;
+};
+
+
+export {normalize} from 'intact-react';

package/components/input/useAutoWidth.js

@@ -0,0 +1,31 @@
+import { useInstance, createRef, onMounted } from 'intact-react';
+import { useState } from '../../hooks/useState';
+export function useAutoWidth() {
+  var instance = useInstance();
+  var fakeRef = createRef();
+  var width = useState(0);
+  instance.watch('value', adjustWidth, {
+    inited: true,
+    presented: true
+  });
+  instance.watch('placeholder', adjustWidth, {
+    inited: true,
+    presented: true
+  });
+  onMounted(adjustWidth);
+
+  function adjustWidth() {
+    if (instance.get('autoWidth')) {
+      var _width = fakeRef.value.offsetWidth || 1;
+
+      width.set(_width);
+    }
+  }
+
+  return {
+    fakeRef: fakeRef,
+    width: width
+  };
+}
+
+export {normalize} from 'intact-react';

package/components/input/useFrozen.d.ts

@@ -0,0 +1,12 @@
+export declare function useFrozen(): {
+    inputing: import("../../hooks/useState").State<boolean>;
+    originalValue: import("../../hooks/useState").State<string>;
+    startInput: (e: FocusEvent) => void;
+    onInput: (e: InputEvent) => void;
+    endInput: (e: FocusEvent & {
+        _dispatch: boolean;
+    }) => void;
+};
+
+
+export {normalize} from 'intact-react';

package/components/input/useFrozen.js

@@ -0,0 +1,49 @@
+import { useInstance } from 'intact-react';
+import { useState } from '../../hooks/useState';
+import { EMPTY_OBJ, isNullOrUndefined } from 'intact-shared';
+export function useFrozen() {
+  var instance = useInstance();
+  var inputing = useState(false);
+  var originalValue = useState('');
+
+  function startInput(e) {
+    inputing.set(true);
+    originalValue.set(e.target.value);
+    instance.trigger('focus', e);
+  }
+
+  function endInput(e) {
+    // ignore dispatch event, #523
+    if (e._dispatch) return;
+    var propValue = (instance.$vNode.props || EMPTY_OBJ).value;
+
+    if (!isNullOrUndefined(propValue)) {
+      // set the value as the value that parent passes to it
+      instance.set({
+        value: propValue
+      });
+    }
+
+    inputing.set(false);
+    instance.trigger('blur', e);
+  }
+
+  function onInput(e) {
+    var value = e.target.value;
+    instance.set({
+      value: value
+    });
+    originalValue.set(value);
+    instance.trigger('input', e);
+  }
+
+  return {
+    inputing: inputing,
+    originalValue: originalValue,
+    startInput: startInput,
+    onInput: onInput,
+    endInput: endInput
+  };
+}
+
+export {normalize} from 'intact-react';

package/components/layout/aside.d.ts

@@ -0,0 +1,18 @@
+import { Component, TypeDefs } from 'intact-react';
+import type { MenuProps } from '../menu';
+export interface AsideProps {
+    collapse?: boolean;
+    fixed?: boolean;
+    theme?: MenuProps['theme'];
+    width?: number | string;
+}
+export declare class Aside extends Component<AsideProps> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<AsideProps>>;
+    static defaults: () => Partial<AsideProps>;
+    private rootLayout;
+    private getStyles;
+}
+
+
+export {normalize} from 'intact-react';

package/components/layout/aside.js

@@ -0,0 +1,68 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component, inject } from 'intact-react';
+import { themes, getCollapseWidth } from './styles';
+import template from './aside.vdt';
+import { ROOT_LAYOUT, getStyle, defaultWidth } from './helpers';
+import { addStyle } from '../utils';
+var typeDefs = {
+  collapse: Boolean,
+  fixed: Boolean,
+  theme: themes,
+  width: [Number, String]
+};
+
+var defaults = function defaults() {
+  return {
+    theme: 'dark',
+    width: defaultWidth
+  };
+};
+
+export var Aside = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Aside, _Component);
+
+  function Aside() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.rootLayout = inject(ROOT_LAYOUT);
+    return _this;
+  }
+
+  var _proto = Aside.prototype;
+
+  _proto.getStyles = function getStyles() {
+    var _this$get = this.get(),
+        fixed = _this$get.fixed,
+        width = _this$get.width,
+        collapse = _this$get.collapse;
+
+    var style = addStyle(this.get('style'), {
+      width: !collapse ? getStyle(width) : getCollapseWidth()
+    });
+    if (!fixed) return style;
+
+    var _this$rootLayout$pars = this.rootLayout.parse(),
+        hasFixedHeader = _this$rootLayout$pars.hasFixedHeader,
+        headerHeight = _this$rootLayout$pars.headerHeight;
+
+    if (!hasFixedHeader) return style;
+    return addStyle(style, {
+      top: getStyle(headerHeight)
+    });
+  };
+
+  return Aside;
+}(Component);
+Aside.template = template;
+Aside.typeDefs = typeDefs;
+Aside.defaults = defaults;
+
+export {normalize} from 'intact-react';

package/components/layout/aside.vdt.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createElementVNode as _$ce, createVNode as _$cv, className as _$cn } from 'intact-react';
+import { directClone } from 'intact';
+import { mapChildren, getRestProps } from '../utils';
+import { Menu } from '../menu';
+import { makeAsideStyles } from './styles';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+
+  var _this$get = this.get(),
+      className = _this$get.className,
+      children = _this$get.children,
+      collapse = _this$get.collapse,
+      fixed = _this$get.fixed,
+      theme = _this$get.theme;
+
+  var vNodes = mapChildren(children, function (vNode) {
+    if (vNode.tag === Menu) {
+      var vNodeClone = directClone(vNode);
+      vNodeClone.props = _extends({}, vNode.props, {
+        collapse: collapse
+      });
+      return _$ce(2, 'div', vNodeClone, 0, 'k-layout-wrapper');
+    }
+
+    return vNode;
+  });
+  var classNameObj = (_classNameObj = {
+    'k-layout-aside': true,
+    'k-collapsed': collapse,
+    'k-fixed': fixed
+  }, _classNameObj["k-" + theme] = true, _classNameObj[className] = className, _classNameObj[makeAsideStyles()] = true, _classNameObj);
+  return _$cv('div', _extends({}, getRestProps(this), {
+    'className': _$cn(classNameObj),
+    'style': this.getStyles()
+  }), vNodes);
+}
+;
+
+export {normalize} from 'intact-react';

package/components/layout/body.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'intact-react';
+export declare class Body extends Component {
+    static template: string | import("intact").Template<any>;
+    private layout;
+    private getClassNames;
+    private getStyles;
+}
+
+
+export {normalize} from 'intact-react';

package/components/layout/body.js

@@ -0,0 +1,57 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component, inject } from 'intact-react';
+import template from './template.vdt';
+import { LAYOUT, getStyle } from './helpers';
+import { addStyle } from '../utils';
+export var Body = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Body, _Component);
+
+  function Body() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.layout = inject(LAYOUT);
+    return _this;
+  }
+
+  var _proto = Body.prototype;
+
+  _proto.getClassNames = function getClassNames() {
+    var _ref;
+
+    var _this$get = this.get(),
+        className = _this$get.className;
+
+    return _ref = {
+      'k-layout-body': true
+    }, _ref[className] = className, _ref;
+  };
+
+  _proto.getStyles = function getStyles() {
+    var style = this.get('style');
+
+    var _this$layout$parse = this.layout.parse(),
+        hasFixedAside = _this$layout$parse.hasFixedAside,
+        asideWidth = _this$layout$parse.asideWidth,
+        hasFixedHeader = _this$layout$parse.hasFixedHeader,
+        headerHeight = _this$layout$parse.headerHeight;
+
+    if (!hasFixedAside && !hasFixedHeader) return style;
+    return addStyle(style, {
+      paddingLeft: hasFixedAside ? getStyle(asideWidth) : null,
+      marginTop: hasFixedHeader ? getStyle(headerHeight) : null
+    });
+  };
+
+  return Body;
+}(Component);
+Body.template = template;
+
+export {normalize} from 'intact-react';

package/components/layout/footer.d.ts

@@ -0,0 +1,8 @@
+import { Component } from 'intact-react';
+export declare class Footer extends Component {
+    static template: string | import("intact").Template<any>;
+    private getClassNames;
+}
+
+
+export {normalize} from 'intact-react';

package/components/layout/footer.js

@@ -0,0 +1,28 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import { Component } from 'intact-react';
+import template from './template.vdt';
+export var Footer = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Footer, _Component);
+
+  function Footer() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  var _proto = Footer.prototype;
+
+  _proto.getClassNames = function getClassNames() {
+    var _ref;
+
+    var _this$get = this.get(),
+        className = _this$get.className;
+
+    return _ref = {
+      'k-layout-footer': true
+    }, _ref[className] = className, _ref;
+  };
+
+  return Footer;
+}(Component);
+Footer.template = template;
+
+export {normalize} from 'intact-react';

package/components/layout/header.d.ts

@@ -0,0 +1,19 @@
+import { Component, TypeDefs } from 'intact-react';
+import type { MenuProps } from '../menu';
+export interface HeaderProps {
+    fixed?: boolean;
+    height?: number | string;
+    style?: string | Record<string, string>;
+    theme?: MenuProps['theme'];
+}
+export declare class Header extends Component<HeaderProps> {
+    static template: string | import("intact").Template<any>;
+    static typeDefs: Required<TypeDefs<HeaderProps>>;
+    static defaults: () => Partial<HeaderProps>;
+    private rootLayout;
+    private getClassNames;
+    private getStyles;
+}
+
+
+export {normalize} from 'intact-react';

package/components/layout/header.js

@@ -0,0 +1,76 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component, inject } from 'intact-react';
+import template from './template.vdt';
+import { addStyle } from '../utils';
+import { makeHeaderStyles, themes } from './styles';
+import { defaultHeight, ROOT_LAYOUT, getStyle } from './helpers';
+var typeDefs = {
+  fixed: Boolean,
+  height: [Number, String],
+  style: [String, Object],
+  theme: themes
+};
+
+var defaults = function defaults() {
+  return {
+    height: defaultHeight,
+    theme: 'dark'
+  };
+};
+
+export var Header = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Header, _Component);
+
+  function Header() {
+    var _context;
+
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.rootLayout = inject(ROOT_LAYOUT);
+    return _this;
+  }
+
+  var _proto = Header.prototype;
+
+  _proto.getClassNames = function getClassNames() {
+    var _ref;
+
+    var _this$get = this.get(),
+        className = _this$get.className,
+        fixed = _this$get.fixed,
+        theme = _this$get.theme;
+
+    return _ref = {
+      'k-layout-header': true,
+      'k-fixed': fixed
+    }, _ref["k-" + theme] = true, _ref[className] = className, _ref[makeHeaderStyles()] = true, _ref;
+  };
+
+  _proto.getStyles = function getStyles() {
+    var _this$get2 = this.get(),
+        style = _this$get2.style,
+        height = _this$get2.height;
+
+    var _this$rootLayout$pars = this.rootLayout.parse(),
+        hasFixedAside = _this$rootLayout$pars.hasFixedAside,
+        asideWidth = _this$rootLayout$pars.asideWidth;
+
+    return addStyle(style, {
+      height: getStyle(height),
+      left: hasFixedAside ? getStyle(asideWidth) : null
+    });
+  };
+
+  return Header;
+}(Component);
+Header.template = template;
+Header.typeDefs = typeDefs;
+Header.defaults = defaults;
+
+export {normalize} from 'intact-react';

package/components/layout/helpers.d.ts

@@ -0,0 +1,8 @@
+export declare const ROOT_LAYOUT = "RootLayout";
+export declare const LAYOUT = "Layout";
+export declare const defaultHeight = "64px";
+export declare const defaultWidth = "200px";
+export declare function getStyle(height: number | string): string;
+
+
+export {normalize} from 'intact-react';

package/components/layout/helpers.js

@@ -0,0 +1,10 @@
+import { isNumber } from 'intact-shared';
+export var ROOT_LAYOUT = 'RootLayout';
+export var LAYOUT = 'Layout';
+export var defaultHeight = "64px";
+export var defaultWidth = "200px";
+export function getStyle(height) {
+  return isNumber(height) ? height + "px" : height;
+}
+
+export {normalize} from 'intact-react';

package/components/layout/index.d.ts

@@ -0,0 +1,8 @@
+export * from './layout';
+export * from './header';
+export * from './body';
+export * from './aside';
+export * from './footer';
+
+
+export {normalize} from 'intact-react';

package/components/layout/index.js

@@ -0,0 +1,7 @@
+export * from './layout';
+export * from './header';
+export * from './body';
+export * from './aside';
+export * from './footer';
+
+export {normalize} from 'intact-react';