@dnb/eufemia/components/heading/HeadingHelpers.js

DNB Eufemia Design System UI Library

import _pushInstanceProperty from "core-js-pure/stable/instance/push.js";
import { warn, convertJsxToString } from "../../shared/component-helper.js";
export const globalSyncCounter = {
  current: null
};
export const globalHeadingCounter = {
  current: null
};
const refs = {
  current: null
};
export const correctInternalHeadingLevel = ({
  counter,
  level,
  ref = null,
  reset = null,
  inherit = null,
  increase = false,
  decrease = false,
  source = null,
  bypassChecks = false,
  isRerender = false,
  debug = null
}) => {
  if (ref && refs.current) {
    const foundRef = refs.current.find(cur => cur.ref === ref);
    if (foundRef) {
      return foundRef.counter;
    }
  }
  if (bypassChecks) {
    counter.enableBypassChecks();
  }
  const hasCounterWasCorrectedToLevel2 = () => {
    var _globalSyncCounter$cu, _globalHeadingCounter;
    return (globalSyncCounter === null || globalSyncCounter === void 0 || (_globalSyncCounter$cu = globalSyncCounter.current) === null || _globalSyncCounter$cu === void 0 ? void 0 : _globalSyncCounter$cu.level) === 1 && (globalHeadingCounter === null || globalHeadingCounter === void 0 || (_globalHeadingCounter = globalHeadingCounter.current) === null || _globalHeadingCounter === void 0 ? void 0 : _globalHeadingCounter.hasCorrection()) && (counter === null || counter === void 0 ? void 0 : counter.getLevel()) === 2;
  };
  const update = level => {
    var _globalHeadingCounter2;
    if (!isRerender) {
      counter.makeMeReady({
        level
      });
    }
    if (inherit) {
      if (globalSyncCounter.current) {
        counter.entry = globalSyncCounter.current.contextCounter.entry;
        counter.level = globalSyncCounter.current.level;
      } else {
        report(debug, source, 'Heading got inherit, but there was noting to inherit.');
      }
    }
    if (level >= 1) {
      counter.setLevel(level);
    } else if (decrease) {
      counter.decrement();
    } else if (increase && !hasCounterWasCorrectedToLevel2()) {
      counter.increment();
    }
    if (counter.level > 0 && !((_globalHeadingCounter2 = globalHeadingCounter.current) !== null && _globalHeadingCounter2 !== void 0 && _globalHeadingCounter2.hasEntryLevel())) {
      var _globalHeadingCounter3;
      (_globalHeadingCounter3 = globalHeadingCounter.current) === null || _globalHeadingCounter3 === void 0 || _globalHeadingCounter3.setEntryLevel();
    }
  };
  let skipUpdateFromProp = false;
  const canBeManipulatedNextTime = overwriteContext => {
    return counter.contextCounter.isGlobal || counter.contextCounter.entry === 1 || overwriteContext;
  };
  if (globalResetNextTime.current) {
    const {
      level: resetLevel,
      overwriteContext
    } = globalResetNextTime.current;
    globalResetNextTime.current = null;
    if (canBeManipulatedNextTime(overwriteContext) || counter.lastResetLevel === resetLevel) {
      counter.makeMeReady();
      counter.reset(resetLevel);
      skipUpdateFromProp = true;
    }
  } else if (globalNextLevel.current) {
    const {
      level: nextLevel,
      overwriteContext
    } = globalNextLevel.current;
    globalNextLevel.current = null;
    if (canBeManipulatedNextTime(overwriteContext)) {
      counter.enableBypassChecks();
      update(nextLevel);
      counter.disableBypassChecks();
      skipUpdateFromProp = true;
    }
  }
  if (!skipUpdateFromProp) {
    if (reset === true || parseFloat(String(reset)) > -1) {
      counter.reset(reset);
    } else {
      update(level);
    }
  }
  const hasReport = counter.useLastReport();
  if (hasReport) {
    report(debug, source, ...hasReport);
  }
  if (bypassChecks) {
    counter.disableBypassChecks();
  }
  if (ref) {
    var _context;
    refs.current = refs.current || [];
    _pushInstanceProperty(_context = refs.current).call(_context, {
      ref,
      counter
    });
  }
  return counter;
};
function report(debug, source, ...reports) {
  if (source) {
    const props = source.props || {};
    const identifiers = [props.id, props['class'], props.className].filter(Boolean);
    _pushInstanceProperty(reports).call(reports, '\nNB: This warning was triggered by:', identifiers.length > 0 ? identifiers.join(', ') : '', convertJsxToString(source));
  }
  if (typeof debug === 'function') {
    debug(...reports);
  } else {
    warn(...reports);
  }
}
export function resetAllLevels() {
  countHeadings = 0;
  resetLevels(1, {
    overwriteContext: false
  });
  teardownHeadings();
}
export const globalResetNextTime = {
  current: null
};
export function resetLevels(level, {
  overwriteContext = false
} = {}) {
  globalResetNextTime.current = {
    level,
    overwriteContext
  };
}
export const globalNextLevel = {
  current: null
};
export function setNextLevel(level, {
  overwriteContext = false
} = {}) {
  globalNextLevel.current = {
    level,
    overwriteContext
  };
}
let countHeadings = 0;
export function windupHeadings() {
  countHeadings++;
  globalSyncCounter.current = null;
}
export function teardownHeadings() {
  countHeadings--;
  if (countHeadings === 0) {
    globalHeadingCounter.current = null;
    globalSyncCounter.current = null;
    globalResetNextTime.current = null;
    globalNextLevel.current = null;
  }
}
export function debugCounter(counter) {
  return JSON.stringify({
    group: counter.group || counter.contextCounter.group,
    level: counter.level,
    entry: counter.entry,
    contextLevel: counter.contextCounter.level,
    contextLEntry: counter.contextCounter.entry
  }, null, 2);
}
export const getHeadingSize = theme => {
  switch (theme) {
    case 'sbanken':
      return {
        1: 'xx-large',
        2: 'x-large',
        3: 'large',
        4: 'medium',
        5: 'basis',
        6: 'small'
      };
    case 'ui':
    default:
      return {
        1: 'xx-large',
        2: 'large',
        3: 'medium',
        4: 'basis',
        5: 'small',
        6: 'x-small'
      };
  }
};
export const getHeadingElement = level => {
  switch (level) {
    case 1:
      return 'h1';
    case 2:
      return 'h2';
    case 3:
      return 'h3';
    case 4:
      return 'h4';
    case 5:
      return 'h5';
    case 6:
      return 'h6';
  }
};
//# sourceMappingURL=HeadingHelpers.js.map