@synnaxlabs/pluto 0.21.3 → 0.21.5

package/dist/{Toggle-Blzh0A0b.js → Toggle-DcOiWiHG.js}

@@ -11104,7 +11104,10 @@ const useTransforms = ({
     [setTransform]
   );
   const transform2 = useCallback(
-    (data) => transforms2.reduce((data2, t2) => t2.transform(data2), data),
+    (props) => transforms2.reduce((data, t2) => t2.transform(data), {
+      ...props,
+      transformed: false
+    }),
     [transforms2]
   );
   return { transform: transform2, setTransform, deleteTransform };
@@ -11650,8 +11653,11 @@ const CoreText$1 = ({
 );
 const Text$2 = forwardRef(CoreText$1);
 const evalColor = (color2, shade) => {
-  if (color2 != null)
+  if (color2 != null) {
+    if (typeof color2 === "boolean")
+      return void 0;
     return cssString(color2);
+  }
   if (shade != null)
     return `var(--pluto-gray-l${shade})`;
   return void 0;
@@ -11992,7 +11998,8 @@ const useRequiredContext = (context) => {
 };
 const DataContext = createContext({
   transformedData: [],
-  sourceData: []
+  sourceData: [],
+  transformed: false
 });
 const DataUtilContext = createContext({
   setSourceData: () => void 0,
@@ -12000,7 +12007,8 @@ const DataUtilContext = createContext({
   getTransformedData: () => [],
   deleteTransform: () => void 0,
   setTransform: () => void 0,
-  setEmptyContent: () => void 0
+  setEmptyContent: () => void 0,
+  getTransformed: () => false
 });
 const useDataContext = () => useRequiredContext(DataContext);
 const useDataUtilContext = () => useRequiredContext(DataUtilContext);
@@ -12019,8 +12027,11 @@ const DataProvider = ({
     if (sourceData != null)
       setData(sourceData);
   }, [sourceData]);
-  const transformedData = useMemo(() => transform2(data), [data, transform2]);
-  const transformedDataRef = useSyncedRef(transformedData);
+  const transformRes = useMemo(
+    () => transform2({ data, transformed: false }),
+    [data, transform2]
+  );
+  const transformedDataRef = useSyncedRef(transformRes);
   const [emptyContent, setEmptyContent] = useState(
     void 0
   );
@@ -12032,7 +12043,8 @@ const DataProvider = ({
     () => ({
       setSourceData: setData,
       getSourceData: () => dataRef.current,
-      getTransformedData: () => transformedDataRef.current,
+      getTransformedData: () => transformedDataRef.current.data,
+      getTransformed: () => transformedDataRef.current.transformed,
       deleteTransform,
       setTransform,
       setEmptyContent
@@ -12041,11 +12053,12 @@ const DataProvider = ({
   );
   const ctxValue = useMemo(
     () => ({
-      transformedData,
+      transformed: transformRes.transformed,
+      transformedData: transformRes.data,
       sourceData: data,
       emptyContent
     }),
-    [transformedData, data, emptyContent]
+    [transformRes, data, emptyContent]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DataUtilContext.Provider, { value: utilValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DataContext.Provider, { value: ctxValue, children }) });
 };
@@ -57358,10 +57371,13 @@ const longestEntries = (data, columns) => {
   );
   return longest;
 };
-const sortTransform = (k3, dir) => (data) => {
+const sortTransform = (k3, dir) => ({ data }) => {
   if (data.length === 0)
-    return data;
-  return [...data].sort(S.newFieldF(k3, data[0], !dir));
+    return { data, transformed: false };
+  return {
+    data: [...data].sort(S.newFieldF(k3, data[0], !dir)),
+    transformed: true
+  };
 };
 const Column = {
   /**
@@ -57372,7 +57388,7 @@ const Column = {
   Header,
   /**
    * The item to use for a column list. This should be used as the child render prop
-   * in a list render implmentation e.g. {@link List.Core.Virtual}.
+   * in a list render implementation e.g. {@link List.Core.Virtual}.
    *
    * @param props - implements the {@link ItemProps} interface. All these props
    * should be provided by the list render implementation.
@@ -58241,7 +58257,12 @@ const VirtualCore = ({
     throw new Error("itemHeight must be greater than 0");
   const { hasMore, onFetchMore } = useInfiniteContext();
   const { hover: hoverValue, setHover } = useHoverContext();
-  const { transformedData: data, emptyContent } = useDataContext();
+  const {
+    transformedData: data,
+    emptyContent,
+    transformed,
+    sourceData
+  } = useDataContext();
   const selected = useSelection();
   const { onSelect } = useSelectionUtils();
   const parentRef = useRef(null);
@@ -58282,8 +58303,14 @@ const VirtualCore = ({
           style: { height: virtualizer.getTotalSize() },
           children: items.map(({ index: index2, start }) => {
             const entry = data[index2];
+            let sourceIndex = index2;
+            if (transformed) {
+              console.log("TRANSFORMED");
+              sourceIndex = sourceData.findIndex((e2) => e2.key === entry.key);
+            }
             return children({
               key: entry.key,
+              sourceIndex,
               index: index2,
               onSelect,
               entry,
@@ -58301,20 +58328,29 @@ const Core = ({
   itemHeight: _3,
   ...props
 }) => {
-  const { transformedData: data, emptyContent } = useDataContext();
+  const {
+    transformedData: data,
+    transformed,
+    emptyContent,
+    sourceData
+  } = useDataContext();
   const { hover: hover3 } = useHoverContext();
   const { selected } = useSelectionContext();
   const { onSelect } = useSelectionUtils();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { className: CSS.BE("list", "container"), size: 0, ...props, children: data.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: data.map(
-    (entry, index2) => props.children({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { className: CSS.BE("list", "container"), size: 0, ...props, children: data.length === 0 ? emptyContent : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: data.map((entry, index2) => {
+    let sourceIndex = index2;
+    if (transformed)
+      sourceIndex = sourceData.findIndex((e2) => e2.key === entry.key);
+    return props.children({
       key: entry.key,
       index: index2,
+      sourceIndex,
       onSelect,
       entry,
       selected: selected.includes(entry.key),
       hovered: index2 === hover3
-    })
-  ) }) });
+    });
+  }) }) });
 };
 Core.Virtual = VirtualCore;
 const variantColors = {
@@ -59386,4 +59422,4 @@ export {
   useHeldRef as y,
   Core as z
 };
-//# sourceMappingURL=Toggle-Blzh0A0b.js.map
+//# sourceMappingURL=Toggle-DcOiWiHG.js.map