@dnb/eufemia 10.0.0 → 10.2.0

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

@@ -1,107 +1,90 @@
-import * as React from 'react';
-import type { SkeletonShow } from '../Skeleton';
-import type { SpacingProps } from '../space/types';
-type HeadingText = React.ReactNode | ((...args: any[]) => any);
-type HeadingSize =
-  | 'auto'
-  | 'xx-large'
-  | 'x-large'
-  | 'large'
-  | 'medium'
-  | 'basis'
-  | 'small'
-  | 'x-small';
-type HeadingLevel = number | string;
-type HeadingDebug = boolean | ((...args: any[]) => any);
-type HeadingDebugCounter = boolean | ((...args: any[]) => any);
-type HeadingReset = number | boolean;
-type HeadingChildren = React.ReactNode | ((...args: any[]) => any);
-export interface HeadingProps
-  extends React.HTMLProps<HTMLElement>,
-    SpacingProps {
-  id?: string;
-  group?: string;
-
-  /**
-   * <em>(required)</em> a heading, can be text or React.Node.
-   */
-  text?: HeadingText;
-
-  /**
-   * Define the typography <a href="/uilib/typography/font-size">font-size</a> by a size <em>type</em>, e.g. `x-large`. Defaults to the predefined heading sizes.
-   */
-  size?: HeadingSize;
-  level?: HeadingLevel;
-
-  /**
-   * If set to `true`, the heading level will be incremented by 1.
-   */
-  increase?: boolean;
-
-  /**
-   * If set to `true`, the heading level will be decremented by 1.
-   */
-  decrease?: boolean;
-  up?: boolean;
-  down?: boolean;
-
-  /**
-   * If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in "production builds" else either.
-   */
-  skip_correction?: boolean;
-
-  /**
-   * If set to `true`, the content will have a prefix, showing the heading level.
-   */
-  debug?: HeadingDebug;
-
-  /**
-   * If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.
-   */
-  debug_counter?: HeadingDebugCounter;
-  counter?: any;
-
-  /**
-   * If set to `true`, the heading last used level will be inherited. Also from inside a level context.
-   */
-  inherit?: boolean;
-
-  /**
-   * If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.
-   */
-  reset?: HeadingReset;
-
-  /**
-   * If set to `true`, an overlaying skeleton with animation will be shown.
-   */
-  skeleton?: SkeletonShow;
-
-  /**
-   * Define what HTML element should be used. If you use, e.g. a `span`, then `role="heading"` and `aria-level` gets set. Defaults to semantic heading element.
-   */
-  element?: string;
-  class?: string;
-  className?: string;
-
-  /**
-   * <em>(required)</em> a heading, can be text or React.Node.
-   */
-  children?: HeadingChildren;
+/**
+ * Web Heading Component
+ *
+ */
+import React from 'react';
+import '../../shared/helpers';
+import HeadingProvider from './HeadingProvider';
+import { resetLevels, resetAllLevels, setNextLevel } from './HeadingHelpers';
+import { HeadingCounter, HeadingDebugCounter } from './HeadingCounter';
+import { SpacingProps } from '../space/types';
+import { SkeletonShow } from '../Skeleton';
+import { DynamicElement } from '../../shared/types';
+export declare const levelResolution: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export declare type HeadingSize = 'auto' | 'xx-large' | 'x-large' | 'large' | 'medium' | 'basis' | 'small' | 'x-small';
+export declare type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
+export declare type InternalHeadingLevel = number;
+export declare type HeadingProps = {
+    id?: string;
+    group?: string;
+    /**
+     * <em>(required)</em> a heading, can be text or React.Node.
+     */
+    text?: React.ReactNode;
+    /**
+     * Define the typography <a href="/uilib/typography/font-size">font-size</a> by a size <em>type</em>, e.g. `x-large`. Defaults to the predefined heading sizes.
+     */
+    size?: HeadingSize;
+    level?: HeadingLevel;
+    /**
+     * If set to `true`, the heading level will be incremented by 1.
+     */
+    increase?: boolean;
+    /**
+     * If set to `true`, the heading level will be decremented by 1.
+     */
+    decrease?: boolean;
+    up?: boolean;
+    down?: boolean;
+    /**
+     * If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in "production builds" else either.
+     */
+    skip_correction?: boolean;
+    /**
+     * If set to `true`, the content will have a prefix, showing the heading level.
+     */
+    debug?: boolean | (() => void);
+    /**
+     * If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.
+     */
+    debug_counter?: HeadingDebugCounter;
+    counter?: HeadingCounter;
+    /**
+     * If set to `true`, the heading last used level will be inherited. Also from inside a level context.
+     */
+    inherit?: boolean;
+    /**
+     * If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.
+     */
+    reset?: number | boolean;
+    /**
+     * If set to `true`, an overlaying skeleton with animation will be shown.
+     */
+    skeleton?: SkeletonShow;
+    /**
+     * Define what HTML element should be used. If you use, e.g. a `span`, then `role="heading"` and `aria-level` gets set. Defaults to semantic heading element.
+     */
+    element?: DynamicElement;
+};
+export declare type HeadingAllProps = HeadingProps & Omit<React.HTMLProps<HTMLElement>, 'size'> & SpacingProps;
+declare function Heading(props: HeadingAllProps): JSX.Element;
+declare namespace Heading {
+    var Level: typeof HeadingProvider;
+    var Increase: (props: HeadingStaticProps) => JSX.Element;
+    var Decrease: (props: HeadingStaticProps) => JSX.Element;
+    var Up: (props: HeadingStaticProps) => JSX.Element;
+    var Down: (props: HeadingStaticProps) => JSX.Element;
+    var Reset: (props: HeadingStaticProps) => JSX.Element;
+    var resetLevels: typeof import("./HeadingHelpers").resetLevels;
+    var setNextLevel: typeof import("./HeadingHelpers").setNextLevel;
 }
-export default class Heading extends React.Component<HeadingProps, any> {
-  static defaultProps: object;
-  static Level: (props: HeadingProps) => JSX.Element;
-  static Increase: (props: HeadingProps) => JSX.Element;
-  static Decrease: (props: HeadingProps) => JSX.Element;
-  static resetLevels: resetLevels;
-  static setNextLevel: setNextLevel;
-  render(): JSX.Element;
-}
-export const setNextLevel = (
-  level: HeadingLevel,
-  { overwriteContext: boolean } = {}
-) => null;
-export const resetLevels = (
-  level: HeadingLevel,
-  { overwriteContext: boolean } = {}
-) => null;
+export default Heading;
+declare type HeadingStaticProps = Omit<HeadingAllProps, 'ref' | 'size'>;
+export { resetAllLevels, resetLevels, setNextLevel };

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;