@pingux/astro 2.70.0-alpha.2 → 2.70.0

package/lib/components/RangeCalendar/RangeCalendarHeader.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import ChevronLeftIcon from '@pingux/mdi-react/ChevronLeftIcon';
+import ChevronRightIcon from '@pingux/mdi-react/ChevronRightIcon';
+import { useDateFormatter } from '@react-aria/i18n';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { Box, Icon, IconButton, Text } from '../../index';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var RangeCalendarHeader = function RangeCalendarHeader(props) {
+  var state = props.state,
+    calendarProps = props.calendarProps,
+    prevButtonProps = props.prevButtonProps,
+    nextButtonProps = props.nextButtonProps;
+  var monthDateFormatter = useDateFormatter({
+    month: 'long',
+    year: 'numeric',
+    timeZone: state.timeZone
+  });
+
+  // to remove warning for unknown event handler property `onFocusChange`.
+  delete prevButtonProps.onFocusChange;
+  delete nextButtonProps.onFocusChange;
+  return ___EmotionJSX(Box, {
+    variant: "rangeCalendar.calendarHeaderContainer",
+    isRow: true
+  }, ___EmotionJSX(VisuallyHidden, {
+    "aria-live": "assertive"
+  }, ___EmotionJSX(Text, null, calendarProps['aria-label'])), ___EmotionJSX(Box, {
+    isRow: true,
+    variant: "rangeCalendar.calendarHeader"
+  }, ___EmotionJSX(Box, {
+    style: {
+      position: 'absolute',
+      left: '10px'
+    }
+  }, ___EmotionJSX(IconButton, _extends({}, prevButtonProps, {
+    "aria-label": "Previous month navigation"
+  }), ___EmotionJSX(Icon, {
+    icon: ChevronLeftIcon,
+    size: 25,
+    title: {
+      name: 'Chevron Left Icon'
+    }
+  }))), ___EmotionJSX(Text, {
+    "aria-hidden": true,
+    variant: "itemTitle",
+    role: "heading",
+    "aria-level": 3,
+    fontWeight: 3
+  }, monthDateFormatter.format(state.visibleRange.start.toDate(state.timeZone)))), ___EmotionJSX(Box, {
+    isRow: true,
+    variant: "rangeCalendar.calendarHeader"
+  }, ___EmotionJSX(Text, {
+    "aria-hidden": true,
+    variant: "itemTitle",
+    role: "heading",
+    "aria-level": 3,
+    fontWeight: 3
+  }, monthDateFormatter.format(state.visibleRange.start.add({
+    months: 1
+  }).toDate(state.timeZone))), ___EmotionJSX(Box, {
+    style: {
+      position: 'absolute',
+      right: '10px'
+    }
+  }, ___EmotionJSX(IconButton, _extends({}, nextButtonProps, {
+    "aria-label": "Next month navigation"
+  }), ___EmotionJSX(Icon, {
+    icon: ChevronRightIcon,
+    size: 25,
+    title: {
+      name: 'Chevron Right Icon'
+    }
+  })))));
+};
+export default RangeCalendarHeader;

package/lib/components/RangeCalendar/index.js

@@ -0,0 +1,2 @@
+export { default } from './RangeCalendar';
+export * from './RangeCalendar';

package/lib/index.js

@@ -134,6 +134,8 @@ export { default as RadioField } from './components/RadioField';
 export * from './components/RadioField';
 export { default as RadioGroupField } from './components/RadioGroupField';
 export * from './components/RadioGroupField';
+export { default as RangeCalendar } from './components/RangeCalendar';
+export * from './components/RangeCalendar';
 export { default as RequirementsList } from './components/RequirementsList';
 export * from './components/RequirementsList';
 export { default as RockerButton } from './components/RockerButton';

package/lib/styles/variants/variants.js

@@ -39,6 +39,7 @@ import overlayPanel from '../../components/OverlayPanel/OverlayPanel.styles';
 import panelHeader from '../../components/PanelHeader/PanelHeader.styles';
 import popoverMenu from '../../components/PopoverMenu/PopoverMenu.styles';
 import progressBar from '../../components/ProgressBar/ProgressBar.styles';
+import rangeCalendar from '../../components/RangeCalendar/RangeCalendar.styles';
 import rockerButton from '../../components/RockerButton/RockerButton.styles';
 import scrollBox from '../../components/ScrollBox/ScrollBox.styles';
 import separator from '../../components/Separator/Separator.styles';
@@ -56,6 +57,7 @@ export default _objectSpread({
   breadcrumb: breadcrumb,
   buttonBar: buttonBar,
   calendar: calendar,
+  rangeCalendar: rangeCalendar,
   callout: callout,
   codeView: codeView,
   collapsiblePanel: collapsiblePanel,

package/package.json

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