@panneau/modal-dialog 1.0.0-alpha.97 → 1.0.3-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +4 -4
  2. package/lib/index.js +24 -24
  3. package/package.json +11 -11
package/es/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
2
  import React from 'react';
3
- import PropTypes$1 from 'prop-types';
4
3
  import classNames from 'classnames';
4
+ import PropTypes$1 from 'prop-types';
5
5
  import { PropTypes } from '@panneau/core';
6
- import Label from '@panneau/element-label';
7
6
  import Buttons from '@panneau/element-buttons';
7
+ import Label from '@panneau/element-label';
8
8
 
9
9
  var styles = {"container":"panneau-modal-dialog-container"};
10
10
 
@@ -51,7 +51,7 @@ var ModalDialog = function ModalDialog(_ref) {
51
51
  className: "modal-title"
52
52
  }, /*#__PURE__*/React.createElement(Label, null, title)), /*#__PURE__*/React.createElement("button", {
53
53
  type: "button",
54
- className: "close text-light",
54
+ className: "btn btn-secondary close text-light",
55
55
  "aria-label": "Close",
56
56
  onClick: onClickClose
57
57
  }, /*#__PURE__*/React.createElement("span", {
@@ -71,4 +71,4 @@ var ModalDialog = function ModalDialog(_ref) {
71
71
  ModalDialog.propTypes = propTypes;
72
72
  ModalDialog.defaultProps = defaultProps;
73
73
 
74
- export default ModalDialog;
74
+ export { ModalDialog as default };
package/lib/index.js CHANGED
@@ -4,32 +4,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
6
  var React = require('react');
7
- var PropTypes = require('prop-types');
8
7
  var classNames = require('classnames');
8
+ var PropTypes = require('prop-types');
9
9
  var core = require('@panneau/core');
10
- var Label = require('@panneau/element-label');
11
10
  var Buttons = require('@panneau/element-buttons');
11
+ var Label = require('@panneau/element-label');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
15
15
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
18
17
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
19
- var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
18
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
20
19
  var Buttons__default = /*#__PURE__*/_interopDefaultLegacy(Buttons);
20
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
21
21
 
22
22
  var styles = {"container":"panneau-modal-dialog-container"};
23
23
 
24
24
  var propTypes = {
25
25
  title: core.PropTypes.label,
26
- header: PropTypes__default['default'].node,
27
- children: PropTypes__default['default'].node,
28
- footer: PropTypes__default['default'].node,
26
+ header: PropTypes__default["default"].node,
27
+ children: PropTypes__default["default"].node,
28
+ footer: PropTypes__default["default"].node,
29
29
  buttons: core.PropTypes.buttons,
30
30
  // theme: PropTypes.oneOf([null, 'dark', 'light']),
31
- onClickClose: PropTypes__default['default'].func,
32
- className: PropTypes__default['default'].string
31
+ onClickClose: PropTypes__default["default"].func,
32
+ className: PropTypes__default["default"].string
33
33
  };
34
34
  var defaultProps = {
35
35
  title: null,
@@ -50,32 +50,32 @@ var ModalDialog = function ModalDialog(_ref) {
50
50
  footer = _ref.footer,
51
51
  onClickClose = _ref.onClickClose,
52
52
  className = _ref.className;
53
- return /*#__PURE__*/React__default['default'].createElement("div", {
54
- className: classNames__default['default'](['modal-dialog', styles.container, _defineProperty__default['default']({}, className, className)]),
53
+ return /*#__PURE__*/React__default["default"].createElement("div", {
54
+ className: classNames__default["default"](['modal-dialog', styles.container, _defineProperty__default["default"]({}, className, className)]),
55
55
  role: "dialog"
56
- }, /*#__PURE__*/React__default['default'].createElement("div", {
56
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
57
57
  className: "modal-content"
58
- }, header || /*#__PURE__*/React__default['default'].createElement("div", {
59
- className: classNames__default['default'](['modal-header', styles.header, {// 'bg-dark': theme === 'dark',
58
+ }, header || /*#__PURE__*/React__default["default"].createElement("div", {
59
+ className: classNames__default["default"](['modal-header', styles.header, {// 'bg-dark': theme === 'dark',
60
60
  // 'border-dark': theme === 'dark',
61
61
  // 'text-light': theme === 'dark',
62
62
  }])
63
- }, /*#__PURE__*/React__default['default'].createElement("h5", {
63
+ }, /*#__PURE__*/React__default["default"].createElement("h5", {
64
64
  className: "modal-title"
65
- }, /*#__PURE__*/React__default['default'].createElement(Label__default['default'], null, title)), /*#__PURE__*/React__default['default'].createElement("button", {
65
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, title)), /*#__PURE__*/React__default["default"].createElement("button", {
66
66
  type: "button",
67
- className: "close text-light",
67
+ className: "btn btn-secondary close text-light",
68
68
  "aria-label": "Close",
69
69
  onClick: onClickClose
70
- }, /*#__PURE__*/React__default['default'].createElement("span", {
70
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
71
71
  "aria-hidden": "true"
72
- }, "\xD7"))), /*#__PURE__*/React__default['default'].createElement("div", {
73
- className: classNames__default['default'](['modal-body', styles.body, {// [`bg-${theme}`]: theme !== null,
72
+ }, "\xD7"))), /*#__PURE__*/React__default["default"].createElement("div", {
73
+ className: classNames__default["default"](['modal-body', styles.body, {// [`bg-${theme}`]: theme !== null,
74
74
  // 'text-light': theme === 'dark',
75
75
  }])
76
- }, children), footer !== null || buttons !== null ? /*#__PURE__*/React__default['default'].createElement("div", {
77
- className: classNames__default['default'](['modal-footer', styles.footer])
78
- }, footer, buttons !== null ? /*#__PURE__*/React__default['default'].createElement(Buttons__default['default'], {
76
+ }, children), footer !== null || buttons !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
77
+ className: classNames__default["default"](['modal-footer', styles.footer])
78
+ }, footer, buttons !== null ? /*#__PURE__*/React__default["default"].createElement(Buttons__default["default"], {
79
79
  buttons: buttons,
80
80
  className: styles.buttons
81
81
  }) : null) : null));
@@ -84,4 +84,4 @@ var ModalDialog = function ModalDialog(_ref) {
84
84
  ModalDialog.propTypes = propTypes;
85
85
  ModalDialog.defaultProps = defaultProps;
86
86
 
87
- exports.default = ModalDialog;
87
+ exports["default"] = ModalDialog;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/modal-dialog",
3
- "version": "1.0.0-alpha.97",
3
+ "version": "1.0.3-alpha.1",
4
4
  "description": "Default modal",
5
5
  "keywords": [
6
6
  "javascript"
@@ -44,26 +44,26 @@
44
44
  "prepare": "../../scripts/prepare-package.sh"
45
45
  },
46
46
  "devDependencies": {
47
- "react": "^16.8.0",
48
- "react-dom": "^16.8.0"
47
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
48
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
49
49
  },
50
50
  "peerDependencies": {
51
- "react": "^16.8.0",
52
- "react-dom": "^16.8.0"
51
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
52
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
53
53
  },
54
54
  "dependencies": {
55
55
  "@babel/runtime": "^7.12.5",
56
- "@panneau/core": "^1.0.0-alpha.97",
57
- "@panneau/element-buttons": "^1.0.0-alpha.97",
58
- "@panneau/element-label": "^1.0.0-alpha.97",
59
- "@panneau/themes": "^1.0.0-alpha.97",
56
+ "@panneau/core": "^1.0.3-alpha.1",
57
+ "@panneau/element-buttons": "^1.0.3-alpha.1",
58
+ "@panneau/element-label": "^1.0.3-alpha.1",
59
+ "@panneau/themes": "^1.0.3-alpha.1",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
63
- "react-intl": "^5.15.8"
63
+ "react-intl": "^5.15.8||^6.0.0"
64
64
  },
65
65
  "publishConfig": {
66
66
  "access": "public"
67
67
  },
68
- "gitHead": "ae027f5d52166649ba60c89f91b0ea5e6df29e64"
68
+ "gitHead": "e04e663c7f1eb692f89a0136f2e8f45024fbe355"
69
69
  }