UNPKG

@mui/x-data-grid

Version:

The Community plan edition of the Data Grid components (MUI X).

94 lines (90 loc) 4.32 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.useGridSelectorV8 = exports.useGridSelector = exports.objectShallowCompare = void 0; var React = _interopRequireWildcard(require("react")); var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare"); var _useLazyRef = require("./useLazyRef"); var _useOnMount = require("./useOnMount"); var _warning = require("../../internals/utils/warning"); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } function isOutputSelector(selector) { return selector.acceptsApiRef; } // TODO v8: Remove this function function applySelector(apiRef, selector) { if (isOutputSelector(selector)) { return selector(apiRef); } return selector(apiRef.current.state); } // TODO v8: Rename this function to `applySelector` function applySelectorV8(apiRef, selector, args, instanceId) { if (isOutputSelector(selector)) { return selector(apiRef, args); } return selector(apiRef.current.state, instanceId); } const defaultCompare = Object.is; const objectShallowCompare = exports.objectShallowCompare = _fastObjectShallowCompare.fastObjectShallowCompare; const createRefs = () => ({ state: null, equals: null, selector: null }); // TODO v8: Remove this function const useGridSelector = (apiRef, selector, equals = defaultCompare) => { if (process.env.NODE_ENV !== 'production') { if (!apiRef.current.state) { (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']); } } const refs = (0, _useLazyRef.useLazyRef)(createRefs); const didInit = refs.current.selector !== null; const [state, setState] = React.useState( // We don't use an initialization function to avoid allocations didInit ? null : applySelector(apiRef, selector)); refs.current.state = state; refs.current.equals = equals; refs.current.selector = selector; (0, _useOnMount.useOnMount)(() => { return apiRef.current.store.subscribe(() => { const newState = applySelector(apiRef, refs.current.selector); if (!refs.current.equals(refs.current.state, newState)) { refs.current.state = newState; setState(newState); } }); }); return state; }; // TODO v8: Rename this function to `useGridSelector` exports.useGridSelector = useGridSelector; const useGridSelectorV8 = (apiRef, selector, args = undefined, equals = defaultCompare) => { if (process.env.NODE_ENV !== 'production') { if (!apiRef.current.state) { (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']); } } const refs = (0, _useLazyRef.useLazyRef)(createRefs); const didInit = refs.current.selector !== null; const [state, setState] = React.useState( // We don't use an initialization function to avoid allocations didInit ? null : applySelectorV8(apiRef, selector, args, apiRef.current.instanceId)); refs.current.state = state; refs.current.equals = equals; refs.current.selector = selector; (0, _useOnMount.useOnMount)(() => { return apiRef.current.store.subscribe(() => { const newState = applySelectorV8(apiRef, refs.current.selector, args, apiRef.current.instanceId); if (!refs.current.equals(refs.current.state, newState)) { refs.current.state = newState; setState(newState); } }); }); return state; }; exports.useGridSelectorV8 = useGridSelectorV8;