@tecsinapse/react-native-kit 1.21.0 → 1.22.0

package/dist/components/atoms/Skeleton/Pulse.js

@@ -1,47 +1,40 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pulse = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
+var React = require('react');
+var animation = require('./animation.js');
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _animation = require("./animation");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 Pulse = _ref => {
-  var _childrenLayout$x, _childrenLayout$y;
-
-  let {
-    active = true,
-    width,
-    height,
-    childrenLayout
-  } = _ref;
-  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    (0, _animation.pulseAnimation)(active, animatedValue);
+const Pulse = ({
+  active = true,
+  width,
+  height,
+  childrenLayout
+}) => {
+  var _a, _b;
+  const animatedValue = React.useRef(new reactNative.Animated.Value(0)).current;
+  React.useEffect(() => {
+    animation.pulseAnimation(active, animatedValue);
   }, [active]);
-  return _react.default.createElement(_reactNative.Animated.View, {
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, {
     style: {
-      width: width !== null && width !== void 0 ? width : childrenLayout.width,
-      height: height !== null && height !== void 0 ? height : childrenLayout.height,
-      backgroundColor: 'rgba(0,0,0,0.05)',
-      position: 'absolute',
-      top: (_childrenLayout$x = childrenLayout.x) !== null && _childrenLayout$x !== void 0 ? _childrenLayout$x : 0,
-      left: (_childrenLayout$y = childrenLayout.y) !== null && _childrenLayout$y !== void 0 ? _childrenLayout$y : 0,
+      width: width != null ? width : childrenLayout.width,
+      height: height != null ? height : childrenLayout.height,
+      backgroundColor: "rgba(0,0,0,0.05)",
+      position: "absolute",
+      top: (_a = childrenLayout.x) != null ? _a : 0,
+      left: (_b = childrenLayout.y) != null ? _b : 0,
       zIndex: 2,
-      overflow: 'hidden',
+      overflow: "hidden",
       opacity: animatedValue
     }
   });
 };
 
 exports.Pulse = Pulse;
-//# sourceMappingURL=Pulse.js.map
+//# sourceMappingURL=Pulse.js.map

package/dist/components/atoms/Skeleton/Pulse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pulse.js","names":["Pulse","active","width","height","childrenLayout","animatedValue","useRef","Animated","Value","current","useEffect","pulseAnimation","backgroundColor","position","top","x","left","y","zIndex","overflow","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Pulse.tsx"],"sourcesContent":["import { Animated } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport { pulseAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nexport const Pulse = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    pulseAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <Animated.View\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        backgroundColor: 'rgba(0,0,0,0.05)',\n        position: 'absolute',\n        top: childrenLayout.x ?? 0,\n        left: childrenLayout.y ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        opacity: animatedValue,\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGO,MAAMA,KAAK,GAAG,QAKM;EAAA;;EAAA,IALL;IACpBC,MAAM,GAAG,IADW;IAEpBC,KAFoB;IAGpBC,MAHoB;IAIpBC;EAJoB,CAKK;EACzB,MAAMC,aAAa,GAAG,IAAAC,aAAA,EAAO,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAAC,yBAAA,EAAeV,MAAf,EAAuBI,aAAvB;EACD,CAFD,EAEG,CAACJ,MAAD,CAFH;EAIA,OACE,6BAAC,qBAAD,CAAU,IAAV;IACE,KAAK,EAAE;MACLC,KAAK,EAAEA,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAWE,cAAc,CAACF,KAD1B;MAELC,MAAM,EAAEA,MAAF,aAAEA,MAAF,cAAEA,MAAF,GAAYC,cAAc,CAACD,MAF5B;MAGLS,eAAe,EAAE,kBAHZ;MAILC,QAAQ,EAAE,UAJL;MAKLC,GAAG,uBAAEV,cAAc,CAACW,CAAjB,iEAAsB,CALpB;MAMLC,IAAI,uBAAEZ,cAAc,CAACa,CAAjB,iEAAsB,CANrB;MAOLC,MAAM,EAAE,CAPH;MAQLC,QAAQ,EAAE,QARL;MASLC,OAAO,EAAEf;IATJ;EADT,EADF;AAeD,CA3BM"}
+{"version":3,"file":"Pulse.js","sources":["../../../../src/components/atoms/Skeleton/Pulse.tsx"],"sourcesContent":["import { Animated } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport { pulseAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nexport const Pulse = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  useEffect(() => {\n    pulseAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <Animated.View\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        backgroundColor: 'rgba(0,0,0,0.05)',\n        position: 'absolute',\n        top: childrenLayout.x ?? 0,\n        left: childrenLayout.y ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        opacity: animatedValue,\n      }}\n    />\n  );\n};\n"],"names":["useRef","Animated","useEffect","pulseAnimation","React"],"mappings":";;;;;;;;;;;;AAKO,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AAV3B,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAWE,EAAA,MAAM,gBAAgBA,YAAO,CAAA,IAAIC,qBAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAAC,wBAAA,CAAe,QAAQ,aAAa,CAAA,CAAA;AAAA,GACtC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACH,qBAAS,IAAT,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA,EAAO,wBAAS,cAAe,CAAA,KAAA;AAAA,MAC/B,MAAA,EAAQ,0BAAU,cAAe,CAAA,MAAA;AAAA,MACjC,eAAiB,EAAA,kBAAA;AAAA,MACjB,QAAU,EAAA,UAAA;AAAA,MACV,GAAA,EAAA,CAAK,EAAe,GAAA,cAAA,CAAA,CAAA,KAAf,IAAoB,GAAA,EAAA,GAAA,CAAA;AAAA,MACzB,IAAA,EAAA,CAAM,EAAe,GAAA,cAAA,CAAA,CAAA,KAAf,IAAoB,GAAA,EAAA,GAAA,CAAA;AAAA,MAC1B,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,QAAA;AAAA,MACV,OAAS,EAAA,aAAA;AAAA,KACX;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Skeleton/Skeleton.js

@@ -1,74 +1,93 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var styled = require('./styled.js');
+var Wave = require('./Wave.js');
+var Pulse = require('./Pulse.js');
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _styled = require("./styled");
-
-var _Wave = require("./Wave");
-
-var _Pulse = require("./Pulse");
-
-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; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Skeleton = _ref => {
-  let {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Skeleton = (_a) => {
+  var _b = _a, {
     children,
     width,
     height,
     radius,
     active = true,
-    animation = 'wave',
-    ...rest
-  } = _ref;
-  const [childrenLayout, setChildrenLayout] = (0, _react.useState)({
+    animation = "wave"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "width",
+    "height",
+    "radius",
+    "active",
+    "animation"
+  ]);
+  const [childrenLayout, setChildrenLayout] = React.useState({
     width: 0,
     height: 0,
     y: 0,
     x: 0
   });
-
   if (!width && !height && !children) {
-    throw new Error('[Skeleton] You should provide children or specify width and height');
+    throw new Error(
+      "[Skeleton] You should provide children or specify width and height"
+    );
   }
-
-  const getChildrenLayout = event => {
+  const getChildrenLayout = (event) => {
     setChildrenLayout(event.nativeEvent.layout);
   };
-
-  return _react.default.createElement(_styled.Wrapper, _extends({
-    width: width,
-    height: height,
-    radius: radius
-  }, rest), active && animation === 'wave' ? _react.default.createElement(_Wave.Wave, {
-    active: active,
-    width: width,
-    height: height,
-    childrenLayout: childrenLayout
-  }) : _react.default.createElement(_react.default.Fragment, null), active && animation === 'pulse' ? _react.default.createElement(_Pulse.Pulse, {
-    active: active,
-    width: width,
-    height: height,
-    childrenLayout: childrenLayout
-  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_reactNative.View, {
-    onLayout: event => getChildrenLayout(event),
-    style: {
-      opacity: active ? 0 : 1
-    },
-    pointerEvents: active ? 'none' : 'auto'
+  return /* @__PURE__ */ React__default["default"].createElement(styled.Wrapper, __spreadValues({
+    width,
+    height,
+    radius
+  }, rest), active && animation === "wave" ? /* @__PURE__ */ React__default["default"].createElement(Wave.Wave, {
+    active,
+    width,
+    height,
+    childrenLayout
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), active && animation === "pulse" ? /* @__PURE__ */ React__default["default"].createElement(Pulse.Pulse, {
+    active,
+    width,
+    height,
+    childrenLayout
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
+    onLayout: (event) => getChildrenLayout(event),
+    style: { opacity: active ? 0 : 1 },
+    pointerEvents: active ? "none" : "auto"
   }, children));
 };
 
-var _default = Skeleton;
-exports.default = _default;
-//# sourceMappingURL=Skeleton.js.map
+module.exports = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/atoms/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["Skeleton","children","width","height","radius","active","animation","rest","childrenLayout","setChildrenLayout","useState","y","x","Error","getChildrenLayout","event","nativeEvent","layout","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { LayoutChangeEvent, View, ViewProps } from 'react-native';\nimport { Wrapper } from './styled';\nimport { Wave } from './Wave';\nimport { Pulse } from './Pulse';\nimport { ChildrenLayout } from './types';\n\nexport interface SkeletonProps extends ViewProps {\n  width?: number;\n  height?: number;\n  radius?: BorderRadiusType;\n  active?: boolean;\n  animation?: 'wave' | 'pulse';\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  radius,\n  active = true,\n  animation = 'wave',\n  ...rest\n}) => {\n  const [childrenLayout, setChildrenLayout] = useState<ChildrenLayout>({\n    width: 0,\n    height: 0,\n    y: 0,\n    x: 0,\n  });\n\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  const getChildrenLayout = (event: LayoutChangeEvent) => {\n    setChildrenLayout(event.nativeEvent.layout);\n  };\n\n  return (\n    <Wrapper width={width} height={height} radius={radius} {...rest}>\n      {active && animation === 'wave' ? (\n        <Wave\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n\n      {active && animation === 'pulse' ? (\n        <Pulse\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n      <View\n        onLayout={event => getChildrenLayout(event)}\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAWA,MAAMA,QAAiC,GAAG,QAQpC;EAAA,IARqC;IACzCC,QADyC;IAEzCC,KAFyC;IAGzCC,MAHyC;IAIzCC,MAJyC;IAKzCC,MAAM,GAAG,IALgC;IAMzCC,SAAS,GAAG,MAN6B;IAOzC,GAAGC;EAPsC,CAQrC;EACJ,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC,IAAAC,eAAA,EAAyB;IACnER,KAAK,EAAE,CAD4D;IAEnEC,MAAM,EAAE,CAF2D;IAGnEQ,CAAC,EAAE,CAHgE;IAInEC,CAAC,EAAE;EAJgE,CAAzB,CAA5C;;EAOA,IAAI,CAACV,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;IAClC,MAAM,IAAIY,KAAJ,CACJ,oEADI,CAAN;EAGD;;EAED,MAAMC,iBAAiB,GAAIC,KAAD,IAA8B;IACtDN,iBAAiB,CAACM,KAAK,CAACC,WAAN,CAAkBC,MAAnB,CAAjB;EACD,CAFD;;EAIA,OACE,6BAAC,eAAD;IAAS,KAAK,EAAEf,KAAhB;IAAuB,MAAM,EAAEC,MAA/B;IAAuC,MAAM,EAAEC;EAA/C,GAA2DG,IAA3D,GACGF,MAAM,IAAIC,SAAS,KAAK,MAAxB,GACC,6BAAC,UAAD;IACE,MAAM,EAAED,MADV;IAEE,KAAK,EAAEH,KAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,cAAc,EAAEK;EAJlB,EADD,GAQC,2DATJ,EAYGH,MAAM,IAAIC,SAAS,KAAK,OAAxB,GACC,6BAAC,YAAD;IACE,MAAM,EAAED,MADV;IAEE,KAAK,EAAEH,KAFT;IAGE,MAAM,EAAEC,MAHV;IAIE,cAAc,EAAEK;EAJlB,EADD,GAQC,2DApBJ,EAsBE,6BAAC,iBAAD;IACE,QAAQ,EAAEO,KAAK,IAAID,iBAAiB,CAACC,KAAD,CADtC;IAEE,KAAK,EAAE;MAAEG,OAAO,EAAEb,MAAM,GAAG,CAAH,GAAO;IAAxB,CAFT;IAGE,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;EAHnC,GAKGJ,QALH,CAtBF,CADF;AAgCD,CA1DD;;eA4DeD,Q"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { LayoutChangeEvent, View, ViewProps } from 'react-native';\nimport { Wrapper } from './styled';\nimport { Wave } from './Wave';\nimport { Pulse } from './Pulse';\nimport { ChildrenLayout } from './types';\n\nexport interface SkeletonProps extends ViewProps {\n  width?: number;\n  height?: number;\n  radius?: BorderRadiusType;\n  active?: boolean;\n  animation?: 'wave' | 'pulse';\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  radius,\n  active = true,\n  animation = 'wave',\n  ...rest\n}) => {\n  const [childrenLayout, setChildrenLayout] = useState<ChildrenLayout>({\n    width: 0,\n    height: 0,\n    y: 0,\n    x: 0,\n  });\n\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  const getChildrenLayout = (event: LayoutChangeEvent) => {\n    setChildrenLayout(event.nativeEvent.layout);\n  };\n\n  return (\n    <Wrapper width={width} height={height} radius={radius} {...rest}>\n      {active && animation === 'wave' ? (\n        <Wave\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n\n      {active && animation === 'pulse' ? (\n        <Pulse\n          active={active}\n          width={width}\n          height={height}\n          childrenLayout={childrenLayout}\n        />\n      ) : (\n        <></>\n      )}\n      <View\n        onLayout={event => getChildrenLayout(event)}\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"names":["useState","React","Wrapper","Wave","Pulse","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBM,MAAA,QAAA,GAAoC,CAAC,EAQrC,KAAA;AARqC,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAS,GAAA,IAAA;AAAA,IACT,SAAY,GAAA,MAAA;AAAA,GAtBd,GAgB2C,EAOtC,EAAA,IAAA,GAAA,SAAA,CAPsC,EAOtC,EAAA;AAAA,IANH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,cAAyB,CAAA;AAAA,IACnE,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,CAAG,EAAA,CAAA;AAAA,IACH,CAAG,EAAA,CAAA;AAAA,GACJ,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAA6B,KAAA;AACtD,IAAkB,iBAAA,CAAA,KAAA,CAAM,YAAY,MAAM,CAAA,CAAA;AAAA,GAC5C,CAAA;AAEA,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,cAAA,CAAA;AAAA,IAAQ,KAAA;AAAA,IAAc,MAAA;AAAA,IAAgB,MAAA;AAAA,GAAA,EAAoB,IACxD,CAAA,EAAA,MAAA,IAAU,SAAc,KAAA,MAAA,mBACtBD,yBAAA,CAAA,aAAA,CAAAE,SAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,GACF,oBAEEF,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,EAGH,MAAU,IAAA,SAAA,KAAc,0BACtBA,yBAAA,CAAA,aAAA,CAAAG,WAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA,mBAEEH,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,yBAAA,CAAA,aAAA,CAAAI,gBAAA,EAAA;AAAA,IACC,QAAA,EAAU,CAAS,KAAA,KAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IAC1C,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Skeleton/Wave.js

@@ -1,68 +1,59 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wave = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
-
-var _animation = require("./animation");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 AnimatedLinearGradient = _reactNative.Animated.createAnimatedComponent(_reactNativeLinearGradient.default);
-
-const Wave = _ref => {
-  var _childrenLayout$y, _childrenLayout$x;
-
-  let {
-    active = true,
-    width,
-    height,
-    childrenLayout
-  } = _ref;
-  const range = width !== null && width !== void 0 ? width : childrenLayout.width;
-  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactNative = require('react-native');
+var LinearGradient = require('react-native-linear-gradient');
+var animation = require('./animation.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var LinearGradient__default = /*#__PURE__*/_interopDefaultLegacy(LinearGradient);
+
+const AnimatedLinearGradient = reactNative.Animated.createAnimatedComponent(LinearGradient__default["default"]);
+const Wave = ({
+  active = true,
+  width,
+  height,
+  childrenLayout
+}) => {
+  var _a, _b;
+  const range = width != null ? width : childrenLayout.width;
+  const animatedValue = React.useRef(new reactNative.Animated.Value(0)).current;
   const translateX = animatedValue.interpolate({
     inputRange: [0, 1],
     outputRange: [-range, range]
   });
-  (0, _react.useEffect)(() => {
-    (0, _animation.waveAnimation)(active, animatedValue);
+  React.useEffect(() => {
+    animation.waveAnimation(active, animatedValue);
   }, [active]);
-  return _react.default.createElement(AnimatedLinearGradient, {
-    colors: ['transparent', 'rgba(0,0,0,0.05)', 'rgba(0,0,0,0.1)', 'transparent'],
-    start: {
-      x: 0,
-      y: 0
-    },
-    end: {
-      x: 1,
-      y: 0
-    },
+  return /* @__PURE__ */ React__default["default"].createElement(AnimatedLinearGradient, {
+    colors: [
+      "transparent",
+      "rgba(0,0,0,0.05)",
+      "rgba(0,0,0,0.1)",
+      "transparent"
+    ],
+    start: { x: 0, y: 0 },
+    end: { x: 1, y: 0 },
     style: {
-      width: width !== null && width !== void 0 ? width : childrenLayout.width,
-      height: height !== null && height !== void 0 ? height : childrenLayout.height,
-      position: 'absolute',
-      top: (_childrenLayout$y = childrenLayout.y) !== null && _childrenLayout$y !== void 0 ? _childrenLayout$y : 0,
-      left: (_childrenLayout$x = childrenLayout.x) !== null && _childrenLayout$x !== void 0 ? _childrenLayout$x : 0,
+      width: width != null ? width : childrenLayout.width,
+      height: height != null ? height : childrenLayout.height,
+      position: "absolute",
+      top: (_a = childrenLayout.y) != null ? _a : 0,
+      left: (_b = childrenLayout.x) != null ? _b : 0,
       zIndex: 2,
-      overflow: 'hidden',
-      transform: [{
-        translateX: translateX
-      }]
+      overflow: "hidden",
+      transform: [
+        {
+          translateX
+        }
+      ]
     }
   });
 };
 
 exports.Wave = Wave;
-//# sourceMappingURL=Wave.js.map
+//# sourceMappingURL=Wave.js.map

package/dist/components/atoms/Skeleton/Wave.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wave.js","names":["AnimatedLinearGradient","Animated","createAnimatedComponent","LinearGradient","Wave","active","width","height","childrenLayout","range","animatedValue","useRef","Value","current","translateX","interpolate","inputRange","outputRange","useEffect","waveAnimation","x","y","position","top","left","zIndex","overflow","transform"],"sources":["../../../../src/components/atoms/Skeleton/Wave.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { waveAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nconst AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);\n\nexport const Wave = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const range = width ?? childrenLayout.width;\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  const translateX = animatedValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-range, range],\n  });\n\n  useEffect(() => {\n    waveAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <AnimatedLinearGradient\n      colors={[\n        'transparent',\n        'rgba(0,0,0,0.05)',\n        'rgba(0,0,0,0.1)',\n        'transparent',\n      ]}\n      start={{ x: 0, y: 0 }}\n      end={{ x: 1, y: 0 }}\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        position: 'absolute',\n        top: childrenLayout.y ?? 0,\n        left: childrenLayout.x ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        transform: [\n          {\n            translateX: translateX,\n          },\n        ],\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,sBAAsB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,kCAAjC,CAA/B;;AAEO,MAAMC,IAAI,GAAG,QAKO;EAAA;;EAAA,IALN;IACnBC,MAAM,GAAG,IADU;IAEnBC,KAFmB;IAGnBC,MAHmB;IAInBC;EAJmB,CAKM;EACzB,MAAMC,KAAK,GAAGH,KAAH,aAAGA,KAAH,cAAGA,KAAH,GAAYE,cAAc,CAACF,KAAtC;EACA,MAAMI,aAAa,GAAG,IAAAC,aAAA,EAAO,IAAIV,qBAAA,CAASW,KAAb,CAAmB,CAAnB,CAAP,EAA8BC,OAApD;EAEA,MAAMC,UAAU,GAAGJ,aAAa,CAACK,WAAd,CAA0B;IAC3CC,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,CAD+B;IAE3CC,WAAW,EAAE,CAAC,CAACR,KAAF,EAASA,KAAT;EAF8B,CAA1B,CAAnB;EAKA,IAAAS,gBAAA,EAAU,MAAM;IACd,IAAAC,wBAAA,EAAcd,MAAd,EAAsBK,aAAtB;EACD,CAFD,EAEG,CAACL,MAAD,CAFH;EAIA,OACE,6BAAC,sBAAD;IACE,MAAM,EAAE,CACN,aADM,EAEN,kBAFM,EAGN,iBAHM,EAIN,aAJM,CADV;IAOE,KAAK,EAAE;MAAEe,CAAC,EAAE,CAAL;MAAQC,CAAC,EAAE;IAAX,CAPT;IAQE,GAAG,EAAE;MAAED,CAAC,EAAE,CAAL;MAAQC,CAAC,EAAE;IAAX,CARP;IASE,KAAK,EAAE;MACLf,KAAK,EAAEA,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAWE,cAAc,CAACF,KAD1B;MAELC,MAAM,EAAEA,MAAF,aAAEA,MAAF,cAAEA,MAAF,GAAYC,cAAc,CAACD,MAF5B;MAGLe,QAAQ,EAAE,UAHL;MAILC,GAAG,uBAAEf,cAAc,CAACa,CAAjB,iEAAsB,CAJpB;MAKLG,IAAI,uBAAEhB,cAAc,CAACY,CAAjB,iEAAsB,CALrB;MAMLK,MAAM,EAAE,CANH;MAOLC,QAAQ,EAAE,QAPL;MAQLC,SAAS,EAAE,CACT;QACEb,UAAU,EAAEA;MADd,CADS;IARN;EATT,EADF;AA0BD,CA5CM"}
+{"version":3,"file":"Wave.js","sources":["../../../../src/components/atoms/Skeleton/Wave.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { waveAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nconst AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);\n\nexport const Wave = ({\n  active = true,\n  width,\n  height,\n  childrenLayout,\n}: IAnimationComponent) => {\n  const range = width ?? childrenLayout.width;\n  const animatedValue = useRef(new Animated.Value(0)).current;\n\n  const translateX = animatedValue.interpolate({\n    inputRange: [0, 1],\n    outputRange: [-range, range],\n  });\n\n  useEffect(() => {\n    waveAnimation(active, animatedValue);\n  }, [active]);\n\n  return (\n    <AnimatedLinearGradient\n      colors={[\n        'transparent',\n        'rgba(0,0,0,0.05)',\n        'rgba(0,0,0,0.1)',\n        'transparent',\n      ]}\n      start={{ x: 0, y: 0 }}\n      end={{ x: 1, y: 0 }}\n      style={{\n        width: width ?? childrenLayout.width,\n        height: height ?? childrenLayout.height,\n        position: 'absolute',\n        top: childrenLayout.y ?? 0,\n        left: childrenLayout.x ?? 0,\n        zIndex: 2,\n        overflow: 'hidden',\n        transform: [\n          {\n            translateX: translateX,\n          },\n        ],\n      }}\n    />\n  );\n};\n"],"names":["Animated","LinearGradient","useRef","useEffect","waveAnimation","React"],"mappings":";;;;;;;;;;;;;;AAMA,MAAM,sBAAA,GAAyBA,oBAAS,CAAA,uBAAA,CAAwBC,kCAAc,CAAA,CAAA;AAEvE,MAAM,OAAO,CAAC;AAAA,EACnB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AAb3B,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAcE,EAAM,MAAA,KAAA,GAAQ,wBAAS,cAAe,CAAA,KAAA,CAAA;AACtC,EAAA,MAAM,gBAAgBC,YAAO,CAAA,IAAIF,qBAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAM,MAAA,UAAA,GAAa,cAAc,WAAY,CAAA;AAAA,IAC3C,UAAA,EAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,IACjB,WAAa,EAAA,CAAC,CAAC,KAAA,EAAO,KAAK,CAAA;AAAA,GAC5B,CAAA,CAAA;AAED,EAAAG,eAAA,CAAU,MAAM;AACd,IAAAC,uBAAA,CAAc,QAAQ,aAAa,CAAA,CAAA;AAAA,GACrC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,IACC,MAAQ,EAAA;AAAA,MACN,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,aAAA;AAAA,KACF;AAAA,IACA,KAAO,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IACpB,GAAK,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IAClB,KAAO,EAAA;AAAA,MACL,KAAA,EAAO,wBAAS,cAAe,CAAA,KAAA;AAAA,MAC/B,MAAA,EAAQ,0BAAU,cAAe,CAAA,MAAA;AAAA,MACjC,QAAU,EAAA,UAAA;AAAA,MACV,GAAA,EAAA,CAAK,EAAe,GAAA,cAAA,CAAA,CAAA,KAAf,IAAoB,GAAA,EAAA,GAAA,CAAA;AAAA,MACzB,IAAA,EAAA,CAAM,EAAe,GAAA,cAAA,CAAA,CAAA,KAAf,IAAoB,GAAA,EAAA,GAAA,CAAA;AAAA,MAC1B,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,QAAA;AAAA,MACV,SAAW,EAAA;AAAA,QACT;AAAA,UACE,UAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Skeleton/animation.js

@@ -1,52 +1,50 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.waveAnimation = exports.pulseAnimation = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
 
 const waveAnimation = (active, animatedValue) => {
   if (active) {
-    _reactNative.Animated.loop(_reactNative.Animated.timing(animatedValue, {
-      toValue: 1,
-      duration: 1600,
-      easing: _reactNative.Easing.inOut(_reactNative.Easing.linear),
-      useNativeDriver: true
-    })).start();
-
+    reactNative.Animated.loop(
+      reactNative.Animated.timing(animatedValue, {
+        toValue: 1,
+        duration: 1600,
+        easing: reactNative.Easing.inOut(reactNative.Easing.linear),
+        useNativeDriver: true
+      })
+    ).start();
     return;
   }
-
-  _reactNative.Animated.timing(animatedValue, {
+  reactNative.Animated.timing(animatedValue, {
     toValue: 0,
     useNativeDriver: true
   }).start();
 };
-
-exports.waveAnimation = waveAnimation;
-
 const pulseAnimation = (active, animatedValue) => {
   if (active) {
-    _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(animatedValue, {
-      toValue: 1,
-      duration: 800,
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(animatedValue, {
-      toValue: 0,
-      duration: 800,
-      useNativeDriver: true
-    })])).start();
-
+    reactNative.Animated.loop(
+      reactNative.Animated.sequence([
+        reactNative.Animated.timing(animatedValue, {
+          toValue: 1,
+          duration: 800,
+          useNativeDriver: true
+        }),
+        reactNative.Animated.timing(animatedValue, {
+          toValue: 0,
+          duration: 800,
+          useNativeDriver: true
+        })
+      ])
+    ).start();
     return;
   }
-
-  _reactNative.Animated.timing(animatedValue, {
+  reactNative.Animated.timing(animatedValue, {
     toValue: 0,
     useNativeDriver: true
   }).start();
 };
 
 exports.pulseAnimation = pulseAnimation;
-//# sourceMappingURL=animation.js.map
+exports.waveAnimation = waveAnimation;
+//# sourceMappingURL=animation.js.map

package/dist/components/atoms/Skeleton/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","names":["waveAnimation","active","animatedValue","Animated","loop","timing","toValue","duration","easing","Easing","inOut","linear","useNativeDriver","start","pulseAnimation","sequence"],"sources":["../../../../src/components/atoms/Skeleton/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport const waveAnimation = (\n  active: boolean,\n  animatedValue: Animated.Value\n): void => {\n  if (active) {\n    Animated.loop(\n      Animated.timing(animatedValue, {\n        toValue: 1,\n        duration: 1600,\n        easing: Easing.inOut(Easing.linear),\n        useNativeDriver: true,\n      })\n    ).start();\n    return;\n  }\n  Animated.timing(animatedValue, {\n    toValue: 0,\n    useNativeDriver: true,\n  }).start();\n};\n\nexport const pulseAnimation = (\n  active: boolean,\n  animatedValue: Animated.Value\n): void => {\n  if (active) {\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(animatedValue, {\n          toValue: 1,\n          duration: 800,\n          useNativeDriver: true,\n        }),\n        Animated.timing(animatedValue, {\n          toValue: 0,\n          duration: 800,\n          useNativeDriver: true,\n        }),\n      ])\n    ).start();\n    return;\n  }\n  Animated.timing(animatedValue, {\n    toValue: 0,\n    useNativeDriver: true,\n  }).start();\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,aAAa,GAAG,CAC3BC,MAD2B,EAE3BC,aAF2B,KAGlB;EACT,IAAID,MAAJ,EAAY;IACVE,qBAAA,CAASC,IAAT,CACED,qBAAA,CAASE,MAAT,CAAgBH,aAAhB,EAA+B;MAC7BI,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAE,IAFmB;MAG7BC,MAAM,EAAEC,mBAAA,CAAOC,KAAP,CAAaD,mBAAA,CAAOE,MAApB,CAHqB;MAI7BC,eAAe,EAAE;IAJY,CAA/B,CADF,EAOEC,KAPF;;IAQA;EACD;;EACDV,qBAAA,CAASE,MAAT,CAAgBH,aAAhB,EAA+B;IAC7BI,OAAO,EAAE,CADoB;IAE7BM,eAAe,EAAE;EAFY,CAA/B,EAGGC,KAHH;AAID,CAnBM;;;;AAqBA,MAAMC,cAAc,GAAG,CAC5Bb,MAD4B,EAE5BC,aAF4B,KAGnB;EACT,IAAID,MAAJ,EAAY;IACVE,qBAAA,CAASC,IAAT,CACED,qBAAA,CAASY,QAAT,CAAkB,CAChBZ,qBAAA,CAASE,MAAT,CAAgBH,aAAhB,EAA+B;MAC7BI,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAE,GAFmB;MAG7BK,eAAe,EAAE;IAHY,CAA/B,CADgB,EAMhBT,qBAAA,CAASE,MAAT,CAAgBH,aAAhB,EAA+B;MAC7BI,OAAO,EAAE,CADoB;MAE7BC,QAAQ,EAAE,GAFmB;MAG7BK,eAAe,EAAE;IAHY,CAA/B,CANgB,CAAlB,CADF,EAaEC,KAbF;;IAcA;EACD;;EACDV,qBAAA,CAASE,MAAT,CAAgBH,aAAhB,EAA+B;IAC7BI,OAAO,EAAE,CADoB;IAE7BM,eAAe,EAAE;EAFY,CAA/B,EAGGC,KAHH;AAID,CAzBM"}
+{"version":3,"file":"animation.js","sources":["../../../../src/components/atoms/Skeleton/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport const waveAnimation = (\n  active: boolean,\n  animatedValue: Animated.Value\n): void => {\n  if (active) {\n    Animated.loop(\n      Animated.timing(animatedValue, {\n        toValue: 1,\n        duration: 1600,\n        easing: Easing.inOut(Easing.linear),\n        useNativeDriver: true,\n      })\n    ).start();\n    return;\n  }\n  Animated.timing(animatedValue, {\n    toValue: 0,\n    useNativeDriver: true,\n  }).start();\n};\n\nexport const pulseAnimation = (\n  active: boolean,\n  animatedValue: Animated.Value\n): void => {\n  if (active) {\n    Animated.loop(\n      Animated.sequence([\n        Animated.timing(animatedValue, {\n          toValue: 1,\n          duration: 800,\n          useNativeDriver: true,\n        }),\n        Animated.timing(animatedValue, {\n          toValue: 0,\n          duration: 800,\n          useNativeDriver: true,\n        }),\n      ])\n    ).start();\n    return;\n  }\n  Animated.timing(animatedValue, {\n    toValue: 0,\n    useNativeDriver: true,\n  }).start();\n};\n"],"names":["Animated","Easing"],"mappings":";;;;;;AAEa,MAAA,aAAA,GAAgB,CAC3B,MAAA,EACA,aACS,KAAA;AACT,EAAA,IAAI,MAAQ,EAAA;AACV,IAASA,oBAAA,CAAA,IAAA;AAAA,MACPA,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,QAC7B,OAAS,EAAA,CAAA;AAAA,QACT,QAAU,EAAA,IAAA;AAAA,QACV,MAAQ,EAAAC,kBAAA,CAAO,KAAM,CAAAA,kBAAA,CAAO,MAAM,CAAA;AAAA,QAClC,eAAiB,EAAA,IAAA;AAAA,OAClB,CAAA;AAAA,MACD,KAAM,EAAA,CAAA;AACR,IAAA,OAAA;AAAA,GACF;AACA,EAAAD,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX,EAAA;AAEa,MAAA,cAAA,GAAiB,CAC5B,MAAA,EACA,aACS,KAAA;AACT,EAAA,IAAI,MAAQ,EAAA;AACV,IAASA,oBAAA,CAAA,IAAA;AAAA,MACPA,qBAAS,QAAS,CAAA;AAAA,QAChBA,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,UAC7B,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,GAAA;AAAA,UACV,eAAiB,EAAA,IAAA;AAAA,SAClB,CAAA;AAAA,QACDA,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,UAC7B,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,GAAA;AAAA,UACV,eAAiB,EAAA,IAAA;AAAA,SAClB,CAAA;AAAA,OACF,CAAA;AAAA,MACD,KAAM,EAAA,CAAA;AACR,IAAA,OAAA;AAAA,GACF;AACA,EAAAA,oBAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX;;;;;"}

package/dist/components/atoms/Skeleton/index.d.ts

@@ -1 +1,2 @@
-export { default as Skeleton, SkeletonProps } from './Skeleton';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';

package/dist/components/atoms/Skeleton/styled.js

@@ -1,37 +1,21 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const Wrapper = _native.default.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  overflow: hidden;\n  position: relative;\n"])), _ref => {
-  let {
-    width
-  } = _ref;
-  return width ? "".concat((0, _reactCore.RFValueStr)("".concat(width, "px"))) : '100%';
-}, _ref2 => {
-  let {
-    height
-  } = _ref2;
-  return height ? "".concat((0, _reactCore.RFValueStr)("".concat(height, "px"))) : 'auto';
-}, _ref3 => {
-  let {
-    theme,
-    radius
-  } = _ref3;
-  return radius ? theme.borderRadius[radius] : 0;
-});
+const Wrapper = styled__default["default"].View`
+  width: ${({ width }) => width ? `${reactCore.RFValueStr(`${width}px`)}` : "100%"};
+  height: ${({ height }) => height ? `${reactCore.RFValueStr(`${height}px`)}` : "auto"};
+  border-radius: ${({ theme, radius }) => radius ? theme.borderRadius[radius] : 0};
+  overflow: hidden;
+  position: relative;
+`;
 
 exports.Wrapper = Wrapper;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Skeleton/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["Wrapper","styled","View","width","RFValueStr","height","theme","radius","borderRadius"],"sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nexport const Wrapper = styled.View<Partial<StyleProps & SkeletonProps>>`\n  width: ${({ width }) => (width ? `${RFValueStr(`${width}px`)}` : '100%')};\n  height: ${({ height }) => (height ? `${RFValueStr(`${height}px`)}` : 'auto')};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 0};\n  overflow: hidden;\n  position: relative;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAGO,MAAMA,OAAO,GAAGC,eAAA,CAAOC,IAAV,6KACT;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAgBA,KAAK,aAAM,IAAAC,qBAAA,YAAcD,KAAd,QAAN,IAAmC,MAAxD;AAAA,CADS,EAER;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAiBA,MAAM,aAAM,IAAAD,qBAAA,YAAcC,MAAd,QAAN,IAAoC,MAA3D;AAAA,CAFQ,EAGD;EAAA,IAAC;IAAEC,KAAF;IAASC;EAAT,CAAD;EAAA,OACfA,MAAM,GAAGD,KAAK,CAACE,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,CADvB;AAAA,CAHC,CAAb"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nexport const Wrapper = styled.View<Partial<StyleProps & SkeletonProps>>`\n  width: ${({ width }) => (width ? `${RFValueStr(`${width}px`)}` : '100%')};\n  height: ${({ height }) => (height ? `${RFValueStr(`${height}px`)}` : 'auto')};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 0};\n  overflow: hidden;\n  position: relative;\n`;\n"],"names":["styled","RFValueStr"],"mappings":";;;;;;;;;;;AAIO,MAAM,UAAUA,0BAAO,CAAA,IAAA,CAAA;AAAA,SACnB,EAAA,CAAC,EAAE,KAAM,EAAA,KAAO,QAAQ,CAAG,EAAAC,oBAAA,CAAW,CAAG,EAAA,KAAA,CAAA,EAAA,CAAS,CAAM,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,UACvD,EAAA,CAAC,EAAE,MAAO,EAAA,KAAO,SAAS,CAAG,EAAAA,oBAAA,CAAW,CAAG,EAAA,MAAA,CAAA,EAAA,CAAU,CAAM,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,iBACpD,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,aAAa,MAAU,CAAA,GAAA,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}