@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/utils/collections.js

@@ -1,126 +0,0 @@
-import React from 'react';
-export var getId = function getId() {
-  return Math.random().toString(32).slice(2, 10);
-};
-export var capitalize = function capitalize(str) {
-  var safeStr = String(str).trim();
-  return safeStr.charAt(0).toUpperCase() + safeStr.slice(1);
-};
-export var hasChild = function hasChild(children, child) {
-  var types = React.Children.map(children, function (item) {
-    if (! /*#__PURE__*/React.isValidElement(item)) return null;
-    return item.type;
-  });
-  return (types || []).includes(child);
-};
-export var pickChild = function pickChild(children, targetChild) {
-  var target = [];
-  var withoutTargetChildren = React.Children.map(children, function (item) {
-    if (! /*#__PURE__*/React.isValidElement(item)) return item;
-    if (item.type === targetChild) {
-      target.push(item);
-      return null;
-    }
-    return item;
-  });
-  var targetChildren = target.length >= 0 ? target : undefined;
-  return [withoutTargetChildren, targetChildren];
-};
-export var pickChildByProps = function pickChildByProps(children, key, value) {
-  var target = [];
-  var isArray = Array.isArray(value);
-  var withoutPropChildren = React.Children.map(children, function (item) {
-    if (! /*#__PURE__*/React.isValidElement(item)) return null;
-    if (!item.props) return item;
-    if (isArray) {
-      if (value.includes(item.props[key])) {
-        target.push(item);
-        return null;
-      }
-      return item;
-    }
-    if (item.props[key] === value) {
-      target.push(item);
-      return null;
-    }
-    return item;
-  });
-  var targetChildren = target.length >= 0 ? target : undefined;
-  return [withoutPropChildren, targetChildren];
-};
-export var pickChildrenFirst = function pickChildrenFirst(children) {
-  return React.Children.toArray(children)[0];
-};
-export var setChildrenProps = function setChildrenProps(children, props) {
-  var targetComponents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  if (React.Children.count(children) === 0) return [];
-  var allowAll = targetComponents.length === 0;
-  var clone = function clone(child) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return /*#__PURE__*/React.cloneElement(child, props);
-  };
-  return React.Children.map(children, function (item) {
-    if (! /*#__PURE__*/React.isValidElement(item)) return item;
-    if (allowAll) return clone(item, props);
-    var isAllowed = targetComponents.find(function (child) {
-      return child === item.type;
-    });
-    if (isAllowed) return clone(item, props);
-    return item;
-  });
-};
-export var setChildrenIndex = function setChildrenIndex(children) {
-  var targetComponents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  if (React.Children.count(children) === 0) return [];
-  var allowAll = targetComponents.length === 0;
-  var clone = function clone(child) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return /*#__PURE__*/React.cloneElement(child, props);
-  };
-  var index = 0;
-  return React.Children.map(children, function (item) {
-    if (! /*#__PURE__*/React.isValidElement(item)) return item;
-    index = index + 1;
-    if (allowAll) return clone(item, {
-      index: index
-    });
-    var isAllowed = targetComponents.find(function (child) {
-      return child === item.type;
-    });
-    if (isAllowed) return clone(item, {
-      index: index
-    });
-    index = index - 1;
-    return item;
-  });
-};
-export var getReactNode = function getReactNode(node) {
-  if (!node) return null;
-  if (typeof node !== 'function') return node;
-  return node();
-};
-export var isChildElement = function isChildElement(parent, child) {
-  if (!parent || !child) return false;
-  var node = child;
-  while (node) {
-    if (node === parent) return true;
-    node = node.parentNode;
-  }
-  return false;
-};
-export var isBolioUIElement = function isBolioUIElement(el) {
-  if (!el) return false;
-  if (el !== null && el !== void 0 && el.dataset && el !== null && el !== void 0 && el.dataset['bolio-ui']) return true;
-  el.attributes.getNamedItem('data-bolio-ui');
-  return !!el.attributes.getNamedItem('data-bolio-ui');
-};
-export var isBrowser = function isBrowser() {
-  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-};
-export var isMac = function isMac() {
-  if (!isBrowser()) return false;
-  return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
-};
-export var isCSSNumberValue = function isCSSNumberValue(value) {
-  return value !== undefined && !Number.isNaN(+value);
-};

package/esm/utils/color.js

@@ -1,35 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var hexToRgb = function hexToRgb(color) {
-  var fullReg = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  var full = color.replace(fullReg, function (_, r, g, b) {
-    return "".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);
-  });
-  var values = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(full);
-  if (!values) {
-    throw new Error("Bolio UI: Unsupported ".concat(color, " color."));
-  }
-  return [Number.parseInt(values[1], 16), Number.parseInt(values[2], 16), Number.parseInt(values[3], 16)];
-};
-export var colorToRgbValues = function colorToRgbValues(color) {
-  if (color.charAt(0) === '#') return hexToRgb(color);
-  var safeColor = color.replace(/ /g, '');
-  var colorType = color.substr(0, 4);
-  var regArray = safeColor.match(/\((.+)\)/);
-  if (!colorType.startsWith('rgb') || !regArray) {
-    console.log(color);
-    throw new Error("Bolio UI: Only support [\"RGB\", \"RGBA\", \"HEX\"] color.");
-  }
-  return regArray[1].split(',').map(function (str) {
-    return Number.parseFloat(str);
-  });
-};
-export var addColorAlpha = function addColorAlpha(color, alpha) {
-  if (!/^#|rgb|RGB/.test(color)) return color;
-  var _colorToRgbValues = colorToRgbValues(color),
-    _colorToRgbValues2 = _slicedToArray(_colorToRgbValues, 3),
-    r = _colorToRgbValues2[0],
-    g = _colorToRgbValues2[1],
-    b = _colorToRgbValues2[2];
-  var safeAlpha = alpha > 1 ? 1 : alpha < 0 ? 0 : alpha;
-  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(safeAlpha, ")");
-};

package/esm/utils/layouts.js

@@ -1,71 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useState } from 'react';
-export var getElementOffset = function getElementOffset(el) {
-  if (!el) return {
-    top: 0,
-    left: 0
-  };
-  var _el$getBoundingClient = el.getBoundingClientRect(),
-    top = _el$getBoundingClient.top,
-    left = _el$getBoundingClient.left;
-  return {
-    top: top,
-    left: left
-  };
-};
-var defaultRect = {
-  top: -1000,
-  left: -1000,
-  right: -1000,
-  width: 0,
-  height: 0,
-  elementTop: -1000
-};
-var getRectFromDOMWithContainer = function getRectFromDOMWithContainer(domRect, getContainer) {
-  if (!domRect) return defaultRect;
-  var container = getContainer ? getContainer() : null;
-  var scrollElement = container || document.documentElement;
-  var _getElementOffset = getElementOffset(container),
-    offsetTop = _getElementOffset.top,
-    offsetLeft = _getElementOffset.left;
-  return _extends({}, domRect, {
-    width: domRect.width || domRect.right - domRect.left,
-    height: domRect.height || domRect.top - domRect.bottom,
-    top: domRect.bottom + scrollElement.scrollTop - offsetTop,
-    left: domRect.left + scrollElement.scrollLeft - offsetLeft,
-    elementTop: domRect.top + scrollElement.scrollTop - offsetTop
-  });
-};
-export var isUnplacedRect = function isUnplacedRect(rect) {
-  if (!rect) return true;
-  return rect.top === defaultRect.top && rect.left === defaultRect.left;
-};
-export var getRefRect = function getRefRect(ref, getContainer) {
-  if (!ref || !ref.current) return defaultRect;
-  var rect = ref.current.getBoundingClientRect();
-  return getRectFromDOMWithContainer(rect, getContainer);
-};
-export var getEventRect = function getEventRect(event, getContainer) {
-  var _event$target;
-  var rect = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getBoundingClientRect();
-  if (!rect) return defaultRect;
-  return getRectFromDOMWithContainer(rect, getContainer);
-};
-var isRefTarget = function isRefTarget(eventOrRef) {
-  return typeof (eventOrRef === null || eventOrRef === void 0 ? void 0 : eventOrRef.target) === 'undefined';
-};
-export var useRect = function useRect(initialState) {
-  var _useState = useState(initialState || defaultRect),
-    _useState2 = _slicedToArray(_useState, 2),
-    rect = _useState2[0],
-    setRect = _useState2[1];
-  var updateRect = function updateRect(eventOrRef, getContainer) {
-    if (isRefTarget(eventOrRef)) return setRect(getRefRect(eventOrRef, getContainer));
-    setRect(getEventRect(eventOrRef, getContainer));
-  };
-  return {
-    rect: rect,
-    setRect: updateRect
-  };
-};

package/esm/utils/prop-types.js

@@ -1,20 +0,0 @@
-export var tuple = function tuple() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return args;
-};
-export var tupleNumber = function tupleNumber() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-  return args;
-};
-var buttonTypes = tuple('default', 'primary', 'secondary', 'info', 'success', 'warning', 'error', 'abort', 'primary-light', 'secondary-light', 'info-light', 'success-light', 'warning-light', 'error-light');
-var normalTypes = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'info');
-var snippetTypes = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'info', 'dark', 'lite');
-var cardTypes = tuple('default', 'primary', 'secondary', 'success', 'warning', 'error', 'dark', 'lite', 'info');
-var copyTypes = tuple('default', 'silent', 'prevent');
-var triggerTypes = tuple('hover', 'click');
-var placement = tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
-var dividerAlign = tuple('start', 'center', 'end', 'left', 'right');

package/esm/utils/types.js

@@ -1 +0,0 @@
-export {};

package/esm/utils/use-body-scroll.js

@@ -1,2 +0,0 @@
-import useBodyScroll from '../use-body-scroll';
-export default useBodyScroll;

package/esm/utils/use-bolio-ui-context.js

@@ -1,27 +0,0 @@
-import React from 'react';
-export var defaultToastLayout = {
-  padding: '12px 16px',
-  margin: '8px 0',
-  width: '420px',
-  maxWidth: '90vw',
-  maxHeight: '75px',
-  placement: 'bottomRight'
-};
-var defaultParams = {
-  toasts: [],
-  toastLayout: defaultToastLayout,
-  updateToastLayout: function updateToastLayout(t) {
-    return t;
-  },
-  updateToasts: function updateToasts(t) {
-    return t;
-  },
-  lastUpdateToastId: null,
-  updateLastToastId: function updateLastToastId() {
-    return null;
-  }
-};
-export var BolioUIContent = /*#__PURE__*/React.createContext(defaultParams);
-export var useBolioUIContext = function useBolioUIContext() {
-  return React.useContext(BolioUIContent);
-};

package/esm/utils/use-click-anywhere.js

@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-var useClickAnyWhere = function useClickAnyWhere(handler) {
-  useEffect(function () {
-    var callback = function callback(event) {
-      return handler(event);
-    };
-    document.addEventListener('click', callback);
-    return function () {
-      return document.removeEventListener('click', callback);
-    };
-  }, [handler]);
-};
-export default useClickAnyWhere;

package/esm/utils/use-click-away.js

@@ -1,2 +0,0 @@
-import { default as useClickAway } from '../use-click-away';
-export default useClickAway;

package/esm/utils/use-clipboard.js

@@ -1,2 +0,0 @@
-import useClipboard from '../use-clipboard';
-export default useClipboard;

package/esm/utils/use-context-state/create-bolio-ui-context.js

@@ -1,49 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useImperativeHandle } from 'react';
-import useContextState from './use-context-state';
-import { capitalize } from '../collections';
-var makeVirtualValues = function makeVirtualValues(values) {
-  var keys = Object.keys(values);
-  var handlers = keys.reduce(function (pre, current) {
-    var updateHandler = _defineProperty({}, "set".concat(capitalize(current)), function set(_next) {});
-    return _extends({}, pre, updateHandler);
-  }, {});
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var update = function update(_key, _next) {};
-  return _extends({
-    update: update
-  }, values, handlers);
-};
-export var createBolioUIContext = function createBolioUIContext(name, initialStates) {
-  var _ref2;
-  var virtualValues = makeVirtualValues(initialStates);
-  var Context = /*#__PURE__*/React.createContext(virtualValues);
-  var BolioUIContext = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var defaultValues = _ref.defaultValues,
-      children = _ref.children,
-      onChange = _ref.onChange,
-      onChangeBefore = _ref.onChangeBefore;
-    var initialValues = typeof defaultValues === 'function' ? defaultValues() : defaultValues;
-    var mergedValues = _extends({}, initialStates, initialValues);
-    var _useContextState = useContextState(mergedValues, {
-        onChange: onChange ? onChange : function () {},
-        filter: onChangeBefore ? onChangeBefore : function () {
-          return true;
-        }
-      }),
-      _useContextState2 = _slicedToArray(_useContextState, 3),
-      states = _useContextState2[0],
-      statesRef = _useContextState2[2];
-    useImperativeHandle(ref, function () {
-      return statesRef.current;
-    }, [statesRef.current]);
-    return /*#__PURE__*/React.createElement(Context.Provider, {
-      value: states
-    }, children);
-  });
-  return _ref2 = {}, _defineProperty(_ref2, "".concat(capitalize(name), "Provider"), BolioUIContext), _defineProperty(_ref2, "use".concat(capitalize(name), "Context"), function useContext() {
-    return React.useContext(Context);
-  }), _ref2;
-};

package/esm/utils/use-context-state/use-context-state.js

@@ -1,38 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useMemo } from 'react';
-import useCurrentState from '../use-current-state';
-import { capitalize } from '../collections';
-var useContextState = function useContextState(initialState, options) {
-  var _useCurrentState = useCurrentState(initialState),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    state = _useCurrentState2[0],
-    setState = _useCurrentState2[1],
-    stateRef = _useCurrentState2[2];
-  var update = function update(key, next) {
-    var allowChange = options !== null && options !== void 0 && options.filter ? options === null || options === void 0 ? void 0 : options.filter(key, next) : true;
-    if (!allowChange) return;
-    setState(function (last) {
-      return _extends({}, last, _defineProperty({}, key, next));
-    });
-    (options === null || options === void 0 ? void 0 : options.onChange) && (options === null || options === void 0 ? void 0 : options.onChange(key, next));
-  };
-  var makeUpdates = function makeUpdates() {
-    var keys = Object.keys(state);
-    return keys.reduce(function (pre, current) {
-      var updateHandler = _defineProperty({}, "set".concat(capitalize(current)), function set(nextValue) {
-        update(current, nextValue);
-      });
-      return _extends({}, pre, updateHandler);
-    }, {});
-  };
-  var updates = makeUpdates();
-  var stateMemo = useMemo(function () {
-    return _extends({
-      update: update
-    }, state, updates);
-  }, [state]);
-  return [stateMemo, setState, stateRef];
-};
-export default useContextState;

package/esm/utils/use-current-state.js

@@ -1,2 +0,0 @@
-import useCurrentState from '../use-current-state';
-export default useCurrentState;

package/esm/utils/use-default-props.js

@@ -1,17 +0,0 @@
-var useDefaultProps = function useDefaultProps(props, defaultProps) {
-  var nextProps = {};
-  var propsKeys = Object.keys(props || {});
-  var defaultKeys = Object.keys(defaultProps || {});
-  for (var _i = 0, _propsKeys = propsKeys; _i < _propsKeys.length; _i++) {
-    var propsName = _propsKeys[_i];
-    nextProps[propsName] = props[propsName];
-  }
-  for (var _i2 = 0, _defaultKeys = defaultKeys; _i2 < _defaultKeys.length; _i2++) {
-    var defaultName = _defaultKeys[_i2];
-    if (props[defaultName] === undefined) {
-      nextProps[defaultName] = defaultProps[defaultName];
-    }
-  }
-  return nextProps;
-};
-export default useDefaultProps;

package/esm/utils/use-dom-observer.js

@@ -1,24 +0,0 @@
-import { useEffect } from 'react';
-var useDOMObserver = function useDOMObserver(ref) {
-  var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-  var config = {
-    attributes: false,
-    childList: true,
-    subtree: true
-  };
-  useEffect(function () {
-    if (!ref || !ref.current) return;
-    var unmount = false;
-    var done = function done() {
-      if (unmount) return;
-      callback.apply(void 0, arguments);
-    };
-    var observer = new MutationObserver(done);
-    observer.observe(ref.current, config);
-    return function () {
-      unmount = true;
-      observer.disconnect();
-    };
-  }, [ref]);
-};
-export default useDOMObserver;

package/esm/utils/use-drag.js

@@ -1,64 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useRef } from 'react';
-import useCurrentState from './use-current-state';
-var useDrag = function useDrag(elementRef) {
-  var draggingHandler = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-  var dragStartHandler = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
-  var dragEndHandler = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {};
-  var onDragging = useRef(false);
-  var _useCurrentState = useCurrentState(0),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    setStartX = _useCurrentState2[1],
-    startXRef = _useCurrentState2[2];
-  var _useCurrentState3 = useCurrentState(0),
-    _useCurrentState4 = _slicedToArray(_useCurrentState3, 3),
-    setCurrentX = _useCurrentState4[1],
-    currentXRef = _useCurrentState4[2];
-  var getCustomEvent = function getCustomEvent() {
-    return {
-      startX: startXRef.current,
-      currentX: currentXRef.current
-    };
-  };
-  var elementMouseDownHandler = function elementMouseDownHandler(event) {
-    event.stopPropagation();
-    event.stopImmediatePropagation();
-    onDragging.current = true;
-    if (!elementRef || !elementRef.current) return;
-    setStartX(elementRef.current.getBoundingClientRect().x);
-    dragStartHandler(getCustomEvent());
-  };
-  var globalDraggingHandler = function globalDraggingHandler(event) {
-    if (!onDragging.current) return;
-    if (event.type === 'touchmove') {
-      setCurrentX(event.changedTouches[0].clientX);
-    } else {
-      setCurrentX(event.clientX);
-    }
-    draggingHandler(getCustomEvent());
-  };
-  var globalDragEndHandler = function globalDragEndHandler() {
-    if (!onDragging.current) return;
-    onDragging.current = false;
-    dragEndHandler(getCustomEvent());
-  };
-  useEffect(function () {
-    if (!elementRef || !elementRef.current) return;
-    elementRef.current.addEventListener('mousedown', elementMouseDownHandler);
-    elementRef.current.addEventListener('touchstart', elementMouseDownHandler);
-    window.addEventListener('mousemove', globalDraggingHandler);
-    window.addEventListener('touchmove', globalDraggingHandler);
-    window.addEventListener('mouseup', globalDragEndHandler);
-    window.addEventListener('touchend', globalDragEndHandler);
-    return function () {
-      window.removeEventListener('mousemove', globalDraggingHandler);
-      window.removeEventListener('touchmove', globalDraggingHandler);
-      window.removeEventListener('mouseup', globalDragEndHandler);
-      window.removeEventListener('touchend', globalDragEndHandler);
-      if (!elementRef || !elementRef.current) return;
-      elementRef.current.removeEventListener('mousedown', elementMouseDownHandler);
-      elementRef.current.removeEventListener('touchstart', elementMouseDownHandler);
-    };
-  }, [elementRef]);
-};
-export default useDrag;

package/esm/utils/use-portal.js

@@ -1,32 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
-import useSSR from './use-ssr';
-import { getId } from './collections';
-var createElement = function createElement(id) {
-  var el = document.createElement('div');
-  el.setAttribute('id', id);
-  return el;
-};
-var usePortal = function usePortal() {
-  var selectId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getId();
-  var getContainer = arguments.length > 1 ? arguments[1] : undefined;
-  var id = "bolio-ui-".concat(selectId);
-  var _useSSR = useSSR(),
-    isBrowser = _useSSR.isBrowser;
-  var _useState = useState(isBrowser ? createElement(id) : null),
-    _useState2 = _slicedToArray(_useState, 2),
-    elSnapshot = _useState2[0],
-    setElSnapshot = _useState2[1];
-  useEffect(function () {
-    var customContainer = getContainer ? getContainer() : null;
-    var parentElement = customContainer || document.body;
-    var hasElement = parentElement.querySelector("#".concat(id));
-    var el = hasElement || createElement(id);
-    if (!hasElement) {
-      parentElement.appendChild(el);
-    }
-    setElSnapshot(el);
-  }, []);
-  return elSnapshot;
-};
-export default usePortal;

package/esm/utils/use-previous.js

@@ -1,9 +0,0 @@
-import { useEffect, useRef } from 'react';
-var usePrevious = function usePrevious(state) {
-  var ref = useRef(null);
-  useEffect(function () {
-    ref.current = state;
-  });
-  return ref ? ref.current : null;
-};
-export default usePrevious;

package/esm/utils/use-real-shape.js

@@ -1,45 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
-export var getRealShape = function getRealShape(el) {
-  var defaultShape = {
-    width: 0,
-    height: 0
-  };
-  if (!el || typeof window === 'undefined') return defaultShape;
-  var rect = el.getBoundingClientRect();
-  var _window$getComputedSt = window.getComputedStyle(el),
-    width = _window$getComputedSt.width,
-    height = _window$getComputedSt.height;
-  var getCSSStyleVal = function getCSSStyleVal(str, parentNum) {
-    if (!str) return 0;
-    var strVal = str.includes('px') ? +str.split('px')[0] : str.includes('%') ? +str.split('%')[0] * parentNum * 0.01 : str;
-    return Number.isNaN(+strVal) ? 0 : +strVal;
-  };
-  return {
-    width: getCSSStyleVal("".concat(width), rect.width),
-    height: getCSSStyleVal("".concat(height), rect.height)
-  };
-};
-var useRealShape = function useRealShape(ref) {
-  var _useState = useState({
-      width: 0,
-      height: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var update = function update() {
-    var _getRealShape = getRealShape(ref.current),
-      width = _getRealShape.width,
-      height = _getRealShape.height;
-    setState({
-      width: width,
-      height: height
-    });
-  };
-  useEffect(function () {
-    return update();
-  }, [ref.current]);
-  return [state, update];
-};
-export default useRealShape;

package/esm/utils/use-resize.js

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-var useResize = function useResize(callback) {
-  var immediatelyInvoke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  useEffect(function () {
-    var fn = function fn() {
-      return callback();
-    };
-    if (immediatelyInvoke) {
-      fn();
-    }
-    window.addEventListener('resize', fn);
-    return function () {
-      return window.removeEventListener('resize', fn);
-    };
-  }, []);
-};
-export default useResize;

package/esm/utils/use-ssr.js

@@ -1,17 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useState } from 'react';
-import { isBrowser } from './collections';
-var useSSR = function useSSR() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    browser = _useState2[0],
-    setBrowser = _useState2[1];
-  useEffect(function () {
-    setBrowser(isBrowser());
-  }, []);
-  return {
-    isBrowser: browser,
-    isServer: !browser
-  };
-};
-export default useSSR;

package/esm/utils/use-warning.d.ts

@@ -1,2 +0,0 @@
-declare const useWarning: (message: string, component?: string) => void;
-export default useWarning;

package/esm/utils/use-warning.js

@@ -1,13 +0,0 @@
-var warningStack = {};
-var useWarning = function useWarning(message, component) {
-  var tag = component ? " [".concat(component, "]") : ' ';
-  var log = "[Bolio UI]".concat(tag, ": ").concat(message);
-  if (typeof console === 'undefined') return;
-  if (warningStack[log]) return;
-  warningStack[log] = true;
-  if (process.env.NODE_ENV !== 'production') {
-    return console.error(log);
-  }
-  console.warn(log);
-};
-export default useWarning;