@pingux/astro 2.37.0-alpha.2 → 2.37.0-alpha.3

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

@@ -37,11 +37,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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 Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var value = props.value,
+  var defaultFocusedValue = props.defaultFocusedValue,
     defaultValue = props.defaultValue,
-    minValue = props.minValue,
+    hasAutoFocus = props.hasAutoFocus,
     maxValue = props.maxValue,
-    hasAutoFocus = props.hasAutoFocus;
+    minValue = props.minValue,
+    value = props.value;
   var _useLocale = (0, _i18n.useLocale)(),
     locale = _useLocale.locale;
   var calenderRef = (0, _react.useRef)();
@@ -53,6 +54,7 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var parsedDates = {
     value: typeof value === 'string' && (0, _date.parseDate)(value) || value,
     defaultValue: typeof defaultValue === 'string' && (0, _date.parseDate)(defaultValue) || defaultValue,
+    defaultFocusedValue: typeof defaultFocusedValue === 'string' && (0, _date.parseDate)(defaultFocusedValue) || defaultFocusedValue,
     maxValue: typeof maxValue === 'string' && (0, _date.parseDate)(maxValue) || maxValue,
     minValue: typeof minValue === 'string' && (0, _date.parseDate)(minValue) || minValue
   };
@@ -179,6 +181,8 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 Calendar.propTypes = {
   /** Prop to provide a custom default date (uncontrolled) */
   defaultValue: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
+  /** Prop to provide a custom default focused date (uncontrolled) */
+  defaultFocusedValue: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
   /** Prop to provide a default date (controlled) */
   value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
   /** custom week days for other calendars */

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

@@ -119,7 +119,8 @@ var _default = {
     isReadOnly: false,
     isRequired: false,
     onChange: null,
-    onFocusChange: null
+    onFocusChange: null,
+    defaultFocusedValue: '2023-11-15'
   }
 };
 exports["default"] = _default;
@@ -135,11 +136,11 @@ Default.parameters = {
     url: _figmaLinks.FIGMA_LINKS.calendar["default"]
   }
 };
-var DefaultValue = function DefaultValue(args) {
-  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
+var DefaultValue = function DefaultValue() {
+  return (0, _react2.jsx)(_Calendar["default"], {
     "aria-label": "calendar-with-default-value",
     defaultValue: "2022-08-10"
-  }));
+  });
 };
 exports.DefaultValue = DefaultValue;
 DefaultValue.parameters = {
@@ -161,7 +162,7 @@ Disabled.parameters = {
     url: _figmaLinks.FIGMA_LINKS.calendar.disabled
   }
 };
-var UnavailableDates = function UnavailableDates(args) {
+var UnavailableDates = function UnavailableDates() {
   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
   var isDateUnavailable = function isDateUnavailable(date) {
@@ -169,11 +170,11 @@ var UnavailableDates = function UnavailableDates(args) {
       return date.compare((0, _date.parseDate)(interval[0])) >= 0 && date.compare((0, _date.parseDate)(interval[1])) <= 0;
     });
   };
-  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_Calendar["default"], {
     "aria-label": "calendar-component-unavailable-dates",
     defaultValue: "2022-08-10",
     isDateUnavailable: isDateUnavailable
-  }));
+  });
 };
 exports.UnavailableDates = UnavailableDates;
 UnavailableDates.parameters = {
@@ -182,12 +183,12 @@ UnavailableDates.parameters = {
     url: _figmaLinks.FIGMA_LINKS.calendar.unavailableDates
   }
 };
-var MinimumDate = function MinimumDate(args) {
-  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
+var MinimumDate = function MinimumDate() {
+  return (0, _react2.jsx)(_Calendar["default"], {
     "aria-label": "calendar-component-min-date",
     minValue: "2022-09-10",
-    defaultDate: "2022-09-14"
-  }));
+    defaultValue: "2022-09-14"
+  });
 };
 exports.MinimumDate = MinimumDate;
 MinimumDate.parameters = {
@@ -196,12 +197,12 @@ MinimumDate.parameters = {
     url: _figmaLinks.FIGMA_LINKS.calendar.minimumDate
   }
 };
-var MaximumDate = function MaximumDate(args) {
-  return (0, _react2.jsx)(_Calendar["default"], (0, _extends2["default"])({}, args, {
+var MaximumDate = function MaximumDate() {
+  return (0, _react2.jsx)(_Calendar["default"], {
     "aria-label": "calendar-component-max-date",
     maxValue: "2022-10-10",
     defaultValue: "2022-10-05"
-  }));
+  });
 };
 exports.MaximumDate = MaximumDate;
 MaximumDate.parameters = {

package/lib/components/Calendar/Calendar.js

@@ -26,11 +26,12 @@ import { Box, Button, Icon, IconButton, Text } from '../../index';
 import CalendarGrid from './CalendarGrid';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
-  var value = props.value,
+  var defaultFocusedValue = props.defaultFocusedValue,
     defaultValue = props.defaultValue,
-    minValue = props.minValue,
+    hasAutoFocus = props.hasAutoFocus,
     maxValue = props.maxValue,
-    hasAutoFocus = props.hasAutoFocus;
+    minValue = props.minValue,
+    value = props.value;
   var _useLocale = useLocale(),
     locale = _useLocale.locale;
   var calenderRef = useRef();
@@ -42,6 +43,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
   var parsedDates = {
     value: typeof value === 'string' && parseDate(value) || value,
     defaultValue: typeof defaultValue === 'string' && parseDate(defaultValue) || defaultValue,
+    defaultFocusedValue: typeof defaultFocusedValue === 'string' && parseDate(defaultFocusedValue) || defaultFocusedValue,
     maxValue: typeof maxValue === 'string' && parseDate(maxValue) || maxValue,
     minValue: typeof minValue === 'string' && parseDate(minValue) || minValue
   };
@@ -168,6 +170,8 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
 Calendar.propTypes = {
   /** Prop to provide a custom default date (uncontrolled) */
   defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  /** Prop to provide a custom default focused date (uncontrolled) */
+  defaultFocusedValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   /** Prop to provide a default date (controlled) */
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   /** custom week days for other calendars */

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

@@ -108,7 +108,8 @@ export default {
     isReadOnly: false,
     isRequired: false,
     onChange: null,
-    onFocusChange: null
+    onFocusChange: null,
+    defaultFocusedValue: '2023-11-15'
   }
 };
 export var Default = function Default(args) {
@@ -122,11 +123,11 @@ Default.parameters = {
     url: FIGMA_LINKS.calendar["default"]
   }
 };
-export var DefaultValue = function DefaultValue(args) {
-  return ___EmotionJSX(Calendar, _extends({}, args, {
+export var DefaultValue = function DefaultValue() {
+  return ___EmotionJSX(Calendar, {
     "aria-label": "calendar-with-default-value",
     defaultValue: "2022-08-10"
-  }));
+  });
 };
 DefaultValue.parameters = {
   design: {
@@ -146,7 +147,7 @@ Disabled.parameters = {
     url: FIGMA_LINKS.calendar.disabled
   }
 };
-export var UnavailableDates = function UnavailableDates(args) {
+export var UnavailableDates = function UnavailableDates() {
   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
   var isDateUnavailable = function isDateUnavailable(date) {
@@ -154,11 +155,11 @@ export var UnavailableDates = function UnavailableDates(args) {
       return date.compare(parseDate(interval[0])) >= 0 && date.compare(parseDate(interval[1])) <= 0;
     });
   };
-  return ___EmotionJSX(Calendar, _extends({}, args, {
+  return ___EmotionJSX(Calendar, {
     "aria-label": "calendar-component-unavailable-dates",
     defaultValue: "2022-08-10",
     isDateUnavailable: isDateUnavailable
-  }));
+  });
 };
 UnavailableDates.parameters = {
   design: {
@@ -166,12 +167,12 @@ UnavailableDates.parameters = {
     url: FIGMA_LINKS.calendar.unavailableDates
   }
 };
-export var MinimumDate = function MinimumDate(args) {
-  return ___EmotionJSX(Calendar, _extends({}, args, {
+export var MinimumDate = function MinimumDate() {
+  return ___EmotionJSX(Calendar, {
     "aria-label": "calendar-component-min-date",
     minValue: "2022-09-10",
-    defaultDate: "2022-09-14"
-  }));
+    defaultValue: "2022-09-14"
+  });
 };
 MinimumDate.parameters = {
   design: {
@@ -179,12 +180,12 @@ MinimumDate.parameters = {
     url: FIGMA_LINKS.calendar.minimumDate
   }
 };
-export var MaximumDate = function MaximumDate(args) {
-  return ___EmotionJSX(Calendar, _extends({}, args, {
+export var MaximumDate = function MaximumDate() {
+  return ___EmotionJSX(Calendar, {
     "aria-label": "calendar-component-max-date",
     maxValue: "2022-10-10",
     defaultValue: "2022-10-05"
-  }));
+  });
 };
 MaximumDate.parameters = {
   design: {

package/package.json

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