datastake-daf 0.6.153 → 0.6.155

package/dist/components/index.js

@@ -3065,7 +3065,7 @@ const config$3 = {
   Integration: config$4
 };
 
-const _excluded$r = ["width", "height", "size", "name", "fill"];
+const _excluded$s = ["width", "height", "size", "name", "fill"];
 const CustomIcon = _ref => {
   let {
       width = 14,
@@ -3074,7 +3074,7 @@ const CustomIcon = _ref => {
       name = "",
       fill = "none"
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$r);
+    props = _objectWithoutProperties(_ref, _excluded$s);
   const conf = config$3[name];
   if (conf) {
     return /*#__PURE__*/jsxRuntime.jsx("svg", _objectSpread2(_objectSpread2({}, props), {}, {
@@ -9276,7 +9276,7 @@ createCommonjsModule(function (module, exports) {
 !function(e,n){module.exports=n();}(commonjsGlobal,(function(){return {name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var n=["th","st","nd","rd"],t=e%100;return "["+e+(n[(t-20)%10]||n[t]||n[0])+"]"}}}));
 });
 
-const _excluded$q = ["view", "module", "scope", "form", "meta"];
+const _excluded$r = ["view", "module", "scope", "form", "meta"];
 dayjs__default["default"].extend(customParseFormat);
 dayjs__default["default"].extend(utc);
 dayjs__default["default"].extend(utc);
@@ -9650,7 +9650,7 @@ const filterCreateData = data => {
       form,
       meta
     } = data,
-    rest = _objectWithoutProperties(data, _excluded$q);
+    rest = _objectWithoutProperties(data, _excluded$r);
   const _meta = isObjectEmpty(meta) ? undefined : meta;
   return _objectSpread2(_objectSpread2({}, rest), {}, {
     meta: _meta
@@ -10035,7 +10035,7 @@ SelectFilters.propTypes = {
   apiUrl: PropTypes__default["default"].string
 };
 
-const _excluded$p = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
+const _excluded$q = ["columns", "data", "defaultFilters", "style", "pagination", "loading", "onChange", "onFilterChange", "selectOptions", "filtersConfig", "rowSelection", "setShowFilters", "rowKey", "showFilters", "hideOnLoading", "sourcesKey", "className", "projects", "t", "selectedProject", "sourceId", "projectSources", "language", "scrollX", "apiUrl", "app", "doEmptyRows"];
 function DAFTable(_ref) {
   let {
       columns = [],
@@ -10066,7 +10066,7 @@ function DAFTable(_ref) {
       app,
       doEmptyRows
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$p);
+    rest = _objectWithoutProperties(_ref, _excluded$q);
   const [source, setSource] = React.useState([]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
@@ -10788,7 +10788,7 @@ Pagination.propTypes = {
   isMobile: PropTypes__default["default"].bool
 };
 
-const _excluded$o = ["size", "maxHeight", "dataSource", "columns", "pagination"];
+const _excluded$p = ["size", "maxHeight", "dataSource", "columns", "pagination"];
 function StickyTable(_ref) {
   let {
       size = null,
@@ -10797,7 +10797,7 @@ function StickyTable(_ref) {
       columns = {},
       pagination = false
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "daf-sticky-table",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, _objectSpread2(_objectSpread2({}, props), {}, {
@@ -11262,7 +11262,7 @@ const BTN_SIZE = {
   LG: 'large'
 };
 
-const _excluded$n = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
+const _excluded$o = ["content", "size", "type", "icon", "onClick", "disabled", "loading", "title", "style", "className"];
 function DafButton(_ref) {
   let {
       content = '',
@@ -11276,7 +11276,7 @@ function DafButton(_ref) {
       style = {},
       className = ''
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$n);
+    restProps = _objectWithoutProperties(_ref, _excluded$o);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({
     icon: icon,
     type: type,
@@ -11455,7 +11455,7 @@ var f="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_
 const MOBILE_W = 850;
 const MOBILE_WIDTH = `max-width: ${MOBILE_W}px`;
 
-const Style$H = dt.div`
+const Style$I = dt.div`
   .ant-btn {
     border-radius: 100px 100px 100px 0;
     padding: 10px;
@@ -11510,13 +11510,13 @@ const Style$H = dt.div`
   }
 `;
 
-const _excluded$m = ["children"];
+const _excluded$n = ["children"];
 const BorderedButton = _ref => {
   let {
       children
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$m);
-  return /*#__PURE__*/jsxRuntime.jsx(Style$H, {
+    props = _objectWithoutProperties(_ref, _excluded$n);
+  return /*#__PURE__*/jsxRuntime.jsx(Style$I, {
     className: "d-btn-cont",
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, _objectSpread2(_objectSpread2({}, props), {}, {
       children: children
@@ -11627,7 +11627,7 @@ function Badge(_ref) {
   }, [tooltip]);
   return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
     title: tooltipTitle,
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$G, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$H, {
       className: "".concat((_variantConfig$varian = variantConfig[variant]) === null || _variantConfig$varian === void 0 ? void 0 : _variantConfig$varian.className, " ").concat(roundedConfig[rounded], " ").concat(className ? className : ""),
       style: _objectSpread2({
         width: size === "icon" ? "fit-content" : isNumberSize ? "".concat(size, "px") : "100%"
@@ -11642,7 +11642,7 @@ function Badge(_ref) {
     })
   });
 }
-const Style$G = dt.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
+const Style$H = dt.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 4px;\n\tpadding: 4px;\n\tmax-width: 100%;\n\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\n\t> svg {\n\t\tflex-shrink: 0;\n\t}\n\n\t> span {\n\t\tall: unset;\n\t\tmargin-left: 4px;\n\t\tfont-weight: 600;\n\t\tfont-size: 12px;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\t}\n"])));
 Badge.propTypes = {
   children: PropTypes__default["default"].node,
   className: PropTypes__default["default"].string,
@@ -11655,12 +11655,12 @@ Badge.propTypes = {
   props: PropTypes__default["default"].object
 };
 
-const _excluded$l = ["icon"];
+const _excluded$m = ["icon"];
 function GetIcon(_ref) {
   let {
       icon
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   let Icon = Icons__namespace.CloseOutlined;
   if (Icons__namespace[icon]) {
     Icon = Icons__namespace[icon];
@@ -11982,9 +11982,9 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
-const _excluded$k = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
+const _excluded$l = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
-  useToken: useToken$j
+  useToken: useToken$k
 } = antd.theme;
 
 /**
@@ -12075,10 +12075,10 @@ function Multiselect(_ref) {
       isSingle = false,
       selectionType = SELECTION_TYPES.DEFAULT
     } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded$k);
+    restProps = _objectWithoutProperties(_ref, _excluded$l);
   const {
     token
-  } = useToken$j();
+  } = useToken$k();
   const [selectValue, setSelectValue] = React.useState(Array.isArray(defaultSelected) ? defaultSelected.length > 0 ? defaultSelected : [] : [defaultSelected]);
   function onSelectChange(value) {
     if (!canUnselectLast && value.length === 0) {
@@ -12582,7 +12582,7 @@ const useHeader = _ref => {
 };
 
 const {
-  useToken: useToken$i
+  useToken: useToken$j
 } = antd.theme;
 function BreadCrumbs({
   breadcrumbs = [],
@@ -12591,7 +12591,7 @@ function BreadCrumbs({
   const [splitIndex, setSplitIndex] = React.useState(0);
   const {
     token
-  } = useToken$i();
+  } = useToken$j();
   const _renderBreadcrumb = (b, i, isLast, noOnClickLast = false) => {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex breadcrumb-item",
@@ -12742,7 +12742,7 @@ DAFHeader.propTypes = {
   downloadDisabled: PropTypes__default["default"].any
 };
 
-const _excluded$j = ["tabs", "onChange", "value", "className"];
+const _excluded$k = ["tabs", "onChange", "value", "className"];
 function TabsHeader(_ref) {
   let {
       tabs = [],
@@ -12750,7 +12750,7 @@ function TabsHeader(_ref) {
       value = '',
       className = 'mt-2'
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$j);
+    rest = _objectWithoutProperties(_ref, _excluded$k);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: formatClassname(['daf-tabs-header pl-6 pr-6', className]),
     children: /*#__PURE__*/jsxRuntime.jsx(antd.Tabs, _objectSpread2({
@@ -12847,7 +12847,7 @@ DrawerHeader.propTypes = {
   tabsConfig: PropTypes__default["default"].any
 };
 
-const _excluded$i = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
+const _excluded$j = ["label", "onClick", "icon", "type", "tooltip", "disabled", "loading", "style", "className"];
 const useFooter = _ref => {
   let {
     leftContent,
@@ -12882,7 +12882,7 @@ const useFooter = _ref => {
                 style = {},
                 className = ""
               } = button,
-              restProps = _objectWithoutProperties(button, _excluded$i);
+              restProps = _objectWithoutProperties(button, _excluded$j);
             return /*#__PURE__*/jsxRuntime.jsx(DafButton, _objectSpread2({
               content: label,
               type: type,
@@ -15362,7 +15362,7 @@ Widget.propTypes = {
   onExpandChange: PropTypes__default["default"].func
 };
 
-const _excluded$h = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
+const _excluded$i = ["loading", "title", "image", "description", "imgAlt", "noDescriptionText"];
 function ImageWidget(_ref) {
   let {
       loading = false,
@@ -15372,7 +15372,7 @@ function ImageWidget(_ref) {
       imgAlt,
       noDescriptionText
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     loading: loading,
     title: title,
@@ -15429,7 +15429,7 @@ function ImageWidget(_ref) {
 }
 
 var _templateObject$a;
-const _excluded$g = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
+const _excluded$h = ["title", "loading", "data", "current", "defaultActiveTab", "widgetClassname", "className", "direction"];
 function FlowWidget(_ref) {
   let {
       title,
@@ -15441,7 +15441,7 @@ function FlowWidget(_ref) {
       className,
       direction = "horizontal"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$g);
+    rest = _objectWithoutProperties(_ref, _excluded$h);
   const [activeTab, setActiveTab] = React.useState();
   React.useEffect(() => {
     if (defaultActiveTab) {
@@ -15536,7 +15536,7 @@ function FlowWidget(_ref) {
     className: "with-border-header ".concat(widgetClassname),
     tabsConfig: tabConfig
   }, rest), {}, {
-    children: !isEmpty ? /*#__PURE__*/jsxRuntime.jsx(Style$F, {
+    children: !isEmpty ? /*#__PURE__*/jsxRuntime.jsx(Style$G, {
       children: /*#__PURE__*/jsxRuntime.jsx(antd.Steps, {
         current: currentForActiveTab,
         initial: initialForActiveTab,
@@ -15578,7 +15578,7 @@ function Icon(_ref2) {
     return icon(status);
   }
 }
-const Style$F = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\n\t::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\tscrollbar-width: none;\n\n\t-ms-overflow-style: none;\n\n\t@media (max-width: 532px) {\n\t\toverflow-x: hidden;\n\t}\n\n\t:where(.ant-steps-horizontal):not(.ant-steps-label-vertical) {\n\t\t.ant-steps-item-content {\n\t\t\twidth: 100%;\n\n\t\t\t.ant-steps-item-description {\n\t\t\t\tmin-width: 205px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n"])));
+const Style$G = dt.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\n\t::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\tscrollbar-width: none;\n\n\t-ms-overflow-style: none;\n\n\t@media (max-width: 532px) {\n\t\toverflow-x: hidden;\n\t}\n\n\t:where(.ant-steps-horizontal):not(.ant-steps-label-vertical) {\n\t\t.ant-steps-item-content {\n\t\t\twidth: 100%;\n\n\t\t\t.ant-steps-item-description {\n\t\t\t\tmin-width: 205px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n"])));
 FlowWidget.propTypes = {
   title: PropTypes__default["default"].string,
   loading: PropTypes__default["default"].bool,
@@ -15640,7 +15640,7 @@ ActionWidget.propTypes = {
   onClick: PropTypes__default["default"].func
 };
 
-const Style$E = dt.div`
+const Style$F = dt.div`
 	overflow-x: auto;
 
 	@media (${MOBILE_WIDTH}) {
@@ -15831,7 +15831,7 @@ function KeyIndicatorsWidget$1(_ref) {
     className: formatClassname(["flex-1 with-border-header", widgetClassName]),
     title: noTitle ? undefined : t(title),
     noTitle: noTitle,
-    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$E, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$F, {
       className: formatClassname(["flex", className]),
       children: config.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "row-item",
@@ -15884,7 +15884,7 @@ function TooltipIcon(_ref) {
   });
 }
 
-const Style$D = dt.div`
+const Style$E = dt.div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -17275,7 +17275,7 @@ function LocationIcon({
   });
 }
 
-const Style$C = dt.div`
+const Style$D = dt.div`
   .main {
     width: 24px;
     height: 24px;
@@ -17417,7 +17417,7 @@ function StakeholderIcon({
         link,
         onClickLink: () => onClickLink(marker)
       }),
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$C
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$D
       // onClick={toggleOpen}
       , {
         className: `map-marker marker closed`,
@@ -17430,7 +17430,7 @@ function StakeholderIcon({
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$C, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$D, {
     onClick: toggleOpen,
     className: `map-marker marker ${isActive ? "opened" : "closed"}`,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -18152,7 +18152,7 @@ const useMap$1 = ({
 };
 
 var _templateObject$9;
-const Style$B = dt.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t}\n"])));
+const Style$C = dt.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\n\t.p-placeholder {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: transparent;\n\t\tz-index: 100;\n\t}\n"])));
 
 /**
  * ComponentWithFocus
@@ -18212,7 +18212,7 @@ function ComponentWithFocus(_ref) {
       setClosed(false);
     }
   }, [closed]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$B, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$C, {
     className: className,
     ref: ref,
     style: style,
@@ -18224,7 +18224,7 @@ function ComponentWithFocus(_ref) {
   });
 }
 
-const Style$A = dt.div`
+const Style$B = dt.div`
   position: absolute; 
   top: 24px;
   left: 24px;
@@ -18283,7 +18283,7 @@ function Filters({
         return null;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$A, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$B, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
       onClick: () => setOpened(p => !p),
       children: [t("Filter"), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -18358,7 +18358,7 @@ function Map$3(_ref) {
     isSatellite
   });
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$D, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$E, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
@@ -18464,7 +18464,7 @@ Map$3.propTypes = {
   nameAsSiderTitle: PropTypes__default["default"].bool
 };
 
-const Style$z = dt.div`
+const Style$A = dt.div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -19731,7 +19731,7 @@ function Globe(_ref) {
     onRender === null || onRender === void 0 || onRender();
   }, [onRender]);
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$z, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$A, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
@@ -19975,7 +19975,7 @@ function DashboardLayout(_ref) {
   });
 }
 
-const Style$y = dt.div`
+const Style$z = dt.div`
 
 
     .card {
@@ -20042,20 +20042,20 @@ const MapConfig = ({
   });
 };
 
-const _excluded$f = ["config", "title", "loading"];
+const _excluded$g = ["config", "title", "loading"];
 const Details = _ref => {
   let {
       config = [],
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$f);
+    rest = _objectWithoutProperties(_ref, _excluded$g);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header card",
     loading: loading,
     title: title
   }, rest), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Style$y, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$z, {
       children: config.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(MapConfig, {
         config: config
       }) : /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
@@ -20065,20 +20065,20 @@ const Details = _ref => {
   }));
 };
 
-const _excluded$e = ["config", "title", "loading"];
+const _excluded$f = ["config", "title", "loading"];
 const KeyIndicatorsDetails = _ref => {
   let {
       config,
       title,
       loading = false
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$e);
+    rest = _objectWithoutProperties(_ref, _excluded$f);
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     className: "with-border-header h-w-btn-header",
     title: title,
     loading: loading
   }, rest), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(Style$y, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$z, {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "key-info-card",
         children: /*#__PURE__*/jsxRuntime.jsx(MapConfig, {
@@ -20090,7 +20090,7 @@ const KeyIndicatorsDetails = _ref => {
   }));
 };
 
-const Style$x = dt.div`
+const Style$y = dt.div`
 
     .main-details {
         display: grid;
@@ -20102,7 +20102,7 @@ const Style$x = dt.div`
     }    
 `;
 
-const _excluded$d = ["children", "config", "detailsTitle", "firstColumnWidth"];
+const _excluded$e = ["children", "config", "detailsTitle", "firstColumnWidth"];
 const DetailsSection = _ref => {
   let {
       children,
@@ -20110,8 +20110,8 @@ const DetailsSection = _ref => {
       detailsTitle,
       firstColumnWidth = "250px"
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$d);
-  return /*#__PURE__*/jsxRuntime.jsx(Style$x, {
+    rest = _objectWithoutProperties(_ref, _excluded$e);
+  return /*#__PURE__*/jsxRuntime.jsx(Style$y, {
     firstColumnWidth: firstColumnWidth,
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "main-details",
@@ -20286,14 +20286,14 @@ const getGoalConfig = () => {
 };
 
 var _templateObject$8;
-const _excluded$c = ["title", "activeSdgGoals", "t"];
+const _excluded$d = ["title", "activeSdgGoals", "t"];
 function SDGWidget(_ref) {
   let {
       title = "Sustainable Development Goals",
       activeSdgGoals = [],
       t = key => key
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$c);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   const sdgConfig = getGoalConfig();
   return /*#__PURE__*/jsxRuntime.jsx(Widget, _objectSpread2(_objectSpread2({
     title: title,
@@ -20383,35 +20383,39 @@ const Label = dt.span`
 	color: #6c737f;
 `;
 
+const _excluded$c = ["title", "description", "onLinkClick", "image", "linkIcon", "sdgList", "items", "onCardClick", "hideSDGList", "t"];
 const {
   Meta
 } = antd.Card;
 const {
-  useToken: useToken$h
+  useToken: useToken$i
 } = antd.theme;
 function ProjectWidget(_ref) {
   let {
-    title,
-    description,
-    onLinkClick,
-    image,
-    linkIcon = "Link",
-    sdgList,
-    items,
-    hideSDGList = false,
-    t = x => x
-  } = _ref;
+      title,
+      description,
+      onLinkClick,
+      image,
+      linkIcon = "Link",
+      sdgList,
+      items,
+      onCardClick,
+      hideSDGList = false,
+      t = x => x
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$c);
   const [isHovered, setIsHovered] = React__default["default"].useState(false);
   const {
     token
-  } = useToken$h();
-  return /*#__PURE__*/jsxRuntime.jsxs(antd.Card, {
+  } = useToken$i();
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Card, _objectSpread2(_objectSpread2({
     style: {
       flex: 1
     },
     hoverable: true,
     onMouseEnter: () => setIsHovered(true),
     onMouseLeave: () => setIsHovered(false),
+    onClick: onCardClick,
     cover: /*#__PURE__*/jsxRuntime.jsxs(ImageContainer, {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "image",
@@ -20428,7 +20432,8 @@ function ProjectWidget(_ref) {
           color: isHovered ? token.colorPrimary7 : "black"
         })
       })]
-    }),
+    })
+  }, props), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Meta, {
       title: title || undefined,
       description: description || undefined
@@ -20463,9 +20468,113 @@ function ProjectWidget(_ref) {
         })
       })]
     })]
-  });
+  }));
 }
 
+const Style$x = dt.div`
+    .daf-widget {
+        background-color: ${props => props.backgroundColor} !important;
+        border-color: ${props => props.backgroundBorderColor} !important;
+    }
+`;
+
+const {
+  useToken: useToken$h
+} = antd.theme;
+const WidgetCard = _ref => {
+  let {
+    title,
+    backgroundColor,
+    backgroundBorderColor,
+    data = [],
+    link,
+    logoIcon,
+    description,
+    loading = false,
+    iconColor,
+    buttonIcon
+  } = _ref;
+  useToken$h();
+  return /*#__PURE__*/jsxRuntime.jsx(Style$x, {
+    backgroundColor: backgroundColor,
+    backgroundBorderColor: backgroundBorderColor,
+    children: /*#__PURE__*/jsxRuntime.jsxs(Widget, {
+      title: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        style: {
+          display: "flex",
+          alignItems: "center"
+        },
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          style: {
+            backgroundColor: '#FFFFFF',
+            borderRadius: "20%",
+            width: "32px",
+            height: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            marginRight: "8px",
+            border: "1px solid #E5E7EB"
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+            name: logoIcon,
+            width: 25,
+            height: 25
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: title,
+          children: title
+        })]
+      }),
+      addedHeader: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex-1"
+        }), /*#__PURE__*/jsxRuntime.jsx("a", {
+          style: {
+            backgroundColor: '#FFFFFF',
+            borderRadius: "20%",
+            width: "32px",
+            height: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            border: "1px solid #E5E7EB"
+          },
+          href: link,
+          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+            className: buttonIcon,
+            name: "Link",
+            size: 16,
+            color: iconColor || antd.theme.colorPrimary
+          })
+        })]
+      }),
+      loading: loading,
+      children: [description && /*#__PURE__*/jsxRuntime.jsx("p", {
+        children: description
+      }), data === null || data === void 0 ? void 0 : data.map(item => /*#__PURE__*/jsxRuntime.jsxs("div", {
+        style: {
+          display: "flex",
+          justifyContent: "space-between"
+        },
+        children: [item.isTag ? /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+          style: {
+            width: '70px',
+            textAlign: 'center',
+            borderRadius: '10px'
+          },
+          color: item.tagColor || 'default',
+          children: item.label
+        }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: item.label
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: item.value
+        })]
+      }, item))]
+    })
+  });
+};
+
 var Style$w = dt.div`
   border: 1px solid var(--base-gray-40);
   padding: 12px;
@@ -59846,6 +59955,7 @@ exports.ViewForm = Content;
 exports.ViewFormInput = Input;
 exports.ViewFormNavigation = Navigation;
 exports.Widget = Widget;
+exports.WidgetCard = WidgetCard;
 exports.WidgetImage = ImageWidget;
 exports.WidgetLoader = Loader;
 exports.WidgetPlaceholder = WidgetPlaceholder;

package/package.json

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