@neko-os/ui 0.2.3 → 0.4.0

package/dist/i18n/I18n.js

@@ -1 +1,96 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";var _excluded=["ns","context"];export var I18n=function(){function I18n(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};_classCallCheck(this,I18n);this.language=options.language||'en';this.fallback=options.fallback||'en';this.onChangeLanguage=options.onChangeLanguage;this.resources=options.resources||{};this.loader=options.loader;}return _createClass(I18n,[{key:"addResources",value:function addResources(lang,ns,data){if(!this.resources[lang])this.resources[lang]={};this.resources[lang][ns]=Object.assign({},this.resources[lang][ns],data);}},{key:"changeLanguage",value:function changeLanguage(lang){var _this$onChangeLanguag;this.language=lang;(_this$onChangeLanguag=this.onChangeLanguage)==null?void 0:_this$onChangeLanguag.call(this,lang);}},{key:"tAsync",value:function(){var _tAsync=_asyncToGenerator(function*(key){var _this$resources$this$;var opts=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _opts$ns=opts.ns,ns=_opts$ns===void 0?'common':_opts$ns;if(!((_this$resources$this$=this.resources[this.language])!=null&&_this$resources$this$[ns])&&this.loader){yield this._loadNamespace(this.language,ns);}return this.t(key,opts);});function tAsync(_x){return _tAsync.apply(this,arguments);}return tAsync;}()},{key:"t",value:function t(key){var _this$resources$this$2;var opts=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var _opts$ns2=opts.ns,ns=_opts$ns2===void 0?'common':_opts$ns2,context=opts.context,vars=_objectWithoutProperties(opts,_excluded);var count=vars==null?void 0:vars.count;if(key.includes(':')){var splittedKey=key.split(':');ns=splittedKey[0];key=splittedKey[1];}var langData=(_this$resources$this$2=this.resources[this.language])==null?void 0:_this$resources$this$2[ns];var value=this._resolveKey(langData,key,count,context);if(context)console.log(context,value);if(!value){var _this$resources$this$3;var fallbackData=(_this$resources$this$3=this.resources[this.fallback])==null?void 0:_this$resources$this$3[ns];value=this._resolveKey(fallbackData,key,count,context)||key;}return this._interpolate(value,vars);}},{key:"_loadNamespace",value:function(){var _loadNamespace2=_asyncToGenerator(function*(lang,ns){if(!this.loader)return;var data=yield this.loader(lang,ns);this.addResources(lang,ns,data);});function _loadNamespace(_x2,_x3){return _loadNamespace2.apply(this,arguments);}return _loadNamespace;}()},{key:"_resolveKey",value:function _resolveKey(nsData,key,count,context){if(!nsData)return null;var parts=key.split('.');var basePath=parts.slice(0,-1);var baseKey=parts[parts.length-1];var parent=basePath.reduce(function(acc,part){return acc?acc[part]:undefined;},nsData)||nsData;if(!parent)return null;if(context){var contextKey=`${baseKey}_${context}`;if(parent[contextKey]!=null){return parent[contextKey];}}if(typeof count==='number'){if(count===0){var singularKey=`${baseKey}_zero`;if(parent[singularKey]!=null){return parent[singularKey];}}if(count===1){var _singularKey=`${baseKey}_one`;if(parent[_singularKey]!=null){return parent[_singularKey];}}}return parent[baseKey];}},{key:"_interpolate",value:function _interpolate(str,vars){if(typeof str!=='string')return str;return str.replace(/\{\{(.*?)\}\}/g,function(_,v){var _vars$v$trim;return(_vars$v$trim=vars[v.trim()])!=null?_vars$v$trim:'';});}}]);}();
+var _excluded = ["ns", "context"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _classCallCheck(a, n) {if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");}function _defineProperties(e, r) {for (var t = 0; t < r.length; t++) {var o = r[t];o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);}}function _createClass(e, r, t) {return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;}function _toPropertyKey(t) {var i = _toPrimitive(t, "string");return "symbol" == typeof i ? i : i + "";}function _toPrimitive(t, r) {if ("object" != typeof t || !t) return t;var e = t[Symbol.toPrimitive];if (void 0 !== e) {var i = e.call(t, r || "default");if ("object" != typeof i) return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return ("string" === r ? String : Number)(t);}export var I18n = function () {
+  function I18n() {var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};_classCallCheck(this, I18n);
+    this.language = options.language || 'en';
+    this.fallback = options.fallback || 'en';
+    this.onChangeLanguage = options.onChangeLanguage;
+    this.resources = options.resources || {};
+    this.loader = options.loader;
+  }return _createClass(I18n, [{ key: "addResources", value:
+
+    function addResources(lang, ns, data) {
+      if (!this.resources[lang]) this.resources[lang] = {};
+      this.resources[lang][ns] = Object.assign({}, this.resources[lang][ns], data);
+    } }, { key: "changeLanguage", value:
+
+    function changeLanguage(lang) {var _this$onChangeLanguag;
+      this.language = lang;
+      (_this$onChangeLanguag = this.onChangeLanguage) == null ? void 0 : _this$onChangeLanguag.call(this, lang);
+    } }, { key: "tAsync", value: function () {var _tAsync = _asyncToGenerator(
+
+        function* (key) {var _this$resources$this$;var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+          var _opts$ns = opts.ns,ns = _opts$ns === void 0 ? 'common' : _opts$ns;
+          if (!((_this$resources$this$ = this.resources[this.language]) != null && _this$resources$this$[ns]) && this.loader) {
+            yield this._loadNamespace(this.language, ns);
+          }
+          return this.t(key, opts);
+        });function tAsync(_x) {return _tAsync.apply(this, arguments);}return tAsync;}() }, { key: "t", value:
+
+    function t(key) {var _this$resources$this$2;var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var _opts$ns2 = opts.ns,ns = _opts$ns2 === void 0 ? 'common' : _opts$ns2,context = opts.context,vars = _objectWithoutProperties(opts, _excluded);
+      var count = vars == null ? void 0 : vars.count;
+      if (key.includes(':')) {
+        var splittedKey = key.split(':');
+        ns = splittedKey[0];
+        key = splittedKey[1];
+      }
+      var langData = (_this$resources$this$2 = this.resources[this.language]) == null ? void 0 : _this$resources$this$2[ns];
+      var value = this._resolveKey(langData, key, count, context);
+      if (context) console.log(context, value);
+
+      if (!value) {var _this$resources$this$3;
+        var fallbackData = (_this$resources$this$3 = this.resources[this.fallback]) == null ? void 0 : _this$resources$this$3[ns];
+        value = this._resolveKey(fallbackData, key, count, context) || key;
+      }
+
+      return this._interpolate(value, vars);
+    } }, { key: "_loadNamespace", value: function () {var _loadNamespace2 = _asyncToGenerator(
+
+        function* (lang, ns) {
+          if (!this.loader) return;
+          var data = yield this.loader(lang, ns);
+          this.addResources(lang, ns, data);
+        });function _loadNamespace(_x2, _x3) {return _loadNamespace2.apply(this, arguments);}return _loadNamespace;}() }, { key: "_resolveKey", value:
+
+    function _resolveKey(nsData, key, count, context) {
+      if (!nsData) return null;
+
+
+      var parts = key.split('.');
+      var basePath = parts.slice(0, -1);
+      var baseKey = parts[parts.length - 1];
+      var parent = basePath.reduce(function (acc, part) {return acc ? acc[part] : undefined;}, nsData) || nsData;
+
+      if (!parent) return null;
+
+
+      if (context) {
+        var contextKey = `${baseKey}_${context}`;
+        if (parent[contextKey] != null) {
+          return parent[contextKey];
+        }
+      }
+
+
+      if (typeof count === 'number') {
+        if (count === 0) {
+          var singularKey = `${baseKey}_zero`;
+          if (parent[singularKey] != null) {
+            return parent[singularKey];
+          }
+        }
+        if (count === 1) {
+          var _singularKey = `${baseKey}_one`;
+          if (parent[_singularKey] != null) {
+            return parent[_singularKey];
+          }
+        }
+      }
+
+
+      return parent[baseKey];
+    } }, { key: "_interpolate", value:
+
+    function _interpolate(str, vars) {
+      if (typeof str !== 'string') return str;
+      return str.replace(/\{\{(.*?)\}\}/g, function (_, v) {var _vars$v$trim;return (_vars$v$trim = vars[v.trim()]) != null ? _vars$v$trim : '';});
+    } }]);}();

package/dist/i18n/I18nProvider.js

@@ -1 +1,40 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _jsxFileName="/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/i18n/I18nProvider.js";import React from'react';import{I18n}from"./I18n";import{jsx as _jsx}from"react/jsx-runtime";var I18nContext=React.createContext();export function I18nProvider(_ref){var children=_ref.children,i18n=_ref.i18n,config=_ref.config;var i18nRef=React.useRef(i18n||new I18n(config));var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),v=_React$useState2[0],setVersion=_React$useState2[1];var forceUpdate=React.useCallback(function(){return setVersion(function(v){return v+1;});},[]);var changeLanguage=React.useCallback(function(lang){i18nRef.current.changeLanguage(lang);forceUpdate();},[forceUpdate]);var value=React.useMemo(function(){return{t:function t(){var _i18nRef$current;return(_i18nRef$current=i18nRef.current).t.apply(_i18nRef$current,arguments);},i18n:i18nRef.current,v:v,language:i18nRef.current.language,changeLanguage:changeLanguage};},[v,forceUpdate,changeLanguage]);return _jsx(I18nContext.Provider,{value:value,children:children});}export function useTranslation(namespace){var ctx=React.useContext(I18nContext);if(!ctx)throw new Error('useTranslation must be used inside <I18nProvider>');var t=function t(key){var opts=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return ctx==null?void 0:ctx.t==null?void 0:ctx.t(key,Object.assign({ns:namespace},opts));};return Object.assign({},ctx,{t:t});}
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/i18n/I18nProvider.js";function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+
+import { I18n } from "./I18n";import { jsx as _jsx } from "react/jsx-runtime";
+
+var I18nContext = React.createContext();
+
+export function I18nProvider(_ref) {var children = _ref.children,i18n = _ref.i18n,config = _ref.config;
+  var i18nRef = React.useRef(i18n || new I18n(config));
+  var _React$useState = React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),v = _React$useState2[0],setVersion = _React$useState2[1];
+
+  var forceUpdate = React.useCallback(function () {return setVersion(function (v) {return v + 1;});}, []);
+
+  var changeLanguage = React.useCallback(
+    function (lang) {
+      i18nRef.current.changeLanguage(lang);
+      forceUpdate();
+    },
+    [forceUpdate]
+  );
+
+  var value = React.useMemo(
+    function () {return {
+        t: function t() {var _i18nRef$current;return (_i18nRef$current = i18nRef.current).t.apply(_i18nRef$current, arguments);},
+        i18n: i18nRef.current,
+        v: v,
+        language: i18nRef.current.language,
+        changeLanguage: changeLanguage
+      };},
+    [v, forceUpdate, changeLanguage]
+  );
+
+  return _jsx(I18nContext.Provider, { value: value, children: children });
+}
+
+export function useTranslation(namespace) {
+  var ctx = React.useContext(I18nContext);
+  if (!ctx) throw new Error('useTranslation must be used inside <I18nProvider>');
+  var t = function t(key) {var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};return ctx == null ? void 0 : ctx.t == null ? void 0 : ctx.t(key, Object.assign({ ns: namespace }, opts));};
+  return Object.assign({}, ctx, { t: t });
+}

package/dist/i18n/index.js

@@ -1 +1,2 @@
-export*from"./I18nProvider";export*from"./I18n";
+export * from "./I18nProvider";
+export * from "./I18n";

package/dist/index.js

@@ -1 +1,8 @@
-export*from"./helpers";export*from"./components";export*from"./theme";export*from"./responsive";export*from"./i18n";export*from"./NekoUI";export var version=41;
+export * from "./helpers";
+export * from "./components";
+export * from "./theme";
+export * from "./responsive";
+export * from "./i18n";
+export * from "./NekoUI";
+
+export var version = 41;

package/dist/modifiers/_helpers.js

@@ -1 +1,6 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{pickBy}from'ramda';export var clearProps=pickBy(function(item){return item!==undefined;});export var flattenStyle=function flattenStyle(style){return Array.isArray(style)?Object.assign.apply(Object,[{}].concat(_toConsumableArray(style))):style;};
+function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}import { pickBy } from 'ramda';
+
+export var clearProps = pickBy(function (item) {return item !== undefined;});
+
+export var flattenStyle = function flattenStyle(style) {return (
+    Array.isArray(style) ? Object.assign.apply(Object, [{}].concat(_toConsumableArray(style))) : style);};

package/dist/modifiers/alignConverter.js

@@ -1 +1,11 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";export function useAlignConverter(defaultValue){return function(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var align=props.align;if(!align&&props.center)align='center';if(!align&&props.toRight)align='right';if(!align&&props.toLeft)align='left';if(!align)align=defaultValue;return[{align:align},Object.assign({},props,{align:align})];};}
+function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}export function useAlignConverter(defaultValue) {
+  return function (_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+    var align = props.align;
+    if (!align && props.center) align = 'center';
+    if (!align && props.toRight) align = 'right';
+    if (!align && props.toLeft) align = 'left';
+    if (!align) align = defaultValue;
+
+    return [{ align: align }, Object.assign({}, props, { align: align })];
+  };
+}

package/dist/modifiers/animation.js

@@ -1 +1,18 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["transition"];import{clearProps,flattenStyle}from"./_helpers";export function useAnimationModifier(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],props=_ref2[1];var transition=props.transition,restProps=_objectWithoutProperties(props,_excluded);var style=clearProps({transition:transition});return[values,Object.assign({},restProps,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["transition"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { clearProps, flattenStyle } from "./_helpers";
+
+export function useAnimationModifier(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],props = _ref2[1];
+  var transition = props.transition,restProps = _objectWithoutProperties(props, _excluded);
+
+  var style = clearProps({ transition: transition });
+
+  return [
+  values, Object.assign({},
+
+  restProps, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/animations/animatedEffects.js

@@ -1 +1,64 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["open","onClose","lazy","unmountOnClose"];import{pipe}from'ramda';import React from'react';import{useApplyStyles}from"../applyStyles";import{useFadeEffect}from"./fadeEffect";import{useScaleEffect}from"./scaleEffect";import{useSlideEffect}from"./slideEffect";export function useAnimatedEffects(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],open=_ref2$.open,onClose=_ref2$.onClose,_ref2$$lazy=_ref2$.lazy,lazy=_ref2$$lazy===void 0?false:_ref2$$lazy,_ref2$$unmountOnClose=_ref2$.unmountOnClose,unmountOnClose=_ref2$$unmountOnClose===void 0?false:_ref2$$unmountOnClose,props=_objectWithoutProperties(_ref2$,_excluded);var unmountTimerRef=React.useRef();var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),totalDuration=_React$useState2[0],setTotalDuration=_React$useState2[1];var _React$useState3=React.useState(''),_React$useState4=_slicedToArray(_React$useState3,2),transform=_React$useState4[0],setTransform=_React$useState4[1];var _React$useState5=React.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),transitions=_React$useState6[0],setTransitions=_React$useState6[1];var _React$useState7=React.useState(open||!lazy),_React$useState8=_slicedToArray(_React$useState7,2),hasOpened=_React$useState8[0],setHasOpened=_React$useState8[1];var _React$useState9=React.useState(open||!lazy),_React$useState0=_slicedToArray(_React$useState9,2),render=_React$useState0[0],setRender=_React$useState0[1];var useRegisterEffect=function useRegisterEffect(effect){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTotalDuration(function(v){return v>effect.duration?v:effect.duration;});},[]);};var useAddTransition=function useAddTransition(effect,transition){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTransitions(function(v){return[].concat(_toConsumableArray(v),[transition]);});},[]);};React.useEffect(function(){if(open){clearTimeout(unmountTimerRef==null?void 0:unmountTimerRef.current);setHasOpened(true);setRender(true);}else if(unmountOnClose){unmountTimerRef.current=setTimeout(function(){return setRender(false);},totalDuration);}},[open]);return pipe(useFadeEffect,useSlideEffect,useScaleEffect,useApplyStyles({transition:transitions.join(',')}))([Object.assign({},values,{useRegisterEffect:useRegisterEffect,useAddTransition:useAddTransition,open:open,onClose:onClose,lazy:lazy,unmountOnClose:unmountOnClose,transform:transform,setTransform:setTransform,hasOpened:hasOpened,setHasOpened:setHasOpened,render:render,setRender:setRender}),props]);}
+var _excluded = ["open", "onClose", "lazy", "unmountOnClose"];function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+import React from 'react';
+
+import { useApplyStyles } from "../applyStyles";
+import { useFadeEffect } from "./fadeEffect";
+import { useScaleEffect } from "./scaleEffect";
+import { useSlideEffect } from "./slideEffect";
+
+export function useAnimatedEffects(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],open = _ref2$.open,onClose = _ref2$.onClose,_ref2$$lazy = _ref2$.lazy,lazy = _ref2$$lazy === void 0 ? false : _ref2$$lazy,_ref2$$unmountOnClose = _ref2$.unmountOnClose,unmountOnClose = _ref2$$unmountOnClose === void 0 ? false : _ref2$$unmountOnClose,props = _objectWithoutProperties(_ref2$, _excluded);
+  var unmountTimerRef = React.useRef();
+  var _React$useState = React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),totalDuration = _React$useState2[0],setTotalDuration = _React$useState2[1];
+  var _React$useState3 = React.useState(''),_React$useState4 = _slicedToArray(_React$useState3, 2),transform = _React$useState4[0],setTransform = _React$useState4[1];
+  var _React$useState5 = React.useState([]),_React$useState6 = _slicedToArray(_React$useState5, 2),transitions = _React$useState6[0],setTransitions = _React$useState6[1];
+  var _React$useState7 = React.useState(open || !lazy),_React$useState8 = _slicedToArray(_React$useState7, 2),hasOpened = _React$useState8[0],setHasOpened = _React$useState8[1];
+  var _React$useState9 = React.useState(open || !lazy),_React$useState0 = _slicedToArray(_React$useState9, 2),render = _React$useState0[0],setRender = _React$useState0[1];
+
+  var useRegisterEffect = function useRegisterEffect(effect) {
+    React.useEffect(function () {
+      if (!(effect != null && effect.duration)) return;
+      setTotalDuration(function (v) {return v > effect.duration ? v : effect.duration;});
+    }, []);
+  };
+
+  var useAddTransition = function useAddTransition(effect, transition) {
+    React.useEffect(function () {
+      if (!(effect != null && effect.duration)) return;
+      setTransitions(function (v) {return [].concat(_toConsumableArray(v), [transition]);});
+    }, []);
+  };
+
+  React.useEffect(function () {
+    if (open) {
+      clearTimeout(unmountTimerRef == null ? void 0 : unmountTimerRef.current);
+      setHasOpened(true);
+      setRender(true);
+    } else if (unmountOnClose) {
+      unmountTimerRef.current = setTimeout(function () {return setRender(false);}, totalDuration);
+    }
+  }, [open]);
+
+  return pipe(
+    useFadeEffect,
+    useSlideEffect,
+    useScaleEffect,
+    useApplyStyles({ transition: transitions.join(',') })
+  )([Object.assign({},
+
+  values, {
+    useRegisterEffect: useRegisterEffect,
+    useAddTransition: useAddTransition,
+    open: open,
+    onClose: onClose,
+    lazy: lazy,
+    unmountOnClose: unmountOnClose,
+    transform: transform,
+    setTransform: setTransform,
+    hasOpened: hasOpened,
+    setHasOpened: setHasOpened,
+    render: render,
+    setRender: setRender }),
+
+  props]
+  );
+}

package/dist/modifiers/animations/animatedEffects.native.js

@@ -1 +1,55 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["open","onClose","lazy","unmountOnClose"];import{pipe}from'ramda';import{useSharedValue}from'react-native-reanimated';import React from'react';import{useFadeEffect}from"./fadeEffect";import{useScaleEffect}from"./scaleEffect";import{useSlideEffect}from"./slideEffect";export function useAnimatedEffects(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],_ref2$$open=_ref2$.open,open=_ref2$$open===void 0?true:_ref2$$open,onClose=_ref2$.onClose,_ref2$$lazy=_ref2$.lazy,lazy=_ref2$$lazy===void 0?false:_ref2$$lazy,_ref2$$unmountOnClose=_ref2$.unmountOnClose,unmountOnClose=_ref2$$unmountOnClose===void 0?false:_ref2$$unmountOnClose,props=_objectWithoutProperties(_ref2$,_excluded);var unmountTimerRef=React.useRef();var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),totalDuration=_React$useState2[0],setTotalDuration=_React$useState2[1];var _React$useState3=React.useState(open||!lazy),_React$useState4=_slicedToArray(_React$useState3,2),hasOpened=_React$useState4[0],setHasOpened=_React$useState4[1];var _React$useState5=React.useState(open||!lazy),_React$useState6=_slicedToArray(_React$useState5,2),render=_React$useState6[0],setRender=_React$useState6[1];var useRegisterEffect=function useRegisterEffect(effect){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTotalDuration(function(v){return v>effect.duration?v:effect.duration;});},[]);};var translate=useSharedValue(0);React.useEffect(function(){if(open){clearTimeout(unmountTimerRef==null?void 0:unmountTimerRef.current);setHasOpened(true);setRender(true);}else if(unmountOnClose){unmountTimerRef.current=setTimeout(function(){return setRender(false);},totalDuration);}},[open]);return pipe(useFadeEffect,useSlideEffect,useScaleEffect)([Object.assign({},values,{animatedStyles:[],useRegisterEffect:useRegisterEffect,useAddTransition:function useAddTransition(){},open:open,onClose:onClose,lazy:lazy,unmountOnClose:unmountOnClose,hasOpened:hasOpened,setHasOpened:setHasOpened,render:render,setRender:setRender}),Object.assign({},props,{animatedStyles:[]})]);}
+var _excluded = ["open", "onClose", "lazy", "unmountOnClose"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+import { useSharedValue } from 'react-native-reanimated';
+import React from 'react';
+
+import { useFadeEffect } from "./fadeEffect";
+import { useScaleEffect } from "./scaleEffect";
+import { useSlideEffect } from "./slideEffect";
+
+export function useAnimatedEffects(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],_ref2$$open = _ref2$.open,open = _ref2$$open === void 0 ? true : _ref2$$open,onClose = _ref2$.onClose,_ref2$$lazy = _ref2$.lazy,lazy = _ref2$$lazy === void 0 ? false : _ref2$$lazy,_ref2$$unmountOnClose = _ref2$.unmountOnClose,unmountOnClose = _ref2$$unmountOnClose === void 0 ? false : _ref2$$unmountOnClose,props = _objectWithoutProperties(_ref2$, _excluded);
+  var unmountTimerRef = React.useRef();
+  var _React$useState = React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),totalDuration = _React$useState2[0],setTotalDuration = _React$useState2[1];
+  var _React$useState3 = React.useState(open || !lazy),_React$useState4 = _slicedToArray(_React$useState3, 2),hasOpened = _React$useState4[0],setHasOpened = _React$useState4[1];
+  var _React$useState5 = React.useState(open || !lazy),_React$useState6 = _slicedToArray(_React$useState5, 2),render = _React$useState6[0],setRender = _React$useState6[1];
+
+  var useRegisterEffect = function useRegisterEffect(effect) {
+    React.useEffect(function () {
+      if (!(effect != null && effect.duration)) return;
+      setTotalDuration(function (v) {return v > effect.duration ? v : effect.duration;});
+    }, []);
+  };
+
+  var translate = useSharedValue(0);
+
+  React.useEffect(function () {
+    if (open) {
+      clearTimeout(unmountTimerRef == null ? void 0 : unmountTimerRef.current);
+      setHasOpened(true);
+      setRender(true);
+    } else if (unmountOnClose) {
+      unmountTimerRef.current = setTimeout(function () {return setRender(false);}, totalDuration);
+    }
+  }, [open]);
+
+  return pipe(
+    useFadeEffect,
+    useSlideEffect,
+    useScaleEffect
+  )([Object.assign({},
+
+  values, {
+    animatedStyles: [],
+    useRegisterEffect: useRegisterEffect,
+    useAddTransition: function useAddTransition() {},
+    open: open,
+    onClose: onClose,
+    lazy: lazy,
+    unmountOnClose: unmountOnClose,
+    hasOpened: hasOpened,
+    setHasOpened: setHasOpened,
+    render: render,
+    setRender: setRender }), Object.assign({},
+
+  props, { animatedStyles: [] })]
+  );
+}

package/dist/modifiers/animations/animatedEffects.web.js

@@ -1 +1,55 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["open","onClose","lazy","unmountOnClose"];import{pipe}from'ramda';import{useSharedValue}from'react-native-reanimated';import React from'react';import{useFadeEffect}from"./fadeEffect";import{useScaleEffect}from"./scaleEffect";import{useSlideEffect}from"./slideEffect";export function useAnimatedEffects(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],_ref2$$open=_ref2$.open,open=_ref2$$open===void 0?true:_ref2$$open,onClose=_ref2$.onClose,_ref2$$lazy=_ref2$.lazy,lazy=_ref2$$lazy===void 0?false:_ref2$$lazy,_ref2$$unmountOnClose=_ref2$.unmountOnClose,unmountOnClose=_ref2$$unmountOnClose===void 0?false:_ref2$$unmountOnClose,props=_objectWithoutProperties(_ref2$,_excluded);var unmountTimerRef=React.useRef();var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),totalDuration=_React$useState2[0],setTotalDuration=_React$useState2[1];var _React$useState3=React.useState(open||!lazy),_React$useState4=_slicedToArray(_React$useState3,2),hasOpened=_React$useState4[0],setHasOpened=_React$useState4[1];var _React$useState5=React.useState(open||!lazy),_React$useState6=_slicedToArray(_React$useState5,2),render=_React$useState6[0],setRender=_React$useState6[1];var useRegisterEffect=function useRegisterEffect(effect){React.useEffect(function(){if(!(effect!=null&&effect.duration))return;setTotalDuration(function(v){return v>effect.duration?v:effect.duration;});},[]);};var translate=useSharedValue(0);React.useEffect(function(){if(open){clearTimeout(unmountTimerRef==null?void 0:unmountTimerRef.current);setHasOpened(true);setRender(true);}else if(unmountOnClose){unmountTimerRef.current=setTimeout(function(){return setRender(false);},totalDuration);}},[open]);return pipe(useFadeEffect,useSlideEffect,useScaleEffect)([Object.assign({},values,{animatedStyles:[],useRegisterEffect:useRegisterEffect,useAddTransition:function useAddTransition(){},open:open,onClose:onClose,lazy:lazy,unmountOnClose:unmountOnClose,hasOpened:hasOpened,setHasOpened:setHasOpened,render:render,setRender:setRender}),Object.assign({},props,{animatedStyles:[]})]);}
+var _excluded = ["open", "onClose", "lazy", "unmountOnClose"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { pipe } from 'ramda';
+import { useSharedValue } from 'react-native-reanimated';
+import React from 'react';
+
+import { useFadeEffect } from "./fadeEffect";
+import { useScaleEffect } from "./scaleEffect";
+import { useSlideEffect } from "./slideEffect";
+
+export function useAnimatedEffects(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],_ref2$$open = _ref2$.open,open = _ref2$$open === void 0 ? true : _ref2$$open,onClose = _ref2$.onClose,_ref2$$lazy = _ref2$.lazy,lazy = _ref2$$lazy === void 0 ? false : _ref2$$lazy,_ref2$$unmountOnClose = _ref2$.unmountOnClose,unmountOnClose = _ref2$$unmountOnClose === void 0 ? false : _ref2$$unmountOnClose,props = _objectWithoutProperties(_ref2$, _excluded);
+  var unmountTimerRef = React.useRef();
+  var _React$useState = React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),totalDuration = _React$useState2[0],setTotalDuration = _React$useState2[1];
+  var _React$useState3 = React.useState(open || !lazy),_React$useState4 = _slicedToArray(_React$useState3, 2),hasOpened = _React$useState4[0],setHasOpened = _React$useState4[1];
+  var _React$useState5 = React.useState(open || !lazy),_React$useState6 = _slicedToArray(_React$useState5, 2),render = _React$useState6[0],setRender = _React$useState6[1];
+
+  var useRegisterEffect = function useRegisterEffect(effect) {
+    React.useEffect(function () {
+      if (!(effect != null && effect.duration)) return;
+      setTotalDuration(function (v) {return v > effect.duration ? v : effect.duration;});
+    }, []);
+  };
+
+  var translate = useSharedValue(0);
+
+  React.useEffect(function () {
+    if (open) {
+      clearTimeout(unmountTimerRef == null ? void 0 : unmountTimerRef.current);
+      setHasOpened(true);
+      setRender(true);
+    } else if (unmountOnClose) {
+      unmountTimerRef.current = setTimeout(function () {return setRender(false);}, totalDuration);
+    }
+  }, [open]);
+
+  return pipe(
+    useFadeEffect,
+    useSlideEffect,
+    useScaleEffect
+  )([Object.assign({},
+
+  values, {
+    animatedStyles: [],
+    useRegisterEffect: useRegisterEffect,
+    useAddTransition: function useAddTransition() {},
+    open: open,
+    onClose: onClose,
+    lazy: lazy,
+    unmountOnClose: unmountOnClose,
+    hasOpened: hasOpened,
+    setHasOpened: setHasOpened,
+    render: render,
+    setRender: setRender }), Object.assign({},
+
+  props, { animatedStyles: [] })]
+  );
+}

package/dist/modifiers/animations/fadeEffect.js

@@ -1 +1,46 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["fade"];import React from'react';import{flattenStyle}from"../_helpers";var DEFAULT_EFFECT={duration:300};export function useFadeEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],fade=_ref2$.fade,props=_objectWithoutProperties(_ref2$,_excluded);if(fade===true)fade=DEFAULT_EFFECT;if(!!fade)fade=Object.assign({},DEFAULT_EFFECT,fade);var _ref3=fade||{},duration=_ref3.duration;var open=values.open,useRegisterEffect=values.useRegisterEffect,useAddTransition=values.useAddTransition;var _React$useState=React.useState(0),_React$useState2=_slicedToArray(_React$useState,2),opacity=_React$useState2[0],setOpacity=_React$useState2[1];useRegisterEffect(fade);useAddTransition(fade,`opacity ${duration}ms ease-in-out`);React.useEffect(function(){if(!fade)return;if(open){setOpacity(0);requestAnimationFrame(function(){requestAnimationFrame(function(){setOpacity(1);});});}else{setOpacity(0);}},[open]);if(!fade)return[values,props];var style={opacity:opacity};return[values,Object.assign({},props,{style:Object.assign({},flattenStyle(props.style),style)})];}
+var _excluded = ["fade"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import React from 'react';
+import { flattenStyle } from "../_helpers";
+
+var DEFAULT_EFFECT = { duration: 300 };
+
+export function useFadeEffect(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],fade = _ref2$.fade,props = _objectWithoutProperties(_ref2$, _excluded);
+  if (fade === true) fade = DEFAULT_EFFECT;
+  if (!!fade) fade = Object.assign({}, DEFAULT_EFFECT, fade);
+  var _ref3 = fade || {},duration = _ref3.duration;
+  var open = values.open,useRegisterEffect = values.useRegisterEffect,useAddTransition = values.useAddTransition;
+  var _React$useState = React.useState(0),_React$useState2 = _slicedToArray(_React$useState, 2),opacity = _React$useState2[0],setOpacity = _React$useState2[1];
+
+  useRegisterEffect(fade);
+  useAddTransition(fade, `opacity ${duration}ms ease-in-out`);
+
+  React.useEffect(function () {
+    if (!fade) return;
+
+    if (open) {
+      setOpacity(0);
+
+      requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+          setOpacity(1);
+        });
+      });
+    } else {
+      setOpacity(0);
+    }
+  }, [open]);
+
+  if (!fade) return [values, props];
+
+  var style = { opacity: opacity };
+
+  return [
+  values, Object.assign({},
+
+  props, {
+    style: Object.assign({},
+    flattenStyle(props.style),
+    style) })];
+
+
+
+}

package/dist/modifiers/animations/fadeEffect.native.js

@@ -1 +1,33 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";var _excluded=["fade"];import{useSharedValue,withTiming,useAnimatedStyle}from'react-native-reanimated';import React from'react';var DEFAULT_EFFECT={duration:300};export function useFadeEffect(_ref){var _ref2=_slicedToArray(_ref,2),values=_ref2[0],_ref2$=_ref2[1],fade=_ref2$.fade,props=_objectWithoutProperties(_ref2$,_excluded);if(fade===true)fade=DEFAULT_EFFECT;if(!!fade)fade=Object.assign({},DEFAULT_EFFECT,fade);var _ref3=fade||{},duration=_ref3.duration;var open=values.open,useRegisterEffect=values.useRegisterEffect;var opacity=useSharedValue(0);useRegisterEffect(fade);React.useEffect(function(){if(!fade)return;if(open){opacity.value=0;opacity.value=withTiming(1,{duration:duration});}else{opacity.value=withTiming(0,{duration:duration});}},[open]);var animatedStyle=useAnimatedStyle(function(){return{opacity:opacity.value};});if(!fade)return[values,props];return[values,Object.assign({},props,{animatedStyles:[].concat(_toConsumableArray(props.animatedStyles),[animatedStyle])})];}
+var _excluded = ["fade"];function _toConsumableArray(r) {return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();}function _nonIterableSpread() {throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(r) {if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);}function _arrayWithoutHoles(r) {if (Array.isArray(r)) return _arrayLikeToArray(r);}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}import { useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import React from 'react';
+
+var DEFAULT_EFFECT = { duration: 300 };
+
+export function useFadeEffect(_ref) {var _ref2 = _slicedToArray(_ref, 2),values = _ref2[0],_ref2$ = _ref2[1],fade = _ref2$.fade,props = _objectWithoutProperties(_ref2$, _excluded);
+  if (fade === true) fade = DEFAULT_EFFECT;
+  if (!!fade) fade = Object.assign({}, DEFAULT_EFFECT, fade);
+  var _ref3 = fade || {},duration = _ref3.duration;
+  var open = values.open,useRegisterEffect = values.useRegisterEffect;
+  var opacity = useSharedValue(0);
+
+  useRegisterEffect(fade);
+
+  React.useEffect(function () {
+    if (!fade) return;
+
+    if (open) {
+      opacity.value = 0;
+      opacity.value = withTiming(1, { duration: duration });
+    } else {
+      opacity.value = withTiming(0, { duration: duration });
+    }
+  }, [open]);
+
+  var animatedStyle = useAnimatedStyle(function () {
+    return { opacity: opacity.value };
+  });
+
+  if (!fade) return [values, props];
+
+  return [values, Object.assign({}, props, { animatedStyles: [].concat(_toConsumableArray(props.animatedStyles), [animatedStyle]) })];
+}

package/dist/modifiers/animations/fadeEffect.web.js

@@ -1 +1,3 @@
-import{useFadeEffect as useFadeEffectNative}from"./fadeEffect.native";export var useFadeEffect=useFadeEffectNative;
+import { useFadeEffect as useFadeEffectNative } from "./fadeEffect.native";
+
+export var useFadeEffect = useFadeEffectNative;