@onesy/ui-react 1.0.130 → 1.0.131

package/Interaction/index.js

@@ -1,8 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Interaction_1 = require("./Interaction");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Interaction_1).default; } });
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Interaction.default;
+  }
+});
+var _Interaction = _interopRequireDefault(require("./Interaction"));

package/Keyframes/Context.js

@@ -1,8 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const KeyframesContext = react_1.default.createContext(undefined);
-exports.default = KeyframesContext;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+const KeyframesContext = /*#__PURE__*/_react.default.createContext(undefined);
+var _default = exports.default = KeyframesContext;

package/Keyframes/Keyframes.js

@@ -1,177 +1,192 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("@onesy/utils");
-const subscription_1 = __importDefault(require("@onesy/subscription"));
-const style_react_1 = require("@onesy/style-react");
-const Context_1 = __importDefault(require("./Context"));
-const utils_2 = require("../utils");
-const Keyframes = (props_) => {
-    const theme = (0, style_react_1.useOnesyTheme)();
-    const props = react_1.default.useMemo(() => { var _a, _b, _c, _d, _e, _f, _g, _h; return (Object.assign(Object.assign(Object.assign({}, (_d = (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _a === void 0 ? void 0 : _a.elements) === null || _b === void 0 ? void 0 : _b.all) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.default), (_h = (_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.ui) === null || _e === void 0 ? void 0 : _e.elements) === null || _f === void 0 ? void 0 : _f.onesyKeyframes) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.default), props_)); }, [props_]);
-    const { ref, append, update, timeout: timeout_, appendStatusPost, add: add_, runOnEnter, removeOnEnd, keyframes, prefix, onKeyframes, onAppended, onAdd, onAdding, onAdded, onRemoved, className, children, } = props;
-    const [init, setInit] = react_1.default.useState(false);
-    const [status, setStatus] = react_1.default.useState(() => {
-        let statusNew = '';
-        if (append)
-            statusNew = 'appended';
-        return statusNew;
-    });
-    const subs = react_1.default.useRef({
-        status: new subscription_1.default()
-    });
-    const refs = {
-        root: react_1.default.useRef(undefined),
-        status: react_1.default.useRef(status)
-    };
-    react_1.default.useEffect(() => {
-        initMethod();
-    }, []);
-    // Anytime update updates
-    // keyframes are ran
-    // meaning you can update
-    // keyframes between reruns
-    // and have any version of
-    // animation based on those points
-    // ie. Switch ui on and off animation
-    react_1.default.useEffect(() => {
-        if (init)
-            run();
-    }, [update]);
-    const initMethod = async () => {
-        // Appended
-        if (status === 'appended')
-            updateStatus(appendStatusPost);
-        // Add
-        if (add_ || status === 'add')
-            await add();
-        // Run the method
-        // to run the keyframes
-        if (runOnEnter)
-            await run();
-        // Init
-        setInit(true);
-    };
-    const run = async () => {
-        // Run all keyframes
-        if ((0, utils_1.is)('array', keyframes))
-            for (const keyframe of keyframes)
-                await runKeyframe(keyframe);
-        if (removeOnEnd) {
-            // So exited status has
-            // enough time to apply some value
-            setStatus('removed');
-            // Subscriptions
-            subs.current.status.emit('removed');
-        }
-    };
-    const runKeyframe = async (value_) => {
-        if (value_) {
-            const { name, timeout: timeout__ } = value_;
-            updateStatus(name);
-            await (0, utils_1.wait)(timeout__ || 0);
-        }
-    };
-    const timeout = async (status_) => {
-        let duration = timeout_;
-        if ((0, utils_1.is)('string', timeout_) &&
-            theme.transitions.duration[timeout_] !== undefined)
-            duration = theme.transitions.duration[timeout_];
-        if ((0, utils_1.is)('object', timeout_))
-            duration = timeout_[status_] !== undefined ? timeout_[status_] : timeout_.default;
-        if (!(0, utils_1.is)('number', duration))
-            duration = theme.transitions.duration.rg;
-        await (0, utils_1.wait)(duration);
-    };
-    const add = async () => {
-        updateStatus('add');
-        // Reflow
-        (0, utils_2.reflow)(refs.root.current);
-        // Add adding class for animation
-        setTimeout(() => updateStatus('adding'));
-        await timeout('add');
-        updateStatus('added');
-        await (0, utils_1.wait)(0);
-    };
-    const updateStatus = (status_ = status) => {
-        // Update
-        setStatus(status_);
-        // Subscriptions
-        subs.current.status.emit(status_);
-        switch (status_) {
-            case 'appended':
-                if ((0, utils_1.is)('function', onKeyframes))
-                    onKeyframes(refs.root.current, status_);
-                if ((0, utils_1.is)('function', onAppended))
-                    onAppended(refs.root.current);
-                break;
-            case 'add':
-                if ((0, utils_1.is)('function', onKeyframes))
-                    onKeyframes(refs.root.current, status_);
-                if ((0, utils_1.is)('function', onAdd))
-                    onAdd(refs.root.current);
-                break;
-            case 'adding':
-                if ((0, utils_1.is)('function', onKeyframes))
-                    onKeyframes(refs.root.current, status_);
-                if ((0, utils_1.is)('function', onAdding))
-                    onAdding(refs.root.current);
-                break;
-            case 'added':
-                if ((0, utils_1.is)('function', onKeyframes))
-                    onKeyframes(refs.root.current, status_);
-                if ((0, utils_1.is)('function', onAdded))
-                    onAdded(refs.root.current);
-                break;
-            case 'removed':
-                if ((0, utils_1.is)('function', onKeyframes))
-                    onKeyframes(refs.root.current, status_);
-                if ((0, utils_1.is)('function', onRemoved))
-                    onRemoved(refs.root.current);
-                break;
-            default:
-                if ((0, utils_1.is)('function', onKeyframes))
-                    onKeyframes(refs.root.current, status_);
-                break;
-        }
-        // Add className
-        if (className && (0, utils_1.is)('element', refs.root.current)) {
-            let className_ = (0, style_react_1.classNames)([refs.root.current.className.split(' ')]);
-            // Remove all previous state classes
-            className_ = className_.replace(new RegExp(`${prefix || ''}(add)(ed|ing)?`, 'g'), '');
-            // Remove all previous keyframes classes
-            if ((0, utils_1.is)('array', keyframes)) {
-                const regex = new RegExp(`${keyframes.reduce((result, item, index) => result += `${index !== 0 ? '|' : ''}${item}`, '')}`, 'g');
-                className_ = className_.replace(regex, '');
-            }
-            // Add
-            className_ += ` ${prefix || ''}${status_}`;
-            className_ = className_.replace(/ +/g, ' ').trim();
-            refs.root.current.className = className_;
-        }
-    };
-    if (status === 'removed')
-        return null;
-    const value = {
-        status
-    };
-    return ((0, jsx_runtime_1.jsx)(Context_1.default.Provider, Object.assign({ value: value }, { children: (0, utils_1.is)('function', children) ?
-            children(status, refs.root) :
-            react_1.default.cloneElement(children, {
-                ref: (item) => {
-                    if (ref) {
-                        if ((0, utils_1.is)('function', ref))
-                            ref(item);
-                        else
-                            ref.current = item;
-                    }
-                    refs.root.current = item;
-                }
-            }) })));
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("@onesy/utils");
+var _subscription = _interopRequireDefault(require("@onesy/subscription"));
+var _styleReact = require("@onesy/style-react");
+var _Context = _interopRequireDefault(require("./Context"));
+var _utils2 = require("../utils");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const Keyframes = props_ => {
+  const theme = (0, _styleReact.useOnesyTheme)();
+  const props = _react.default.useMemo(() => {
+    var _theme$ui, _theme$ui2;
+    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesyKeyframes) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  }, [props_]);
+  const {
+    ref,
+    append,
+    update,
+    timeout: timeout_,
+    appendStatusPost,
+    add: add_,
+    runOnEnter,
+    removeOnEnd,
+    keyframes,
+    prefix,
+    onKeyframes,
+    onAppended,
+    onAdd,
+    onAdding,
+    onAdded,
+    onRemoved,
+    className,
+    children
+  } = props;
+  const [init, setInit] = _react.default.useState(false);
+  const [status, setStatus] = _react.default.useState(() => {
+    let statusNew = '';
+    if (append) statusNew = 'appended';
+    return statusNew;
+  });
+  const subs = _react.default.useRef({
+    status: new _subscription.default()
+  });
+  const refs = {
+    root: _react.default.useRef(undefined),
+    status: _react.default.useRef(status)
+  };
+  _react.default.useEffect(() => {
+    initMethod();
+  }, []);
+
+  // Anytime update updates
+  // keyframes are ran
+  // meaning you can update
+  // keyframes between reruns
+  // and have any version of
+  // animation based on those points
+  // ie. Switch ui on and off animation
+  _react.default.useEffect(() => {
+    if (init) run();
+  }, [update]);
+  const initMethod = async () => {
+    // Appended
+    if (status === 'appended') updateStatus(appendStatusPost);
+
+    // Add
+    if (add_ || status === 'add') await add();
+
+    // Run the method
+    // to run the keyframes
+    if (runOnEnter) await run();
+
+    // Init
+    setInit(true);
+  };
+  const run = async () => {
+    // Run all keyframes
+    if ((0, _utils.is)('array', keyframes)) for (const keyframe of keyframes) await runKeyframe(keyframe);
+    if (removeOnEnd) {
+      // So exited status has
+      // enough time to apply some value
+      setStatus('removed');
+
+      // Subscriptions
+      subs.current.status.emit('removed');
+    }
+  };
+  const runKeyframe = async value_ => {
+    if (value_) {
+      const {
+        name,
+        timeout: timeout__
+      } = value_;
+      updateStatus(name);
+      await (0, _utils.wait)(timeout__ || 0);
+    }
+  };
+  const timeout = async status_ => {
+    let duration = timeout_;
+    if ((0, _utils.is)('string', timeout_) && theme.transitions.duration[timeout_] !== undefined) duration = theme.transitions.duration[timeout_];
+    if ((0, _utils.is)('object', timeout_)) duration = timeout_[status_] !== undefined ? timeout_[status_] : timeout_.default;
+    if (!(0, _utils.is)('number', duration)) duration = theme.transitions.duration.rg;
+    await (0, _utils.wait)(duration);
+  };
+  const add = async () => {
+    updateStatus('add');
+
+    // Reflow
+    (0, _utils2.reflow)(refs.root.current);
+
+    // Add adding class for animation
+    setTimeout(() => updateStatus('adding'));
+    await timeout('add');
+    updateStatus('added');
+    await (0, _utils.wait)(0);
+  };
+  const updateStatus = (status_ = status) => {
+    // Update
+    setStatus(status_);
+
+    // Subscriptions
+    subs.current.status.emit(status_);
+    switch (status_) {
+      case 'appended':
+        if ((0, _utils.is)('function', onKeyframes)) onKeyframes(refs.root.current, status_);
+        if ((0, _utils.is)('function', onAppended)) onAppended(refs.root.current);
+        break;
+      case 'add':
+        if ((0, _utils.is)('function', onKeyframes)) onKeyframes(refs.root.current, status_);
+        if ((0, _utils.is)('function', onAdd)) onAdd(refs.root.current);
+        break;
+      case 'adding':
+        if ((0, _utils.is)('function', onKeyframes)) onKeyframes(refs.root.current, status_);
+        if ((0, _utils.is)('function', onAdding)) onAdding(refs.root.current);
+        break;
+      case 'added':
+        if ((0, _utils.is)('function', onKeyframes)) onKeyframes(refs.root.current, status_);
+        if ((0, _utils.is)('function', onAdded)) onAdded(refs.root.current);
+        break;
+      case 'removed':
+        if ((0, _utils.is)('function', onKeyframes)) onKeyframes(refs.root.current, status_);
+        if ((0, _utils.is)('function', onRemoved)) onRemoved(refs.root.current);
+        break;
+      default:
+        if ((0, _utils.is)('function', onKeyframes)) onKeyframes(refs.root.current, status_);
+        break;
+    }
+
+    // Add className
+    if (className && (0, _utils.is)('element', refs.root.current)) {
+      let className_ = (0, _styleReact.classNames)([refs.root.current.className.split(' ')]);
+
+      // Remove all previous state classes
+      className_ = className_.replace(new RegExp(`${prefix || ''}(add)(ed|ing)?`, 'g'), '');
+
+      // Remove all previous keyframes classes
+      if ((0, _utils.is)('array', keyframes)) {
+        const regex = new RegExp(`${keyframes.reduce((result, item, index) => result += `${index !== 0 ? '|' : ''}${item}`, '')}`, 'g');
+        className_ = className_.replace(regex, '');
+      }
+
+      // Add
+      className_ += ` ${prefix || ''}${status_}`;
+      className_ = className_.replace(/ +/g, ' ').trim();
+      refs.root.current.className = className_;
+    }
+  };
+  if (status === 'removed') return null;
+  const value = {
+    status
+  };
+  return /*#__PURE__*/_react.default.createElement(_Context.default.Provider, {
+    value: value
+  }, (0, _utils.is)('function', children) ? children(status, refs.root) : /*#__PURE__*/_react.default.cloneElement(children, {
+    ref: item => {
+      if (ref) {
+        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+      }
+      refs.root.current = item;
+    }
+  }));
 };
 Keyframes.displayName = 'onesy-Keyframes';
-exports.default = Keyframes;
+var _default = exports.default = Keyframes;

package/Keyframes/index.js

@@ -1,27 +1,44 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  KeyframesContext: true,
+  useKeyframes: true
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = exports.useKeyframes = exports.KeyframesContext = void 0;
-var Context_1 = require("./Context");
-Object.defineProperty(exports, "KeyframesContext", { enumerable: true, get: function () { return __importDefault(Context_1).default; } });
-var useKeyframes_1 = require("./useKeyframes");
-Object.defineProperty(exports, "useKeyframes", { enumerable: true, get: function () { return __importDefault(useKeyframes_1).default; } });
-__exportStar(require("./Keyframes"), exports);
-var Keyframes_1 = require("./Keyframes");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Keyframes_1).default; } });
+Object.defineProperty(exports, "KeyframesContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Keyframes.default;
+  }
+});
+Object.defineProperty(exports, "useKeyframes", {
+  enumerable: true,
+  get: function () {
+    return _useKeyframes.default;
+  }
+});
+var _Context = _interopRequireDefault(require("./Context"));
+var _useKeyframes = _interopRequireDefault(require("./useKeyframes"));
+var _Keyframes = _interopRequireWildcard(require("./Keyframes"));
+Object.keys(_Keyframes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Keyframes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Keyframes[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/Keyframes/useKeyframes.js

@@ -1,12 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Context_1 = __importDefault(require("./Context"));
-function useKeyframes() {
-    const value = react_1.default.useContext(Context_1.default);
-    return value;
-}
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = useKeyframes;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("./Context"));
+function useKeyframes() {
+  const value = _react.default.useContext(_Context.default);
+  return value;
+}