tntd 3.0.0-beta → 3.0.0-beta.1

package/es/empty/empty.js

@@ -1,71 +1,61 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdEmpty } from 'antd/es/empty';
-import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess } from '../svg-components';
+import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess, } from '../svg-components';
 export * from 'antd/es/empty';
 // description map for evert type
 export const EmptyDescriptionMap = {
-  empty: 'noData',
-  'no-result': 'noData',
-  'no-chart': 'noGraphData',
-  'no-permission': 'noPermission',
-  failure: 'creationFailed',
-  success: 'createdSuccessfully',
-  offline: 'noNetwork',
-  403: undefined,
-  404: undefined,
-  500: undefined
+    empty: 'noData',
+    'no-result': 'noData',
+    'no-chart': 'noGraphData',
+    'no-permission': 'noPermission',
+    failure: 'creationFailed',
+    success: 'createdSuccessfully',
+    offline: 'noNetwork',
+    403: undefined,
+    404: undefined,
+    500: undefined,
 };
 const BuiltinEmptyImage = {
-  empty: React.createElement(IllustrationEmpty, null),
-  'no-result': React.createElement(IllustrationNoResult, null),
-  'no-chart': React.createElement(IllustrationNoChart, null),
-  'no-permission': React.createElement(IllustrationNoAccess, null),
-  failure: React.createElement(IllustrationFailure, null),
-  success: React.createElement(IllustrationSuccess, null),
-  offline: React.createElement(IllustrationOffline, null),
-  '403': React.createElement(Illustration403, null),
-  '404': React.createElement(Illustration404, null),
-  '500': React.createElement(Illustration500, null)
+    empty: React.createElement(IllustrationEmpty, null),
+    'no-result': React.createElement(IllustrationNoResult, null),
+    'no-chart': React.createElement(IllustrationNoChart, null),
+    'no-permission': React.createElement(IllustrationNoAccess, null),
+    failure: React.createElement(IllustrationFailure, null),
+    success: React.createElement(IllustrationSuccess, null),
+    offline: React.createElement(IllustrationOffline, null),
+    '403': React.createElement(Illustration403, null),
+    '404': React.createElement(Illustration404, null),
+    '500': React.createElement(Illustration500, null),
 };
 export function Empty(_a) {
-  var {
-      className,
-      description,
-      size = 'middle',
-      type = 'empty',
-      locale
-    } = _a,
-    rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('empty');
-    return React.createElement(LocaleReceiver, {
-      componentName: "Empty",
-      defaultLocale: locale
-    }, locale => {
-      const defaultDescription = EmptyDescriptionMap[type] ? locale[EmptyDescriptionMap[type]] : undefined;
-      return React.createElement(AntdEmpty, Object.assign({
-        className: classNames(prefixCls, className, {
-          [`${prefixCls}-mini`]: size === 'mini',
-          [`${prefixCls}-small`]: size === 'small',
-          [`${prefixCls}-large`]: size === 'large',
-          [`${prefixCls}-ultra`]: size === 'ultra'
-        }),
-        image: BuiltinEmptyImage[type],
-        description: description || defaultDescription
-      }, rest));
-    });
-  });
-}
+    var { className, description, size = 'middle', type = 'empty', locale } = _a, rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('empty');
+        return (React.createElement(LocaleReceiver, { componentName: "Empty", defaultLocale: locale }, (locale) => {
+            const defaultDescription = EmptyDescriptionMap[type]
+                ? locale[EmptyDescriptionMap[type]]
+                : undefined;
+            return (React.createElement(AntdEmpty, Object.assign({ className: classNames(prefixCls, className, {
+                    [`${prefixCls}-mini`]: size === 'mini',
+                    [`${prefixCls}-small`]: size === 'small',
+                    [`${prefixCls}-large`]: size === 'large',
+                    [`${prefixCls}-ultra`]: size === 'ultra',
+                }), image: BuiltinEmptyImage[type], description: description || defaultDescription }, rest)));
+        }));
+    }));
+}
+//# sourceMappingURL=empty.js.map

package/es/empty/empty.stories.js

@@ -1,14 +1,15 @@
 import React from 'react';
 import styled from 'styled-components';
 import { Empty } from './empty';
-const Container = styled.div`
+const Container = styled.div `
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 20px;
 `;
 export default {
-  component: Empty,
-  title: 'Empty'
+    component: Empty,
+    title: 'Empty',
 };
-export const Primary = args => React.createElement(Container, null);
-Primary.args = {};
+export const Primary = (args) => React.createElement(Container, null);
+Primary.args = {};
+//# sourceMappingURL=empty.stories.js.map

package/es/empty/index.js

@@ -2,4 +2,5 @@ import './style';
 import { Empty } from './empty';
 import './empty.less';
 export * from './empty';
-export default Empty;
+export default Empty;
+//# sourceMappingURL=index.js.map

package/es/empty/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/exception/exception.js

@@ -12,36 +12,23 @@ import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as Empty } from '../empty';
 export const ExceptionDescMap = {
-  '403': '403',
-  '404': '404',
-  '500': '500'
+    '403': '403',
+    '404': '404',
+    '500': '500',
 };
-export function Exception({
-  type = '404',
-  style,
-  title,
-  desc,
-  dom,
-  className
-}) {
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('exception');
-    return React.createElement(LocaleReceiver, {
-      componentName: "Exception"
-    }, locale => {
-      const defaultDescription = ExceptionDescMap[type] ? locale[ExceptionDescMap[type]] : undefined;
-      return React.createElement("div", {
-        className: classNames(prefixCls, className),
-        style: style || {}
-      }, React.createElement(Empty, {
-        type: type,
-        size: "ultra",
-        description: React.createElement("div", {
-          className: `${prefixCls}-desc`
-        }, React.createElement("h1", null, title || type), React.createElement("div", null, desc || defaultDescription))
-      }), !!dom && dom);
-    });
-  });
-}
+export function Exception({ type = '404', style, title, desc, dom, className, }) {
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('exception');
+        return (React.createElement(LocaleReceiver, { componentName: "Exception" }, (locale) => {
+            const defaultDescription = ExceptionDescMap[type]
+                ? locale[ExceptionDescMap[type]]
+                : undefined;
+            return (React.createElement("div", { className: classNames(prefixCls, className), style: style || {} },
+                React.createElement(Empty, { type: type, size: "ultra", description: React.createElement("div", { className: `${prefixCls}-desc` },
+                        React.createElement("h1", null, title || type),
+                        React.createElement("div", null, desc || defaultDescription)) }),
+                !!dom && dom));
+        }));
+    }));
+}
+//# sourceMappingURL=exception.js.map

package/es/exception/index.js

@@ -1,4 +1,5 @@
 import { Exception } from './exception';
 import './exception.less';
 export * from './exception';
-export default Exception;
+export default Exception;
+//# sourceMappingURL=index.js.map

package/es/form/form.js

@@ -1,10 +1,13 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import React, { forwardRef } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
@@ -14,65 +17,47 @@ import './form.less';
 import classNames from 'classnames';
 export * from 'antd/es/form';
 export const Form = forwardRef((_a, ref) => {
-  var rest = __rest(_a, []);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    return React.createElement(AntdForm, Object.assign({}, rest, {
-      className: classNames(rest.className, 'tnt-form'),
-      ref: ref
+    var rest = __rest(_a, []);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        return React.createElement(AntdForm, Object.assign({}, rest, { className: classNames(rest.className, 'tnt-form'), ref: ref }));
     }));
-  });
 });
 Form.Item = forwardRef((_a, ref) => {
-  var {
-      label
-    } = _a,
-    rest = __rest(_a, ["label"]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    return React.createElement(AntdForm.Item, Object.assign({}, rest, {
-      label: doUpperTitle(label),
-      ref: ref
+    var { label } = _a, rest = __rest(_a, ["label"]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        return React.createElement(AntdForm.Item, Object.assign({}, rest, { label: doUpperTitle(label), ref: ref }));
     }));
-  });
 });
-const Create = options => WrappedComponent => {
-  const validateSubmitMap = {};
-  const CustomFormWrapper = props => {
-    const getFieldDecorator = props.form.getFieldDecorator;
-    props.form.getFieldDecorator = (name, options) => {
-      let opt = options || {};
-      if (opt.validateSubmit) {
-        opt = Object.assign(Object.assign({}, options), {
-          validateTrigger: 'noEvent'
-        });
-        validateSubmitMap[name] = true;
-      }
-      return getFieldDecorator(name, opt);
+const Create = (options) => (WrappedComponent) => {
+    const validateSubmitMap = {};
+    const CustomFormWrapper = (props) => {
+        const getFieldDecorator = props.form.getFieldDecorator;
+        props.form.getFieldDecorator = (name, options) => {
+            let opt = options || {};
+            if (opt.validateSubmit) {
+                opt = Object.assign(Object.assign({}, options), { validateTrigger: 'noEvent' });
+                validateSubmitMap[name] = true;
+            }
+            return getFieldDecorator(name, opt);
+        };
+        return React.createElement(WrappedComponent, Object.assign({}, props));
     };
-    return React.createElement(WrappedComponent, Object.assign({}, props));
-  };
-  return AntdForm.create(Object.assign(Object.assign({}, options), {
-    onValuesChange: (props, changedValues, allValues) => {
-      const keys = Object.keys(changedValues);
-      if (keys.length === 1) {
-        keys.forEach(name => {
-          if (validateSubmitMap[name]) {
-            props.form.setFields({
-              [name]: {
-                errors: undefined
-              }
-            });
-          }
-        });
-      }
-      if (options && options.onValuesChange) {
-        options.onValuesChange(props, changedValues, allValues);
-      }
-    }
-  }))(CustomFormWrapper);
+    return AntdForm.create(Object.assign(Object.assign({}, options), { onValuesChange: (props, changedValues, allValues) => {
+            const keys = Object.keys(changedValues);
+            if (keys.length === 1) {
+                keys.forEach((name) => {
+                    if (validateSubmitMap[name]) {
+                        props.form.setFields({
+                            [name]: { errors: undefined },
+                        });
+                    }
+                });
+            }
+            if (options && options.onValuesChange) {
+                options.onValuesChange(props, changedValues, allValues);
+            }
+        } }))(CustomFormWrapper);
 };
 Form.createFormField = AntdForm.createFormField;
-Form.create = Create;
+Form.create = Create;
+//# sourceMappingURL=form.js.map

package/es/form/index.js

@@ -1,4 +1,5 @@
 import './style';
 import { Form } from './form';
 export * from './form';
-export default Form;
+export default Form;
+//# sourceMappingURL=index.js.map

package/es/form/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../grid/style';
+import '../../grid/style';
+//# sourceMappingURL=index.js.map

package/es/grid/index.js

@@ -1,4 +1,5 @@
 import Grid from 'antd/es/grid';
 import './style';
 export * from 'antd/es/grid';
-export default Grid;
+export default Grid;
+//# sourceMappingURL=index.js.map

package/es/grid/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/grid-v4/RowContext.js

@@ -1,3 +1,4 @@
 import { createContext } from 'react';
 const RowContext = createContext({});
-export default RowContext;
+export default RowContext;
+//# sourceMappingURL=RowContext.js.map

package/es/grid-v4/col.js

@@ -1,103 +1,78 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import classNames from 'classnames';
 import * as React from 'react';
 import { ConfigContext } from '../_util/context';
 import RowContext from './RowContext';
 function parseFlex(flex) {
-  if (typeof flex === 'number') {
-    return `${flex} ${flex} auto`;
-  }
-  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
-    return `0 0 ${flex}`;
-  }
-  return flex;
+    if (typeof flex === 'number') {
+        return `${flex} ${flex} auto`;
+    }
+    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+        return `0 0 ${flex}`;
+    }
+    return flex;
 }
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
 const Col = React.forwardRef((props, ref) => {
-  const {
-    getPrefixCls,
-    direction
-  } = React.useContext(ConfigContext);
-  const {
-    gutter,
-    wrap,
-    supportFlexGap
-  } = React.useContext(RowContext);
-  const {
-      prefixCls: customizePrefixCls = 'tnt-col',
-      span,
-      order,
-      offset,
-      push,
-      pull,
-      className,
-      children,
-      flex,
-      style
-    } = props,
-    others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
-  const prefixCls = getPrefixCls('col', customizePrefixCls);
-  let sizeClassObj = {};
-  sizes.forEach(size => {
-    let sizeProps = {};
-    const propSize = props[size];
-    if (typeof propSize === 'number') {
-      sizeProps.span = propSize;
-    } else if (typeof propSize === 'object') {
-      sizeProps = propSize || {};
-    }
-    delete others[size];
-    sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
-      [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
-      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
-      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
-      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
-      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
-      [`${prefixCls}-rtl`]: direction === 'rtl'
+    const { getPrefixCls, direction } = React.useContext(ConfigContext);
+    const { gutter, wrap, supportFlexGap } = React.useContext(RowContext);
+    const { prefixCls: customizePrefixCls = 'tnt-col', span, order, offset, push, pull, className, children, flex, style } = props, others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
+    const prefixCls = getPrefixCls('col', customizePrefixCls);
+    let sizeClassObj = {};
+    sizes.forEach((size) => {
+        let sizeProps = {};
+        const propSize = props[size];
+        if (typeof propSize === 'number') {
+            sizeProps.span = propSize;
+        }
+        else if (typeof propSize === 'object') {
+            sizeProps = propSize || {};
+        }
+        delete others[size];
+        sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), { [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined, [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0, [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0, [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0, [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0, [`${prefixCls}-rtl`]: direction === 'rtl' });
     });
-  });
-  const classes = classNames(prefixCls, {
-    [`${prefixCls}-${span}`]: span !== undefined,
-    [`${prefixCls}-order-${order}`]: order,
-    [`${prefixCls}-offset-${offset}`]: offset,
-    [`${prefixCls}-push-${push}`]: push,
-    [`${prefixCls}-pull-${pull}`]: pull
-  }, className, sizeClassObj);
-  const mergedStyle = {};
-  // Horizontal gutter use padding
-  if (gutter && gutter[0] > 0) {
-    const horizontalGutter = gutter[0] / 2;
-    mergedStyle.paddingLeft = horizontalGutter;
-    mergedStyle.paddingRight = horizontalGutter;
-  }
-  // Vertical gutter use padding when gap not support
-  if (gutter && gutter[1] > 0 && !supportFlexGap) {
-    const verticalGutter = gutter[1] / 2;
-    mergedStyle.paddingTop = verticalGutter;
-    mergedStyle.paddingBottom = verticalGutter;
-  }
-  if (flex) {
-    mergedStyle.flex = parseFlex(flex);
-    // Hack for Firefox to avoid size issue
-    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
-    if (wrap === false && !mergedStyle.minWidth) {
-      mergedStyle.minWidth = 0;
+    const classes = classNames(prefixCls, {
+        [`${prefixCls}-${span}`]: span !== undefined,
+        [`${prefixCls}-order-${order}`]: order,
+        [`${prefixCls}-offset-${offset}`]: offset,
+        [`${prefixCls}-push-${push}`]: push,
+        [`${prefixCls}-pull-${pull}`]: pull,
+    }, className, sizeClassObj);
+    const mergedStyle = {};
+    // Horizontal gutter use padding
+    if (gutter && gutter[0] > 0) {
+        const horizontalGutter = gutter[0] / 2;
+        mergedStyle.paddingLeft = horizontalGutter;
+        mergedStyle.paddingRight = horizontalGutter;
+    }
+    // Vertical gutter use padding when gap not support
+    if (gutter && gutter[1] > 0 && !supportFlexGap) {
+        const verticalGutter = gutter[1] / 2;
+        mergedStyle.paddingTop = verticalGutter;
+        mergedStyle.paddingBottom = verticalGutter;
+    }
+    if (flex) {
+        mergedStyle.flex = parseFlex(flex);
+        // Hack for Firefox to avoid size issue
+        // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
+        if (wrap === false && !mergedStyle.minWidth) {
+            mergedStyle.minWidth = 0;
+        }
     }
-  }
-  return React.createElement("div", Object.assign({}, others, {
-    style: Object.assign(Object.assign({}, mergedStyle), style),
-    className: classes,
-    ref: ref
-  }), children);
+    return (React.createElement("div", Object.assign({}, others, { style: Object.assign(Object.assign({}, mergedStyle), style), className: classes, ref: ref }), children));
 });
 if (process.env.NODE_ENV !== 'production') {
-  Col.displayName = 'Col';
+    Col.displayName = 'Col';
 }
-export default Col;
+export default Col;
+//# sourceMappingURL=col.js.map

package/es/grid-v4/hooks/useBreakpoint.js

@@ -2,17 +2,18 @@ import { useEffect, useRef } from 'react';
 import useForceUpdate from '../../_util/hooks/useForceUpdate';
 import ResponsiveObserve from '../../_util/responsiveObserve';
 function useBreakpoint(refreshOnChange = true) {
-  const screensRef = useRef({});
-  const forceUpdate = useForceUpdate();
-  useEffect(() => {
-    const token = ResponsiveObserve.subscribe(supportScreens => {
-      screensRef.current = supportScreens;
-      if (refreshOnChange) {
-        forceUpdate();
-      }
-    });
-    return () => ResponsiveObserve.unsubscribe(token);
-  }, []);
-  return screensRef.current;
+    const screensRef = useRef({});
+    const forceUpdate = useForceUpdate();
+    useEffect(() => {
+        const token = ResponsiveObserve.subscribe((supportScreens) => {
+            screensRef.current = supportScreens;
+            if (refreshOnChange) {
+                forceUpdate();
+            }
+        });
+        return () => ResponsiveObserve.unsubscribe(token);
+    }, []);
+    return screensRef.current;
 }
-export default useBreakpoint;
+export default useBreakpoint;
+//# sourceMappingURL=useBreakpoint.js.map

package/es/grid-v4/index.js

@@ -4,11 +4,10 @@ import Row from './row';
 import './style';
 // Do not export params
 function useBreakpoint() {
-  return useInternalBreakpoint();
+    return useInternalBreakpoint();
 }
 export {} from './col';
 export {} from './row';
 export { Row, Col };
-export default {
-  useBreakpoint
-};
+export default { useBreakpoint };
+//# sourceMappingURL=index.js.map