datastake-daf 0.6.188 → 0.6.189

package/dist/components/index.js

@@ -20994,6 +20994,11 @@ const Style$x = dt.div`
     .daf-widget {
         background-color: ${props => props.backgroundColor} !important;
         border-color: ${props => props.backgroundBorderColor} !important;
+        transition: box-shadow 0.2s ease-in-out;
+        
+        &:hover {
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        }
     }
 
     .widget-card-logo-icon {
@@ -21006,6 +21011,11 @@ const Style$x = dt.div`
         align-items: center;
         border: 1px solid #E5E7EB;
     }
+
+    .disabled-anchor {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
 `;
 
 const {
@@ -21023,7 +21033,9 @@ const WidgetCard = _ref => {
     loading = false,
     iconColor,
     buttonIcon,
-    imageUrl
+    imageUrl,
+    buttonConfig = {},
+    t = () => {}
   } = _ref;
   useToken$h();
   return /*#__PURE__*/jsxRuntime.jsx(Style$x, {
@@ -21053,13 +21065,17 @@ const WidgetCard = _ref => {
       addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex-1"
-        }), /*#__PURE__*/jsxRuntime.jsx("a", {
-          className: "widget-card-logo-icon",
-          href: link,
-          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-            name: buttonIcon,
-            size: 16,
-            color: iconColor || antd.theme.colorPrimary
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: buttonConfig.disabled ? (buttonConfig === null || buttonConfig === void 0 ? void 0 : buttonConfig.tooltipText) || t("Currently unavailable") : "",
+          children: /*#__PURE__*/jsxRuntime.jsx("a", {
+            className: formatClassname(["widget-card-logo-icon", buttonConfig.disabled && "disabled-anchor"]),
+            href: buttonConfig.disabled ? undefined : link,
+            onClick: buttonConfig.disabled ? e => e.preventDefault() : undefined,
+            children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+              name: buttonIcon,
+              size: 16,
+              color: iconColor || antd.theme.colorPrimary
+            })
           })
         })]
       }),
@@ -21102,15 +21118,11 @@ function CarouselWidget(_ref) {
    * @param {number} currentSlide - The index of the current slide after change
    * @private
    */
-  const onChange = currentSlide => {
-    console.log(currentSlide);
-  };
+
   return /*#__PURE__*/jsxRuntime.jsx(Widget, {
     title: title,
     className: "with-border-header h-w-btn-header",
-    children: /*#__PURE__*/jsxRuntime.jsx(antd.Carousel, _objectSpread2(_objectSpread2({
-      afterChange: onChange
-    }, rest), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Carousel, _objectSpread2(_objectSpread2({}, rest), {}, {
       children: children
     }))
   });

package/dist/utils/index.js

@@ -6180,6 +6180,7 @@ const userHasInterface = (user, app, intf) => {
 };
 
 const en = {
+  "Currently unavailable": "Currently unavailable",
   Description: "Description",
   "missing-inputs": "Missing Inputs",
   "all-inputs-fullfilled": "All inputs in this section are fullfilled",
@@ -7372,6 +7373,7 @@ const en = {
 };
 
 const fr = {
+  "Currently unavailable": "Actuellement indisponible",
   "Description": "Description",
   "missing-inputs": "Données Manquantes",
   "all-inputs-fullfilled": "Toutes les données de cette section ont été saisies.",
@@ -9204,6 +9206,7 @@ const fr = {
 };
 
 const sp = {
+  "Currently unavailable": "Actualmente no disponible",
   "Description": "Descripción",
   "missing-inputs": "Datos que Faltan",
   "all-inputs-fullfilled": "Todas las entradas de esta sección están completas.",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.188",
+	"version": "0.6.189",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Dashboard/Widget/CarouselWidget/index.jsx

@@ -53,16 +53,13 @@ function CarouselWidget({title, children, ...rest}) {
    * @param {number} currentSlide - The index of the current slide after change
    * @private
    */
-  const onChange = (currentSlide) => {
-    console.log(currentSlide);
-  };
 
   return (
     <Widget
       title={title}
       className="with-border-header h-w-btn-header"
     >
-      <Carousel afterChange={onChange} {...rest}>
+      <Carousel {...rest}>
         {children}
       </Carousel>
     </Widget>

package/src/@daf/core/components/Dashboard/Widget/WidgetCard/WidgetCard.stories.js

@@ -34,6 +34,10 @@ export const Primary = {
             }
         ],
         "backgroundColor": "#F6FEF9",
-        "backgroundBorderColor": "#B0F3CB"
+        "backgroundBorderColor": "#B0F3CB",
+        "buttonConfig": {
+            "disabled": true
+        },
+        t: (s) => s
 	},
 };

package/src/@daf/core/components/Dashboard/Widget/WidgetCard/index.js

@@ -3,6 +3,7 @@ import Widget from '../index.jsx'
 import { theme, Tooltip, Tag } from 'antd'
 import CustomIcon from '../../../Icon/CustomIcon.jsx'
 import Style from './style.js'
+import { formatClassname } from '../../../../../../helpers/ClassesHelper.js'
 
 const { useToken } = theme;
 
@@ -18,26 +19,35 @@ const WidgetCard = ({
     iconColor, 
     buttonIcon,
     imageUrl,
+    buttonConfig = {},
+    t = () => {},
 }) => {
     const { token } = useToken();
     return (
         <Style backgroundColor={backgroundColor} backgroundBorderColor={backgroundBorderColor}>
             <Widget
-            title={
-                <div style={{display: "flex", alignItems: "center"}}>
-                    {imageUrl ? <img src={imageUrl} className="widget-card-logo-icon mr-2" /> 
-                        : <div className="widget-card-logo-icon mr-2">
-                            <CustomIcon name={logoIcon} width={25} height={25} />
-                        </div> 
-                    }
-                    <Tooltip title={title}>{title}</Tooltip>
-                </div>
-            }
+                title={
+                    <div style={{display: "flex", alignItems: "center"}}>
+                        {imageUrl ? <img src={imageUrl} className="widget-card-logo-icon mr-2" /> 
+                            : <div className="widget-card-logo-icon mr-2">
+                                <CustomIcon name={logoIcon} width={25} height={25} />
+                            </div> 
+                        }
+                        <Tooltip title={title}>{title}</Tooltip>
+                    </div>
+                }
             addedHeader={
                 <>
-                    <div className="flex-1" /><a className="widget-card-logo-icon" href={link}>
-                        <CustomIcon  name={buttonIcon} size={16} color={iconColor || theme.colorPrimary} />
-                    </a>
+                    <div className="flex-1" />
+                    <Tooltip title={buttonConfig.disabled ? (buttonConfig?.tooltipText || t("Currently unavailable")) : ""}>
+                        <a 
+                            className={formatClassname(["widget-card-logo-icon", buttonConfig.disabled && "disabled-anchor"])} 
+                            href={buttonConfig.disabled ? undefined : link}
+                            onClick={buttonConfig.disabled ? (e) => e.preventDefault() : undefined}
+                        >
+                            <CustomIcon  name={buttonIcon} size={16} color={iconColor || theme.colorPrimary} />
+                        </a>
+                    </Tooltip>
                 </>
             }
             loading={loading}

package/src/@daf/core/components/Dashboard/Widget/WidgetCard/style.js

@@ -4,6 +4,11 @@ const Style = styled.div`
     .daf-widget {
         background-color: ${props => props.backgroundColor} !important;
         border-color: ${props => props.backgroundBorderColor} !important;
+        transition: box-shadow 0.2s ease-in-out;
+        
+        &:hover {
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        }
     }
 
     .widget-card-logo-icon {
@@ -16,6 +21,11 @@ const Style = styled.div`
         align-items: center;
         border: 1px solid #E5E7EB;
     }
+
+    .disabled-anchor {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
 `;
 
 export default Style;

package/src/constants/locales/en/translation.js

@@ -1,4 +1,5 @@
 const en = {
+  "Currently unavailable": "Currently unavailable",
   Description: "Description",
   "missing-inputs": "Missing Inputs",
   "all-inputs-fullfilled": "All inputs in this section are fullfilled",

package/src/constants/locales/fr/translation.js

@@ -1,4 +1,5 @@
 const fr = {
+	"Currently unavailable": "Actuellement indisponible",
 	"Description": "Description",
 	"missing-inputs": "Données Manquantes",
 	"all-inputs-fullfilled": "Toutes les données de cette section ont été saisies.",

package/src/constants/locales/sp/translation.js

@@ -1,4 +1,5 @@
 const sp = {
+  "Currently unavailable": "Actualmente no disponible",
   "Description": "Descripción",
   "missing-inputs": "Datos que Faltan",
   "all-inputs-fullfilled": "Todas las entradas de esta sección están completas.",

package/.env

@@ -1,8 +0,0 @@
-REACT_APP_API_KEY=
-REACT_APP_AUTH_DOMAIN=
-REACT_APP_PROJECT_ID=
-REACT_APP_STORAGE_BUCKED=
-REACT_APP_SENDER_ID=
-REACT_APP_APP_ID=
-REACT_APP_MEASUREMENT_ID=
-REACT_APP_VAPID_KEY=

package/.vscode/settings.json

@@ -1,13 +0,0 @@
-{
-	"cSpell.words": ["cukura"],
-	"files.autoSave": "afterDelay",
-	"editor.wordWrap": "on",
-	"editor.autoClosingBrackets": "always",
-	"editor.autoClosingComments": "always",
-	"editor.autoClosingQuotes": "always",
-	"editor.defaultFormatter": "esbenp.prettier-vscode",
-	"editor.formatOnPaste": true,
-	"editor.formatOnSave": true,
-	"notebook.defaultFormatter": "esbenp.prettier-vscode",
-	"javascript.format.semicolons": "insert"
-}