@pingux/astro 2.155.0 → 2.155.1-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 (6) hide show
  1. package/lib/cjs/components/Modal/Modal.stories.js +1 -1
  2. package/lib/cjs/components/Modal/ModalHeader.js +18 -6
  3. package/lib/cjs/types/Modal.d.ts +3 -3
  4. package/lib/components/Modal/Modal.stories.js +1 -1
  5. package/lib/components/Modal/ModalHeader.js +18 -4
  6. package/package.json +1 -1
package/lib/cjs/components/Modal/Modal.stories.js CHANGED
@@ -113,7 +113,7 @@ var Default = function Default(args) {
113
113
  tabIndex: state.isOpen ? -1 : 0
114
114
  }, "Open Modal"), (state.isOpen || state.isTransitioning) && (0, _react2.jsx)(_index.Modal, (0, _extends2["default"])({}, args, {
115
115
  isOpen: state.isOpen,
116
- state: state
116
+ onClose: state.close
117
117
  }), (0, _react2.jsx)(_index.ModalHeader, {
118
118
  hasCloseButton: true,
119
119
  onClose: state.close,
package/lib/cjs/components/Modal/ModalHeader.js CHANGED
@@ -1,15 +1,23 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
4
- var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
+ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
5
+ var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
6
+ var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
6
7
  var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
8
+ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
9
+ var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
10
+ var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
11
+ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
12
+ var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
7
13
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
14
  _Object$defineProperty(exports, "__esModule", {
9
15
  value: true
10
16
  });
11
17
  exports["default"] = void 0;
18
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
12
19
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
20
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
13
21
  var _react = _interopRequireWildcard(require("react"));
14
22
  var _CloseIcon = _interopRequireDefault(require("@pingux/mdi-react/CloseIcon"));
15
23
  var _Box = _interopRequireDefault(require("../Box"));
@@ -17,8 +25,11 @@ var _Icon = _interopRequireDefault(require("../Icon"));
17
25
  var _IconButton = _interopRequireDefault(require("../IconButton"));
18
26
  var _Text = _interopRequireDefault(require("../Text"));
19
27
  var _react2 = require("@emotion/react");
28
+ var _excluded = ["closeButton", "hasCloseButton", "title", "onClose", "containerProps", "titleProps", "hasNoSeparator"];
20
29
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
30
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
32
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
22
33
  var ModalHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
23
34
  var closeButton = props.closeButton,
24
35
  hasCloseButton = props.hasCloseButton,
@@ -26,7 +37,8 @@ var ModalHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
26
37
  onClose = props.onClose,
27
38
  containerProps = props.containerProps,
28
39
  titleProps = props.titleProps,
29
- hasNoSeparator = props.hasNoSeparator;
40
+ hasNoSeparator = props.hasNoSeparator,
41
+ rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
30
42
  var titleContent = typeof title === 'string' && title ? (0, _react2.jsx)(_Box["default"], {
31
43
  flex: "1"
32
44
  }, (0, _react2.jsx)(_Text["default"], (0, _extends2["default"])({}, titleProps, {
@@ -41,10 +53,10 @@ var ModalHeader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
41
53
  alignItems: "center",
42
54
  as: "header",
43
55
  ref: ref,
44
- sx: {
56
+ sx: _objectSpread({
45
57
  borderBottomWidth: hasNoSeparator ? '0px' : '1px'
46
- }
47
- }, containerProps), titleContent, hasCloseButton && (closeButton !== null && closeButton !== void 0 ? closeButton : (0, _react2.jsx)(_IconButton["default"], {
58
+ }, rest.sx)
59
+ }, containerProps, rest), titleContent, hasCloseButton && (closeButton !== null && closeButton !== void 0 ? closeButton : (0, _react2.jsx)(_IconButton["default"], {
48
60
  "aria-label": "Close modal window",
49
61
  "data-id": "icon-button__close-modal-window",
50
62
  variant: "modalHeaderCloseButton",
package/lib/cjs/types/Modal.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { AstroOverlayTriggerState } from '../hooks/useModalState/useModalState';
3
3
  import { DOMAttributes } from './shared/dom';
4
- import { ModalSizeProps } from './shared/style';
4
+ import { ModalSizeProps, StyleProps } from './shared/style';
5
5
  import { TestingAttributes } from './shared/test';
6
6
  export interface ModalProps extends DOMAttributes, TestingAttributes {
7
7
  /** Used in tandem with `hasCloseButton` to customize how the close button is rendered. */
@@ -61,7 +61,7 @@ export interface ModalProps extends DOMAttributes, TestingAttributes {
61
61
  containerProps?: object;
62
62
  headerContainerProps?: object;
63
63
  }
64
- export type ModalHeaderProps = {
64
+ export interface ModalHeaderProps extends StyleProps {
65
65
  titleProps?: object;
66
66
  containerProps?: object;
67
67
  closeButton?: ReactNode;
@@ -69,7 +69,7 @@ export type ModalHeaderProps = {
69
69
  onClose?: () => void;
70
70
  title?: ReactNode;
71
71
  hasNoSeparator?: boolean;
72
- };
72
+ }
73
73
  export type ModalFooterProps = {
74
74
  onSubmit?: () => void;
75
75
  onCancel?: () => void;
package/lib/components/Modal/Modal.stories.js CHANGED
@@ -99,7 +99,7 @@ export var Default = function Default(args) {
99
99
  tabIndex: state.isOpen ? -1 : 0
100
100
  }, "Open Modal"), (state.isOpen || state.isTransitioning) && ___EmotionJSX(Modal, _extends({}, args, {
101
101
  isOpen: state.isOpen,
102
- state: state
102
+ onClose: state.close
103
103
  }), ___EmotionJSX(ModalHeader, {
104
104
  hasCloseButton: true,
105
105
  onClose: state.close,
package/lib/components/Modal/ModalHeader.js CHANGED
@@ -1,4 +1,17 @@
1
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
2
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
3
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
4
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
5
+ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
6
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
7
+ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
8
+ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
9
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
1
10
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
11
+ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
12
+ var _excluded = ["closeButton", "hasCloseButton", "title", "onClose", "containerProps", "titleProps", "hasNoSeparator"];
13
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
2
15
  import React, { forwardRef } from 'react';
3
16
  import CloseIcon from '@pingux/mdi-react/CloseIcon';
4
17
  import Box from '../Box';
@@ -13,7 +26,8 @@ var ModalHeader = /*#__PURE__*/forwardRef(function (props, ref) {
13
26
  onClose = props.onClose,
14
27
  containerProps = props.containerProps,
15
28
  titleProps = props.titleProps,
16
- hasNoSeparator = props.hasNoSeparator;
29
+ hasNoSeparator = props.hasNoSeparator,
30
+ rest = _objectWithoutProperties(props, _excluded);
17
31
  var titleContent = typeof title === 'string' && title ? ___EmotionJSX(Box, {
18
32
  flex: "1"
19
33
  }, ___EmotionJSX(Text, _extends({}, titleProps, {
@@ -28,10 +42,10 @@ var ModalHeader = /*#__PURE__*/forwardRef(function (props, ref) {
28
42
  alignItems: "center",
29
43
  as: "header",
30
44
  ref: ref,
31
- sx: {
45
+ sx: _objectSpread({
32
46
  borderBottomWidth: hasNoSeparator ? '0px' : '1px'
33
- }
34
- }, containerProps), titleContent, hasCloseButton && (closeButton !== null && closeButton !== void 0 ? closeButton : ___EmotionJSX(IconButton, {
47
+ }, rest.sx)
48
+ }, containerProps, rest), titleContent, hasCloseButton && (closeButton !== null && closeButton !== void 0 ? closeButton : ___EmotionJSX(IconButton, {
35
49
  "aria-label": "Close modal window",
36
50
  "data-id": "icon-button__close-modal-window",
37
51
  variant: "modalHeaderCloseButton",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.155.0",
3
+ "version": "2.155.1-alpha.1",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",