@osdk/react-components 0.54.0 → 0.55.0-main-caff0c0ea39b54fba6782b0f2a1514f491afa4c1

package/build/cjs/{chunk-JJTZZ4AO.cjs → chunk-LUHPM2MY.cjs}

@@ -6,7 +6,7 @@ var chunk3KMJ6NKF_cjs = require('./chunk-3KMJ6NKF.cjs');
 var chunkYE4F6HIR_cjs = require('./chunk-YE4F6HIR.cjs');
 var chunk7LXS66DW_cjs = require('./chunk-7LXS66DW.cjs');
 var chunkUCTQICPR_cjs = require('./chunk-UCTQICPR.cjs');
-var chunkG7M3NOUP_cjs = require('./chunk-G7M3NOUP.cjs');
+var chunkWATCUA6R_cjs = require('./chunk-WATCUA6R.cjs');
 var button = require('@base-ui/react/button');
 var classnames3 = require('classnames');
 var React15 = require('react');
@@ -5020,13 +5020,26 @@ function buildInitialStates(definitions) {
   }
   return states;
 }
+function deriveSnapshot(definitions, filterStates, propertyTypes, objectSet) {
+  const whereClause = buildWhereClause(definitions, filterStates, propertyTypes);
+  const linkedFilters = getActiveLinkedFilters(definitions, filterStates);
+  return {
+    whereClause,
+    linkedFilters,
+    effectiveObjectSet: objectSet == null ? void 0 : narrowObjectSet(objectSet, whereClause, linkedFilters)
+  };
+}
 function useFilterListState(props) {
   const {
     objectType,
     objectSet,
     filterDefinitions,
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- back-compat callback still supported
     onFilterStateChanged,
+    onFilterListChanged,
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- back-compat callback still supported
     onFilterClauseChanged,
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- back-compat callback still supported
     onEffectiveObjectSet,
     defaultFilterStates,
     // eslint-disable-next-line @typescript-eslint/no-deprecated -- back-compat fallback for the pre-rename prop
@@ -5034,14 +5047,21 @@ function useFilterListState(props) {
   } = props;
   const seededFilterStates = defaultFilterStates ?? initialFilterStates;
   const {
-    metadata
+    metadata,
+    loading: metadataLoading
   } = react.useOsdkMetadata(objectType);
+  const onFilterStateChangedRef = React15.useRef(onFilterStateChanged);
+  onFilterStateChangedRef.current = onFilterStateChanged;
   const onFilterClauseChangedRef = React15.useRef(onFilterClauseChanged);
   onFilterClauseChangedRef.current = onFilterClauseChanged;
   const onEffectiveObjectSetRef = React15.useRef(onEffectiveObjectSet);
   onEffectiveObjectSetRef.current = onEffectiveObjectSet;
+  const onFilterListChangedRef = React15.useRef(onFilterListChanged);
+  onFilterListChangedRef.current = onFilterListChanged;
   const filterDefinitionsRef = React15.useRef(filterDefinitions);
   filterDefinitionsRef.current = filterDefinitions;
+  const objectSetRef = React15.useRef(objectSet);
+  objectSetRef.current = objectSet;
   const propertyTypes = React15.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     if (metadata?.properties) {
@@ -5056,6 +5076,22 @@ function useFilterListState(props) {
     }
     return map;
   }, [metadata?.properties]);
+  const propertyTypesRef = React15.useRef(propertyTypes);
+  propertyTypesRef.current = propertyTypes;
+  const emitFilterListChanged = React15.useCallback((states, reason) => {
+    const onChange = onFilterListChangedRef.current;
+    if (onChange == null) {
+      return;
+    }
+    const snapshot = deriveSnapshot(filterDefinitionsRef.current, states, propertyTypesRef.current, objectSetRef.current);
+    onChange({
+      snapshot: {
+        filterClause: snapshot.whereClause,
+        filteredObjectSet: snapshot.effectiveObjectSet
+      },
+      reason
+    });
+  }, []);
   const [initialFilterStatesSnapshot] = React15.useState(() => {
     const snapshot = buildInitialStates(filterDefinitions);
     if (seededFilterStates) {
@@ -5066,30 +5102,65 @@ function useFilterListState(props) {
     return snapshot;
   });
   const [filterStates, setFilterStates] = React15.useState(() => new Map(initialFilterStatesSnapshot));
+  const filterStatesRef = React15.useRef(filterStates);
+  filterStatesRef.current = filterStates;
+  const applyChange = React15.useCallback((transition, reason) => {
+    const next = transition(filterStatesRef.current);
+    if (next === void 0) {
+      return;
+    }
+    filterStatesRef.current = next;
+    setFilterStates(next);
+    emitFilterListChanged(next, reason);
+  }, [emitFilterListChanged]);
   const setFilterState = React15.useCallback((filterKey, state) => {
-    setFilterStates((prev) => {
-      const next = new Map(prev);
+    const definition = filterDefinitionsRef.current?.find((candidate) => getFilterKey(candidate) === filterKey);
+    if (definition) {
+      onFilterStateChangedRef.current?.(definition, state);
+    }
+    applyChange((previous) => {
+      const next = new Map(previous);
       next.set(filterKey, state);
       return next;
+    }, {
+      type: "FILTER_STATE_CHANGED",
+      filterKey,
+      newState: state
     });
-    const definition = filterDefinitionsRef.current?.find((d) => getFilterKey(d) === filterKey);
-    if (definition) {
-      onFilterStateChanged?.(definition, state);
-    }
-  }, [onFilterStateChanged]);
+  }, [applyChange]);
   const clearFilterState2 = React15.useCallback((filterKey) => {
-    setFilterStates((prev) => {
-      const next = new Map(prev);
+    applyChange((previous) => {
+      if (!previous.has(filterKey)) {
+        return;
+      }
+      const next = new Map(previous);
       next.delete(filterKey);
       return next;
+    }, {
+      type: "FILTER_REMOVED",
+      filterKey
     });
-  }, []);
+  }, [applyChange]);
   const reset = React15.useCallback(() => {
-    setFilterStates(new Map(initialFilterStatesSnapshot));
-  }, [initialFilterStatesSnapshot]);
-  const whereClause = React15.useMemo(() => buildWhereClause(filterDefinitions, filterStates, propertyTypes), [filterDefinitions, filterStates, propertyTypes]);
-  const linkedFilters = React15.useMemo(() => getActiveLinkedFilters(filterDefinitions, filterStates), [filterDefinitions, filterStates]);
-  const effectiveObjectSet = React15.useMemo(() => objectSet == null ? void 0 : narrowObjectSet(objectSet, whereClause, linkedFilters), [objectSet, whereClause, linkedFilters]);
+    applyChange(() => new Map(initialFilterStatesSnapshot), {
+      type: "FILTER_LIST_RESET"
+    });
+  }, [applyChange, initialFilterStatesSnapshot]);
+  const {
+    whereClause,
+    linkedFilters,
+    effectiveObjectSet
+  } = React15.useMemo(() => deriveSnapshot(filterDefinitions, filterStates, propertyTypes, objectSet), [filterDefinitions, filterStates, propertyTypes, objectSet]);
+  const hasEmittedInit = React15.useRef(false);
+  React15.useEffect(() => {
+    if (hasEmittedInit.current || metadataLoading) {
+      return;
+    }
+    hasEmittedInit.current = true;
+    emitFilterListChanged(filterStatesRef.current, {
+      type: "FILTER_LIST_INITIALIZED"
+    });
+  }, [metadataLoading, emitFilterListChanged]);
   React15.useEffect(() => {
     onFilterClauseChangedRef.current?.(whereClause);
   }, [whereClause]);
@@ -5654,7 +5725,7 @@ function summarizeFilterValue(definition, state) {
 }
 
 // src/public/experimental/filter-list.ts
-var FilterList2 = chunkG7M3NOUP_cjs.withOsdkMetrics(FilterList, "FilterList");
+var FilterList2 = chunkWATCUA6R_cjs.withOsdkMetrics(FilterList, "FilterList");
 
 exports.BaseFilterList = BaseFilterList;
 exports.FilterInput = FilterInput;
@@ -5669,5 +5740,5 @@ exports.narrowObjectSet = narrowObjectSet;
 exports.serializeFilterStates = serializeFilterStates;
 exports.summarizeFilterValue = summarizeFilterValue;
 exports.useFilterListState = useFilterListState;
-//# sourceMappingURL=chunk-JJTZZ4AO.cjs.map
-//# sourceMappingURL=chunk-JJTZZ4AO.cjs.map
+//# sourceMappingURL=chunk-LUHPM2MY.cjs.map
+//# sourceMappingURL=chunk-LUHPM2MY.cjs.map