@dhis2-ui/calendar 10.0.0-alpha.6 → 10.0.0-alpha.7

package/build/cjs/calendar/calendar.js

@@ -19,10 +19,10 @@ const Calendar = _ref => {
     dir,
     locale,
     numberingSystem,
-    weekDayFormat,
+    weekDayFormat = 'narrow',
     timeZone,
-    width,
-    cellSize
+    width = '240px',
+    cellSize = '32px'
   } = _ref;
   const [selectedDateString, setSelectedDateString] = (0, _react.useState)(date);
   const languageDirection = (0, _multiCalendarDates.useResolvedDirection)(dir, locale);
@@ -70,11 +70,6 @@ const Calendar = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_calendarContainer.CalendarContainer, calendarProps));
 };
 exports.Calendar = Calendar;
-Calendar.defaultProps = {
-  cellSize: '32px',
-  width: '240px',
-  weekDayFormat: 'narrow'
-};
 const CalendarProps = exports.CalendarProps = {
   /** the calendar to use such gregory, ethiopic, nepali - full supported list here: https://github.com/dhis2/multi-calendar-dates/blob/main/src/constants/calendars.ts  */
   calendar: _propTypes.default.any.isRequired,

package/build/cjs/calendar-input/calendar-input.js

@@ -43,6 +43,7 @@ const CalendarInput = function () {
     format,
     strictValidation,
     inputWidth,
+    dataTest = 'dhis2-uiwidgets-calendar-inputfield',
     ...rest
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const ref = (0, _react.useRef)();
@@ -134,6 +135,7 @@ const CalendarInput = function () {
   }, /*#__PURE__*/_react.default.createElement(_input.InputField, _extends({
     label: _index.default.t('Pick a date')
   }, rest, {
+    dataTest: dataTest,
     type: "text",
     onFocus: onFocus,
     value: partialDate,

package/build/cjs/stories/calendar-story-wrapper.js

@@ -18,13 +18,13 @@ const {
 } = _multiCalendarDates.constants;
 const CalendarStoryWrapper = props => {
   const {
-    calendar,
+    calendar = 'gregory',
     locale,
     timeZone,
     dir,
-    component: Component,
+    component: Component = _calendar.Calendar,
     date,
-    weekDayFormat
+    weekDayFormat = 'narrow'
   } = props;
   const [selectedCalendar, setSelectedCalendar] = (0, _react.useState)(calendar);
   const [selectedNumberingSystem, setSelectedNumberingSystem] = (0, _react.useState)();
@@ -161,11 +161,6 @@ const CalendarStoryWrapper = props => {
   }, selectedDate.calendarDateString)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, "callback:"), JSON.stringify(selectedDate, null, 2))))));
 };
 exports.CalendarStoryWrapper = CalendarStoryWrapper;
-CalendarStoryWrapper.defaultProps = {
-  calendar: 'gregorian',
-  component: _calendar.Calendar,
-  weekDayFormat: 'narrow'
-};
 CalendarStoryWrapper.propTypes = {
   calendar: _propTypes.default.string.isRequired,
   component: _propTypes.default.elementType.isRequired,

package/build/es/calendar/calendar.js

@@ -10,10 +10,10 @@ export const Calendar = _ref => {
     dir,
     locale,
     numberingSystem,
-    weekDayFormat,
+    weekDayFormat = 'narrow',
     timeZone,
-    width,
-    cellSize
+    width = '240px',
+    cellSize = '32px'
   } = _ref;
   const [selectedDateString, setSelectedDateString] = useState(date);
   const languageDirection = useResolvedDirection(dir, locale);
@@ -60,11 +60,6 @@ export const Calendar = _ref => {
   }, [cellSize, date, dir, locale, pickerResults, width, languageDirection]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CalendarContainer, calendarProps));
 };
-Calendar.defaultProps = {
-  cellSize: '32px',
-  width: '240px',
-  weekDayFormat: 'narrow'
-};
 export const CalendarProps = {
   /** the calendar to use such gregory, ethiopic, nepali - full supported list here: https://github.com/dhis2/multi-calendar-dates/blob/main/src/constants/calendars.ts  */
   calendar: PropTypes.any.isRequired,

package/build/es/calendar-input/calendar-input.js

@@ -34,6 +34,7 @@ export const CalendarInput = function () {
     format,
     strictValidation,
     inputWidth,
+    dataTest = 'dhis2-uiwidgets-calendar-inputfield',
     ...rest
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const ref = useRef();
@@ -125,6 +126,7 @@ export const CalendarInput = function () {
   }, /*#__PURE__*/React.createElement(InputField, _extends({
     label: i18n.t('Pick a date')
   }, rest, {
+    dataTest: dataTest,
     type: "text",
     onFocus: onFocus,
     value: partialDate,

package/build/es/stories/calendar-story-wrapper.js

@@ -9,13 +9,13 @@ const {
 } = constants;
 export const CalendarStoryWrapper = props => {
   const {
-    calendar,
+    calendar = 'gregory',
     locale,
     timeZone,
     dir,
-    component: Component,
+    component: Component = Calendar,
     date,
-    weekDayFormat
+    weekDayFormat = 'narrow'
   } = props;
   const [selectedCalendar, setSelectedCalendar] = useState(calendar);
   const [selectedNumberingSystem, setSelectedNumberingSystem] = useState();
@@ -151,11 +151,6 @@ export const CalendarStoryWrapper = props => {
     "data-test": "storybook-calendar-result"
   }, selectedDate.calendarDateString)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "callback:"), JSON.stringify(selectedDate, null, 2))))));
 };
-CalendarStoryWrapper.defaultProps = {
-  calendar: 'gregorian',
-  component: Calendar,
-  weekDayFormat: 'narrow'
-};
 CalendarStoryWrapper.propTypes = {
   calendar: PropTypes.string.isRequired,
   component: PropTypes.elementType.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/calendar",
-    "version": "10.0.0-alpha.6",
+    "version": "10.0.0-alpha.7",
     "description": "UI Calendar",
     "repository": {
         "type": "git",
@@ -33,15 +33,15 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/button": "10.0.0-alpha.6",
-        "@dhis2-ui/card": "10.0.0-alpha.6",
-        "@dhis2-ui/input": "10.0.0-alpha.6",
-        "@dhis2-ui/layer": "10.0.0-alpha.6",
-        "@dhis2-ui/popper": "10.0.0-alpha.6",
+        "@dhis2-ui/button": "10.0.0-alpha.7",
+        "@dhis2-ui/card": "10.0.0-alpha.7",
+        "@dhis2-ui/input": "10.0.0-alpha.7",
+        "@dhis2-ui/layer": "10.0.0-alpha.7",
+        "@dhis2-ui/popper": "10.0.0-alpha.7",
         "@dhis2/multi-calendar-dates": "2.0.0-alpha.5",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "10.0.0-alpha.6",
-        "@dhis2/ui-icons": "10.0.0-alpha.6",
+        "@dhis2/ui-constants": "10.0.0-alpha.7",
+        "@dhis2/ui-icons": "10.0.0-alpha.7",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },