@dnb/eufemia 10.1.0 → 10.2.0

package/cjs/components/heading/Heading.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.levelResolution = exports.default = void 0;
+exports.default = Heading;
+exports.levelResolution = void 0;
 Object.defineProperty(exports, "resetAllLevels", {
   enumerable: true,
   get: function () {
@@ -25,8 +26,6 @@ Object.defineProperty(exports, "setNextLevel", {
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _componentHelper = require("../../shared/component-helper");
@@ -47,7 +46,7 @@ var _HeadingHelpers = require("./HeadingHelpers");
 
 var _HeadingCounter = require("./HeadingCounter");
 
-const _excluded = ["text", "relevel", "group", "debug", "debug_counter", "reset", "skip_correction", "increase", "decrease", "up", "down", "inherit", "level", "size", "skeleton", "element", "class", "className", "children"];
+const _excluded = ["text", "group", "debug", "debug_counter", "reset", "skip_correction", "increase", "decrease", "up", "down", "inherit", "level", "size", "skeleton", "element", "className", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -57,12 +56,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const levelResolution = {
   1: 'xx-large',
   2: 'large',
@@ -73,207 +72,143 @@ const levelResolution = {
 };
 exports.levelResolution = levelResolution;
 
-class Heading extends _react.default.PureComponent {
-  static getDerivedStateFromProps(props, state) {
-    if (state._listenForPropChanges) {
-      const level = parseFloat(props.level);
-
-      if (state.prevLevel !== props.level && level > 0 && level !== state.level || props.relevel) {
-        var _state$context$headin, _state$context$headin2;
-
-        state.counter.skipMakeMeReady();
-        const {
-          level: newLevel
-        } = (0, _HeadingHelpers.correctHeadingLevel)({
-          counter: state.counter,
-          level,
-          bypassChecks: (0, _componentHelper.isTrue)(props.skip_correction) || (0, _componentHelper.isTrue)((_state$context$headin = state.context.heading) === null || _state$context$headin === void 0 ? void 0 : _state$context$headin.skip_correction),
-          source: props.text || props.children,
-          debug: props.debug || ((_state$context$headin2 = state.context.heading) === null || _state$context$headin2 === void 0 ? void 0 : _state$context$headin2.debug)
-        });
-        state.level = state.prevLevel = newLevel;
-      }
-    }
+function Heading(props) {
+  var _headingContext$headi2, _headingContext$headi3;
+
+  const context = _react.default.useContext(_Context.default);
+
+  const headingContext = _react.default.useContext(_HeadingContext.default);
+
+  const _ref = _react.default.useRef();
+
+  const {
+    text,
+    group: _group,
+    debug: _debug,
+    debug_counter: _debug_counter,
+    reset: _reset,
+    skip_correction: _skip_correction,
+    increase: _increase,
+    decrease: _decrease,
+    up: _up,
+    down: _down,
+    inherit: _inherit,
+    level: _level,
+    size: _size = 'auto',
+    skeleton: _skeleton,
+    element: _element,
+    className,
+    children
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const [state, setState] = _react.default.useState(() => {
+    var _headingContext$headi, _state$headingContext, _state$headingContext2, _state$headingContext3, _state$headingContext4;
 
-    state._listenForPropChanges = true;
-    return state;
-  }
-
-  constructor(props, context) {
-    var _context$heading, _state$context$headin3, _state$context$headin4;
-
-    super(props);
-    this._ref = _react.default.createRef();
     const state = {
+      level: null,
+      counter: null,
       context,
-      _listenForPropChanges: true
+      headingContext
     };
-
-    if ((_context$heading = context.heading) !== null && _context$heading !== void 0 && _context$heading.counter) {
-      state.counter = (0, _HeadingCounter.initCounter)(props);
-      state.counter.setContextCounter(context.heading.counter);
-      state.counter.isHeading = true;
-    } else {
-      state.counter = (0, _HeadingCounter.initCounter)(props);
-      state.counter.setContextCounter(_HeadingHelpers.globalHeadingCounter.current);
-      state.counter.isHeading = true;
-    }
-
-    state.counter = (0, _HeadingHelpers.correctHeadingLevel)({
-      ref: props,
+    state.counter = (0, _HeadingCounter.initCounter)(props);
+    const counter = (_headingContext$headi = headingContext.heading) !== null && _headingContext$headi !== void 0 && _headingContext$headi.counter ? headingContext.heading.counter : _HeadingHelpers.globalHeadingCounter.current;
+    state.counter.setContextCounter(counter);
+    state.counter.isHeading = true;
+    state.counter = (0, _HeadingHelpers.correctInternalHeadingLevel)({
       counter: state.counter,
-      level: parseFloat(props.level),
+      ref: props,
+      level: parseFloat(String(props.level)),
       inherit: (0, _componentHelper.isTrue)(props.inherit),
       reset: props.reset,
       increase: (0, _componentHelper.isTrue)(props.increase) || (0, _componentHelper.isTrue)(props.up),
       decrease: (0, _componentHelper.isTrue)(props.decrease) || (0, _componentHelper.isTrue)(props.down),
-      bypassChecks: (0, _componentHelper.isTrue)(props.skip_correction) || (0, _componentHelper.isTrue)((_state$context$headin3 = state.context.heading) === null || _state$context$headin3 === void 0 ? void 0 : _state$context$headin3.skip_correction),
+      bypassChecks: (0, _componentHelper.isTrue)(props.skip_correction) || (0, _componentHelper.isTrue)((_state$headingContext = state.headingContext) === null || _state$headingContext === void 0 ? void 0 : (_state$headingContext2 = _state$headingContext.heading) === null || _state$headingContext2 === void 0 ? void 0 : _state$headingContext2.skip_correction),
       source: props.text || props.children,
-      debug: props.debug || ((_state$context$headin4 = state.context.heading) === null || _state$context$headin4 === void 0 ? void 0 : _state$context$headin4.debug)
+      debug: props.debug || ((_state$headingContext3 = state.headingContext) === null || _state$headingContext3 === void 0 ? void 0 : (_state$headingContext4 = _state$headingContext3.heading) === null || _state$headingContext4 === void 0 ? void 0 : _state$headingContext4.debug)
     });
     _HeadingHelpers.globalSyncCounter.current = state.counter;
     state.level = state.counter.level;
-    state.prevLevel = props.level;
-    this.state = state;
-  }
+    state.prevLevel = parseFloat(String(props.level));
+    return state;
+  });
 
-  componentDidMount() {
+  _react.default.useEffect(() => {
     (0, _HeadingHelpers.windupHeadings)();
-    this.state.counter.windup();
-  }
+    state.counter.windup();
+    return () => {
+      (0, _HeadingHelpers.teardownHeadings)();
+      state.counter.teardown();
+    };
+  }, []);
+
+  _react.default.useEffect(() => {
+    const level = parseFloat(String(props.level));
+
+    if (state.prevLevel !== props.level && level > 0 && level !== state.level) {
+      var _state$headingContext5, _state$headingContext6, _state$headingContext7, _state$headingContext8;
+
+      const {
+        level: newLevel
+      } = (0, _HeadingHelpers.correctInternalHeadingLevel)({
+        counter: state.counter,
+        isRerender: true,
+        level,
+        bypassChecks: (0, _componentHelper.isTrue)(props.skip_correction) || (0, _componentHelper.isTrue)((_state$headingContext5 = state.headingContext) === null || _state$headingContext5 === void 0 ? void 0 : (_state$headingContext6 = _state$headingContext5.heading) === null || _state$headingContext6 === void 0 ? void 0 : _state$headingContext6.skip_correction),
+        source: props.text || props.children,
+        debug: props.debug || ((_state$headingContext7 = state.headingContext) === null || _state$headingContext7 === void 0 ? void 0 : (_state$headingContext8 = _state$headingContext7.heading) === null || _state$headingContext8 === void 0 ? void 0 : _state$headingContext8.debug)
+      });
+      state.level = state.prevLevel = newLevel;
+      setState(_objectSpread({}, state));
+    }
+  }, [props.level]);
+
+  let {
+    size,
+    element = 'auto',
+    skeleton
+  } = props;
+  const {
+    level
+  } = state;
+  const debug = _debug || (headingContext === null || headingContext === void 0 ? void 0 : (_headingContext$headi2 = headingContext.heading) === null || _headingContext$headi2 === void 0 ? void 0 : _headingContext$headi2.debug);
+  const debug_counter = _debug_counter || (headingContext === null || headingContext === void 0 ? void 0 : (_headingContext$headi3 = headingContext.heading) === null || _headingContext$headi3 === void 0 ? void 0 : _headingContext$headi3.debug_counter);
+
+  const attributes = _objectSpread({}, rest);
+
+  if (element === 'auto' || element === null) {
+    element = `h${level || 'x-small'}`;
+
+    if (_size === 'auto' || _size === null) {
+      size = levelResolution[level || 'x-small'];
+    }
+  } else {
+    if (!attributes.role) {
+      attributes.role = 'heading';
+    }
 
-  componentWillUnmount() {
-    (0, _HeadingHelpers.teardownHeadings)();
-    this.state.counter.teardown();
+    if (!attributes['aria-level']) {
+      attributes['aria-level'] = String(level);
+    }
   }
 
-  render() {
-    var _this$context$heading, _this$context$heading2;
-
-    const _this$props = this.props,
-          {
-      text,
-      relevel: _relevel,
-      group: _group,
-      debug: _debug,
-      debug_counter: _debug_counter,
-      reset: _reset,
-      skip_correction: _skip_correction,
-      increase: _increase,
-      decrease: _decrease,
-      up: _up,
-      down: _down,
-      inherit: _inherit,
-      level: _level,
-      size: _size,
-      skeleton: _skeleton,
-      element: _element,
-      class: _className,
-      className,
-      children
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-    let {
-      size,
-      element,
-      skeleton
-    } = this.props;
-    const {
-      level
-    } = this.state;
-    const debug = _debug || ((_this$context$heading = this.context.heading) === null || _this$context$heading === void 0 ? void 0 : _this$context$heading.debug);
-    const debug_counter = _debug_counter || ((_this$context$heading2 = this.context.heading) === null || _this$context$heading2 === void 0 ? void 0 : _this$context$heading2.debug_counter);
-
-    const attributes = _objectSpread({}, rest);
-
-    if (element === 'auto' || element === null) {
-      element = `h${level || '6'}`;
-
-      if (_size === 'auto' || _size === null) {
-        size = levelResolution[level || '6'];
-      }
-    } else {
-      if (!attributes.role) {
-        attributes.role = 'heading';
-      }
-
-      if (!attributes['aria-level']) {
-        attributes['aria-level'] = String(level);
-      }
-    }
+  (0, _componentHelper.validateDOMAttributes)(props, attributes);
 
-    (0, _componentHelper.validateDOMAttributes)(this.props, attributes);
-    const Element = element;
-    return _react.default.createElement(_Context.default.Consumer, null, context => {
-      if (typeof (context === null || context === void 0 ? void 0 : context.skeleton) !== 'undefined') {
-        skeleton = context.skeleton;
-      }
-
-      attributes.className = (0, _classnames.default)(`dnb-heading dnb-h--${size}`, (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, this.context), className, _className, (0, _SpacingHelper.createSpacingClasses)(this.props));
-      attributes.children = _react.default.createElement(_react.default.Fragment, null, debug && _react.default.createElement("span", {
-        className: "dnb-heading__debug"
-      }, `[h${level || '6'}] `, debug_counter && _react.default.createElement(_react.default.Fragment, null, ' ', _react.default.createElement("span", {
-        className: "dnb-code"
-      }, (0, _HeadingHelpers.debugCounter)(this.state.counter)))), text || children);
-      return _react.default.createElement(Element, _extends({
-        ref: this._ref
-      }, attributes));
-    });
+  if (typeof (context === null || context === void 0 ? void 0 : context.skeleton) !== 'undefined') {
+    skeleton = context.skeleton;
   }
 
+  const Element = element;
+  return _react.default.createElement(Element, _extends({}, attributes, {
+    ref: _ref,
+    className: (0, _classnames.default)(`dnb-heading dnb-h--${size}`, (0, _SkeletonHelper.createSkeletonClass)('font', skeleton, headingContext), className, (0, _SpacingHelper.createSpacingClasses)(props))
+  }), debug && _react.default.createElement("span", {
+    className: "dnb-heading__debug"
+  }, `[h${level || '6'}] `, debug_counter && _react.default.createElement(_react.default.Fragment, null, ' ', _react.default.createElement("span", {
+    className: "dnb-code"
+  }, (0, _HeadingHelpers.debugCounter)(state.counter)))), text || children);
 }
 
-exports.default = Heading;
-
-_defineProperty(Heading, "contextType", _HeadingContext.default);
-
-_defineProperty(Heading, "defaultProps", {
-  id: null,
-  group: null,
-  text: null,
-  size: 'auto',
-  level: null,
-  increase: null,
-  decrease: null,
-  up: null,
-  down: null,
-  skip_correction: null,
-  debug: null,
-  debug_counter: null,
-  counter: null,
-  reset: null,
-  inherit: null,
-  skeleton: null,
-  element: 'auto',
-  class: null,
-  className: null,
-  children: null
-});
-
-process.env.NODE_ENV !== "production" ? Heading.propTypes = _objectSpread(_objectSpread({
-  id: _propTypes.default.string,
-  group: _propTypes.default.string,
-  text: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
-  size: _propTypes.default.oneOf(['auto', 'xx-large', 'x-large', 'large', 'medium', 'basis', 'small', 'x-small']),
-  level: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  increase: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  decrease: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  up: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  down: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  skip_correction: _propTypes.default.bool,
-  debug: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
-  debug_counter: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func]),
-  counter: _propTypes.default.any,
-  inherit: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  reset: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.bool]),
-  skeleton: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  element: _propTypes.default.string
-}, _SpacingHelper.spacingPropTypes), {}, {
-  class: _propTypes.default.string,
-  className: _propTypes.default.string,
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
-}) : void 0;
 Heading.Level = _HeadingProvider.default;
 
 Heading.Increase = props => _react.default.createElement(_HeadingProvider.default, _extends({

package/cjs/components/heading/HeadingContext.d.ts

@@ -1,5 +1,12 @@
-export default Context;
-declare const Context: React.Context<{
-    heading: any;
-}>;
-import React from "react";
+/**
+ * Web Heading Context
+ *
+ */
+import React from 'react';
+import { SkeletonContextProps } from '../skeleton/SkeletonHelper';
+import { HeadingProps } from './Heading';
+export declare type HeadingContextProps = {
+    heading?: HeadingProps;
+} & SkeletonContextProps;
+declare const HeadingContext: React.Context<HeadingContextProps>;
+export default HeadingContext;

package/cjs/components/heading/HeadingContext.js

@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Context = _react.default.createContext({
+const HeadingContext = _react.default.createContext({
   heading: null
 });
 
-var _default = Context;
+var _default = HeadingContext;
 exports.default = _default;

package/cjs/components/heading/HeadingCounter.d.ts

@@ -1,18 +1,42 @@
-export function initCounter(props?: any): any;
-export class Counter {
-    constructor(props?: any);
-    level: number;
-    entry: number;
+/**
+ * Web Heading Counter Instance
+ *
+ */
+import { HeadingAllProps, InternalHeadingLevel } from './Heading';
+export declare type HeadingCounter = Counter;
+export declare type HeadingDebugCounter = boolean | (() => void);
+export declare type ContextCounter = {
+    level: InternalHeadingLevel;
+    entry: InternalHeadingLevel;
+    countHeadings: number;
+    _initCount: number;
+    _isReady: boolean;
+    isGlobal?: boolean;
+};
+export declare const initCounter: (props?: CounterProps) => Counter;
+export declare type CounterGroup = HeadingAllProps['group'];
+export declare type CounterChildren = HeadingAllProps['children'];
+export declare type CounterProps = {
+    isGlobal?: boolean;
+    group?: CounterGroup;
+    children?: CounterChildren;
+    counter?: CounterProps;
+};
+export declare class Counter {
+    level: InternalHeadingLevel;
+    entry: InternalHeadingLevel;
+    lastResetLevel: InternalHeadingLevel;
     _isReady: boolean;
     countHeadings: number;
     _initCount: number;
     isGlobal: boolean;
     isHeading: boolean;
     bypassChecks: boolean;
-    contextCounter: any;
+    contextCounter: ContextCounter;
     reports: any[];
-    group: any;
-    children: any;
+    group: CounterGroup;
+    children: CounterChildren;
+    constructor(props?: CounterProps);
     report(...str: any[]): void;
     useLastReport(): any;
     enableBypassChecks(): void;
@@ -20,23 +44,23 @@ export class Counter {
     getLevel(): number;
     hasEntryLevel(): boolean;
     hasCorrection(): boolean;
-    setEntryLevel(level?: any): void;
+    setEntryLevel(level?: InternalHeadingLevel): void;
     isInContext(): boolean;
-    setContextCounter(contextCounter: any): void;
-    skipMakeMeReady(): void;
+    setContextCounter(contextCounter: ContextCounter): void;
     windup(): void;
     teardown(): void;
-    makeMeReady(): void;
+    makeMeReady({ level }?: {
+        level?: InternalHeadingLevel;
+    }): void;
     factorCheck({ action, level, current, report }: {
         action: any;
         level: any;
         current: any;
         report: any;
     }): any;
-    setLevel(level: any, action?: string): void;
+    setLevel(level: InternalHeadingLevel, action?: string): void;
     increment(): void;
     decrement(): void;
     force(level?: number): void;
     reset(toLevel?: any): void;
-    lastResetLevel: any;
 }

package/cjs/components/heading/HeadingCounter.js

@@ -19,7 +19,11 @@ const initCounter = function () {
     });
   }
 
-  return props && props.counter || new Counter(props);
+  if (props !== null && props !== void 0 && props.counter) {
+    return props.counter;
+  }
+
+  return new Counter(props);
 };
 
 exports.initCounter = initCounter;
@@ -32,6 +36,8 @@ class Counter {
 
     _defineProperty(this, "entry", 0);
 
+    _defineProperty(this, "lastResetLevel", null);
+
     _defineProperty(this, "_isReady", false);
 
     _defineProperty(this, "countHeadings", 0);
@@ -48,6 +54,10 @@ class Counter {
 
     _defineProperty(this, "reports", []);
 
+    _defineProperty(this, "group", null);
+
+    _defineProperty(this, "children", null);
+
     props = props || {};
 
     if (props.group) {
@@ -97,7 +107,7 @@ class Counter {
 
   setEntryLevel() {
     let level = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    this.entry = parseFloat(level) || 1;
+    this.entry = parseFloat(String(level)) || 1;
   }
 
   isInContext() {
@@ -108,13 +118,6 @@ class Counter {
     this.contextCounter = contextCounter;
   }
 
-  skipMakeMeReady() {
-    this._isReady = true;
-    this.entry = 1;
-    this.level = 1;
-    this.contextCounter.entry = 2;
-  }
-
   windup() {
     this.contextCounter.countHeadings++;
   }
@@ -129,6 +132,10 @@ class Counter {
   }
 
   makeMeReady() {
+    let {
+      level
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     if (!this.hasCorrection()) {
       if (this.contextCounter.level > 1) {
         this.level = this.contextCounter.level;
@@ -139,7 +146,7 @@ class Counter {
       } else if (!this.contextCounter._isReady) {
         this.contextCounter._isReady = true;
 
-        if (!this.bypassChecks) {
+        if (!this.bypassChecks && !level) {
           this.level = 1;
         }
       }
@@ -191,19 +198,15 @@ class Counter {
     var _globalSyncCounter$cu;
 
     let action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'set';
-    level = parseFloat(level);
+    level = parseFloat(String(level));
     const report = [];
 
-    if (!this._isReady && this.level === 1 && (!_HeadingHelpers.globalSyncCounter.current || _HeadingHelpers.globalSyncCounter.current.level < 2)) {
-      return;
-    }
-
     if (((_globalSyncCounter$cu = _HeadingHelpers.globalSyncCounter.current) === null || _globalSyncCounter$cu === void 0 ? void 0 : _globalSyncCounter$cu.level) > 0) {
       level = this.factorCheck({
-        report,
         action,
         level,
-        current: _HeadingHelpers.globalSyncCounter.current.level
+        current: _HeadingHelpers.globalSyncCounter.current.level,
+        report
       });
     }
 

package/cjs/components/heading/HeadingHelpers.d.ts

@@ -1,27 +1,49 @@
-export function resetAllLevels(): void;
-export function resetLevels(level: any, { overwriteContext }?: {
+/**
+ * Web Heading Counter
+ *
+ */
+import { HeadingAllProps, InternalHeadingLevel } from './Heading';
+import { HeadingCounter } from './HeadingCounter';
+declare type GlobalSyncCounter = {
+    current: HeadingCounter;
+};
+declare type GlobalHeadingCounter = {
+    current: HeadingCounter;
+};
+export declare const globalSyncCounter: GlobalSyncCounter;
+export declare const globalHeadingCounter: GlobalHeadingCounter;
+declare type CorrectInternalHeadingLevel = {
+    counter: HeadingCounter;
+    level: InternalHeadingLevel;
+    ref?: HeadingAllProps;
+    reset?: HeadingAllProps['reset'];
+    inherit?: boolean;
+    increase?: boolean;
+    decrease?: boolean;
+    source?: HeadingAllProps['children'];
+    bypassChecks?: boolean;
+    isRerender?: boolean;
+    debug?: HeadingAllProps['debug'];
+};
+export declare const correctInternalHeadingLevel: ({ counter, level, ref, reset, inherit, increase, decrease, source, bypassChecks, isRerender, debug, }: CorrectInternalHeadingLevel) => import("./HeadingCounter").Counter;
+export declare function resetAllLevels(): void;
+export declare const globalResetNextTime: {
+    current: GlobalNextLevel;
+};
+export declare function resetLevels(level: InternalHeadingLevel, { overwriteContext }?: {
     overwriteContext?: boolean;
 }): void;
-export function setNextLevel(level: any, { overwriteContext }?: {
+declare type GlobalNextLevel = {
+    level: InternalHeadingLevel;
+    overwriteContext: boolean;
+};
+export declare const globalNextLevel: {
+    current: GlobalNextLevel;
+};
+export declare function setNextLevel(level: InternalHeadingLevel, { overwriteContext }?: {
     overwriteContext?: boolean;
 }): void;
-export function windupHeadings(): void;
-export function teardownHeadings(): void;
-export function debugCounter(counter: any): string;
-export const globalSyncCounter: React.RefObject<any>;
-export const globalHeadingCounter: React.RefObject<any>;
-export function correctHeadingLevel({ counter, level, ref, reset, inherit, increase, decrease, source, bypassChecks, debug, }: {
-    counter: any;
-    level: any;
-    ref?: any;
-    reset?: any;
-    inherit?: any;
-    increase?: boolean;
-    decrease?: boolean;
-    source?: any;
-    bypassChecks?: boolean;
-    debug?: any;
-}): any;
-export const globalResetNextTime: React.RefObject<any>;
-export const globalNextLevel: React.RefObject<any>;
-import React from "react";
+export declare function windupHeadings(): void;
+export declare function teardownHeadings(): void;
+export declare function debugCounter(counter: any): string;
+export {};