aefis-core-ui 2.1.11 → 2.1.13

package/dist/index.modern.js

@@ -8690,7 +8690,7 @@ const FilterPanel = props => {
     onApplyFilters: handleApplyFilters,
     manualFilters: onApplyFilters ? true : false
   };
-  if (!(configuration.length > 0)) {
+  if (!(configuration.length > 0 || search)) {
     return null;
   }
   return /*#__PURE__*/jsxs("div", {
@@ -10477,7 +10477,7 @@ const useIsError = status => {
   return isError;
 };
 const RichDataTable = /*#__PURE__*/forwardRef(function RichDatatable(props, ref) {
-  var _props$rowActions, _props$dataTableProps, _props$dataTableProps2;
+  var _props$filterPanelCon, _props$rowActions, _props$dataTableProps, _props$dataTableProps2;
   const didMount = useDidMount();
   const DataTableRef = useRef();
   const [currentSelection, setCurrentSelection] = useState(() => {
@@ -10717,6 +10717,7 @@ const RichDataTable = /*#__PURE__*/forwardRef(function RichDatatable(props, ref)
     toggleDrawer,
     clearSelections: () => DataTableRef.current.clearSelections()
   }));
+  const isFilterPanelEnabled = ((_props$filterPanelCon = props.filterPanelConfig) == null ? void 0 : _props$filterPanelCon.length) > 0 || props.showFilterPanelSearch;
   return /*#__PURE__*/jsxs("div", {
     "aria-live": "polite",
     children: [/*#__PURE__*/jsx(TitleAndActionHeader, _extends({
@@ -10724,7 +10725,7 @@ const RichDataTable = /*#__PURE__*/forwardRef(function RichDatatable(props, ref)
       showExport: props.showExportButton,
       exportOptions: props.exportOptions,
       actions: props.actions && props.actions.length > 0 || props.addAction ? updateActions(props.actions, handleDrawerOpen, enableTableRowAction, selectedRowCount, Add) : undefined,
-      onFilterClick: props.filterPanelConfig && props.filterPanelConfig.length > 0 ? handleFilterClick : undefined,
+      onFilterClick: isFilterPanelEnabled ? handleFilterClick : undefined,
       hasFilters: filterPanelState.filterCount > 0 || filterPanelState.sortCount > 0,
       disableFilterButton: isFetching
     }, props.titleAndActionHeaderProps)), /*#__PURE__*/jsx(DataTable, _extends({}, props, {
@@ -14541,7 +14542,7 @@ const QontoStepIcon = props => {
   } = props;
   return /*#__PURE__*/jsx(QontoStepIconRoot, {
     ownerstate: {
-      active
+      active: active
     },
     className: props.className,
     children: props.completed ? /*#__PURE__*/jsx(CheckCircle, {
@@ -14562,18 +14563,36 @@ QontoStepIcon.propTypes = {
   completed: PropTypes.bool
 };
 const Header = props => {
-  const activeStep = props.allStepsCompleted ? props.data.length : props.activeStep;
-  return /*#__PURE__*/jsx(Stepper, {
-    activeStep: activeStep,
+  const currentActiveStep = props.allStepsCompleted ? props.data.length : props.activeStep;
+  const a11yProps = {
+    role: "list",
+    "aria-label": "progress"
+  };
+  const stepA11lyProps = (current, activeStep) => {
+    const a11y = {};
+    if (current === activeStep) {
+      a11y["aria-current"] = "step";
+    }
+    return a11y;
+  };
+  return /*#__PURE__*/jsx(Stepper, _extends({
+    component: "ol"
+  }, a11yProps, {
+    activeStep: currentActiveStep,
     alternativeLabel: true,
     connector: /*#__PURE__*/jsx(QontoConnector, {}),
-    children: props.data.map(step => /*#__PURE__*/jsx(Step, {
-      children: /*#__PURE__*/jsx(StepLabel, {
-        StepIconComponent: QontoStepIcon,
-        children: step.title
-      })
-    }, `wizardHeaderStep-${step.id}`))
-  });
+    sx: {
+      listStyle: "none"
+    },
+    children: props.data.map((step, index) => /*#__PURE__*/createElement(Step, _extends({}, stepA11lyProps(index, currentActiveStep), {
+      ariaCurrent: true,
+      component: "li",
+      key: `wizardHeaderStep-${step.id}`
+    }), /*#__PURE__*/jsx(StepLabel, {
+      StepIconComponent: QontoStepIcon,
+      children: step.title
+    })))
+  }));
 };
 Header.defaultProps = {
   allStepsCompleted: false