@pingux/astro 2.37.2 → 2.38.0-alpha.0

package/lib/cjs/components/Callout/Callout.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CalloutProps } from '../../types/callout';
+export declare const CALLOUT_TEST_ID = "CalloutTestId";
+/**
+ Please note, Callout is a static component, the [Messages](./?path=/docs/components-messages)
+ component is recommended if you need to interrupt and notify users of successful/failed actions
+ or give warnings of unexpected events.
+ */
+declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLElement>>;
+export default Callout;

package/lib/cjs/components/Callout/Callout.js

@@ -1,15 +1,9 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
@@ -21,15 +15,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("../..");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _NoticeIcon = require("../Icon/NoticeIcon");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "status"];
 var _calloutProps;
 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); }
 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; }
-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; }
-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; }
 var CALLOUT_TEST_ID = 'CalloutTestId';
 exports.CALLOUT_TEST_ID = CALLOUT_TEST_ID;
 var calloutProps = (_calloutProps = {}, (0, _defineProperty2["default"])(_calloutProps, _statuses["default"].DEFAULT, {
@@ -59,7 +50,8 @@ var defaultIconProps = {
 
 var Callout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
-    status = _ref.status,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? _statuses["default"].DEFAULT : _ref$status,
     others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     ref: ref,
@@ -73,8 +65,6 @@ var Callout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "aria-label": "".concat(status, "-icon")
   }, defaultIconProps)), children);
 });
-Callout.propTypes = _objectSpread({}, _statusProp.statusPropTypes);
-Callout.defaultProps = _objectSpread({}, _statusProp.statusDefaultProp);
 Callout.displayName = 'Callout';
 var _default = Callout;
 exports["default"] = _default;

package/lib/cjs/components/Callout/Callout.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryFn } from '@storybook/react';
+import { CalloutProps } from '../../types/callout';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<CalloutProps>;
+export declare const ErrorStatus: StoryFn;
+export declare const Success: StoryFn;
+export declare const Warning: StoryFn;

package/lib/cjs/components/Callout/Callout.stories.js

@@ -18,7 +18,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _Callout = _interopRequireDefault(require("./Callout.mdx"));

package/lib/cjs/components/Callout/Callout.styles.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    base: {
+        alignItems: string;
+        border: string;
+        borderColor: string;
+        fontSize: string;
+        p: string;
+        width: string;
+    };
+    error: {
+        borderColor: string;
+        alignItems: string;
+        border: string;
+        fontSize: string;
+        p: string;
+        width: string;
+    };
+    success: {
+        borderColor: string;
+        alignItems: string;
+        border: string;
+        fontSize: string;
+        p: string;
+        width: string;
+    };
+    warning: {
+        borderColor: string;
+        alignItems: string;
+        border: string;
+        fontSize: string;
+        p: string;
+        width: string;
+    };
+};
+export default _default;

package/lib/cjs/components/Callout/Callout.test.d.ts

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

package/lib/cjs/components/Callout/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Callout';

package/lib/cjs/components/Icon/NoticeIcon.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IconProps, Status } from '../../types';
+export declare const noticeIcons: {
+    [x: number]: {
+        icon: import("@pingux/mdi-react").MdiReactIconComponentType;
+        testid: string;
+        name: string;
+    };
+};
+interface NoticeIconProps extends Omit<IconProps, 'icon'> {
+    status?: Status;
+}
+export declare const NoticeIcon: React.FC<NoticeIconProps>;
+export {};

package/lib/cjs/components/Icon/NoticeIcon.js

@@ -1,12 +1,5 @@
 "use strict";
 
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
@@ -23,12 +16,9 @@ var _CheckCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCi
 var _InformationIcon = _interopRequireDefault(require("@pingux/mdi-react/InformationIcon"));
 var _ = require("../..");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 var _excluded = ["status"];
 var _noticeIcons;
-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; }
-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; }
 var noticeIcons = (_noticeIcons = {}, (0, _defineProperty2["default"])(_noticeIcons, _statuses["default"].DEFAULT, {
   icon: _InformationIcon["default"],
   testid: 'default-icon-testid',
@@ -53,11 +43,10 @@ var NoticeIcon = function NoticeIcon(_ref) {
     others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return (0, _react2.jsx)(_.Icon, (0, _extends2["default"])({
     "data-testid": noticeIcons[status].testid,
-    icon: noticeIcons[status].icon,
     title: {
       name: noticeIcons[status].name
-    }
+    },
+    icon: noticeIcons[status].icon
   }, others));
 };
-exports.NoticeIcon = NoticeIcon;
-NoticeIcon.propTypes = _objectSpread({}, _statusProp.statusPropTypes);
+exports.NoticeIcon = NoticeIcon;

package/lib/cjs/components/Icon/NoticeIcon.test.d.ts

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

package/lib/cjs/types/callout.d.ts

@@ -0,0 +1,4 @@
+import { Status } from './item';
+import { DOMAttributes, StyleProps } from './shared';
+export interface CalloutProps extends StyleProps, DOMAttributes, Status {
+}

package/lib/cjs/types/callout.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/item.d.ts

@@ -1,6 +1,9 @@
 import { ElementType } from 'react';
 import type { ItemProps } from '@react-types/shared';
 import { DOMAttributes, StyleProps } from './shared';
+export interface Status {
+    status?: 'default' | 'error' | 'success' | 'warning';
+}
 declare module '@react-types/shared' {
     interface ItemProps<T> extends StyleProps, DOMAttributes {
         /** The rendered label for the item. */
@@ -16,7 +19,7 @@ declare module '@react-types/shared' {
         /** The HTML element type that will be used to render the item. */
         elementType?: string | ElementType;
         /** Indicates the status of item */
-        status?: 'default' | 'error' | 'success' | 'warning';
+        status?: Status;
         /** A URL to link to if elementType="a". */
         href?: string;
         /** Inline styling prop for item */

package/lib/components/Callout/Callout.js

@@ -1,22 +1,11 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["children", "status"];
 var _calloutProps;
-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; }
-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; }
 import React, { forwardRef } from 'react';
 import { Box } from '../..';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
 import { NoticeIcon } from '../Icon/NoticeIcon';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var CALLOUT_TEST_ID = 'CalloutTestId';
@@ -47,7 +36,8 @@ var defaultIconProps = {
 
 var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    status = _ref.status,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? statuses.DEFAULT : _ref$status,
     others = _objectWithoutProperties(_ref, _excluded);
   return ___EmotionJSX(Box, _extends({
     ref: ref,
@@ -61,7 +51,5 @@ var Callout = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-label": "".concat(status, "-icon")
   }, defaultIconProps)), children);
 });
-Callout.propTypes = _objectSpread({}, statusPropTypes);
-Callout.defaultProps = _objectSpread({}, statusDefaultProp);
 Callout.displayName = 'Callout';
 export default Callout;

package/lib/components/Callout/Callout.stories.js

@@ -13,7 +13,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Callout, Link, Text } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import statuses from '../../utils/devUtils/constants/statuses';
 import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import CalloutReadme from './Callout.mdx';

package/lib/components/Icon/NoticeIcon.js

@@ -1,18 +1,8 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 var _excluded = ["status"];
 var _noticeIcons;
-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; }
-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; }
 import React from 'react';
 import AlertCircleIcon from '@pingux/mdi-react/AlertCircleIcon';
 import AlertIcon from '@pingux/mdi-react/AlertIcon';
@@ -20,7 +10,6 @@ import CheckCircleIcon from '@pingux/mdi-react/CheckCircleIcon';
 import InformationIcon from '@pingux/mdi-react/InformationIcon';
 import { Icon } from '../..';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { statusPropTypes } from '../../utils/docUtils/statusProp';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var noticeIcons = (_noticeIcons = {}, _defineProperty(_noticeIcons, statuses.DEFAULT, {
   icon: InformationIcon,
@@ -45,10 +34,9 @@ export var NoticeIcon = function NoticeIcon(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return ___EmotionJSX(Icon, _extends({
     "data-testid": noticeIcons[status].testid,
-    icon: noticeIcons[status].icon,
     title: {
       name: noticeIcons[status].name
-    }
+    },
+    icon: noticeIcons[status].icon
   }, others));
-};
-NoticeIcon.propTypes = _objectSpread({}, statusPropTypes);
+};

package/lib/types/callout.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.37.2",
+  "version": "2.38.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",