@pingux/astro 2.35.0 → 2.36.0-alpha.1

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

@@ -14,7 +14,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.UnavailableDates = exports.MinimumDate = exports.MaximumDate = exports.Disabled = exports.DefaultValue = exports.Default = exports.Controlled = exports.Autofocus = void 0;
+exports["default"] = exports.UnavailableDates = exports.ReadOnly = exports.MinimumDate = exports.MaximumDate = exports.Disabled = exports.DefaultValue = exports.Default = exports.Controlled = exports.Autofocus = void 0;
 var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
@@ -142,12 +142,18 @@ var DefaultValue = function DefaultValue(args) {
   }));
 };
 exports.DefaultValue = DefaultValue;
-DefaultValue.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.defaultValue
-  }
+var Controlled = function Controlled(args) {
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
+    "aria-label": "calendar-component-controlled",
+    value: date,
+    onChange: setDate
+  }));
 };
+exports.Controlled = Controlled;
 var Disabled = function Disabled(args) {
   return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
     "aria-label": "calendar-component-disabled",
@@ -155,12 +161,13 @@ var Disabled = function Disabled(args) {
   }));
 };
 exports.Disabled = Disabled;
-Disabled.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.disabled
-  }
+var ReadOnly = function ReadOnly(args) {
+  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
+    "aria-label": "calendar-component-readonly",
+    isReadOnly: true
+  }));
 };
+exports.ReadOnly = ReadOnly;
 var UnavailableDates = function UnavailableDates(args) {
   var unavailableRanges = [['2022-07-29', '2022-08-05'], ['2022-08-15', '2022-08-20'], ['2022-08-25', '2022-08-26']];
   // This function is run against each date in the calendar
@@ -176,12 +183,6 @@ var UnavailableDates = function UnavailableDates(args) {
   }));
 };
 exports.UnavailableDates = UnavailableDates;
-UnavailableDates.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.unavailableDates
-  }
-};
 var MinimumDate = function MinimumDate(args) {
   return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
     "aria-label": "calendar-component-min-date",
@@ -190,12 +191,6 @@ var MinimumDate = function MinimumDate(args) {
   }));
 };
 exports.MinimumDate = MinimumDate;
-MinimumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.minimumDate
-  }
-};
 var MaximumDate = function MaximumDate(args) {
   return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
     "aria-label": "calendar-component-max-date",
@@ -204,34 +199,10 @@ var MaximumDate = function MaximumDate(args) {
   }));
 };
 exports.MaximumDate = MaximumDate;
-MaximumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.maximumDate
-  }
-};
 var Autofocus = function Autofocus(args) {
   return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
     "aria-label": "calendar-component",
     hasAutoFocus: true
   }));
 };
-exports.Autofocus = Autofocus;
-Autofocus.parameters = {
-  design: {
-    type: 'figma',
-    url: _figmaLinks.FIGMA_LINKS.calendar.autofocus
-  }
-};
-var Controlled = function Controlled(args) {
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    date = _useState2[0],
-    setDate = _useState2[1];
-  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
-    "aria-label": "calendar-component-controlled",
-    value: date,
-    onChange: setDate
-  }));
-};
-exports.Controlled = Controlled;
+exports.Autofocus = Autofocus;

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js

@@ -20,7 +20,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderSectionsComponent = exports.renderComponent = void 0;
+exports.getSectionsComponent = exports.getComponent = void 0;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
@@ -91,17 +91,18 @@ var defaultWithSectionsProps = {
   items: itemsWithSections
 };
 var onSelectionChange = jest.fn();
-var renderComponent = function renderComponent(props) {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.EnvironmentBreadcrumb, (0, _extends2["default"])({}, defaultProps, props), function (item) {
+var getComponent = function getComponent(props) {
+  return (0, _testWrapper.render)((0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.EnvironmentBreadcrumb, (0, _extends2["default"])({}, defaultProps, props), function (item) {
     return (0, _react2.jsx)(_.Item, {
       key: item.name,
       "data-testid": item.name
     }, item.name);
-  }));
+  })));
 };
-exports.renderComponent = renderComponent;
-var renderSectionsComponent = function renderSectionsComponent(props) {
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.EnvironmentBreadcrumb, (0, _extends2["default"])({}, defaultWithSectionsProps, props), function (section) {
+exports.getComponent = getComponent;
+var getSectionsComponent = function getSectionsComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.EnvironmentBreadcrumb, (0, _extends2["default"])({}, defaultWithSectionsProps, props), function (section) {
     return (
       // eslint-disable-next-line testing-library/no-node-access
       (0, _react2.jsx)(_reactStately.Section, {
@@ -117,16 +118,9 @@ var renderSectionsComponent = function renderSectionsComponent(props) {
         }, item.name);
       })
     );
-  }));
-};
-exports.renderSectionsComponent = renderSectionsComponent;
-var getComponent = function getComponent(props) {
-  return (0, _testWrapper.render)(renderComponent(props));
-};
-var getSectionsComponent = function getSectionsComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _testWrapper.render)(renderSectionsComponent(props));
+  })));
 };
+exports.getSectionsComponent = getSectionsComponent;
 beforeAll(function () {
   jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {
     return 1000;

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumbAxe.test.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
+var _EnvironmentBreadcrumb = require("./EnvironmentBreadcrumb.test");
+(0, _testAxe["default"])(_EnvironmentBreadcrumb.getComponent);
+(0, _testAxe["default"])(_EnvironmentBreadcrumb.getSectionsComponent);

package/lib/cjs/utils/designUtils/figmaLinks.js

@@ -43,13 +43,7 @@ var FIGMA_LINKS = {
     secondaryRightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A788&mode=dev'
   },
   calendar: {
-    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=47640-5789&mode=design&t=SZGzEV7PufQjYBN5-4',
-    defaultValue: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-14593&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    disabled: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-15106&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    unavailableDates: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-15681&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    minimumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16197&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    maximumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16454&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    autofocus: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16768&mode=design&t=PX1Q47IuuVvOafDQ-4'
+    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=6373%3A25490&t=BoHXzVpQq9Lf7MaU-1'
   },
   callout: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=14289-33201&t=VgqEexa1CXAXfPpp-0'

package/lib/components/Calendar/Calendar.stories.js

@@ -128,11 +128,16 @@ export var DefaultValue = function DefaultValue(args) {
     defaultValue: "2022-08-10"
   }));
 };
-DefaultValue.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.defaultValue
-  }
+export var Controlled = function Controlled(args) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    date = _useState2[0],
+    setDate = _useState2[1];
+  return ___EmotionJSX(Calendar, _extends({}, args, {
+    "aria-label": "calendar-component-controlled",
+    value: date,
+    onChange: setDate
+  }));
 };
 export var Disabled = function Disabled(args) {
   return ___EmotionJSX(Calendar, _extends({}, args, {
@@ -140,11 +145,11 @@ export var Disabled = function Disabled(args) {
     isDisabled: true
   }));
 };
-Disabled.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.disabled
-  }
+export var ReadOnly = function ReadOnly(args) {
+  return ___EmotionJSX(Calendar, _extends({}, args, {
+    "aria-label": "calendar-component-readonly",
+    isReadOnly: true
+  }));
 };
 export var UnavailableDates = function UnavailableDates(args) {
   var unavailableRanges = [['2022-07-29', '2022-08-05'], ['2022-08-15', '2022-08-20'], ['2022-08-25', '2022-08-26']];
@@ -160,12 +165,6 @@ export var UnavailableDates = function UnavailableDates(args) {
     isDateUnavailable: isDateUnavailable
   }));
 };
-UnavailableDates.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.unavailableDates
-  }
-};
 export var MinimumDate = function MinimumDate(args) {
   return ___EmotionJSX(Calendar, _extends({}, args, {
     "aria-label": "calendar-component-min-date",
@@ -173,12 +172,6 @@ export var MinimumDate = function MinimumDate(args) {
     defaultDate: "2022-09-14"
   }));
 };
-MinimumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.minimumDate
-  }
-};
 export var MaximumDate = function MaximumDate(args) {
   return ___EmotionJSX(Calendar, _extends({}, args, {
     "aria-label": "calendar-component-max-date",
@@ -186,32 +179,9 @@ export var MaximumDate = function MaximumDate(args) {
     defaultValue: "2022-10-05"
   }));
 };
-MaximumDate.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.maximumDate
-  }
-};
 export var Autofocus = function Autofocus(args) {
   return ___EmotionJSX(Calendar, _extends({}, args, {
     "aria-label": "calendar-component",
     hasAutoFocus: true
   }));
-};
-Autofocus.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.calendar.autofocus
-  }
-};
-export var Controlled = function Controlled(args) {
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    date = _useState2[0],
-    setDate = _useState2[1];
-  return ___EmotionJSX(Calendar, _extends({}, args, {
-    "aria-label": "calendar-component-controlled",
-    value: date,
-    onChange: setDate
-  }));
 };

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js

@@ -83,16 +83,17 @@ var defaultWithSectionsProps = {
   items: itemsWithSections
 };
 var onSelectionChange = jest.fn();
-export var renderComponent = function renderComponent(props) {
-  return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(EnvironmentBreadcrumb, _extends({}, defaultProps, props), function (item) {
+export var getComponent = function getComponent(props) {
+  return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(EnvironmentBreadcrumb, _extends({}, defaultProps, props), function (item) {
     return ___EmotionJSX(Item, {
       key: item.name,
       "data-testid": item.name
     }, item.name);
-  }));
+  })));
 };
-export var renderSectionsComponent = function renderSectionsComponent(props) {
-  return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(EnvironmentBreadcrumb, _extends({}, defaultWithSectionsProps, props), function (section) {
+export var getSectionsComponent = function getSectionsComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(OverlayProvider, null, ___EmotionJSX(EnvironmentBreadcrumb, _extends({}, defaultWithSectionsProps, props), function (section) {
     return (
       // eslint-disable-next-line testing-library/no-node-access
       ___EmotionJSX(Section, {
@@ -108,14 +109,7 @@ export var renderSectionsComponent = function renderSectionsComponent(props) {
         }, item.name);
       })
     );
-  }));
-};
-var getComponent = function getComponent(props) {
-  return render(renderComponent(props));
-};
-var getSectionsComponent = function getSectionsComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(renderSectionsComponent(props));
+  })));
 };
 beforeAll(function () {
   jest.spyOn(window.HTMLElement.prototype, 'clientWidth', 'get').mockImplementation(function () {

package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumbAxe.test.js

@@ -0,0 +1,4 @@
+import axeTest from '../../utils/testUtils/testAxe';
+import { getComponent, getSectionsComponent } from './EnvironmentBreadcrumb.test';
+axeTest(getComponent);
+axeTest(getSectionsComponent);

package/lib/utils/designUtils/figmaLinks.js

@@ -36,13 +36,7 @@ export var FIGMA_LINKS = {
     secondaryRightAligned: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46080%3A788&mode=dev'
   },
   calendar: {
-    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=47640-5789&mode=design&t=SZGzEV7PufQjYBN5-4',
-    defaultValue: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-14593&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    disabled: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-15106&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    unavailableDates: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-15681&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    minimumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16197&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    maximumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16454&mode=design&t=PX1Q47IuuVvOafDQ-4',
-    autofocus: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=46454-16768&mode=design&t=PX1Q47IuuVvOafDQ-4'
+    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=6373%3A25490&t=BoHXzVpQq9Lf7MaU-1'
   },
   callout: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=14289-33201&t=VgqEexa1CXAXfPpp-0'

package/package.json

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

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumbUniversal.test.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
-var _EnvironmentBreadcrumb = require("./EnvironmentBreadcrumb.test");
-(0, _universalComponentTest.universalComponentTests)({
-  renderComponent: _EnvironmentBreadcrumb.renderComponent
-});
-(0, _universalComponentTest.universalComponentTests)({
-  renderComponent: _EnvironmentBreadcrumb.renderSectionsComponent
-});

package/lib/components/EnvironmentBreadcrumb/EnvironmentalBreadcrumbUniversal.test.js

@@ -1,8 +0,0 @@
-import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
-import { renderComponent, renderSectionsComponent } from './EnvironmentBreadcrumb.test';
-universalComponentTests({
-  renderComponent: renderComponent
-});
-universalComponentTests({
-  renderComponent: renderSectionsComponent
-});