@fluentui/react-table 9.2.1 → 9.2.3

package/lib-commonjs/hooks/useTableSort.js

@@ -1,93 +1,96 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    defaultTableSortState: ()=>defaultTableSortState,
+    useTableSort: ()=>useTableSort,
+    useTableSortState: ()=>useTableSortState
 });
-exports.useTableSortState = exports.useTableSort = exports.defaultTableSortState = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const noop = () => undefined;
-exports.defaultTableSortState = {
-  getSortDirection: () => 'ascending',
-  setColumnSort: noop,
-  sort: rows => [...rows],
-  sortColumn: undefined,
-  sortDirection: 'ascending',
-  toggleColumnSort: noop
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const noop = ()=>undefined;
+const defaultTableSortState = {
+    getSortDirection: ()=>'ascending',
+    setColumnSort: noop,
+    sort: (rows)=>[
+            ...rows
+        ],
+    sortColumn: undefined,
+    sortDirection: 'ascending',
+    toggleColumnSort: noop
 };
 function useTableSort(options) {
-  // False positive, these plugin hooks are intended to be run on every render
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return tableState => useTableSortState(tableState, options);
+    // False positive, these plugin hooks are intended to be run on every render
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (tableState)=>useTableSortState(tableState, options);
 }
-exports.useTableSort = useTableSort;
 function useTableSortState(tableState, options) {
-  const {
-    columns
-  } = tableState;
-  const {
-    sortState,
-    defaultSortState,
-    onSortChange
-  } = options;
-  const [sorted, setSorted] = react_utilities_1.useControllableState({
-    initialState: {
-      sortDirection: 'ascending',
-      sortColumn: undefined
-    },
-    defaultState: defaultSortState,
-    state: sortState
-  });
-  const {
-    sortColumn,
-    sortDirection
-  } = sorted;
-  const toggleColumnSort = (e, columnId) => {
-    setSorted(s => {
-      const newState = {
-        ...s,
-        sortColumn: columnId
-      };
-      if (s.sortColumn === columnId) {
-        newState.sortDirection = s.sortDirection === 'ascending' ? 'descending' : 'ascending';
-      } else {
-        newState.sortDirection = 'ascending';
-      }
-      onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);
-      return newState;
+    const { columns  } = tableState;
+    const { sortState , defaultSortState , onSortChange  } = options;
+    const [sorted, setSorted] = (0, _reactUtilities.useControllableState)({
+        initialState: {
+            sortDirection: 'ascending',
+            sortColumn: undefined
+        },
+        defaultState: defaultSortState,
+        state: sortState
     });
-  };
-  const setColumnSort = (e, nextSortColumn, nextSortDirection) => {
-    const newState = {
-      sortColumn: nextSortColumn,
-      sortDirection: nextSortDirection
+    const { sortColumn , sortDirection  } = sorted;
+    const toggleColumnSort = (e, columnId)=>{
+        setSorted((s)=>{
+            const newState = {
+                ...s,
+                sortColumn: columnId
+            };
+            if (s.sortColumn === columnId) {
+                newState.sortDirection = s.sortDirection === 'ascending' ? 'descending' : 'ascending';
+            } else {
+                newState.sortDirection = 'ascending';
+            }
+            onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);
+            return newState;
+        });
     };
-    onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);
-    setSorted(newState);
-  };
-  const sort = rows => {
-    return rows.slice().sort((a, b) => {
-      const sortColumnDef = columns.find(column => column.columnId === sortColumn);
-      if (!(sortColumnDef === null || sortColumnDef === void 0 ? void 0 : sortColumnDef.compare)) {
-        return 0;
-      }
-      const mod = sortDirection === 'ascending' ? 1 : -1;
-      return sortColumnDef.compare(a.item, b.item) * mod;
-    });
-  };
-  const getSortDirection = columnId => {
-    return sortColumn === columnId ? sortDirection : undefined;
-  };
-  return {
-    ...tableState,
-    sort: {
-      sort,
-      sortColumn,
-      sortDirection,
-      setColumnSort,
-      toggleColumnSort,
-      getSortDirection
-    }
-  };
-}
-exports.useTableSortState = useTableSortState;
+    const setColumnSort = (e, nextSortColumn, nextSortDirection)=>{
+        const newState = {
+            sortColumn: nextSortColumn,
+            sortDirection: nextSortDirection
+        };
+        onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);
+        setSorted(newState);
+    };
+    const sort = (rows)=>{
+        return rows.slice().sort((a, b)=>{
+            const sortColumnDef = columns.find((column)=>column.columnId === sortColumn);
+            if (!(sortColumnDef === null || sortColumnDef === void 0 ? void 0 : sortColumnDef.compare)) {
+                return 0;
+            }
+            const mod = sortDirection === 'ascending' ? 1 : -1;
+            return sortColumnDef.compare(a.item, b.item) * mod;
+        });
+    };
+    const getSortDirection = (columnId)=>{
+        return sortColumn === columnId ? sortDirection : undefined;
+    };
+    return {
+        ...tableState,
+        sort: {
+            sort,
+            sortColumn,
+            sortDirection,
+            setColumnSort,
+            toggleColumnSort,
+            getSortDirection
+        }
+    };
+} //# sourceMappingURL=useTableSort.js.map
+
 //# sourceMappingURL=useTableSort.js.map

package/lib-commonjs/hooks/useTableSort.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","noop","undefined","exports","defaultTableSortState","getSortDirection","setColumnSort","sort","rows","sortColumn","sortDirection","toggleColumnSort","useTableSort","options","tableState","useTableSortState","columns","sortState","defaultSortState","onSortChange","sorted","setSorted","useControllableState","initialState","defaultState","state","e","columnId","s","newState","nextSortColumn","nextSortDirection","slice","a","b","sortColumnDef","find","column","compare","mod","item"],"sources":["../src/packages/react-components/react-table/src/hooks/useTableSort.ts"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type {\n  TableColumnId,\n  TableRowData,\n  SortState,\n  TableSortState,\n  TableFeaturesState,\n  UseTableSortOptions,\n} from './types';\n\nconst noop = () => undefined;\n\nexport const defaultTableSortState: TableSortState<unknown> = {\n  getSortDirection: () => 'ascending',\n  setColumnSort: noop,\n  sort: <TRowState extends TableRowData<unknown>>(rows: TRowState[]) => [...rows],\n  sortColumn: undefined,\n  sortDirection: 'ascending',\n  toggleColumnSort: noop,\n};\n\nexport function useTableSort<TItem>(options: UseTableSortOptions) {\n  // False positive, these plugin hooks are intended to be run on every render\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return (tableState: TableFeaturesState<TItem>) => useTableSortState(tableState, options);\n}\n\nexport function useTableSortState<TItem>(\n  tableState: TableFeaturesState<TItem>,\n  options: UseTableSortOptions,\n): TableFeaturesState<TItem> {\n  const { columns } = tableState;\n  const { sortState, defaultSortState, onSortChange } = options;\n\n  const [sorted, setSorted] = useControllableState<SortState>({\n    initialState: {\n      sortDirection: 'ascending' as const,\n      sortColumn: undefined,\n    },\n    defaultState: defaultSortState,\n    state: sortState,\n  });\n\n  const { sortColumn, sortDirection } = sorted;\n\n  const toggleColumnSort = (e: React.SyntheticEvent, columnId: TableColumnId | undefined) => {\n    setSorted(s => {\n      const newState = { ...s, sortColumn: columnId };\n      if (s.sortColumn === columnId) {\n        newState.sortDirection = s.sortDirection === 'ascending' ? 'descending' : 'ascending';\n      } else {\n        newState.sortDirection = 'ascending';\n      }\n\n      onSortChange?.(e, newState);\n      return newState;\n    });\n  };\n\n  const setColumnSort: TableSortState<TItem>['setColumnSort'] = (e, nextSortColumn, nextSortDirection) => {\n    const newState = { sortColumn: nextSortColumn, sortDirection: nextSortDirection };\n    onSortChange?.(e, newState);\n    setSorted(newState);\n  };\n\n  const sort = <TRowState extends TableRowData<TItem>>(rows: TRowState[]) => {\n    return rows.slice().sort((a, b) => {\n      const sortColumnDef = columns.find(column => column.columnId === sortColumn);\n      if (!sortColumnDef?.compare) {\n        return 0;\n      }\n\n      const mod = sortDirection === 'ascending' ? 1 : -1;\n      return sortColumnDef.compare(a.item, b.item) * mod;\n    });\n  };\n\n  const getSortDirection: TableSortState<TItem>['getSortDirection'] = (columnId: TableColumnId) => {\n    return sortColumn === columnId ? sortDirection : undefined;\n  };\n\n  return {\n    ...tableState,\n    sort: {\n      sort,\n      sortColumn,\n      sortDirection,\n      setColumnSort,\n      toggleColumnSort,\n      getSortDirection,\n    },\n  };\n}\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAUA,MAAMC,IAAI,GAAGA,CAAA,KAAMC,SAAS;AAEfC,OAAA,CAAAC,qBAAqB,GAA4B;EAC5DC,gBAAgB,EAAEA,CAAA,KAAM,WAAW;EACnCC,aAAa,EAAEL,IAAI;EACnBM,IAAI,EAA4CC,IAAiB,IAAK,CAAC,GAAGA,IAAI,CAAC;EAC/EC,UAAU,EAAEP,SAAS;EACrBQ,aAAa,EAAE,WAAW;EAC1BC,gBAAgB,EAAEV;CACnB;AAED,SAAgBW,YAAYA,CAAQC,OAA4B;EAC9D;EACA;EACA,OAAQC,UAAqC,IAAKC,iBAAiB,CAACD,UAAU,EAAED,OAAO,CAAC;AAC1F;AAJAV,OAAA,CAAAS,YAAA,GAAAA,YAAA;AAMA,SAAgBG,iBAAiBA,CAC/BD,UAAqC,EACrCD,OAA4B;EAE5B,MAAM;IAAEG;EAAO,CAAE,GAAGF,UAAU;EAC9B,MAAM;IAAEG,SAAS;IAAEC,gBAAgB;IAAEC;EAAY,CAAE,GAAGN,OAAO;EAE7D,MAAM,CAACO,MAAM,EAAEC,SAAS,CAAC,GAAGtB,iBAAA,CAAAuB,oBAAoB,CAAY;IAC1DC,YAAY,EAAE;MACZb,aAAa,EAAE,WAAoB;MACnCD,UAAU,EAAEP;KACb;IACDsB,YAAY,EAAEN,gBAAgB;IAC9BO,KAAK,EAAER;GACR,CAAC;EAEF,MAAM;IAAER,UAAU;IAAEC;EAAa,CAAE,GAAGU,MAAM;EAE5C,MAAMT,gBAAgB,GAAGA,CAACe,CAAuB,EAAEC,QAAmC,KAAI;IACxFN,SAAS,CAACO,CAAC,IAAG;MACZ,MAAMC,QAAQ,GAAG;QAAE,GAAGD,CAAC;QAAEnB,UAAU,EAAEkB;MAAQ,CAAE;MAC/C,IAAIC,CAAC,CAACnB,UAAU,KAAKkB,QAAQ,EAAE;QAC7BE,QAAQ,CAACnB,aAAa,GAAGkB,CAAC,CAAClB,aAAa,KAAK,WAAW,GAAG,YAAY,GAAG,WAAW;OACtF,MAAM;QACLmB,QAAQ,CAACnB,aAAa,GAAG,WAAW;;MAGtCS,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGO,CAAC,EAAEG,QAAQ,CAAC;MAC3B,OAAOA,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMvB,aAAa,GAA2CA,CAACoB,CAAC,EAAEI,cAAc,EAAEC,iBAAiB,KAAI;IACrG,MAAMF,QAAQ,GAAG;MAAEpB,UAAU,EAAEqB,cAAc;MAAEpB,aAAa,EAAEqB;IAAiB,CAAE;IACjFZ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGO,CAAC,EAAEG,QAAQ,CAAC;IAC3BR,SAAS,CAACQ,QAAQ,CAAC;EACrB,CAAC;EAED,MAAMtB,IAAI,GAA2CC,IAAiB,IAAI;IACxE,OAAOA,IAAI,CAACwB,KAAK,EAAE,CAACzB,IAAI,CAAC,CAAC0B,CAAC,EAAEC,CAAC,KAAI;MAChC,MAAMC,aAAa,GAAGnB,OAAO,CAACoB,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACV,QAAQ,KAAKlB,UAAU,CAAC;MAC5E,IAAI,EAAC0B,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEG,OAAO,GAAE;QAC3B,OAAO,CAAC;;MAGV,MAAMC,GAAG,GAAG7B,aAAa,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MAClD,OAAOyB,aAAa,CAACG,OAAO,CAACL,CAAC,CAACO,IAAI,EAAEN,CAAC,CAACM,IAAI,CAAC,GAAGD,GAAG;IACpD,CAAC,CAAC;EACJ,CAAC;EAED,MAAMlC,gBAAgB,GAA+CsB,QAAuB,IAAI;IAC9F,OAAOlB,UAAU,KAAKkB,QAAQ,GAAGjB,aAAa,GAAGR,SAAS;EAC5D,CAAC;EAED,OAAO;IACL,GAAGY,UAAU;IACbP,IAAI,EAAE;MACJA,IAAI;MACJE,UAAU;MACVC,aAAa;MACbJ,aAAa;MACbK,gBAAgB;MAChBN;;GAEH;AACH;AAjEAF,OAAA,CAAAY,iBAAA,GAAAA,iBAAA"}
+{"version":3,"sources":["../../lib/hooks/useTableSort.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nconst noop = () => undefined;\nexport const defaultTableSortState = {\n  getSortDirection: () => 'ascending',\n  setColumnSort: noop,\n  sort: rows => [...rows],\n  sortColumn: undefined,\n  sortDirection: 'ascending',\n  toggleColumnSort: noop\n};\nexport function useTableSort(options) {\n  // False positive, these plugin hooks are intended to be run on every render\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return tableState => useTableSortState(tableState, options);\n}\nexport function useTableSortState(tableState, options) {\n  const {\n    columns\n  } = tableState;\n  const {\n    sortState,\n    defaultSortState,\n    onSortChange\n  } = options;\n  const [sorted, setSorted] = useControllableState({\n    initialState: {\n      sortDirection: 'ascending',\n      sortColumn: undefined\n    },\n    defaultState: defaultSortState,\n    state: sortState\n  });\n  const {\n    sortColumn,\n    sortDirection\n  } = sorted;\n  const toggleColumnSort = (e, columnId) => {\n    setSorted(s => {\n      const newState = {\n        ...s,\n        sortColumn: columnId\n      };\n      if (s.sortColumn === columnId) {\n        newState.sortDirection = s.sortDirection === 'ascending' ? 'descending' : 'ascending';\n      } else {\n        newState.sortDirection = 'ascending';\n      }\n      onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);\n      return newState;\n    });\n  };\n  const setColumnSort = (e, nextSortColumn, nextSortDirection) => {\n    const newState = {\n      sortColumn: nextSortColumn,\n      sortDirection: nextSortDirection\n    };\n    onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);\n    setSorted(newState);\n  };\n  const sort = rows => {\n    return rows.slice().sort((a, b) => {\n      const sortColumnDef = columns.find(column => column.columnId === sortColumn);\n      if (!(sortColumnDef === null || sortColumnDef === void 0 ? void 0 : sortColumnDef.compare)) {\n        return 0;\n      }\n      const mod = sortDirection === 'ascending' ? 1 : -1;\n      return sortColumnDef.compare(a.item, b.item) * mod;\n    });\n  };\n  const getSortDirection = columnId => {\n    return sortColumn === columnId ? sortDirection : undefined;\n  };\n  return {\n    ...tableState,\n    sort: {\n      sort,\n      sortColumn,\n      sortDirection,\n      setColumnSort,\n      toggleColumnSort,\n      getSortDirection\n    }\n  };\n}\n//# sourceMappingURL=useTableSort.js.map"],"names":["defaultTableSortState","useTableSort","useTableSortState","noop","undefined","getSortDirection","setColumnSort","sort","rows","sortColumn","sortDirection","toggleColumnSort","options","tableState","columns","sortState","defaultSortState","onSortChange","sorted","setSorted","useControllableState","initialState","defaultState","state","e","columnId","s","newState","nextSortColumn","nextSortDirection","slice","a","b","sortColumnDef","find","column","compare","mod","item"],"mappings":";;;;;;;;;;;IAGaA,qBAAqB,MAArBA;IAQGC,YAAY,MAAZA;IAKAC,iBAAiB,MAAjBA;;;6DAhBO;gCACc;AACrC,MAAMC,OAAO,IAAMC;AACZ,MAAMJ,wBAAwB;IACnCK,kBAAkB,IAAM;IACxBC,eAAeH;IACfI,MAAMC,CAAAA,OAAQ;eAAIA;SAAK;IACvBC,YAAYL;IACZM,eAAe;IACfC,kBAAkBR;AACpB;AACO,SAASF,aAAaW,OAAO,EAAE;IACpC,4EAA4E;IAC5E,sDAAsD;IACtD,OAAOC,CAAAA,aAAcX,kBAAkBW,YAAYD;AACrD;AACO,SAASV,kBAAkBW,UAAU,EAAED,OAAO,EAAE;IACrD,MAAM,EACJE,QAAO,EACR,GAAGD;IACJ,MAAM,EACJE,UAAS,EACTC,iBAAgB,EAChBC,aAAY,EACb,GAAGL;IACJ,MAAM,CAACM,QAAQC,UAAU,GAAGC,IAAAA,oCAAoB,EAAC;QAC/CC,cAAc;YACZX,eAAe;YACfD,YAAYL;QACd;QACAkB,cAAcN;QACdO,OAAOR;IACT;IACA,MAAM,EACJN,WAAU,EACVC,cAAa,EACd,GAAGQ;IACJ,MAAMP,mBAAmB,CAACa,GAAGC,WAAa;QACxCN,UAAUO,CAAAA,IAAK;YACb,MAAMC,WAAW;gBACf,GAAGD,CAAC;gBACJjB,YAAYgB;YACd;YACA,IAAIC,EAAEjB,UAAU,KAAKgB,UAAU;gBAC7BE,SAASjB,aAAa,GAAGgB,EAAEhB,aAAa,KAAK,cAAc,eAAe,WAAW;YACvF,OAAO;gBACLiB,SAASjB,aAAa,GAAG;YAC3B,CAAC;YACDO,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaO,GAAGG,SAAS;YACrF,OAAOA;QACT;IACF;IACA,MAAMrB,gBAAgB,CAACkB,GAAGI,gBAAgBC,oBAAsB;QAC9D,MAAMF,WAAW;YACflB,YAAYmB;YACZlB,eAAemB;QACjB;QACAZ,iBAAiB,IAAI,IAAIA,iBAAiB,KAAK,IAAI,KAAK,IAAIA,aAAaO,GAAGG,SAAS;QACrFR,UAAUQ;IACZ;IACA,MAAMpB,OAAOC,CAAAA,OAAQ;QACnB,OAAOA,KAAKsB,KAAK,GAAGvB,IAAI,CAAC,CAACwB,GAAGC,IAAM;YACjC,MAAMC,gBAAgBnB,QAAQoB,IAAI,CAACC,CAAAA,SAAUA,OAAOV,QAAQ,KAAKhB;YACjE,IAAI,CAAEwB,CAAAA,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcG,OAAO,AAAD,GAAI;gBAC1F,OAAO;YACT,CAAC;YACD,MAAMC,MAAM3B,kBAAkB,cAAc,IAAI,CAAC,CAAC;YAClD,OAAOuB,cAAcG,OAAO,CAACL,EAAEO,IAAI,EAAEN,EAAEM,IAAI,IAAID;QACjD;IACF;IACA,MAAMhC,mBAAmBoB,CAAAA,WAAY;QACnC,OAAOhB,eAAegB,WAAWf,gBAAgBN,SAAS;IAC5D;IACA,OAAO;QACL,GAAGS,UAAU;QACbN,MAAM;YACJA;YACAE;YACAC;YACAJ;YACAK;YACAN;QACF;IACF;AACF,EACA,wCAAwC"}