@rio-cloud/rio-uikit 0.16.3 → 0.16.4-beta.10

package/components/dialog/InfoDialog.d.ts

@@ -0,0 +1,18 @@
+export default InfoDialog;
+declare function InfoDialog(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace InfoDialog {
+    const propTypes: {
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        show: PropTypes.Validator<boolean>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        iconNavigation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        showCloseButton: PropTypes.Requireable<boolean>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        bsSize: PropTypes.Requireable<string>;
+        disableEsc: PropTypes.Requireable<boolean>;
+        useOverflow: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+    };
+}
+import PropTypes from "prop-types";

package/components/dialog/InfoDialog.js

@@ -1,23 +1,12 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import Dialog from './Dialog';
-import baseDialogPropTypes from './baseDialogPropTypes';
-var InfoDialog = function InfoDialog(props) {
-  var content = props.content,
-    onClose = props.onClose,
-    className = props.className;
-  var dialogClassName = "".concat(className ? className : '', " info-dialog");
-  return /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
-    body: content,
-    onHide: onClose,
-    className: dialogClassName
-  }));
-};
-InfoDialog.propTypes = _objectSpread(_objectSpread({}, baseDialogPropTypes), {}, {
-  content: PropTypes.node
-});
-export default InfoDialog;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Dialog from './Dialog';
+import baseDialogPropTypes from './baseDialogPropTypes';
+const InfoDialog = props => {
+    const { content, onClose, className } = props;
+    const dialogClassName = `${className ? className : ''} info-dialog`;
+    return _jsx(Dialog, Object.assign({}, props, { body: content, onHide: onClose, className: dialogClassName }));
+};
+InfoDialog.propTypes = Object.assign(Object.assign({}, baseDialogPropTypes), { content: PropTypes.node });
+export default InfoDialog;

package/components/dialog/MediaDialog.d.ts

@@ -0,0 +1,58 @@
+export default MediaDialog;
+declare class MediaDialog extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        currentMediaIndex: number;
+    };
+    handlePrevious(): void;
+    handleNext(): void;
+    renderFallback(): import("react/jsx-runtime").JSX.Element;
+    renderImage(mediaData: any): import("react/jsx-runtime").JSX.Element;
+    renderVideo(mediaData: any): import("react/jsx-runtime").JSX.Element;
+    renderMediaContent(mediaData?: {}): any;
+    renderBody(media: any[] | undefined, currentMediaIndex: any): import("react/jsx-runtime").JSX.Element;
+    renderFooter(props: any): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element | null;
+}
+declare namespace MediaDialog {
+    const MEDIA_TYPE_IMAGE: string;
+    const MEDIA_TYPE_VIDEO: string;
+    namespace defaultProps {
+        const show: boolean;
+        function onClose(): void;
+        const disableEsc: boolean;
+        const useOverflow: boolean;
+        const bsSize: string;
+        const media: never[];
+        const previousButtonText: string;
+        function previousButtonCallback(): void;
+        const nextButtonText: string;
+        function nextButtonCallback(): void;
+    }
+    const propTypes: {
+        media: PropTypes.Validator<(PropTypes.InferProps<{
+            type: PropTypes.Validator<string>;
+            src: PropTypes.Validator<string>;
+            title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+            subtitle: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+            aspectRatio: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        previousButtonText: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        previousButtonCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        nextButtonText: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        nextButtonCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        show: PropTypes.Validator<boolean>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        iconNavigation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        showCloseButton: PropTypes.Requireable<boolean>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        bsSize: PropTypes.Requireable<string>;
+        disableEsc: PropTypes.Requireable<boolean>;
+        useOverflow: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+    };
+}
+import React from "react";
+import PropTypes from "prop-types";

package/components/dialog/MediaDialog.js

@@ -1,216 +1,107 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-var _excluded = ["show", "onClose", "className", "media", "previousButtonText", "nextButtonText", "previousButtonCallback", "nextButtonCallback"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Dialog from './Dialog';
-import ResponsiveVideo from '../video/ResponsiveVideo';
-import ImagePreloader from '../preloader/ImagePreloader';
-import Spinner from '../spinner/Spinner';
-import baseDialogPropTypes from './baseDialogPropTypes';
-
-// TODO: add keyboard support left/right
-var MediaDialog = /*#__PURE__*/function (_Component) {
-  _inherits(MediaDialog, _Component);
-  var _super = _createSuper(MediaDialog);
-  function MediaDialog(props) {
-    var _this;
-    _classCallCheck(this, MediaDialog);
-    _this = _super.call(this, props);
-    _this.state = {
-      currentMediaIndex: 0
-    };
-    _this.handlePrevious = _this.handlePrevious.bind(_assertThisInitialized(_this));
-    _this.handleNext = _this.handleNext.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-  _createClass(MediaDialog, [{
-    key: "handlePrevious",
-    value: function handlePrevious() {
-      var oldIndex = this.state.currentMediaIndex;
-      var newIndex = oldIndex === 0 ? this.props.media.length - 1 : oldIndex - 1;
-      this.setState(function () {
-        return {
-          currentMediaIndex: newIndex
-        };
-      });
-      this.props.previousButtonCallback(newIndex);
-    }
-  }, {
-    key: "handleNext",
-    value: function handleNext() {
-      var oldIndex = this.state.currentMediaIndex;
-      var newIndex = oldIndex === this.props.media.length - 1 ? 0 : oldIndex + 1;
-      this.setState(function () {
-        return {
-          currentMediaIndex: newIndex
-        };
-      });
-      this.props.nextButtonCallback(newIndex);
-    }
-  }, {
-    key: "renderFallback",
-    value: function renderFallback() {
-      return /*#__PURE__*/React.createElement("div", {
-        className: 'text-center text-size-h3'
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "rioglyph rioglyph-missing text-size-200pct text-color-gray"
-      }));
-    }
-  }, {
-    key: "renderImage",
-    value: function renderImage(mediaData) {
-      var _this2 = this;
-      var imageClassNames = classNames('img-responsive', mediaData.className && mediaData.className);
-      return /*#__PURE__*/React.createElement(ImagePreloader, {
-        src: mediaData.src,
-        className: imageClassNames
-      }, function (_ref) {
-        var status = _ref.status,
-          image = _ref.image;
-        if (status === ImagePreloader.STATUS_LOADED) {
-          // When image has been loaded, render the image tag
-          return /*#__PURE__*/React.createElement("img", {
-            className: 'ani-fade-in',
-            key: image.src,
-            src: image.src
-          });
-        }
-        if (status === ImagePreloader.STATUS_FAILED) {
-          return _this2.renderFallback();
-        }
-        return /*#__PURE__*/React.createElement(Spinner, {
-          isInverse: false
-        });
-      });
-    }
-  }, {
-    key: "renderVideo",
-    value: function renderVideo(mediaData) {
-      var videoClassNames = classNames(mediaData.className && mediaData.className);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "flex-1-0"
-      }, /*#__PURE__*/React.createElement(ResponsiveVideo, _extends({}, mediaData, {
-        className: videoClassNames
-      })));
-    }
-  }, {
-    key: "renderMediaContent",
-    value: function renderMediaContent() {
-      var mediaData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      if (mediaData.type === MediaDialog.MEDIA_TYPE_VIDEO) {
-        return this.renderVideo(mediaData);
-      }
-
-      // image media is default
-      return mediaData.src && this.renderImage(mediaData);
-    }
-  }, {
-    key: "renderBody",
-    value: function renderBody() {
-      var media = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      var currentMediaIndex = arguments.length > 1 ? arguments[1] : undefined;
-      var mediaData = media[currentMediaIndex];
-      var mediaContentClassNames = classNames('media-content', 'content-center');
-      return /*#__PURE__*/React.createElement("div", {
-        className: mediaContentClassNames
-      }, this.renderMediaContent(mediaData));
-    }
-  }, {
-    key: "renderFooter",
-    value: function renderFooter(props) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "position-relative clearfix"
-      }, /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "btn btn-primary btn-link pull-left",
-        onClick: this.handlePrevious
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "rioglyph rioglyph-chevron-left"
-      }), props.previousButtonText), /*#__PURE__*/React.createElement("div", {
-        className: "position-absolute top-50pct left-50pct transform translate-centered"
-      }, "".concat(this.state.currentMediaIndex + 1, " / ").concat(props.media.length)), /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "btn btn-primary btn-link btn-icon-right pull-right",
-        onClick: this.handleNext
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "rioglyph rioglyph-chevron-right"
-      }), props.nextButtonText));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        show = _this$props.show,
-        onClose = _this$props.onClose,
-        className = _this$props.className,
-        _this$props$media = _this$props.media,
-        media = _this$props$media === void 0 ? [] : _this$props$media,
-        previousButtonText = _this$props.previousButtonText,
-        nextButtonText = _this$props.nextButtonText,
-        previousButtonCallback = _this$props.previousButtonCallback,
-        nextButtonCallback = _this$props.nextButtonCallback,
-        remainingProps = _objectWithoutProperties(_this$props, _excluded);
-      var currentMediaIndex = this.state.currentMediaIndex;
-      if (!show) {
-        return null;
-      }
-      var dialogClassName = classNames('media-dialog', className && className);
-      var bodyClassNames = classNames('padding-0');
-      var mediaTitle = media[currentMediaIndex].title;
-      var mediaSubtitle = media[currentMediaIndex].subtitle || null;
-      return /*#__PURE__*/React.createElement(Dialog, _extends({}, remainingProps, {
-        show: show,
-        title: mediaTitle,
-        subtitle: mediaSubtitle,
-        body: this.renderBody(media, currentMediaIndex),
-        footer: media && media.length > 1 ? this.renderFooter(this.props) : '',
-        onHide: onClose,
-        className: dialogClassName,
-        bodyClassName: bodyClassNames
-      }));
-    }
-  }]);
-  return MediaDialog;
-}(Component);
-MediaDialog.MEDIA_TYPE_IMAGE = 'image';
-MediaDialog.MEDIA_TYPE_VIDEO = 'video';
-MediaDialog.defaultProps = {
-  show: false,
-  onClose: function onClose() {},
-  disableEsc: false,
-  useOverflow: false,
-  bsSize: Dialog.SIZE_LG,
-  media: [],
-  previousButtonText: 'Prev',
-  previousButtonCallback: function previousButtonCallback() {},
-  nextButtonText: 'Next',
-  nextButtonCallback: function nextButtonCallback() {}
-};
-MediaDialog.propTypes = _objectSpread(_objectSpread({}, baseDialogPropTypes), {}, {
-  media: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf([MediaDialog.MEDIA_TYPE_IMAGE, MediaDialog.MEDIA_TYPE_VIDEO]).isRequired,
-    src: PropTypes.string.isRequired,
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-    subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    aspectRatio: PropTypes.string,
-    className: PropTypes.string
-  })).isRequired,
-  previousButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-  previousButtonCallback: PropTypes.func,
-  nextButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-  nextButtonCallback: PropTypes.func
-});
-export default MediaDialog;
+import { __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Dialog from './Dialog';
+import ResponsiveVideo from '../video/ResponsiveVideo';
+import ImagePreloader from '../preloader/ImagePreloader';
+import Spinner from '../spinner/Spinner';
+import baseDialogPropTypes from './baseDialogPropTypes';
+// TODO: add keyboard support left/right
+class MediaDialog extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            currentMediaIndex: 0,
+        };
+        this.handlePrevious = this.handlePrevious.bind(this);
+        this.handleNext = this.handleNext.bind(this);
+    }
+    handlePrevious() {
+        const oldIndex = this.state.currentMediaIndex;
+        const newIndex = oldIndex === 0 ? this.props.media.length - 1 : oldIndex - 1;
+        this.setState(() => ({
+            currentMediaIndex: newIndex,
+        }));
+        this.props.previousButtonCallback(newIndex);
+    }
+    handleNext() {
+        const oldIndex = this.state.currentMediaIndex;
+        const newIndex = oldIndex === this.props.media.length - 1 ? 0 : oldIndex + 1;
+        this.setState(() => ({
+            currentMediaIndex: newIndex,
+        }));
+        this.props.nextButtonCallback(newIndex);
+    }
+    renderFallback() {
+        return (_jsx("div", Object.assign({ className: 'text-center text-size-h3' }, { children: _jsx("span", { className: 'rioglyph rioglyph-missing text-size-200pct text-color-gray' }) })));
+    }
+    renderImage(mediaData) {
+        const imageClassNames = classNames('img-responsive', mediaData.className && mediaData.className);
+        return (_jsx(ImagePreloader, Object.assign({ src: mediaData.src, className: imageClassNames }, { children: ({ status, image }) => {
+                if (status === ImagePreloader.STATUS_LOADED) {
+                    // When image has been loaded, render the image tag
+                    return _jsx("img", { className: 'ani-fade-in', src: image.src }, image.src);
+                }
+                if (status === ImagePreloader.STATUS_FAILED) {
+                    return this.renderFallback();
+                }
+                return _jsx(Spinner, { isInverse: false });
+            } })));
+    }
+    renderVideo(mediaData) {
+        const videoClassNames = classNames(mediaData.className && mediaData.className);
+        return (_jsx("div", Object.assign({ className: 'flex-1-0' }, { children: _jsx(ResponsiveVideo, Object.assign({}, mediaData, { className: videoClassNames })) })));
+    }
+    renderMediaContent(mediaData = {}) {
+        if (mediaData.type === MediaDialog.MEDIA_TYPE_VIDEO) {
+            return this.renderVideo(mediaData);
+        }
+        // image media is default
+        return mediaData.src && this.renderImage(mediaData);
+    }
+    renderBody(media = [], currentMediaIndex) {
+        const mediaData = media[currentMediaIndex];
+        const mediaContentClassNames = classNames('media-content', 'content-center');
+        return _jsx("div", Object.assign({ className: mediaContentClassNames }, { children: this.renderMediaContent(mediaData) }));
+    }
+    renderFooter(props) {
+        return (_jsxs("div", Object.assign({ className: 'position-relative clearfix' }, { children: [_jsxs("button", Object.assign({ type: 'button', className: 'btn btn-primary btn-link pull-left', onClick: this.handlePrevious }, { children: [_jsx("span", { className: 'rioglyph rioglyph-chevron-left' }), props.previousButtonText] })), _jsx("div", Object.assign({ className: 'position-absolute top-50pct left-50pct transform translate-centered' }, { children: `${this.state.currentMediaIndex + 1} / ${props.media.length}` })), _jsxs("button", Object.assign({ type: 'button', className: 'btn btn-primary btn-link btn-icon-right pull-right', onClick: this.handleNext }, { children: [_jsx("span", { className: 'rioglyph rioglyph-chevron-right' }), props.nextButtonText] }))] })));
+    }
+    render() {
+        const _a = this.props, { show, onClose, className, media = [], previousButtonText, nextButtonText, previousButtonCallback, nextButtonCallback } = _a, remainingProps = __rest(_a, ["show", "onClose", "className", "media", "previousButtonText", "nextButtonText", "previousButtonCallback", "nextButtonCallback"]);
+        const { currentMediaIndex } = this.state;
+        if (!show) {
+            return null;
+        }
+        const dialogClassName = classNames('media-dialog', className && className);
+        const bodyClassNames = classNames('padding-0');
+        const mediaTitle = media[currentMediaIndex].title;
+        const mediaSubtitle = media[currentMediaIndex].subtitle || null;
+        return (_jsx(Dialog, Object.assign({}, remainingProps, { show: show, title: mediaTitle, subtitle: mediaSubtitle, body: this.renderBody(media, currentMediaIndex), footer: media && media.length > 1 ? this.renderFooter(this.props) : '', onHide: onClose, className: dialogClassName, bodyClassName: bodyClassNames })));
+    }
+}
+MediaDialog.MEDIA_TYPE_IMAGE = 'image';
+MediaDialog.MEDIA_TYPE_VIDEO = 'video';
+MediaDialog.defaultProps = {
+    show: false,
+    onClose: () => { },
+    disableEsc: false,
+    useOverflow: false,
+    bsSize: Dialog.SIZE_LG,
+    media: [],
+    previousButtonText: 'Prev',
+    previousButtonCallback: () => { },
+    nextButtonText: 'Next',
+    nextButtonCallback: () => { },
+};
+MediaDialog.propTypes = Object.assign(Object.assign({}, baseDialogPropTypes), { media: PropTypes.arrayOf(PropTypes.shape({
+        type: PropTypes.oneOf([MediaDialog.MEDIA_TYPE_IMAGE, MediaDialog.MEDIA_TYPE_VIDEO]).isRequired,
+        src: PropTypes.string.isRequired,
+        title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+        subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+        aspectRatio: PropTypes.string,
+        className: PropTypes.string,
+    })).isRequired, previousButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired, previousButtonCallback: PropTypes.func, nextButtonText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired, nextButtonCallback: PropTypes.func });
+export default MediaDialog;

package/components/dialog/ReleaseNotesDialog.d.ts

@@ -0,0 +1,20 @@
+export default ReleaseNotesDialog;
+declare function ReleaseNotesDialog(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ReleaseNotesDialog {
+    namespace defaultProps {
+        const useOverflow: boolean;
+    }
+    namespace propTypes {
+        export const showReleaseNotes: PropTypes.Validator<boolean>;
+        export const setShowReleaseNotes: PropTypes.Validator<(...args: any[]) => any>;
+        export const whatsNewTitle: PropTypes.Requireable<string>;
+        export const moduleName: PropTypes.Requireable<string>;
+        export const closeButtonText: PropTypes.Requireable<string>;
+        export const translatedReleaseNotes: PropTypes.Requireable<object>;
+        export const currentVersion: PropTypes.Validator<string>;
+        export const RELEASE_NOTES_ITEM: PropTypes.Validator<string>;
+        const useOverflow_1: PropTypes.Requireable<boolean>;
+        export { useOverflow_1 as useOverflow };
+    }
+}
+import PropTypes from "prop-types";

package/components/dialog/ReleaseNotesDialog.js

@@ -1,58 +1,37 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Dialog from './Dialog';
-import ReleaseNotes from '../releaseNotes/ReleaseNotes';
-var setReleaseNotesItem = function setReleaseNotesItem(props) {
-  window.localStorage.setItem(props.RELEASE_NOTES_ITEM, props.currentVersion);
-  props.setShowReleaseNotes(false);
-};
-var getModuleName = function getModuleName(moduleName, whatsNew) {
-  return /*#__PURE__*/React.createElement("span", null, moduleName ? moduleName : whatsNew);
-};
-var getBody = function getBody(props) {
-  var translatedReleaseNotes = props.translatedReleaseNotes;
-  return /*#__PURE__*/React.createElement(ReleaseNotes, {
-    releaseNotes: translatedReleaseNotes
-  });
-};
-var getFooter = function getFooter(props) {
-  var closeButtonText = props.closeButtonText;
-  return /*#__PURE__*/React.createElement("button", {
-    "data-component": 'CloseButton',
-    type: 'button',
-    className: 'btn btn-default',
-    onClick: function onClick() {
-      return setReleaseNotesItem(props);
-    }
-  }, closeButtonText || 'Close');
-};
-var ReleaseNotesDialog = function ReleaseNotesDialog(props) {
-  var moduleName = props.moduleName,
-    whatsNewTitle = props.whatsNewTitle;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    show: props.showReleaseNotes,
-    useOverflow: props.useOverflow,
-    title: getModuleName(moduleName, whatsNewTitle),
-    subtitle: moduleName && whatsNewTitle,
-    body: getBody(props),
-    footer: getFooter(props),
-    onHide: function onHide() {
-      return setReleaseNotesItem(props);
-    }
-  });
-};
-ReleaseNotesDialog.defaultProps = {
-  useOverflow: true
-};
-ReleaseNotesDialog.propTypes = {
-  showReleaseNotes: PropTypes.bool.isRequired,
-  setShowReleaseNotes: PropTypes.func.isRequired,
-  whatsNewTitle: PropTypes.string,
-  moduleName: PropTypes.string,
-  closeButtonText: PropTypes.string,
-  translatedReleaseNotes: PropTypes.object,
-  currentVersion: PropTypes.string.isRequired,
-  RELEASE_NOTES_ITEM: PropTypes.string.isRequired,
-  useOverflow: PropTypes.bool
-};
-export default ReleaseNotesDialog;
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Dialog from './Dialog';
+import ReleaseNotes from '../releaseNotes/ReleaseNotes';
+const setReleaseNotesItem = props => {
+    window.localStorage.setItem(props.RELEASE_NOTES_ITEM, props.currentVersion);
+    props.setShowReleaseNotes(false);
+};
+const getModuleName = (moduleName, whatsNew) => _jsx("span", { children: moduleName ? moduleName : whatsNew });
+const getBody = props => {
+    const { translatedReleaseNotes } = props;
+    return _jsx(ReleaseNotes, { releaseNotes: translatedReleaseNotes });
+};
+const getFooter = props => {
+    const { closeButtonText } = props;
+    return (_jsx("button", Object.assign({ "data-component": 'CloseButton', type: 'button', className: 'btn btn-default', onClick: () => setReleaseNotesItem(props) }, { children: closeButtonText || 'Close' })));
+};
+const ReleaseNotesDialog = props => {
+    const { moduleName, whatsNewTitle } = props;
+    return (_jsx(Dialog, { show: props.showReleaseNotes, useOverflow: props.useOverflow, title: getModuleName(moduleName, whatsNewTitle), subtitle: moduleName && whatsNewTitle, body: getBody(props), footer: getFooter(props), onHide: () => setReleaseNotesItem(props) }));
+};
+ReleaseNotesDialog.defaultProps = {
+    useOverflow: true,
+};
+ReleaseNotesDialog.propTypes = {
+    showReleaseNotes: PropTypes.bool.isRequired,
+    setShowReleaseNotes: PropTypes.func.isRequired,
+    whatsNewTitle: PropTypes.string,
+    moduleName: PropTypes.string,
+    closeButtonText: PropTypes.string,
+    translatedReleaseNotes: PropTypes.object,
+    currentVersion: PropTypes.string.isRequired,
+    RELEASE_NOTES_ITEM: PropTypes.string.isRequired,
+    useOverflow: PropTypes.bool,
+};
+export default ReleaseNotesDialog;

package/components/dialog/SaveDialog.d.ts

@@ -0,0 +1,31 @@
+export default SaveDialog;
+declare function SaveDialog(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace SaveDialog {
+    namespace defaultProps {
+        const show: boolean;
+        const showCloseButton: boolean;
+        function onClickCancel(): void;
+        function onClickConfirm(): void;
+        function onClickDiscard(): void;
+    }
+    const propTypes: {
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        onClickCancel: PropTypes.Validator<(...args: any[]) => any>;
+        onClickDiscard: PropTypes.Validator<(...args: any[]) => any>;
+        onClickConfirm: PropTypes.Validator<(...args: any[]) => any>;
+        discardButtonText: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        cancelButtonText: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        confirmButtonText: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        show: PropTypes.Validator<boolean>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        iconNavigation: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        showCloseButton: PropTypes.Requireable<boolean>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        bsSize: PropTypes.Requireable<string>;
+        disableEsc: PropTypes.Requireable<boolean>;
+        useOverflow: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+    };
+}
+import PropTypes from "prop-types";