@pingux/astro 1.42.2 → 2.0.0-alpha.4

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

@@ -1,59 +1,34 @@
 "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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.WithStateProps = exports.WithRequirementsList = exports.Warning = exports.Success = exports.Required = exports.ReadOnly = exports.MaxLength = exports.LeftLabel = exports.FloatLabel = exports.DynamicRequired = exports.Disabled = exports.Default = exports.Controlled = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _ = _interopRequireDefault(require("."));
-
-var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
-
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
-
+var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
+var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
+var _ = _interopRequireDefault(require("."));
 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 = {
   title: 'Form/PasswordField',
   component: _["default"],
@@ -64,7 +39,7 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread({
+  argTypes: _objectSpread(_objectSpread({
     status: {
       control: {
         type: 'select',
@@ -77,62 +52,53 @@ var _default = {
         type: 'text'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
 };
 exports["default"] = _default;
-
 var Default = function Default(args) {
   return (0, _react2.jsx)(_["default"], (0, _extends2["default"])({
     label: "Example Label"
   }, args));
 };
-
 exports.Default = Default;
-
 var WithRequirementsList = function WithRequirementsList() {
   var _useState = (0, _react.useState)({
-    name: '6 characters',
-    status: _statuses["default"].DEFAULT
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      charactersReq = _useState2[0],
-      setCharactersReq = _useState2[1];
-
+      name: '6 characters',
+      status: _statuses["default"].DEFAULT
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    charactersReq = _useState2[0],
+    setCharactersReq = _useState2[1];
   var _useState3 = (0, _react.useState)({
-    name: '1 UPPERCASE letter',
-    status: _statuses["default"].DEFAULT
-  }),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      uppercaseReq = _useState4[0],
-      setUppercaseReq = _useState4[1];
-
+      name: '1 UPPERCASE letter',
+      status: _statuses["default"].DEFAULT
+    }),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    uppercaseReq = _useState4[0],
+    setUppercaseReq = _useState4[1];
   var _useState5 = (0, _react.useState)({
-    name: '1 lowercase letter',
-    status: _statuses["default"].DEFAULT
-  }),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      lowercaseReq = _useState6[0],
-      setLowercaseReq = _useState6[1];
-
+      name: '1 lowercase letter',
+      status: _statuses["default"].DEFAULT
+    }),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    lowercaseReq = _useState6[0],
+    setLowercaseReq = _useState6[1];
   var _useState7 = (0, _react.useState)({
-    name: '1 number',
-    status: _statuses["default"].DEFAULT
-  }),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      numberReq = _useState8[0],
-      setNumberReq = _useState8[1];
-
+      name: '1 number',
+      status: _statuses["default"].DEFAULT
+    }),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    numberReq = _useState8[0],
+    setNumberReq = _useState8[1];
   var _useState9 = (0, _react.useState)({
-    name: '1 special character',
-    status: _statuses["default"].DEFAULT
-  }),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      specialReq = _useState10[0],
-      setSpecialReq = _useState10[1];
-
+      name: '1 special character',
+      status: _statuses["default"].DEFAULT
+    }),
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    specialReq = _useState10[0],
+    setSpecialReq = _useState10[1];
   var checkPasswordExample = function checkPasswordExample(string) {
     var specialCharacters = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]+/;
-
     if (string.length > 5) {
       setCharactersReq(function (prev) {
         return _objectSpread(_objectSpread({}, prev), {}, {
@@ -146,7 +112,6 @@ var WithRequirementsList = function WithRequirementsList() {
         });
       });
     }
-
     if (string.match(/[A-Z]/) !== null && string.match(/[A-Z]/).length >= 1) {
       setUppercaseReq(function (prev) {
         return _objectSpread(_objectSpread({}, prev), {}, {
@@ -160,7 +125,6 @@ var WithRequirementsList = function WithRequirementsList() {
         });
       });
     }
-
     if (string.match(/[a-z]/) !== null && string.match(/[a-z]/).length >= 1) {
       setLowercaseReq(function (prev) {
         return _objectSpread(_objectSpread({}, prev), {}, {
@@ -174,7 +138,6 @@ var WithRequirementsList = function WithRequirementsList() {
         });
       });
     }
-
     if (string.match(/[0-9]/) !== null && string.match(/[0-9]/).length >= 1) {
       setNumberReq(function (prev) {
         return _objectSpread(_objectSpread({}, prev), {}, {
@@ -188,7 +151,6 @@ var WithRequirementsList = function WithRequirementsList() {
         });
       });
     }
-
     if (specialCharacters.test(string)) {
       setSpecialReq(function (prev) {
         return _objectSpread(_objectSpread({}, prev), {}, {
@@ -203,49 +165,39 @@ var WithRequirementsList = function WithRequirementsList() {
       });
     }
   };
-
   var onChange = function onChange(event) {
     checkPasswordExample(event.target.value);
   };
-
   return (0, _react2.jsx)(_["default"], {
     label: "Example Label",
     onChange: onChange,
     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];
-
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    isVisible = _useState12[0],
+    setPasswordShown = _useState12[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
     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];
-
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    isVisible = _useState14[0],
+    setPasswordShown = _useState14[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -253,19 +205,15 @@ var FloatLabel = function FloatLabel() {
     labelMode: "float"
   });
 };
-
 exports.FloatLabel = FloatLabel;
-
 var LeftLabel = function LeftLabel() {
   var _useState15 = (0, _react.useState)(false),
-      _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-      isVisible = _useState16[0],
-      setPasswordShown = _useState16[1];
-
+    _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
+    isVisible = _useState16[0],
+    setPasswordShown = _useState16[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -273,24 +221,19 @@ var LeftLabel = function LeftLabel() {
     labelMode: "left"
   });
 };
-
 exports.LeftLabel = LeftLabel;
-
 var Controlled = function Controlled() {
   var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-      isVisible = _useState18[0],
-      setPasswordShown = _useState18[1];
-
+    _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];
-
+    _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
+    value = _useState20[0],
+    setValue = _useState20[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -301,19 +244,15 @@ var Controlled = function Controlled() {
     value: value
   });
 };
-
 exports.Controlled = Controlled;
-
 var Disabled = function Disabled() {
   var _useState21 = (0, _react.useState)(false),
-      _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-      isVisible = _useState22[0],
-      setPasswordShown = _useState22[1];
-
+    _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
+    isVisible = _useState22[0],
+    setPasswordShown = _useState22[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -321,19 +260,15 @@ var Disabled = function Disabled() {
     isDisabled: true
   });
 };
-
 exports.Disabled = Disabled;
-
 var ReadOnly = function ReadOnly() {
   var _useState23 = (0, _react.useState)(false),
-      _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
-      isVisible = _useState24[0],
-      setPasswordShown = _useState24[1];
-
+    _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
+    isVisible = _useState24[0],
+    setPasswordShown = _useState24[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -341,19 +276,15 @@ var ReadOnly = function ReadOnly() {
     isReadOnly: true
   });
 };
-
 exports.ReadOnly = ReadOnly;
-
 var Required = function Required() {
   var _useState25 = (0, _react.useState)(false),
-      _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
-      isVisible = _useState26[0],
-      setPasswordShown = _useState26[1];
-
+    _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
+    isVisible = _useState26[0],
+    setPasswordShown = _useState26[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -361,19 +292,15 @@ var Required = function Required() {
     isRequired: true
   });
 };
-
 exports.Required = Required;
-
 var Warning = function Warning() {
   var _useState27 = (0, _react.useState)(false),
-      _useState28 = (0, _slicedToArray2["default"])(_useState27, 2),
-      isVisible = _useState28[0],
-      setPasswordShown = _useState28[1];
-
+    _useState28 = (0, _slicedToArray2["default"])(_useState27, 2),
+    isVisible = _useState28[0],
+    setPasswordShown = _useState28[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -381,19 +308,15 @@ var Warning = function Warning() {
     status: "warning"
   });
 };
-
 exports.Warning = Warning;
-
 var Success = function Success() {
   var _useState29 = (0, _react.useState)(false),
-      _useState30 = (0, _slicedToArray2["default"])(_useState29, 2),
-      isVisible = _useState30[0],
-      setPasswordShown = _useState30[1];
-
+    _useState30 = (0, _slicedToArray2["default"])(_useState29, 2),
+    isVisible = _useState30[0],
+    setPasswordShown = _useState30[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -401,24 +324,19 @@ var Success = function Success() {
     status: "success"
   });
 };
-
 exports.Success = Success;
-
 var DynamicRequired = function DynamicRequired() {
   var _useState31 = (0, _react.useState)(false),
-      _useState32 = (0, _slicedToArray2["default"])(_useState31, 2),
-      isVisible = _useState32[0],
-      setPasswordShown = _useState32[1];
-
+    _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];
-
+    _useState34 = (0, _slicedToArray2["default"])(_useState33, 2),
+    value = _useState34[0],
+    setValue = _useState34[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     isRequired: (0, _isEmpty["default"])(value) // isEmpty from lodash
     ,
@@ -430,19 +348,15 @@ 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];
-
+    _useState36 = (0, _slicedToArray2["default"])(_useState35, 2),
+    isVisible = _useState36[0],
+    setPasswordShown = _useState36[1];
   var onVisibleChange = function onVisibleChange() {
     setPasswordShown(!isVisible);
   };
-
   return (0, _react2.jsx)(_["default"], {
     onVisibleChange: onVisibleChange,
     isVisible: isVisible,
@@ -451,5 +365,4 @@ var MaxLength = function MaxLength() {
     maxLength: 9
   });
 };
-
 exports.MaxLength = MaxLength;