etendo-ui-library 1.3.38 → 1.3.39

package/dist-native/components/cards/components/card/Card.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _table_utils=require("../../../../helpers/table_utils");var _Card=require("./Card.style");var _colors=require("../../../../styles/colors");var _SwitchRowCard=_interopRequireDefault(require("./components/switchRowCard/SwitchRowCard"));var _SwitchTitleCard=_interopRequireDefault(require("./components/switchTitleCard/SwitchTitleCard"));var _cards_utils=require("../../../../helpers/cards_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/Card.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var MAX_ROWS=4;var Card=function Card(_ref){var item=_ref.item,index=_ref.index,metadata=_ref.metadata,_onPress=_ref.onPress;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isPressable=_useState2[0],setIsPressable=_useState2[1];var elevationAnim=(0,_react.useRef)(new _reactNative.Animated.Value(5)).current;var onHoverIn=function onHoverIn(){_reactNative.Animated.timing(elevationAnim,{toValue:12,duration:150,useNativeDriver:true}).start();};var onHoverOut=function onHoverOut(){_reactNative.Animated.timing(elevationAnim,{toValue:5,duration:150,useNativeDriver:true}).start();};var onPressIn=function onPressIn(){setIsPressable(true);};var onPressOut=function onPressOut(){setIsPressable(false);};var isDisabled=function isDisabled(){return item.isActive===false;};var changeBackground=function changeBackground(){if(isDisabled()||isPressable){return{backgroundColor:_colors.NEUTRAL_200};}};var changeStatusBackground=function changeStatusBackground(){if(isDisabled()){return{backgroundColor:_colors.NEUTRAL_400};}if(item.color){return{backgroundColor:item.color};}return{backgroundColor:_colors.TERTIARY_800};};var changeTextColor=function changeTextColor(){if(isDisabled()){return{color:_colors.NEUTRAL_500};}return{};};var getColumnTitle=(0,_react.useMemo)(function(){return(0,_cards_utils.findRowTitle)(metadata);},[metadata,item]);return _react.default.createElement(_reactNative.Pressable,{disabled:isDisabled(),onHoverIn:onHoverIn,onHoverOut:onHoverOut,onPressIn:onPressIn,onPressOut:onPressOut,onPress:function onPress(){if(_onPress){_onPress((0,_table_utils.findPrimaryId)(metadata,item));}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),{elevation:elevationAnim}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:96,columnNumber:9}}),metadata.filter(function(row){return row.visible;}).slice(0,MAX_ROWS).map(function(row,rowIndex){return row.visible&&!row.title&&_react.default.createElement(_SwitchRowCard.default,{key:'rowCard'+index+rowIndex,row:row,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:17}});})));};var _default=exports.default=Card;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _table_utils=require("../../../../helpers/table_utils");var _Card=require("./Card.style");var _colors=require("../../../../styles/colors");var _SwitchRowCard=_interopRequireDefault(require("./components/switchRowCard/SwitchRowCard"));var _SwitchTitleCard=_interopRequireDefault(require("./components/switchTitleCard/SwitchTitleCard"));var _cards_utils=require("../../../../helpers/cards_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/cards/components/card/Card.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var MAX_ROWS=4;var Card=function Card(_ref){var item=_ref.item,index=_ref.index,metadata=_ref.metadata,_onPress=_ref.onPress;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isPressable=_useState2[0],setIsPressable=_useState2[1];var _useState3=(0,_react.useState)({shadowOpacity:0.1}),_useState4=(0,_slicedToArray2.default)(_useState3,2),shadowOpacity=_useState4[0],setShadowOpacity=_useState4[1];var onHoverIn=function onHoverIn(){setShadowOpacity({shadowOpacity:0.2});};var onHoverOut=function onHoverOut(){setShadowOpacity({shadowOpacity:0.1});};var onPressIn=function onPressIn(){setIsPressable(true);};var onPressOut=function onPressOut(){setIsPressable(false);};var isDisabled=function isDisabled(){return item.isActive===false;};var changeBackground=function changeBackground(){if(isDisabled()||isPressable){return{backgroundColor:_colors.NEUTRAL_200};}};var changeStatusBackground=function changeStatusBackground(){if(isDisabled()){return{backgroundColor:_colors.NEUTRAL_400};}if(item.color){return{backgroundColor:item.color};}return{backgroundColor:_colors.TERTIARY_800};};var changeTextColor=function changeTextColor(){if(isDisabled()){return{color:_colors.NEUTRAL_500};}return{};};var getColumnTitle=(0,_react.useMemo)(function(){return(0,_cards_utils.findRowTitle)(metadata);},[metadata,item]);return _react.default.createElement(_reactNative.Pressable,{disabled:isDisabled(),onHoverIn:onHoverIn,onHoverOut:onHoverOut,onPressIn:onPressIn,onPressOut:onPressOut,onPress:function onPress(){if(_onPress){_onPress((0,_table_utils.findPrimaryId)(metadata,item));}},__self:_this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:5}},_react.default.createElement(_reactNative.Animated.View,{style:[_Card.styles.container,changeBackground(),shadowOpacity],__self:_this,__source:{fileName:_jsxFileName,lineNumber:82,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:[_Card.styles.status,changeStatusBackground()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:9}}),_react.default.createElement(_SwitchTitleCard.default,{row:getColumnTitle,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:85,columnNumber:9}}),metadata.filter(function(row){return row.visible;}).slice(0,MAX_ROWS).map(function(row,rowIndex){return row.visible&&!row.title&&_react.default.createElement(_SwitchRowCard.default,{key:'rowCard'+index+rowIndex,row:row,item:item,color:changeTextColor(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:17}});})));};var _default=exports.default=Card;

package/dist-native/components/cards/components/card/Card.style.d.ts

@@ -4,9 +4,15 @@ export declare const styles: {
         marginBottom: number;
         backgroundColor: string;
         overflow: "hidden";
-        elevation: number;
         maxWidth: number;
         width: "100%";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation: number;
     };
     status: {
         height: number;

package/dist-native/components/cards/components/card/Card.style.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',elevation:5,maxWidth:380,width:'100%'},status:{height:8,marginBottom:8}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var styles=exports.styles=_reactNative.StyleSheet.create({container:{borderRadius:8,marginBottom:12,backgroundColor:_colors.NEUTRAL_50,overflow:'hidden',maxWidth:380,width:'100%',shadowColor:_colors.NEUTRAL_100,shadowOffset:{width:3,height:5},shadowRadius:8,elevation:5},status:{height:8,marginBottom:8}});

package/dist-web/components/cards/components/card/Card.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useRef, useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { View, Pressable, Animated } from "react-native-web";
 import { findPrimaryId } from "../../../../helpers/table_utils";
 import { styles } from "./Card.style";
@@ -22,20 +22,21 @@ var Card = function Card(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isPressable = _useState2[0],
     setIsPressable = _useState2[1];
-  var elevationAnim = useRef(new Animated.Value(5)).current;
+  var _useState3 = useState({
+      shadowOpacity: 0.1
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    shadowOpacity = _useState4[0],
+    setShadowOpacity = _useState4[1];
   var onHoverIn = function onHoverIn() {
-    Animated.timing(elevationAnim, {
-      toValue: 12,
-      duration: 150,
-      useNativeDriver: true
-    }).start();
+    setShadowOpacity({
+      shadowOpacity: 0.2
+    });
   };
   var onHoverOut = function onHoverOut() {
-    Animated.timing(elevationAnim, {
-      toValue: 5,
-      duration: 150,
-      useNativeDriver: true
-    }).start();
+    setShadowOpacity({
+      shadowOpacity: 0.1
+    });
   };
   var onPressIn = function onPressIn() {
     setIsPressable(true);
@@ -91,9 +92,7 @@ var Card = function Card(_ref) {
       }
     }
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.container, changeBackground(), {
-      elevation: elevationAnim
-    }]
+    style: [styles.container, changeBackground(), shadowOpacity]
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.status, changeStatusBackground()]
   }), /*#__PURE__*/React.createElement(SwitchTitleCard, {

package/dist-web/components/cards/components/card/Card.style.d.ts

@@ -4,9 +4,15 @@ export declare const styles: {
         marginBottom: number;
         backgroundColor: string;
         overflow: "hidden";
-        elevation: number;
         maxWidth: number;
         width: "100%";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        elevation: number;
     };
     status: {
         height: number;

package/dist-web/components/cards/components/card/Card.style.js

@@ -1,14 +1,20 @@
 import { StyleSheet } from "react-native-web";
-import { NEUTRAL_50 } from "../../../../styles/colors";
+import { NEUTRAL_100, NEUTRAL_50 } from "../../../../styles/colors";
 export var styles = StyleSheet.create({
   container: {
     borderRadius: 8,
     marginBottom: 12,
     backgroundColor: NEUTRAL_50,
     overflow: 'hidden',
-    elevation: 5,
     maxWidth: 380,
-    width: '100%'
+    width: '100%',
+    shadowColor: NEUTRAL_100,
+    shadowOffset: {
+      width: 3,
+      height: 5
+    },
+    shadowRadius: 8,
+    elevation: 5
   },
   status: {
     height: 8,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.3.38",
+  "version": "1.3.39",
   "private": false,
   "scripts": {
     "android": "react-native run-android",