@helpwave/hightide 0.9.0 → 0.9.1

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import react__default, { HTMLAttributes, SVGProps, ReactNode, PropsWithChildren, RefObject, CSSProperties, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentPropsWithoutRef, ComponentProps, JSX, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes, ElementType } from 'react';
 import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
 import Link from 'next/link';
-import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Header, SortDirection, ColumnSizingState } from '@tanstack/react-table';
+import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Header, SortDirection, ColumnSizingState, ColumnFilter } from '@tanstack/react-table';
 import { SlotProps } from '@radix-ui/react-slot';
 
 type Size = 'sm' | 'md' | 'lg';
@@ -2348,8 +2348,8 @@ type FilterValueTranslationOptions = {
 };
 declare function useFilterValueTranslation(): (value: FilterValue, options?: FilterValueTranslationOptions) => string;
 
-interface IdentifierFilterValue extends FilterValue {
-    id: string;
+interface IdentifierFilterValue extends ColumnFilter {
+    value: FilterValue;
 }
 interface FilterListPopUpBuilderProps {
     value: FilterValue;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as react from 'react';
 import react__default, { HTMLAttributes, SVGProps, ReactNode, PropsWithChildren, RefObject, CSSProperties, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentPropsWithoutRef, ComponentProps, JSX, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes, ElementType } from 'react';
 import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
 import Link from 'next/link';
-import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Header, SortDirection, ColumnSizingState } from '@tanstack/react-table';
+import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Header, SortDirection, ColumnSizingState, ColumnFilter } from '@tanstack/react-table';
 import { SlotProps } from '@radix-ui/react-slot';
 
 type Size = 'sm' | 'md' | 'lg';
@@ -2348,8 +2348,8 @@ type FilterValueTranslationOptions = {
 };
 declare function useFilterValueTranslation(): (value: FilterValue, options?: FilterValueTranslationOptions) => string;
 
-interface IdentifierFilterValue extends FilterValue {
-    id: string;
+interface IdentifierFilterValue extends ColumnFilter {
+    value: FilterValue;
 }
 interface FilterListPopUpBuilderProps {
     value: FilterValue;

package/dist/index.js

@@ -19924,9 +19924,11 @@ var FilterList = ({ value, onValueChange, availableItems }) => {
             if (!item) return;
             const newValue = {
               id: item.id,
-              dataType: item.dataType,
-              operator: FilterOperatorUtils.getDefaultOperator(item.dataType),
-              parameter: {}
+              value: {
+                dataType: item.dataType,
+                operator: FilterOperatorUtils.getDefaultOperator(item.dataType),
+                parameter: {}
+              }
             };
             setEditState(newValue);
             setIsOpen(false);
@@ -19938,36 +19940,36 @@ var FilterList = ({ value, onValueChange, availableItems }) => {
         }
       ) }) })
     ] }),
-    valueWithEditState.map((filterValue) => {
-      const item = itemRecord[filterValue.id];
+    valueWithEditState.map((columnFilter) => {
+      const item = itemRecord[columnFilter.id];
       if (!item) return null;
       return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         PopUpRoot,
         {
-          isOpen: editState?.id === filterValue.id,
+          isOpen: editState?.id === columnFilter.id,
           onIsOpenChange: (isOpen) => {
             if (!isOpen) {
-              const isEditStateValid = editState ? FilterValueUtils.isValid(editState) : false;
+              const isEditStateValid = editState ? FilterValueUtils.isValid(editState.value) : false;
               if (isEditStateValid) {
-                onValueChange(valueWithEditState.map((prevItem) => prevItem.id === filterValue.id ? { ...prevItem, ...editState } : prevItem));
+                onValueChange(valueWithEditState.map((prevItem) => prevItem.id === columnFilter.id ? { ...prevItem, ...editState } : prevItem));
               }
               setEditState(void 0);
             } else {
-              const valueItem = value.find((prevItem) => prevItem.id === filterValue.id);
+              const valueItem = value.find((prevItem) => prevItem.id === columnFilter.id);
               if (!valueItem) return;
               setEditState({ ...valueItem });
             }
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PopUpOpener, { children: ({ toggleOpen, props, isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Button, { ...props, onClick: toggleOpen, color: "primary", coloringStyle: "tonal", size: "sm", children: [
-              item.label + ": " + filterValueToLabel(filterValue, { tags: item.tags }),
+              item.label + ": " + filterValueToLabel(columnFilter.value, { tags: item.tags }),
               /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ExpansionIcon, { isExpanded: isOpen })
             ] }) }),
             item.popUpBuilder ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PopUpContext.Consumer, { children: ({ isOpen, setIsOpen }) => item.popUpBuilder({
-              value: editState?.id === filterValue.id ? editState : filterValue,
-              onValueChange: (value2) => setEditState({ ...filterValue, ...value2 }),
+              value: editState?.id === columnFilter.id ? editState.value : columnFilter.value,
+              onValueChange: (value2) => setEditState({ ...columnFilter, value: value2 }),
               onRemove: () => {
-                onValueChange(value.filter((prevItem) => prevItem.id !== filterValue.id));
+                onValueChange(value.filter((prevItem) => prevItem.id !== columnFilter.id));
                 setEditState(void 0);
               },
               dataType: item.dataType,
@@ -19979,21 +19981,21 @@ var FilterList = ({ value, onValueChange, availableItems }) => {
               FilterPopUp,
               {
                 name: item.label,
-                value: editState?.id === filterValue.id ? editState : filterValue,
+                value: editState?.id === columnFilter.id ? editState.value : columnFilter.value,
                 dataType: item.dataType,
                 tags: item.tags,
                 onValueChange: (value2) => {
-                  setEditState({ ...filterValue, ...value2 });
+                  setEditState({ ...columnFilter, value: value2 });
                 },
                 onRemove: () => {
-                  onValueChange(value.filter((prevItem) => prevItem.id !== filterValue.id));
+                  onValueChange(value.filter((prevItem) => prevItem.id !== columnFilter.id));
                   setEditState(void 0);
                 }
               }
             )
           ]
         },
-        filterValue.id
+        columnFilter.id
       );
     })
   ] });