datastake-daf 0.6.319 → 0.6.320

package/dist/components/index.js

@@ -12666,7 +12666,7 @@ const {
   Paragraph: Paragraph$1
 } = antd.Typography;
 const checkHasActiveFilterValues = filtersConfig => {
-  if (!filtersConfig?.filtersConfig || !filtersConfig?.selectedFilters) return false;
+  if (!(filtersConfig !== null && filtersConfig !== void 0 && filtersConfig.filtersConfig) || !(filtersConfig !== null && filtersConfig !== void 0 && filtersConfig.selectedFilters)) return false;
   const filterConfigKeys = Object.keys(filtersConfig.filtersConfig);
   const selectedFilters = filtersConfig.selectedFilters;
   return filterConfigKeys.some(key => {
@@ -12674,27 +12674,28 @@ const checkHasActiveFilterValues = filtersConfig => {
     return value !== undefined && value !== null && value !== "";
   });
 };
-const useHeader = ({
-  title = "",
-  tooltip = "",
-  supportText = "",
-  tags = [],
-  actionButtons: _actionButtons = [],
-  titleTooltip,
-  className,
-  addedHeader = null,
-  addedHeaderFirst,
-  extraButtons: _extraButtons = [],
-  onDownload,
-  downloadDisabled,
-  goBackTo,
-  loading,
-  renderExtraComponents,
-  app = "",
-  isViewMode = false,
-  filtersConfig = {}
-}) => {
-  const hasActiveFilterValues = React.useMemo(() => checkHasActiveFilterValues(filtersConfig), [filtersConfig?.filtersConfig, filtersConfig?.selectedFilters]);
+const useHeader = _ref => {
+  let {
+    title = "",
+    tooltip = "",
+    supportText = "",
+    tags = [],
+    actionButtons: _actionButtons = [],
+    titleTooltip,
+    className,
+    addedHeader = null,
+    addedHeaderFirst,
+    extraButtons: _extraButtons = [],
+    onDownload,
+    downloadDisabled,
+    goBackTo,
+    loading,
+    renderExtraComponents,
+    app = "",
+    isViewMode = false,
+    filtersConfig = {}
+  } = _ref;
+  const hasActiveFilterValues = React.useMemo(() => checkHasActiveFilterValues(filtersConfig), [filtersConfig === null || filtersConfig === void 0 ? void 0 : filtersConfig.filtersConfig, filtersConfig === null || filtersConfig === void 0 ? void 0 : filtersConfig.selectedFilters]);
   const [showFilters, setShowFilters] = React.useState(() => checkHasActiveFilterValues(filtersConfig));
   const hasFilters = filtersConfig && Object.keys(filtersConfig).length > 0;
   React.useEffect(() => {
@@ -12737,9 +12738,9 @@ const useHeader = ({
   const buttonCont = React.useRef();
   const [mainContWidth, setMainContWidth] = React.useState(600);
   const [buttonContWidth, setButtonContWidth] = React.useState(0);
-  const hasSupportText = !!supportText?.length;
-  const hasTags = !!tags?.length;
-  const hasButtons = !!(actionButtons?.length || extraButtons?.length);
+  const hasSupportText = !!(supportText !== null && supportText !== void 0 && supportText.length);
+  const hasTags = !!(tags !== null && tags !== void 0 && tags.length);
+  const hasButtons = !!(actionButtons !== null && actionButtons !== void 0 && actionButtons.length || extraButtons !== null && extraButtons !== void 0 && extraButtons.length);
   React.useEffect(() => {
     const mainContObserver = new ResizeObserver(entries => {
       const _mainEntry = entries[0];
@@ -12850,8 +12851,8 @@ const useHeader = ({
         })]
       }), addedHeaderFirst ? /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex gap-2",
-        ref: buttonCont,
         children: [addedHeader, hasButtons && /*#__PURE__*/jsxRuntime.jsx("div", {
+          ref: buttonCont,
           children: /*#__PURE__*/jsxRuntime.jsx(Buttons, {
             extraButtons: extraButtons,
             actionButtons: actionButtons
@@ -12859,8 +12860,8 @@ const useHeader = ({
         })]
       }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex gap-2",
-        ref: buttonCont,
         children: [hasButtons && /*#__PURE__*/jsxRuntime.jsx("div", {
+          ref: buttonCont,
           children: /*#__PURE__*/jsxRuntime.jsx(Buttons, {
             extraButtons: extraButtons,
             actionButtons: actionButtons

package/package.json

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

package/src/@daf/core/components/Header/hook.js

@@ -243,10 +243,10 @@ export const useHeader = ({
 				</div>
 
 				{addedHeaderFirst ? (
-					<div className="flex gap-2" ref={buttonCont}>
+					<div className="flex gap-2">
 						{addedHeader}
 						{hasButtons && (
-							<div>
+							<div ref={buttonCont}>
 								<Buttons
 									extraButtons={extraButtons}
 									actionButtons={actionButtons}
@@ -255,9 +255,9 @@ export const useHeader = ({
 						)}
 					</div>
 				) : (
-					<div className="flex gap-2" ref={buttonCont}>
+					<div className="flex gap-2">
 						{hasButtons && (
-							<div>
+							<div ref={buttonCont}>
 								<Buttons
 									extraButtons={extraButtons}
 									actionButtons={actionButtons}