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

package/esm/components/modal/Modal.d.ts

@@ -1,136 +0,0 @@
-/**
- * Web Modal Component
- *
- */
-/// <reference types="node" />
-import React from 'react';
-import ModalInner from './parts/ModalInner';
-import { ModalProps } from './types';
-import ModalHeader from './parts/ModalHeader';
-import ModalHeaderBar from './parts/ModalHeaderBar';
-import { ScrollViewProps } from '../../fragments/scroll-view/ScrollView';
-import CloseButton from './parts/CloseButton';
-import { ISpacingProps } from '../../shared/interfaces';
-import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps';
-export declare const ANIMATION_DURATION = 300;
-interface ModalState {
-    hide: boolean;
-    modalActive: boolean;
-}
-export declare type ModalPropTypes = ModalProps & ISpacingProps & ScrollViewProps;
-declare class Modal extends React.PureComponent<ModalPropTypes & ToCamelCasePartial<ModalPropTypes>, ModalState> {
-    static contextType: React.Context<{
-        translation: any;
-        updateTranslation: (locale: any, translation: any) => void;
-        getTranslation: (props: any) => any;
-        locales: any;
-        Avatar: {};
-        AvatarGroup: {};
-        Breadcrumb: {};
-        BreadcrumbItem: {};
-        InfoCard: {};
-        Tag: {};
-        TagGroup: {};
-        Timeline: {};
-        TimelineItem: {};
-        VisuallyHidden: {};
-        Drawer: {};
-        Dialog: {};
-    }>;
-    static tagName: string;
-    static Bar: typeof ModalHeaderBar;
-    static Header: typeof ModalHeader;
-    static Content: typeof ModalInner;
-    static Inner: typeof ModalInner;
-    static getContent(props: any): any;
-    static enableWebComponent(): void;
-    _id: string;
-    _triggerRef: React.RefObject<any>;
-    _onUnmount: Array<() => void>;
-    _openTimeout: NodeJS.Timeout;
-    _closeTimeout: NodeJS.Timeout;
-    _sideEffectsTimeout: NodeJS.Timeout;
-    _tryToOpenTimeout: NodeJS.Timeout;
-    activeElement: Element;
-    isInTransition: boolean;
-    state: {
-        hide: boolean;
-        modalActive: boolean;
-    };
-    static defaultProps: {
-        id: any;
-        focus_selector: any;
-        labelled_by: any;
-        title: any;
-        disabled: any;
-        spacing: boolean;
-        open_delay: any;
-        content_id: any;
-        dialog_title: string;
-        close_title: string;
-        hide_close_button: boolean;
-        close_button_attributes: any;
-        prevent_close: boolean;
-        prevent_core_style: boolean;
-        animation_duration: number;
-        no_animation: boolean;
-        no_animation_on_mobile: boolean;
-        fullscreen: string;
-        min_width: any;
-        max_width: any;
-        align_content: string;
-        container_placement: any;
-        open_state: any;
-        direct_dom_return: boolean;
-        class: any;
-        root_id: string;
-        className: any;
-        children: any;
-        on_open: any;
-        on_close: any;
-        on_close_prevent: any;
-        open_modal: any;
-        close_modal: any;
-        trigger: any;
-        trigger_attributes: any;
-        trigger_hidden: boolean;
-        trigger_disabled: any;
-        trigger_variant: string;
-        trigger_text: any;
-        trigger_title: any;
-        trigger_size: any;
-        trigger_icon: any;
-        trigger_icon_position: string;
-        trigger_class: any;
-        overlay_class: any;
-        content_class: any;
-        modal_content: any;
-        header_content: any;
-        bar_content: any;
-    };
-    static getDerivedStateFromProps(props: any, state: any): any;
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: any): void;
-    openBasedOnStateUpdate(): void;
-    toggleOpenClose: (event?: any, showModal?: any) => void;
-    handleSideEffects: () => void;
-    open: (e: Event) => void;
-    close: (event: Event, { ifIsLatest, triggeredBy }?: {
-        ifIsLatest: boolean;
-        triggeredBy?: any;
-    }) => void;
-    removeActiveState(): void;
-    /**
-     * Prevent scrolling on the background
-     * But checks if this instance was the last one or not
-     *
-     * @param {string} modalId Will remove the attribute if false is given
-     */
-    setActiveState(modalId: string): void;
-    render(): JSX.Element;
-}
-export { CloseButton, Modal as OriginalComponent };
-declare const _default: typeof Modal;
-export default _default;

package/esm/components/modal/Modal.js

@@ -1,531 +0,0 @@
-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/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 _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-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 = ["root_id", "content_id", "disabled", "labelled_by", "focus_selector", "header_content", "bar_content", "id", "open_state", "open_delay", "trigger", "trigger_attributes", "trigger_hidden", "trigger_disabled", "trigger_variant", "trigger_text", "trigger_title", "trigger_size", "trigger_icon", "trigger_icon_position", "trigger_class"];
-
-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; }
-
-import "core-js/modules/es.parse-float.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.freeze.js";
-
-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 classnames from 'classnames';
-import { SuffixContext } from '../../shared/helpers/Suffix';
-import Context from '../../shared/Context';
-import { warn, isTrue, makeUniqueId, extendPropsWithContext, registerElement, processChildren, dispatchCustomElementEvent } from '../../shared/component-helper';
-import { createSpacingClasses } from '../space/SpacingHelper';
-import HelpButtonInstance from '../help-button/HelpButtonInstance';
-import { getListOfModalRoots, getModalRoot } from './helpers';
-import ModalInner from './parts/ModalInner';
-import ModalHeader from './parts/ModalHeader';
-import ModalHeaderBar from './parts/ModalHeaderBar';
-import CloseButton from './parts/CloseButton';
-import ModalRoot from './ModalRoot';
-import { classWithCamelCaseProps } from '../../shared/helpers/withCamelCaseProps';
-export var ANIMATION_DURATION = 300;
-
-var Modal = function (_React$PureComponent) {
-  _inherits(Modal, _React$PureComponent);
-
-  var _super = _createSuper(Modal);
-
-  function Modal(props) {
-    var _this;
-
-    _classCallCheck(this, Modal);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "_id", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_triggerRef", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_onUnmount", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_openTimeout", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_closeTimeout", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_sideEffectsTimeout", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_tryToOpenTimeout", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "activeElement", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "isInTransition", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      hide: false,
-      modalActive: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "toggleOpenClose", function () {
-      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      var showModal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
-      if (event && event.preventDefault) {
-        event.preventDefault();
-      }
-
-      var toggleNow = function toggleNow() {
-        var _this$props = _this.props,
-            _this$props$animation = _this$props.animation_duration,
-            animation_duration = _this$props$animation === void 0 ? ANIMATION_DURATION : _this$props$animation,
-            _this$props$no_animat = _this$props.no_animation,
-            no_animation = _this$props$no_animat === void 0 ? false : _this$props$no_animat;
-        var timeoutDuration = typeof animation_duration === 'string' ? parseFloat(animation_duration) : animation_duration;
-        var modalActive = typeof showModal === 'boolean' ? showModal : !_this.state.modalActive;
-        _this.isInTransition = true;
-
-        var doItNow = function doItNow() {
-          _this.setState({
-            hide: false,
-            modalActive: modalActive
-          }, function () {
-            _this.isInTransition = false;
-
-            _this.handleSideEffects();
-          });
-        };
-
-        if (modalActive === false && !isTrue(no_animation)) {
-          _this.setState({
-            hide: true
-          });
-
-          _this._closeTimeout = setTimeout(doItNow, timeoutDuration);
-        } else {
-          doItNow();
-        }
-      };
-
-      var waitBeforeOpen = function waitBeforeOpen() {
-        var _this$props2 = _this.props,
-            open_delay = _this$props2.open_delay,
-            no_animation = _this$props2.no_animation;
-        var delay = typeof open_delay === 'string' ? parseFloat(open_delay) : open_delay;
-
-        if (delay > 0 && !isTrue(no_animation)) {
-          _this._openTimeout = setTimeout(toggleNow, delay);
-        } else {
-          toggleNow();
-        }
-      };
-
-      clearTimeout(_this._closeTimeout);
-      clearTimeout(_this._openTimeout);
-      var open_modal = _this.props.open_modal;
-
-      if (typeof open_modal === 'function') {
-        var fn = open_modal(waitBeforeOpen, _assertThisInitialized(_this));
-
-        if (fn) {
-          _this._onUnmount.push(fn);
-        }
-      } else {
-        waitBeforeOpen();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleSideEffects", function () {
-      var modalActive = _this.state.modalActive;
-      var close_modal = _this.props.close_modal;
-
-      if (modalActive) {
-        if (typeof close_modal === 'function') {
-          var fn = close_modal(function () {
-            _this.toggleOpenClose(null, false);
-          }, _assertThisInitialized(_this));
-
-          if (fn) {
-            _this._onUnmount.push(fn);
-          }
-        }
-
-        _this.setActiveState(_this._id);
-      } else if (modalActive === false) {
-        if (_this._triggerRef && _this._triggerRef.current) {
-          _this._triggerRef.current.focus({
-            preventScroll: true
-          });
-        }
-
-        if ((_this.props.open_state === 'opened' || _this.props.open_state === true) && _this.activeElement && _this.activeElement instanceof HTMLElement) {
-          try {
-            _this.activeElement.focus({
-              preventScroll: true
-            });
-
-            _this.activeElement = null;
-          } catch (e) {}
-        }
-
-        _this.removeActiveState();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "open", function (e) {
-      _this.toggleOpenClose(e, true);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "close", function (event) {
-      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-        ifIsLatest: true
-      },
-          ifIsLatest = _ref.ifIsLatest,
-          _ref$triggeredBy = _ref.triggeredBy,
-          triggeredBy = _ref$triggeredBy === void 0 ? null : _ref$triggeredBy;
-
-      var _this$props$prevent_c = _this.props.prevent_close,
-          prevent_close = _this$props$prevent_c === void 0 ? false : _this$props$prevent_c;
-
-      if (isTrue(prevent_close)) {
-        var id = _this._id;
-        dispatchCustomElementEvent(_assertThisInitialized(_this), 'on_close_prevent', {
-          id: id,
-          event: event,
-          triggeredBy: triggeredBy,
-          close: function close(e) {
-            _this.toggleOpenClose(e, false);
-          }
-        });
-      } else {
-        if (ifIsLatest) {
-          var list = getListOfModalRoots();
-
-          if (list.length > 1) {
-            var last = getModalRoot(-1);
-
-            if (last !== _assertThisInitialized(_this)) {
-              return;
-            }
-          }
-        }
-
-        _this.toggleOpenClose(event, false);
-      }
-    });
-
-    _this._id = props.id || makeUniqueId('modal-');
-    _this._triggerRef = React.createRef();
-    _this._onUnmount = [];
-    return _this;
-  }
-
-  _createClass(Modal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.openBasedOnStateUpdate();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this._openTimeout);
-      clearTimeout(this._closeTimeout);
-      this.removeActiveState();
-
-      this._onUnmount.forEach(function (fn) {
-        if (typeof fn === 'function') {
-          fn();
-        }
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps !== this.props) {
-        this.openBasedOnStateUpdate();
-      }
-    }
-  }, {
-    key: "openBasedOnStateUpdate",
-    value: function openBasedOnStateUpdate() {
-      var hide = this.state.hide;
-      var open_state = this.props.open_state;
-
-      if (!this.activeElement && typeof document !== 'undefined') {
-        this.activeElement = document.activeElement;
-      }
-
-      if (!hide && (open_state === 'opened' || open_state === true)) {
-        this.toggleOpenClose(null, true);
-      } else if (hide && (open_state === 'closed' || open_state === false)) {
-        this.toggleOpenClose(null, false);
-      }
-    }
-  }, {
-    key: "removeActiveState",
-    value: function removeActiveState() {
-      var last = getModalRoot(-1);
-
-      if (last !== null && last !== void 0 && last._id && last._id !== this._id) {
-        return this.setActiveState(last._id);
-      }
-
-      try {
-        document.documentElement.removeAttribute('data-dnb-modal-active');
-        document.body.setAttribute('data-dnb-modal-active', 'false');
-      } catch (e) {
-        warn('Modal: Error on remove "data-dnb-modal-active"', e);
-      }
-    }
-  }, {
-    key: "setActiveState",
-    value: function setActiveState(modalId) {
-      if (!modalId) {
-        warn('Modal: A valid modalId is required');
-      }
-
-      if (typeof document !== 'undefined') {
-        try {
-          document.documentElement.setAttribute('data-dnb-modal-active', modalId);
-          document.body.setAttribute('data-dnb-modal-active', 'true');
-        } catch (e) {
-          warn('Modal: Error on set "data-dnb-modal-active"', e);
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var props = extendPropsWithContext(this.props, Modal.defaultProps, this.context.getTranslation(this.props).Modal, this.context.FormRow, this.context.Modal);
-
-      var _props$root_id = props.root_id,
-          root_id = _props$root_id === void 0 ? 'root' : _props$root_id,
-          _props$content_id = props.content_id,
-          content_id = _props$content_id === void 0 ? null : _props$content_id,
-          _props$disabled = props.disabled,
-          disabled = _props$disabled === void 0 ? null : _props$disabled,
-          _props$labelled_by = props.labelled_by,
-          labelled_by = _props$labelled_by === void 0 ? null : _props$labelled_by,
-          _props$focus_selector = props.focus_selector,
-          focus_selector = _props$focus_selector === void 0 ? null : _props$focus_selector,
-          _props$header_content = props.header_content,
-          header_content = _props$header_content === void 0 ? null : _props$header_content,
-          _props$bar_content = props.bar_content,
-          bar_content = _props$bar_content === void 0 ? null : _props$bar_content,
-          id = props.id,
-          open_state = props.open_state,
-          open_delay = props.open_delay,
-          _props$trigger = props.trigger,
-          trigger = _props$trigger === void 0 ? null : _props$trigger,
-          _props$trigger_attrib = props.trigger_attributes,
-          trigger_attributes = _props$trigger_attrib === void 0 ? null : _props$trigger_attrib,
-          _props$trigger_hidden = props.trigger_hidden,
-          trigger_hidden = _props$trigger_hidden === void 0 ? 'false' : _props$trigger_hidden,
-          _props$trigger_disabl = props.trigger_disabled,
-          trigger_disabled = _props$trigger_disabl === void 0 ? null : _props$trigger_disabl,
-          _props$trigger_varian = props.trigger_variant,
-          trigger_variant = _props$trigger_varian === void 0 ? 'secondary' : _props$trigger_varian,
-          _props$trigger_text = props.trigger_text,
-          trigger_text = _props$trigger_text === void 0 ? null : _props$trigger_text,
-          _props$trigger_title = props.trigger_title,
-          trigger_title = _props$trigger_title === void 0 ? null : _props$trigger_title,
-          _props$trigger_size = props.trigger_size,
-          trigger_size = _props$trigger_size === void 0 ? null : _props$trigger_size,
-          trigger_icon = props.trigger_icon,
-          _props$trigger_icon_p = props.trigger_icon_position,
-          trigger_icon_position = _props$trigger_icon_p === void 0 ? 'left' : _props$trigger_icon_p,
-          _props$trigger_class = props.trigger_class,
-          trigger_class = _props$trigger_class === void 0 ? null : _props$trigger_class,
-          rest = _objectWithoutProperties(props, _excluded);
-
-      var _this$state = this.state,
-          hide = _this$state.hide,
-          modalActive = _this$state.modalActive;
-      var modal_content = Modal.getContent(typeof this.props.children === 'function' ? Object.freeze(_objectSpread(_objectSpread({}, this.props), {}, {
-        close: this.close
-      })) : this.props);
-
-      var render = function render(suffixProps) {
-        var triggerAttributes = _objectSpread({
-          hidden: trigger_hidden,
-          disabled: trigger_disabled,
-          variant: trigger_variant,
-          text: trigger_text,
-          title: trigger_title,
-          size: trigger_size,
-          icon: trigger_icon,
-          icon_position: trigger_icon_position,
-          class: trigger_class
-        }, trigger_attributes);
-
-        if (isTrue(disabled)) {
-          triggerAttributes.disabled = true;
-        }
-
-        if (triggerAttributes.id) {
-          _this2._id = triggerAttributes.id;
-        }
-
-        var fallbackTitle;
-
-        if (triggerAttributes.title) {
-          fallbackTitle = triggerAttributes.title;
-        } else if (suffixProps) {
-          fallbackTitle = _this2.context.translation.HelpButton.title;
-        }
-
-        var TriggerButton = trigger ? trigger : HelpButtonInstance;
-        return React.createElement(React.Fragment, null, TriggerButton && !isTrue(trigger_hidden) && React.createElement(TriggerButton, _extends({}, triggerAttributes, {
-          id: _this2._id,
-          title: !triggerAttributes.text ? rest.title || fallbackTitle : null,
-          onClick: _this2.toggleOpenClose,
-          innerRef: _this2._triggerRef,
-          className: classnames('dnb-modal__trigger', createSpacingClasses(props), triggerAttributes.class, triggerAttributes.className)
-        })), modalActive && modal_content && React.createElement(ModalRoot, _extends({}, rest, {
-          id: _this2._id,
-          root_id: root_id,
-          content_id: content_id || "dnb-modal-".concat(_this2._id),
-          labelled_by: labelled_by,
-          focus_selector: focus_selector,
-          modal_content: modal_content,
-          header_content: header_content,
-          bar_content: bar_content,
-          closeModal: _this2.close,
-          hide: hide,
-          title: rest.title || fallbackTitle
-        })));
-      };
-
-      return React.createElement(SuffixContext.Consumer, null, render);
-    }
-  }], [{
-    key: "getContent",
-    value: function getContent(props) {
-      if (typeof props.modal_content === 'string') {
-        return props.modal_content;
-      } else if (typeof props.modal_content === 'function') {
-        return props.modal_content(props);
-      }
-
-      return processChildren(props);
-    }
-  }, {
-    key: "enableWebComponent",
-    value: function enableWebComponent() {
-      registerElement(Modal === null || Modal === void 0 ? void 0 : Modal.tagName, Modal, Modal.defaultProps);
-    }
-  }, {
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (props.open_state !== state._open_state) {
-        switch (props.open_state) {
-          case 'opened':
-          case true:
-            state.hide = false;
-
-            if (isTrue(props.no_animation)) {
-              state.modalActive = true;
-            }
-
-            break;
-
-          case 'closed':
-          case false:
-            state.hide = true;
-
-            if (isTrue(props.no_animation)) {
-              state.modalActive = false;
-            }
-
-            break;
-        }
-      }
-
-      state._open_state = props.open_state;
-      return state;
-    }
-  }]);
-
-  return Modal;
-}(React.PureComponent);
-
-_defineProperty(Modal, "contextType", Context);
-
-_defineProperty(Modal, "tagName", 'dnb-modal');
-
-_defineProperty(Modal, "Bar", ModalHeaderBar);
-
-_defineProperty(Modal, "Header", ModalHeader);
-
-_defineProperty(Modal, "Content", ModalInner);
-
-_defineProperty(Modal, "Inner", ModalInner);
-
-_defineProperty(Modal, "defaultProps", {
-  id: null,
-  focus_selector: null,
-  labelled_by: null,
-  title: null,
-  disabled: null,
-  spacing: true,
-  open_delay: null,
-  content_id: null,
-  dialog_title: 'Vindu',
-  close_title: 'Lukk',
-  hide_close_button: false,
-  close_button_attributes: null,
-  prevent_close: false,
-  prevent_core_style: false,
-  animation_duration: ANIMATION_DURATION,
-  no_animation: false,
-  no_animation_on_mobile: false,
-  fullscreen: 'auto',
-  min_width: null,
-  max_width: null,
-  align_content: 'left',
-  container_placement: null,
-  open_state: null,
-  direct_dom_return: false,
-  class: null,
-  root_id: 'root',
-  className: null,
-  children: null,
-  on_open: null,
-  on_close: null,
-  on_close_prevent: null,
-  open_modal: null,
-  close_modal: null,
-  trigger: null,
-  trigger_attributes: null,
-  trigger_hidden: false,
-  trigger_disabled: null,
-  trigger_variant: 'secondary',
-  trigger_text: null,
-  trigger_title: null,
-  trigger_size: null,
-  trigger_icon: null,
-  trigger_icon_position: 'left',
-  trigger_class: null,
-  overlay_class: null,
-  content_class: null,
-  modal_content: null,
-  header_content: null,
-  bar_content: null
-});
-
-export { CloseButton, Modal as OriginalComponent };
-export default classWithCamelCaseProps(Modal);