datastake-daf 0.6.783 → 0.6.784

package/dist/components/index.js

@@ -7835,6 +7835,17 @@ GoToSelect.propTypes = {
   t: PropTypes__default["default"].func
 };
 
+const MultiSelectStyled = styled__default["default"](antd.Select)`
+  &.ant-select-single {
+    .ant-select-selector {
+        padding-inline-end: 24px !important;
+        padding: 0 !important;
+        max-width: 56px !important;
+        width: 56px !important;
+    }
+  }
+`;
+
 const _excluded$v = ["options", "defaultSelected", "onChange", "textWhenMultiple", "withCount", "oneAlwaysSelected", "canUnselectLast", "isAvatarGroup", "maxAvatarCount", "dropDownWidth", "topAvatarValue", "isSingle", "selectionType"];
 const {
   useToken: useToken$n
@@ -7975,7 +7986,7 @@ function Multiselect(_ref) {
       });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Select, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/jsxRuntime.jsx(MultiSelectStyled, _objectSpread2(_objectSpread2({
     mode: isSingle ? undefined : "multiple",
     value: selectValue,
     onChange: onSelectChange,
@@ -8033,7 +8044,8 @@ function Multiselect(_ref) {
                 border: "1px solid ".concat(token.baseGray40),
                 display: "flex",
                 alignItems: "center",
-                justifyContent: "center"
+                justifyContent: "center",
+                padding: 0
               },
               children: (option === null || option === void 0 ? void 0 : option.avatar) || getFirstChar(option === null || option === void 0 ? void 0 : option.label)
             }, value);
@@ -8486,22 +8498,20 @@ const useHeader = _ref => {
 const {
   useToken: useToken$m
 } = antd.theme;
-function BreadCrumbs(_ref) {
-  let {
-    breadcrumbs = [],
-    mainContWidth = 0
-  } = _ref;
+function BreadCrumbs({
+  breadcrumbs = [],
+  mainContWidth = 0
+}) {
   const [splitIndex, setSplitIndex] = React.useState(0);
   const {
     token
   } = useToken$m();
-  const _renderBreadcrumb = function (b, i, isLast) {
-    let noOnClickLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  const _renderBreadcrumb = (b, i, isLast, noOnClickLast = false) => {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex breadcrumb-item",
-      onClick: noOnClickLast && isLast ? undefined : b === null || b === void 0 ? void 0 : b.onClick,
+      onClick: noOnClickLast && isLast ? undefined : b?.onClick,
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        children: b === null || b === void 0 ? void 0 : b.label
+        children: b?.label
       }), !isLast && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-column justify-content-center",
         children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -8511,7 +8521,7 @@ function BreadCrumbs(_ref) {
           color: token.baseGray50
         })
       })]
-    }, "breadcrumb-item-".concat(i));
+    }, `breadcrumb-item-${i}`);
   };
   React.useEffect(() => {
     const _placeholderCont = document.getElementById("header-breadcrumbs");
@@ -8554,7 +8564,7 @@ function BreadCrumbs(_ref) {
         placement: "bottomRight",
         menu: {
           items: groupedBreadCrumbs[2].map((it, i) => ({
-            key: "items-".concat(i),
+            key: `items-${i}`,
             label: it.label,
             onClick: it.onClick
           }))
@@ -9546,29 +9556,24 @@ const processConditionalTableKeys = (tableKeys, item) => {
   });
   return processedKeys;
 };
-const renderFieldData = function (type, value, user, config) {
-  let getApiBaseUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : () => {};
-  let getAppHeader = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : () => {};
-  let app = arguments.length > 6 ? arguments[6] : undefined;
-  let allValues = arguments.length > 7 ? arguments[7] : undefined;
-  let formValues = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : {};
+const renderFieldData = (type, value, user, config, getApiBaseUrl = () => {}, getAppHeader = () => {}, app, allValues, formValues = {}) => {
   switch (type) {
     case 'year':
       return value !== '-' ? renderDateFormatted(value, 'YYYY', 'en') : '-';
     case 'date':
       {
-        const language = user !== null && user !== void 0 && user.language && (user === null || user === void 0 ? void 0 : user.language) === 'sp' ? 'es' : user === null || user === void 0 ? void 0 : user.language;
+        const language = user?.language && user?.language === 'sp' ? 'es' : user?.language;
         return value !== '-' ? renderDateFormatted(value, 'DD MMM YYYY', language || 'en') : '-';
       }
     case 'select':
       {
-        const options = (config === null || config === void 0 ? void 0 : config.options) || [];
+        const options = config?.options || [];
         const option = findOptions(value, options);
         return option;
       }
     case 'multiselect':
       {
-        const options = (config === null || config === void 0 ? void 0 : config.options) || [];
+        const options = config?.options || [];
         const _val = typeof value === 'string' ? value.split(',').map(v => v.trim()) : value;
         const option = findOptions(_val, options);
         return option.join(', ');
@@ -9583,7 +9588,7 @@ const renderFieldData = function (type, value, user, config) {
         formValues: formValues
       });
     case 'percentage':
-      return value === '-' || value === null || value === undefined ? '-' : "".concat(value, " %");
+      return value === '-' || value === null || value === undefined ? '-' : `${value} %`;
     case 'geolocation':
       {
         const val = JSON.parse(value) || {};
@@ -9597,7 +9602,7 @@ const renderFieldData = function (type, value, user, config) {
     case 'upload':
     case 'videoUpload':
       {
-        const documentName = allValues === null || allValues === void 0 ? void 0 : allValues.map(item => item === null || item === void 0 ? void 0 : item.name).join(', ');
+        const documentName = allValues?.map(item => item?.name).join(', ');
         return documentName;
       }
     default:
@@ -9776,28 +9781,30 @@ const handleSectionChildren = ({
   });
 };
 
-const handleArrayChildren = ({
-  value,
-  config,
-  label,
-  level,
-  t,
-  rootForm,
-  allData,
-  user,
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  app,
-  TreeNodeComponent
-}) => {
+const handleArrayChildren = _ref => {
+  let {
+    value,
+    config,
+    label,
+    level,
+    t,
+    rootForm,
+    allData,
+    user,
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    app,
+    TreeNodeComponent
+  } = _ref;
   if (!Array.isArray(value)) {
     return null;
   }
   return value.map((item, itemIndex) => /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "array-item",
     children: Object.keys(config.inputs).sort((a, b) => {
-      const positionA = config.inputs[a]?.position || 0;
-      const positionB = config.inputs[b]?.position || 0;
+      var _config$inputs$a, _config$inputs$b;
+      const positionA = ((_config$inputs$a = config.inputs[a]) === null || _config$inputs$a === void 0 ? void 0 : _config$inputs$a.position) || 0;
+      const positionB = ((_config$inputs$b = config.inputs[b]) === null || _config$inputs$b === void 0 ? void 0 : _config$inputs$b.position) || 0;
       return positionA - positionB;
     }).map(subInputKey => {
       const subInputConfig = config.inputs[subInputKey];
@@ -9815,9 +9822,9 @@ const handleArrayChildren = ({
         getApiBaseUrl: getApiBaseUrl,
         getAppHeader: getAppHeader,
         app: app
-      }, `${itemIndex}-${subInputKey}`);
+      }, "".concat(itemIndex, "-").concat(subInputKey));
     })
-  }, `${itemIndex}`));
+  }, "".concat(itemIndex)));
 };
 
 const noDafApps = ['tif', 'cukura']; //PACKAGE_CHANGE_LATER (remove sbg)
@@ -13125,11 +13132,11 @@ function getStakeholderPosition({
     angleDeg
   };
 }
-function applyAnimationDirect(el, isShortLink) {
+function applyAnimationDirect(el, isShortLink, lineFlow = "downstream") {
   if (!(el instanceof SVGElement) || isShortLink) return;
   el.style.strokeDasharray = "10, 10";
   el.style.strokeDashoffset = "0";
-  el.style.animation = "dash-flow 1.2s linear infinite";
+  el.style.animation = `dash-flow 1.2s linear infinite ${lineFlow === "upstream" && "reverse"}`;
   el.classList.add('animated-polyline');
 }
 function removeAnimationFromElement(element) {
@@ -46954,7 +46961,7 @@ function BarChart(_ref) {
         tickMethod: () => {
           return Array.from(new Array(11), (v, i) => i * 10);
         }
-      } : {}), xAxisConfig), {}, {
+      } : {}), Object.keys(xAxisConfig).length > 0 ? xAxisConfig : {}), {}, {
         label: _objectSpread2({
           formatter: isPercentage ? v => "".concat(v).replace(/\d{1,3}(?=(\d{3})+$)/g, s => "".concat(s, ",")) + " %" : formattedXAxis
         }, xAxisConfig === null || xAxisConfig === void 0 ? void 0 : xAxisConfig.label)
@@ -50809,7 +50816,8 @@ const BaseScreen = _ref => {
           onFilterChange: onFiltersChange,
           showFilters: showFilters,
           defaultFilters: defaultFilters,
-          onChange: onTableChange
+          onChange: onTableChange,
+          t: t
         }, rest)), /*#__PURE__*/jsxRuntime.jsx(Pagination, {
           t: t,
           isMobile: isMobile,

package/dist/hooks/index.js

@@ -2397,7 +2397,9 @@ const useGetQueryParams = ({
       },
       otherParams: {
         ...rest
-      }
+      },
+      sortBy,
+      sortDir
     };
   }, [queryParams]);
   return params;