react-better-html 1.1.121 → 1.1.123

package/dist/index.mjs

@@ -7219,7 +7219,7 @@ var TableComponent = forwardRef15(function Table({
           if (filter.min !== void 0 && minDate && itemValue < minDate) return false;
           if (filter.max !== void 0 && maxDate && itemValue > maxDate) return false;
         } else if (column.filter === "list" && filter.type === "list") {
-          const itemValue = column.getValueForList?.(item) ?? (column.type === "text" && column.keyName ? String(item[column.keyName]) : "");
+          const itemValue = column.getValueForList?.(item).value ?? (column.type === "text" && column.keyName ? String(item[column.keyName]) : "");
           if (!filter.list?.includes(itemValue)) return false;
         }
         return true;
@@ -7239,27 +7239,26 @@ var TableComponent = forwardRef15(function Table({
   }, [data, checkedItems]);
   const possibleFilterListValues = useMemo7(() => {
     if (!openedFilterColumn) return [];
-    return data.reduce(
-      (previousValue, currentValue) => {
-        const value = openedFilterColumn.type === "text" && openedFilterColumn.keyName ? String(currentValue[openedFilterColumn.keyName]) : void 0;
-        if (value !== void 0) {
-          if (previousValue.some((item) => item.value === value)) {
-            previousValue = previousValue.map(
-              (item) => item.value === value ? {
-                ...item,
-                count: item.count + 1
-              } : item
-            );
-          } else
-            previousValue.push({
-              value,
-              count: 1
-            });
-        }
-        return previousValue;
-      },
-      []
-    );
+    return data.reduce((previousValue, currentValue) => {
+      const valueFromList = openedFilterColumn.filter === "list" && openedFilterColumn.getValueForList ? openedFilterColumn.getValueForList(currentValue) : void 0;
+      const value = valueFromList ? valueFromList.value : openedFilterColumn.type === "text" && openedFilterColumn.keyName ? String(currentValue[openedFilterColumn.keyName]) : void 0;
+      if (value !== void 0) {
+        if (previousValue.some((item) => item.value === value)) {
+          previousValue = previousValue.map(
+            (item) => item.value === value ? {
+              ...item,
+              count: item.count + 1
+            } : item
+          );
+        } else
+          previousValue.push({
+            label: valueFromList ? valueFromList.label : value,
+            value,
+            count: 1
+          });
+      }
+      return previousValue;
+    }, []);
   }, [data, openedFilterColumn]);
   const pageCountInternal = pageCount ?? (pageSize !== void 0 ? Math.ceil(dataAfterFilter.length / pageSize) : 1);
   const paginationItems = useMemo7(() => {
@@ -7566,7 +7565,7 @@ var TableComponent = forwardRef15(function Table({
                     value: value.value,
                     onClickWithValue: onClickFilterListItem,
                     children: /* @__PURE__ */ jsxs16(Div_default.row, { alignItems: "center", gap: theme2.styles.gap / 2, children: [
-                      /* @__PURE__ */ jsx20(Text_default, { children: value.value }),
+                      /* @__PURE__ */ jsx20(Text_default, { children: value.label ?? value.value }),
                       openedFilterColumn.withTotalNumber && /* @__PURE__ */ jsxs16(
                         Text_default,
                         {
@@ -7900,7 +7899,19 @@ var TooltipComponent = forwardRef16(function Tooltip({
     }
   );
 });
-TooltipComponent.item = forwardRef16(function Item({ icon, text, description, isActive, value, id, onClick, onClickWithValue }, ref) {
+TooltipComponent.item = forwardRef16(function Item({
+  icon,
+  iconColor,
+  text,
+  textColor,
+  description,
+  isActive,
+  value,
+  id,
+  disabled,
+  onClick,
+  onClickWithValue
+}, ref) {
   const theme2 = useTheme();
   return /* @__PURE__ */ jsxs17(
     Div_default.row,
@@ -7908,20 +7919,21 @@ TooltipComponent.item = forwardRef16(function Item({ icon, text, description, is
       alignItems: "center",
       gap: theme2.styles.space,
       backgroundColor: theme2.colors.backgroundContent,
-      filterHover: "brightness(0.9)",
+      filterHover: !disabled ? "brightness(0.9)" : "brightness(0.94)",
       paddingBlock: theme2.styles.gap,
       paddingInline: theme2.styles.space,
-      cursor: "pointer",
+      cursor: disabled ? "not-allowed" : "pointer",
       isTabAccessed: true,
       id,
+      opacity: disabled ? 0.4 : void 0,
       value,
-      onClick,
-      onClickWithValue,
+      onClick: !disabled ? onClick : void 0,
+      onClickWithValue: !disabled ? onClickWithValue : void 0,
       ref,
       children: [
-        icon && /* @__PURE__ */ jsx21(Icon_default, { name: icon, color: !isActive ? theme2.colors.textSecondary : void 0 }),
+        icon && /* @__PURE__ */ jsx21(Icon_default, { name: icon, color: iconColor ?? (!isActive ? theme2.colors.textSecondary : void 0) }),
         /* @__PURE__ */ jsxs17(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
-          /* @__PURE__ */ jsx21(Text_default, { fontWeight: isActive ? 700 : void 0, children: text }),
+          /* @__PURE__ */ jsx21(Text_default, { fontWeight: isActive ? 700 : void 0, color: textColor ?? theme2.colors.textPrimary, children: text }),
           description && /* @__PURE__ */ jsx21(Text_default, { fontSize: 14, color: theme2.colors.textSecondary, children: description })
         ] })
       ]