@dnb/eufemia 9.23.0-beta.2 → 9.23.0-beta.3

package/esm/components/heading/HeadingProvider.js

@@ -1,166 +0,0 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.reflect.construct.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import "core-js/modules/es.parse-float.js";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { isTrue } from '../../shared/component-helper';
-import HeadingContext from './HeadingContext';
-import { globalSyncCounter, globalHeadingCounter, correctHeadingLevel, windupHeadings, teardownHeadings, debugCounter } from './HeadingHelpers';
-import { initCounter } from './HeadingCounter';
-
-var HeadingProvider = function (_React$PureComponent) {
-  _inherits(HeadingProvider, _React$PureComponent);
-
-  var _super = _createSuper(HeadingProvider);
-
-  function HeadingProvider(props, context) {
-    var _this;
-
-    _classCallCheck(this, HeadingProvider);
-
-    _this = _super.call(this, props);
-    var state = {
-      context: context,
-      _listenForPropChanges: true
-    };
-    var existingContext = context.heading;
-    state.counter = initCounter(props);
-    state.newProps = props;
-
-    if (existingContext) {
-      state.newProps = _objectSpread(_objectSpread({}, existingContext), props);
-    }
-
-    if (existingContext) {
-      state.counter.setContextCounter(existingContext.counter);
-    } else {
-      state.counter.setContextCounter(globalHeadingCounter.current);
-    }
-
-    state.counter = correctHeadingLevel({
-      ref: props,
-      counter: state.counter,
-      level: parseFloat(props.level),
-      inherit: isTrue(props.inherit),
-      reset: props.reset,
-      increase: isTrue(props.increase) || isTrue(props.up),
-      decrease: isTrue(props.decrease) || isTrue(props.down),
-      bypassChecks: isTrue(state.newProps.skip_correction),
-      source: props.text || props.children,
-      debug: state.newProps.debug
-    });
-    globalSyncCounter.current = state.counter;
-    state.level = state.counter.level;
-    state.prevLevel = state.newProps.level || state.counter.level;
-    _this.state = state;
-    return _this;
-  }
-
-  _createClass(HeadingProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      windupHeadings();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      teardownHeadings();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return React.createElement(HeadingContext.Provider, {
-        value: {
-          heading: _objectSpread(_objectSpread({}, this.state.newProps), this.state)
-        }
-      }, this.state.newProps.debug_counter && React.createElement("span", {
-        className: "dnb-heading__context"
-      }, React.createElement("span", {
-        className: "dnb-heading__debug"
-      }, "Context:", ' ', React.createElement("span", {
-        className: "dnb-code"
-      }, debugCounter(this.state.counter))), this.props.children) || this.props.children);
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (state._listenForPropChanges) {
-        var level = parseFloat(props.level);
-
-        if (state.prevLevel !== props.level && level > 0 && level !== state.level || props.relevel) {
-          var _state$context$headin, _state$context$headin2;
-
-          var _correctHeadingLevel = correctHeadingLevel({
-            counter: state.counter,
-            level: level,
-            bypassChecks: isTrue(props.skip_correction) || 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)
-          }),
-              newLevel = _correctHeadingLevel.level;
-
-          state.level = state.prevLevel = newLevel;
-        }
-
-        state._listenForPropChanges = true;
-        return state;
-      }
-    }
-  }]);
-
-  return HeadingProvider;
-}(React.PureComponent);
-
-_defineProperty(HeadingProvider, "contextType", HeadingContext);
-
-_defineProperty(HeadingProvider, "defaultProps", {
-  id: null,
-  group: null,
-  level: null,
-  increase: null,
-  decrease: null,
-  up: null,
-  down: null,
-  inherit: null,
-  counter: null,
-  reset: null,
-  text: null,
-  children: null
-});
-
-export { HeadingProvider as default };
-process.env.NODE_ENV !== "production" ? HeadingProvider.propTypes = {
-  id: PropTypes.string,
-  group: PropTypes.string,
-  level: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  increase: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  decrease: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  up: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  down: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  inherit: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  counter: PropTypes.any,
-  reset: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.bool]),
-  text: PropTypes.any,
-  children: PropTypes.any
-} : void 0;

package/esm/components/heading/index.d.ts

@@ -1,3 +0,0 @@
-export default Heading;
-export * from "./Heading";
-import Heading from "./Heading";

package/esm/components/heading/index.js

@@ -1,3 +0,0 @@
-import Heading from './Heading';
-export default Heading;
-export * from './Heading';

package/esm/components/heading/style/_heading.scss

@@ -1,20 +0,0 @@
-/*
- * Heading Component
- *
- */
-
-.dnb-heading {
-  &__debug {
-    color: var(--color-black-20);
-    // color: var(--color-fire-red);
-    font-weight: var(--font-weight-basis);
-    .dnb-code {
-      color: var(--color-black);
-      font-size: 12px !important;
-    }
-  }
-  &__context {
-    display: block;
-    padding: 1rem 0 2rem;
-  }
-}

package/esm/components/heading/style/dnb-heading.css

@@ -1,37 +0,0 @@
-/*
-* DNB Heading
-*
-*/
-/**
- * This file is only used to make components independent
- * so that they can get imported individually, without the core styles
- *
- */
-/*
- * Utilities
- */
-/*
- * Scopes
- *
- */
-/*
- * Document Reset
- *
- */
-/*
- * Heading Component
- *
- */
-.dnb-heading__debug {
-  color: #ccc;
-  color: var(--color-black-20);
-  font-weight: normal;
-  font-weight: var(--font-weight-basis); }
-  .dnb-heading__debug .dnb-code {
-    color: #000;
-    color: var(--color-black);
-    font-size: 12px !important; }
-
-.dnb-heading__context {
-  display: block;
-  padding: 1rem 0 2rem; }

package/esm/components/heading/style/dnb-heading.min.css

@@ -1 +0,0 @@
-.dnb-heading__debug{color:#ccc;color:var(--color-black-20);font-weight:400;font-weight:var(--font-weight-basis)}.dnb-heading__debug .dnb-code{color:#000;color:var(--color-black);font-size:12px!important}.dnb-heading__context{display:block;padding:1rem 0 2rem}

package/esm/components/heading/style/dnb-heading.scss

@@ -1,12 +0,0 @@
-/*
-* DNB Heading
-*
-*/
-
-@import '../../../style/components/imports.scss';
-
-// .dnb-heading {
-//   @include componentReset();
-// }
-
-@import './_heading.scss';

package/esm/components/heading/style/index.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/heading/style/index.js

@@ -1 +0,0 @@
-import "./dnb-heading.min.css";

package/esm/components/heading/style.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/heading/style.js

@@ -1 +0,0 @@
-import "./style/dnb-heading.min.css";

package/esm/components/heading/web-component.d.ts

@@ -1,3 +0,0 @@
-export default Heading;
-export * from "./Heading";
-import Heading from "./Heading";

package/esm/components/heading/web-component.js

@@ -1,5 +0,0 @@
-import { registerElement } from '../../shared/custom-element';
-import Heading from './Heading';
-export default Heading;
-export * from './Heading';
-registerElement(Heading === null || Heading === void 0 ? void 0 : Heading.tagName, Heading, Heading.defaultProps);

package/esm/components/help-button/HelpButton.d.ts

@@ -1,238 +0,0 @@
-import * as React from 'react';
-export type HelpButtonText = string | React.ReactNode;
-export type HelpButtonSize = 'default' | 'small' | 'medium' | 'large';
-export type HelpButtonIconSize = string | number;
-export type HelpButtonTooltip =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type HelpButtonStatus =
-  | string
-  | boolean
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type HelpButtonStatusNoAnimation = string | boolean;
-export type HelpButtonTo = string | Object | ((...args: any[]) => any);
-export type HelpButtonWrap = string | boolean;
-export type HelpButtonBounding = string | boolean;
-export type HelpButtonStretch = string | boolean;
-export type HelpButtonSkeleton = string | boolean;
-export type HelpButtonDisabled = string | boolean;
-export type HelpButtonChildren =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type HelpButtonElement =
-  | ((...args: any[]) => any)
-  | Object
-  | React.ReactNode;
-export type HelpButtonSpace =
-  | string
-  | number
-  | boolean
-  | {
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-       */
-      top?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-       */
-      right?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-       */
-      bottom?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-       */
-      left?: string | number | boolean;
-    };
-export type HelpButtonTop = string | number | boolean;
-export type HelpButtonRight = string | number | boolean;
-export type HelpButtonBottom = string | number | boolean;
-export type HelpButtonLeft = string | number | boolean;
-export type HelpButtonOnClick = string | ((...args: any[]) => any);
-export type HelpButtonIcon =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type HelpButtonIconPosition = 'left' | 'right';
-
-/**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
- */
-export interface HelpButtonProps extends React.HTMLProps<HTMLElement> {
-  /**
-   * The content of the button can be a string or a React Element.
-   */
-  text?: HelpButtonText;
-
-  /**
-   * `button`, `reset` or `submit` for the `type` HTML attribute (default to `button`) .
-   */
-  type?: string;
-
-  /**
-   * Title of the button. Optional, but should always be included because of accessibility.
-   */
-  title?: React.ReactNode;
-
-  /**
-   * Defines the kind of button. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `primary`.
-   */
-  variant?: any;
-
-  /**
-   * The size of the button. For now there is "medium", "default" and "large".
-   */
-  size?: HelpButtonSize;
-
-  /**
-   * Define icon width and height. Defaults to 16px
-   */
-  icon_size?: HelpButtonIconSize;
-
-  /**
-   * Provide a string or a React Element to be shown as the tooltip content.
-   */
-  tooltip?: HelpButtonTooltip;
-
-  /**
-   * Set it to either `status="error"` or a text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
-   */
-  status?: HelpButtonStatus;
-
-  /**
-   * Defines the state of the status. Currently there are two statuses `[error, info]`. Defaults to `error`.
-   */
-  status_state?: string;
-
-  /**
-   * Use an object to define additional FormStatus properties.
-   */
-  status_props?: Object;
-  status_no_animation?: HelpButtonStatusNoAnimation;
-
-  /**
-   * The `status_id` used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
-   */
-  global_status_id?: string;
-  id?: string;
-
-  /**
-   * Any extra modifying class.
-   */
-  class?: string;
-
-  /**
-   * If you want the button to behave as a link. Use with caution! A link should normally visually be a link and not a button.
-   */
-  href?: string;
-
-  /**
-   * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
-   */
-  to?: HelpButtonTo;
-
-  /**
-   * If you need to inject completely custom markup (React Element) into the button component. You have then to handle alignment and styling by yourself.
-   */
-  custom_content?: React.ReactNode;
-
-  /**
-   * If set to `true` the button text will wrap in to new lines if the overflow point is reached. Defaults to `false`.
-   */
-  wrap?: HelpButtonWrap;
-
-  /**
-   * Set it to `true` in order to extend the bounding box (above the visual button background). You may also look into the HTML class `dnb-button__bounding` if it needs some CSS customization in order to get the particular button right for your use-case.
-   */
-  bounding?: HelpButtonBounding;
-
-  /**
-   * Set it to `true` in order to stretch the button to the available space. Defaults to false.
-   */
-  stretch?: HelpButtonStretch;
-
-  /**
-   * If set to `true`, an overlaying skeleton with animation will be shown.
-   */
-  skeleton?: HelpButtonSkeleton;
-  disabled?: HelpButtonDisabled;
-  inner_ref?: Object;
-  className?: string;
-  innerRef?: Object;
-
-  /**
-   * The content of the button can be a string or a React Element.
-   */
-  children?: HelpButtonChildren;
-
-  /**
-   * Only meant to be used for special use cases. Defaults to `button` or `a` depending if href is set or not.
-   */
-  element?: HelpButtonElement;
-
-  /**
-   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
-   */
-  space?: HelpButtonSpace;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-   */
-  top?: HelpButtonTop;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-   */
-  right?: HelpButtonRight;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-   */
-  bottom?: HelpButtonBottom;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-   */
-  left?: HelpButtonLeft;
-  custom_element?: Object;
-  custom_method?: (...args: any[]) => any;
-
-  /**
-   * Will be called on a click event. Returns an object with the native event: `{ event }`.
-   */
-  on_click?: HelpButtonOnClick;
-
-  /**
-   * To be included in the button. <a href="/icons/primary">Primary Icons</a> can be set as a string (e.g. `icon="chevron_right"`), other icons should be set as React elements.
-   */
-  icon?: HelpButtonIcon;
-
-  /**
-   * Position of icon inside the button. Set to `left` or `right`. Tertiary button variant also supports `top`. Defaults to `right` if not set.
-   */
-  icon_position?: HelpButtonIconPosition;
-
-  /**
-   * The content which will appear when triggering the modal.
-   */
-  modal_content?: React.ReactNode;
-
-  /**
-   * Accepts all <a href="/uilib/components/modal/properties">Modal properties</a> as an object, if `children` is given.
-   */
-  modal_props?: Object;
-}
-export default class HelpButton extends React.Component<
-  HelpButtonProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}

package/esm/components/help-button/HelpButton.js

@@ -1,110 +0,0 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.reflect.construct.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["modal_content", "children", "modal_props"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { registerElement } from '../../shared/component-helper';
-import Context from '../../shared/Context';
-import Modal from '../modal/Modal';
-import HelpButtonInstance from './HelpButtonInstance';
-import Button from '../button/Button';
-
-var HelpButton = function (_React$PureComponent) {
-  _inherits(HelpButton, _React$PureComponent);
-
-  var _super = _createSuper(HelpButton);
-
-  function HelpButton() {
-    _classCallCheck(this, HelpButton);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(HelpButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          modal_content = _this$props.modal_content,
-          children = _this$props.children,
-          modal_props = _this$props.modal_props,
-          params = _objectWithoutProperties(_this$props, _excluded);
-
-      var content = HelpButton.getContent(this.props);
-
-      if (params.icon === null) {
-        params.icon = 'question';
-      }
-
-      if (content) {
-        if (!params.title) {
-          params.title = this.context.getTranslation(this.props).HelpButton.title;
-        }
-
-        return React.createElement(Modal, _extends({
-          trigger_attributes: params
-        }, modal_props), content);
-      }
-
-      return React.createElement(HelpButtonInstance, params);
-    }
-  }], [{
-    key: "enableWebComponent",
-    value: function enableWebComponent() {
-      registerElement(HelpButton === null || HelpButton === void 0 ? void 0 : HelpButton.tagName, HelpButton, HelpButton.defaultProps);
-    }
-  }, {
-    key: "getContent",
-    value: function getContent(props) {
-      if (props.modal_content) {
-        return props.modal_content;
-      }
-
-      return typeof props.children === 'function' ? props.children(props) : props.children;
-    }
-  }]);
-
-  return HelpButton;
-}(React.PureComponent);
-
-_defineProperty(HelpButton, "contextType", Context);
-
-_defineProperty(HelpButton, "tagName", 'dnb-help-button');
-
-_defineProperty(HelpButton, "defaultProps", {
-  variant: 'secondary',
-  icon: null,
-  icon_position: 'left',
-  modal_content: null,
-  modal_props: null
-});
-
-export { HelpButton as default };
-process.env.NODE_ENV !== "production" ? HelpButton.propTypes = _objectSpread(_objectSpread({}, Button.propTypes), {}, {
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  icon_position: PropTypes.oneOf(['left', 'right']),
-  modal_content: PropTypes.node,
-  modal_props: PropTypes.object
-}) : void 0;