@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
237 lines (236 loc) • 6.54 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.correctInternalHeadingLevel = void 0;
exports.debugCounter = debugCounter;
exports.globalSyncCounter = exports.globalResetNextTime = exports.globalNextLevel = exports.globalHeadingCounter = exports.getHeadingSize = exports.getHeadingElement = void 0;
exports.resetAllLevels = resetAllLevels;
exports.resetLevels = resetLevels;
exports.setNextLevel = setNextLevel;
exports.teardownHeadings = teardownHeadings;
exports.windupHeadings = windupHeadings;
require("core-js/modules/web.dom-collections.iterator.js");
var _componentHelper = require("../../shared/component-helper");
const globalSyncCounter = exports.globalSyncCounter = {
current: null
};
const globalHeadingCounter = exports.globalHeadingCounter = {
current: null
};
const refs = {
current: null
};
const correctInternalHeadingLevel = _ref => {
let {
counter,
level,
ref = null,
reset = null,
inherit = null,
increase = false,
decrease = false,
source = null,
bypassChecks = false,
isRerender = false,
debug = null
} = _ref;
if (ref && refs.current) {
const foundRef = refs.current.find(cur => cur.ref === ref);
if (foundRef) {
return foundRef.counter;
}
}
if (bypassChecks) {
counter.enableBypassChecks();
}
const update = level => {
var _globalHeadingCounter;
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) {
counter.increment();
}
if (counter.level > 0 && !((_globalHeadingCounter = globalHeadingCounter.current) !== null && _globalHeadingCounter !== void 0 && _globalHeadingCounter.hasEntryLevel())) {
var _globalHeadingCounter2;
(_globalHeadingCounter2 = globalHeadingCounter.current) === null || _globalHeadingCounter2 === void 0 ? void 0 : _globalHeadingCounter2.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) {
refs.current = refs.current || [];
refs.current.push({
ref,
counter
});
}
return counter;
};
exports.correctInternalHeadingLevel = correctInternalHeadingLevel;
function report(debug, source) {
for (var _len = arguments.length, reports = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
reports[_key - 2] = arguments[_key];
}
if (source) {
const props = source.props || {};
const identifiers = [props.id, props['class'], props.className].filter(Boolean);
reports.push('\nNB: This warning was triggered by:', identifiers.length > 0 ? identifiers.join(', ') : '', (0, _componentHelper.convertJsxToString)(source));
}
if (typeof debug === 'function') {
debug(...reports);
} else {
(0, _componentHelper.warn)(...reports);
}
}
function resetAllLevels() {
countHeadings = 0;
resetLevels(1, {
overwriteContext: false
});
teardownHeadings();
}
const globalResetNextTime = exports.globalResetNextTime = {
current: null
};
function resetLevels(level) {
let {
overwriteContext = false
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
globalResetNextTime.current = {
level,
overwriteContext
};
}
const globalNextLevel = exports.globalNextLevel = {
current: null
};
function setNextLevel(level) {
let {
overwriteContext = false
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
globalNextLevel.current = {
level,
overwriteContext
};
}
let countHeadings = 0;
function windupHeadings() {
countHeadings++;
globalSyncCounter.current = null;
}
function teardownHeadings() {
countHeadings--;
if (countHeadings === 0) {
globalHeadingCounter.current = null;
globalSyncCounter.current = null;
globalResetNextTime.current = null;
globalNextLevel.current = null;
}
}
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);
}
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'
};
}
};
exports.getHeadingSize = getHeadingSize;
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';
}
};
exports.getHeadingElement = getHeadingElement;
//# sourceMappingURL=HeadingHelpers.js.map