@pingux/astro 2.36.0 → 2.36.1-alpha.0

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

@@ -40,7 +40,8 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
     minValue = props.minValue,
-    maxValue = props.maxValue;
+    maxValue = props.maxValue,
+    hasAutoFocus = props.hasAutoFocus;
   var _useLocale = (0, _i18n.useLocale)(),
     locale = _useLocale.locale;
   var calenderRef = (0, _react.useRef)();
@@ -55,7 +56,9 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     maxValue: typeof maxValue === 'string' && (0, _date.parseDate)(maxValue) || maxValue,
     minValue: typeof minValue === 'string' && (0, _date.parseDate)(minValue) || minValue
   };
-  var state = (0, _calendar2.useCalendarState)(_objectSpread(_objectSpread(_objectSpread({}, props), parsedDates), {}, {
+  var state = (0, _calendar2.useCalendarState)(_objectSpread(_objectSpread(_objectSpread({
+    autoFocus: hasAutoFocus
+  }, props), parsedDates), {}, {
     locale: locale,
     createCalendar: _date.createCalendar
   }));

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.MinimumDate = exports.MaximumDate = exports.Disabled = exports.DefaultValue = exports.Default = exports.Controlled = 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"));
@@ -210,19 +210,6 @@ MaximumDate.parameters = {
     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),

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

@@ -294,4 +294,5 @@ test('should autofocus on current day with hasAutoFocus', function () {
     return cell.getAttribute('aria-disabled') !== 'true';
   });
   expect(focusedDay[0]).toHaveTextContent(day);
+  expect(focusedDay[0]).toHaveFocus();
 });

package/lib/components/Calendar/Calendar.js

@@ -29,7 +29,8 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,
     minValue = props.minValue,
-    maxValue = props.maxValue;
+    maxValue = props.maxValue,
+    hasAutoFocus = props.hasAutoFocus;
   var _useLocale = useLocale(),
     locale = _useLocale.locale;
   var calenderRef = useRef();
@@ -44,7 +45,9 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
     maxValue: typeof maxValue === 'string' && parseDate(maxValue) || maxValue,
     minValue: typeof minValue === 'string' && parseDate(minValue) || minValue
   };
-  var state = useCalendarState(_objectSpread(_objectSpread(_objectSpread({}, props), parsedDates), {}, {
+  var state = useCalendarState(_objectSpread(_objectSpread(_objectSpread({
+    autoFocus: hasAutoFocus
+  }, props), parsedDates), {}, {
     locale: locale,
     createCalendar: createCalendar
   }));

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

@@ -192,18 +192,6 @@ MaximumDate.parameters = {
     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),

package/lib/components/Calendar/Calendar.test.js

@@ -291,4 +291,5 @@ test('should autofocus on current day with hasAutoFocus', function () {
     return cell.getAttribute('aria-disabled') !== 'true';
   });
   expect(focusedDay[0]).toHaveTextContent(day);
+  expect(focusedDay[0]).toHaveFocus();
 });

package/package.json

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