react-elegant-ui/esm/hooks/behavior/usePopper/modifiers/updateStyles.js

Elegant UI components, made by BEM best practices for react

import { fromEntries } from '../../../../polyfills/fromEntries';
/**
 * Call hook to update styles state
 */
function updateStylesFn(_a) {
  var state = _a.state,
    setState = _a.options.setState;
  if (setState === undefined) return;
  var elements = state.elements !== undefined ? Object.keys(state.elements) : [];
  // NOTE: makes a not deep copy objects from state, therefore NEVER MUTATE THIS
  setState({
    styles: fromEntries(elements.map(function (element) {
      return [element, state.styles[element] || {}];
    })),
    attributes: fromEntries(elements.map(function (element) {
      return [element, state.attributes[element] || {}];
    }))
  });
}
/**
 * Modifier that call user hook to update styles while change position
 */
export var updateStyles = {
  name: 'updateStyles',
  enabled: true,
  fn: updateStylesFn,
  phase: 'write',
  requires: ['computeStyles']
};