@nextui-org/react 1.0.1-alpha.7 → 1.0.2-alpha.2

package/cjs/utils/css-transition.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
+
+var _clsx = _interopRequireDefault(require("../utils/clsx"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const defaultProps = {
+  visible: false,
+  enterTime: 60,
+  leaveTime: 60,
+  clearTime: 60,
+  className: '',
+  name: 'transition'
+};
+
+const CSSTransition = ({
+  children,
+  className,
+  visible,
+  enterTime,
+  leaveTime,
+  clearTime,
+  name,
+  ...props
+}) => {
+  const [classes, setClasses] = (0, _react.useState)('');
+  const [renderable, setRenderable] = (0, _react.useState)(visible);
+  (0, _react.useEffect)(() => {
+    const statusClassName = visible ? 'enter' : 'leave';
+    const time = visible ? enterTime : leaveTime;
+
+    if (visible && !renderable) {
+      setRenderable(true);
+    }
+
+    setClasses(`${name}-${statusClassName}`); // set class to active
+
+    const timer = setTimeout(() => {
+      setClasses(`${name}-${statusClassName} ${name}-${statusClassName}-active`);
+      clearTimeout(timer);
+    }, time); // remove classess when animation over
+
+    const clearClassesTimer = setTimeout(() => {
+      if (!visible) {
+        setClasses('');
+        setRenderable(false);
+      }
+
+      clearTimeout(clearClassesTimer);
+    }, time + clearTime);
+    return () => {
+      clearTimeout(timer);
+      clearTimeout(clearClassesTimer);
+    };
+  }, [visible, renderable]);
+  if (! /*#__PURE__*/_react.default.isValidElement(children) || !renderable) return null;
+  return /*#__PURE__*/_react.default.cloneElement(children, { ...props,
+    className: (0, _clsx.default)(children.props.className, className, classes)
+  });
+};
+
+var _default = (0, _withDefaults.default)(CSSTransition, defaultProps);
+
+exports.default = _default;
+module.exports = exports.default;

package/cjs/utils/deep-merge.d.ts

@@ -0,0 +1 @@
+export default function deepMerge(result: any, ...args: any[]): any;

package/cjs/utils/deep-merge.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = deepMerge;
+
+function deepMerge(result) {
+  var stack = Array.prototype.slice.call(arguments, 1);
+  var item;
+  var key;
+
+  while (stack.length) {
+    item = stack.shift();
+
+    for (key in item) {
+      // eslint-disable-next-line no-prototype-builtins
+      if (item.hasOwnProperty(key)) {
+        if (typeof result[key] === 'object' && result[key] && Object.prototype.toString.call(result[key]) !== '[object Array]') {
+          if (typeof item[key] === 'object' && item[key] !== null) {
+            result[key] = deepMerge({}, result[key], item[key]);
+          } else {
+            result[key] = item[key];
+          }
+        } else {
+          result[key] = item[key];
+        }
+      }
+    }
+  }
+
+  return result;
+}
+
+module.exports = exports.default;

package/cjs/utils/dimensions.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getMargin = void 0;
+
+const getMargin = num => {
+  return `calc(${num * 15.25}pt + 1px * ${num - 1})`;
+};
+
+exports.getMargin = getMargin;

package/cjs/utils/dom.js

@@ -0,0 +1,110 @@
+"use strict";
+
+exports.__esModule = true;
+exports.canUseDOM = canUseDOM;
+exports.detectBrowser = detectBrowser;
+exports.detectDeviceType = detectDeviceType;
+exports.detectOS = detectOS;
+exports.detectTouch = detectTouch;
+exports.isBrowser = void 0;
+
+function canUseDOM() {
+  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}
+
+const isBrowser = canUseDOM();
+exports.isBrowser = isBrowser;
+
+function getUserAgentBrowser(navigator) {
+  const {
+    userAgent: ua,
+    vendor
+  } = navigator;
+  const android = /(android)/i.test(ua);
+
+  switch (true) {
+    case /CriOS/.test(ua):
+      return 'Chrome for iOS';
+
+    case /Edg\//.test(ua):
+      return 'Edge';
+
+    case android && /Silk\//.test(ua):
+      return 'Silk';
+
+    case /Chrome/.test(ua) && /Google Inc/.test(vendor):
+      return 'Chrome';
+
+    case /Firefox\/\d+\.\d+$/.test(ua):
+      return 'Firefox';
+
+    case android:
+      return 'AOSP';
+
+    case /MSIE|Trident/.test(ua):
+      return 'IE';
+
+    case /Safari/.test(navigator.userAgent) && /Apple Computer/.test(ua):
+      return 'Safari';
+
+    case /AppleWebKit/.test(ua):
+      return 'WebKit';
+
+    default:
+      return null;
+  }
+}
+
+function getUserAgentOS(navigator) {
+  const {
+    userAgent: ua,
+    platform
+  } = navigator;
+
+  switch (true) {
+    case /Android/.test(ua):
+      return 'Android';
+
+    case /iPhone|iPad|iPod/.test(platform):
+      return 'iOS';
+
+    case /Win/.test(platform):
+      return 'Windows';
+
+    case /Mac/.test(platform):
+      return 'Mac';
+
+    case /CrOS/.test(ua):
+      return 'Chrome OS';
+
+    case /Firefox/.test(ua):
+      return 'Firefox OS';
+
+    default:
+      return null;
+  }
+}
+
+function detectDeviceType(navigator) {
+  const {
+    userAgent: ua
+  } = navigator;
+  if (/(tablet)|(iPad)|(Nexus 9)/i.test(ua)) return 'tablet';
+  if (/(mobi)/i.test(ua)) return 'phone';
+  return 'desktop';
+}
+
+function detectOS(os) {
+  if (!isBrowser) return false;
+  return getUserAgentOS(window.navigator) === os;
+}
+
+function detectBrowser(browser) {
+  if (!isBrowser) return false;
+  return getUserAgentBrowser(window.navigator) === browser;
+}
+
+function detectTouch() {
+  if (!isBrowser) return false;
+  return window.ontouchstart === null && window.ontouchmove === null && window.ontouchend === null;
+}