@pingux/astro 2.155.1 → 2.157.1-alpha.0

package/lib/cjs/components/PasswordField/PasswordField.js

@@ -37,10 +37,9 @@ var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/s
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 var _excluded = ["helperText", "isVisible", "onVisibleChange", "requirements", "requirementsListProps", "slots", "status", "viewHiddenIconTestId", "viewIconTestId"];
-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 = _filterInstanceProperty2(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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var displayName = 'PasswordField';
 var ARIA_LABELS_FOR_SHOW_PASSWORD_TOGGLE = {
   HIDE: 'hide password',
@@ -194,7 +193,7 @@ var PasswordField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     isDismissable: false,
     isNonModal: true,
     isOpen: isFocused && requirements && (0, _isArray["default"])(requirements) && !checkRequirements(),
-    placement: placement,
+    placement: placement !== null && placement !== void 0 ? placement : undefined,
     ref: popoverRef,
     style: style
   }, (0, _react2.jsx)(_.RequirementsList, (0, _extends2["default"])({
@@ -219,5 +218,4 @@ PasswordField.defaultProps = _objectSpread({
   type: 'password'
 }, _statusProp.statusDefaultProp);
 PasswordField.displayName = displayName;
-var _default = PasswordField;
-exports["default"] = _default;
+var _default = exports["default"] = PasswordField;

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

@@ -1,6 +1,6 @@
-import { StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { PasswordFieldProps } from '../../types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: Meta;
 export default _default;
 export declare const Default: StoryFn<PasswordFieldProps>;
 export declare const WithRequirementsList: StoryFn<PasswordFieldProps>;

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

@@ -28,11 +28,10 @@ var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _PasswordField = _interopRequireDefault(require("./PasswordField.mdx"));
 var _react2 = require("@emotion/react");
-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 _default = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'Form/PasswordField',
   component: _index.PasswordField,
   parameters: {
@@ -50,14 +49,12 @@ var _default = {
     }
   }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
-exports["default"] = _default;
-var Default = function Default(args) {
+var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.PasswordField, (0, _extends2["default"])({
     label: "Example Label"
   }, args));
 };
-exports.Default = Default;
-var WithRequirementsList = function WithRequirementsList() {
+var WithRequirementsList = exports.WithRequirementsList = function WithRequirementsList() {
   var _useState = (0, _react.useState)({
       name: '6 characters',
       status: _statuses["default"].DEFAULT
@@ -90,9 +87,9 @@ var WithRequirementsList = function WithRequirementsList() {
       name: '1 special character',
       status: _statuses["default"].DEFAULT
     }),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    specialReq = _useState10[0],
-    setSpecialReq = _useState10[1];
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    specialReq = _useState0[0],
+    setSpecialReq = _useState0[1];
   var checkPasswordExample = function checkPasswordExample(string) {
     var specialCharacters = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]+/;
     if (string.length > 5) {
@@ -170,12 +167,11 @@ var WithRequirementsList = function WithRequirementsList() {
     requirements: [charactersReq, uppercaseReq, lowercaseReq, numberReq, specialReq]
   });
 };
-exports.WithRequirementsList = WithRequirementsList;
-var WithStateProps = function WithStateProps() {
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    isVisible = _useState12[0],
-    setPasswordShown = _useState12[1];
+var WithStateProps = exports.WithStateProps = function WithStateProps() {
+  var _useState1 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2["default"])(_useState1, 2),
+    isVisible = _useState10[0],
+    setPasswordShown = _useState10[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
@@ -185,12 +181,11 @@ var WithStateProps = function WithStateProps() {
     label: "Example Label"
   });
 };
-exports.WithStateProps = WithStateProps;
-var FloatLabel = function FloatLabel() {
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-    isVisible = _useState14[0],
-    setPasswordShown = _useState14[1];
+var FloatLabel = exports.FloatLabel = function FloatLabel() {
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isVisible = _useState12[0],
+    setPasswordShown = _useState12[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
@@ -203,7 +198,6 @@ var FloatLabel = function FloatLabel() {
 };
 
 // Added to bypass color contrast issue
-exports.FloatLabel = FloatLabel;
 FloatLabel.parameters = {
   a11y: {
     config: {
@@ -214,11 +208,11 @@ FloatLabel.parameters = {
     }
   }
 };
-var LeftLabel = function LeftLabel() {
-  var _useState15 = (0, _react.useState)(false),
-    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-    isVisible = _useState16[0],
-    setPasswordShown = _useState16[1];
+var LeftLabel = exports.LeftLabel = function LeftLabel() {
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    isVisible = _useState14[0],
+    setPasswordShown = _useState14[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
@@ -229,16 +223,15 @@ var LeftLabel = function LeftLabel() {
     labelMode: "left"
   });
 };
-exports.LeftLabel = LeftLabel;
-var Controlled = function Controlled() {
-  var _useState17 = (0, _react.useState)(false),
+var Controlled = exports.Controlled = function Controlled() {
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
+    isVisible = _useState16[0],
+    setPasswordShown = _useState16[1];
+  var _useState17 = (0, _react.useState)(''),
     _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-    isVisible = _useState18[0],
-    setPasswordShown = _useState18[1];
-  var _useState19 = (0, _react.useState)(''),
-    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-    value = _useState20[0],
-    setValue = _useState20[1];
+    value = _useState18[0],
+    setValue = _useState18[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
@@ -252,8 +245,22 @@ var Controlled = function Controlled() {
     value: value
   });
 };
-exports.Controlled = Controlled;
-var Disabled = function Disabled() {
+var Disabled = exports.Disabled = function Disabled() {
+  var _useState19 = (0, _react.useState)(false),
+    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
+    isVisible = _useState20[0],
+    setPasswordShown = _useState20[1];
+  var onVisibleChange = function onVisibleChange() {
+    setPasswordShown(!isVisible);
+  };
+  return (0, _react2.jsx)(_index.PasswordField, {
+    onVisibleChange: onVisibleChange,
+    isVisible: isVisible,
+    label: "Example Label",
+    isDisabled: true
+  });
+};
+var ReadOnly = exports.ReadOnly = function ReadOnly() {
   var _useState21 = (0, _react.useState)(false),
     _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
     isVisible = _useState22[0],
@@ -265,11 +272,10 @@ var Disabled = function Disabled() {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
     label: "Example Label",
-    isDisabled: true
+    isReadOnly: true
   });
 };
-exports.Disabled = Disabled;
-var ReadOnly = function ReadOnly() {
+var Required = exports.Required = function Required() {
   var _useState23 = (0, _react.useState)(false),
     _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
     isVisible = _useState24[0],
@@ -281,11 +287,10 @@ var ReadOnly = function ReadOnly() {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
     label: "Example Label",
-    isReadOnly: true
+    isRequired: true
   });
 };
-exports.ReadOnly = ReadOnly;
-var Required = function Required() {
+var Warning = exports.Warning = function Warning() {
   var _useState25 = (0, _react.useState)(false),
     _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
     isVisible = _useState26[0],
@@ -297,11 +302,11 @@ var Required = function Required() {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
     label: "Example Label",
-    isRequired: true
+    status: "warning",
+    helperText: "This might match a password you\u2019ve used before."
   });
 };
-exports.Required = Required;
-var Warning = function Warning() {
+var Success = exports.Success = function Success() {
   var _useState27 = (0, _react.useState)(false),
     _useState28 = (0, _slicedToArray2["default"])(_useState27, 2),
     isVisible = _useState28[0],
@@ -313,37 +318,19 @@ var Warning = function Warning() {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
     label: "Example Label",
-    status: "warning",
-    helperText: "This might match a password you\u2019ve used before."
+    status: "success",
+    helperText: "This password meets requirements."
   });
 };
-exports.Warning = Warning;
-var Success = function Success() {
+var DynamicRequired = exports.DynamicRequired = function DynamicRequired() {
   var _useState29 = (0, _react.useState)(false),
     _useState30 = (0, _slicedToArray2["default"])(_useState29, 2),
     isVisible = _useState30[0],
     setPasswordShown = _useState30[1];
-  var onVisibleChange = function onVisibleChange() {
-    setPasswordShown(!isVisible);
-  };
-  return (0, _react2.jsx)(_index.PasswordField, {
-    onVisibleChange: onVisibleChange,
-    isVisible: isVisible,
-    label: "Example Label",
-    status: "success",
-    helperText: "This password meets requirements."
-  });
-};
-exports.Success = Success;
-var DynamicRequired = function DynamicRequired() {
-  var _useState31 = (0, _react.useState)(false),
+  var _useState31 = (0, _react.useState)(''),
     _useState32 = (0, _slicedToArray2["default"])(_useState31, 2),
-    isVisible = _useState32[0],
-    setPasswordShown = _useState32[1];
-  var _useState33 = (0, _react.useState)(''),
-    _useState34 = (0, _slicedToArray2["default"])(_useState33, 2),
-    value = _useState34[0],
-    setValue = _useState34[1];
+    value = _useState32[0],
+    setValue = _useState32[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
@@ -358,12 +345,11 @@ var DynamicRequired = function DynamicRequired() {
     }
   });
 };
-exports.DynamicRequired = DynamicRequired;
-var MaxLength = function MaxLength() {
-  var _useState35 = (0, _react.useState)(false),
-    _useState36 = (0, _slicedToArray2["default"])(_useState35, 2),
-    isVisible = _useState36[0],
-    setPasswordShown = _useState36[1];
+var MaxLength = exports.MaxLength = function MaxLength() {
+  var _useState33 = (0, _react.useState)(false),
+    _useState34 = (0, _slicedToArray2["default"])(_useState33, 2),
+    isVisible = _useState34[0],
+    setPasswordShown = _useState34[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
@@ -374,5 +360,4 @@ var MaxLength = function MaxLength() {
     labelMode: "left",
     maxLength: 9
   });
-};
-exports.MaxLength = MaxLength;
+};