@atlaskit/page-layout/dist/cjs/controllers/use-page-layout-grid.js

A collection of components which let you compose an application's page layout.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _mergeGridStateIntoStorage = require("../common/merge-grid-state-into-storage");
var _removeFromGridStateInStorage = require("../common/remove-from-grid-state-in-storage");
var publishGridState = function publishGridState(gridState) {
  Object.entries(gridState).forEach(function (_ref) {
    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
      slotName = _ref2[0],
      value = _ref2[1];
    if (!value) {
      document.documentElement.style.removeProperty("--".concat(slotName));
      (0, _removeFromGridStateInStorage.removeFromGridStateInStorage)('gridState', slotName);
      return;
    }

    //Update the css variable
    document.documentElement.style.setProperty("--".concat(slotName), "".concat(value, "px"));

    // also update state in local storage so that
    // it persists across page refresh, across tabs etc
    (0, _mergeGridStateIntoStorage.mergeGridStateIntoStorage)('gridState', (0, _defineProperty2.default)({}, slotName, value));
  });
};
var _default = exports.default = publishGridState;