@dhis2-ui/calendar 9.11.0 → 9.11.1-beta.2

package/build/cjs/__e2e__/{calendar-input.stories.e2e.js → calendar-input.e2e.stories.js}

@@ -6,71 +6,62 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "EthiopicWithAmharic", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.EthiopicWithAmharic;
+    return _calendarInputProdStories.EthiopicWithAmharic;
   }
 });
 Object.defineProperty(exports, "EthiopicWithEnglish", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.EthiopicWithEnglish;
+    return _calendarInputProdStories.EthiopicWithEnglish;
   }
 });
 Object.defineProperty(exports, "GregorianWithArabic", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.GregorianWithArabic;
+    return _calendarInputProdStories.GregorianWithArabic;
   }
 });
 Object.defineProperty(exports, "GregorianWithEnglish", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.GregorianWithEnglish;
+    return _calendarInputProdStories.GregorianWithEnglish;
   }
 });
 Object.defineProperty(exports, "IslamicWithArabic", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.IslamicWithArabic;
+    return _calendarInputProdStories.IslamicWithArabic;
   }
 });
 Object.defineProperty(exports, "NepaliWithEnglish", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.NepaliWithEnglish;
+    return _calendarInputProdStories.NepaliWithEnglish;
   }
 });
 Object.defineProperty(exports, "NepaliWithNepali", {
   enumerable: true,
   get: function () {
-    return _calendarInputStories.NepaliWithNepali;
+    return _calendarInputProdStories.NepaliWithNepali;
   }
 });
 exports.default = exports.TestCalendarWithClearButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../index.js");
-
-var _calendarInputStories = require("../stories/calendar-input.stories.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
+var _calendarInputProdStories = require("../stories/calendar-input.prod.stories.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'CalendarInputTesting',
   component: _index.CalendarInput
 };
-exports.default = _default;
-
 const TestCalendarWithClearButton = () => {
   var _params$get, _params$get2;
-
   const params = new URLSearchParams(location.search);
   const calendar = (_params$get = params.get('calendar')) !== null && _params$get !== void 0 ? _params$get : 'gregory';
   const initialDate = (_params$get2 = params.get('initialDate')) !== null && _params$get2 !== void 0 ? _params$get2 : null;
-  return /*#__PURE__*/_react.default.createElement(_calendarInputStories.CalendarWithClearButton, {
+  return /*#__PURE__*/_react.default.createElement(_calendarInputProdStories.CalendarWithClearButton, {
     calendar: calendar,
     date: initialDate
   });
 };
-
 exports.TestCalendarWithClearButton = TestCalendarWithClearButton;

package/build/cjs/calendar/calendar-table-cell.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarTableCell = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CalendarTableCell = _ref => {
   let {
     day,
@@ -39,9 +32,8 @@ const CalendarTableCell = _ref => {
   }, day.label), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2052411850",
     dynamic: [cellSize, cellSize, cellSize, cellSize, _uiConstants.colors.grey900, dayHoverBackgroundColor, _uiConstants.colors.grey300, selectedDayBackgroundColor, _uiConstants.colors.teal600, _uiConstants.colors.teal200, _uiConstants.colors.grey600]
-  }, ["td.__jsx-style-dynamic-selector{width:".concat(cellSize, ";height:100%;height:").concat(cellSize, ";text-align:center;border:2px solid transparent;padding:0;}"), "td.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:2px 2px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:2px solid transparent;min-width:16px;}", "button.__jsx-style-dynamic-selector{border:0;overflow:hidden;width:".concat(cellSize, ";height:").concat(cellSize, ";border:2px solid transparent;border-radius:3px;background:none;color:").concat(_uiConstants.colors.grey900, ";}"), "button.__jsx-style-dynamic-selector:hover{background-color:".concat(dayHoverBackgroundColor, ";-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;}"), "button.__jsx-style-dynamic-selector:active{background-color:".concat(_uiConstants.colors.grey300, ";}"), "button.isSelected.__jsx-style-dynamic-selector,button.otherMonth.isSelected.__jsx-style-dynamic-selector{background-color:".concat(selectedDayBackgroundColor, ";color:white;}"), "button.isToday.__jsx-style-dynamic-selector{position:relative;}", "button.isToday.__jsx-style-dynamic-selector::after{content:'';position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:4px;width:4px;bottom:2px;left:50%;border-radius:100%;background-color:".concat(_uiConstants.colors.teal600, ";}"), "button.isSelected.isToday.__jsx-style-dynamic-selector::after{background-color:".concat(_uiConstants.colors.teal200, ";}"), "button.otherMonth.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.grey600, ";}")]));
+  }, [`td.__jsx-style-dynamic-selector{width:${cellSize};height:100%;height:${cellSize};text-align:center;border:2px solid transparent;padding:0;}`, "td.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:2px 2px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:2px solid transparent;min-width:16px;}", `button.__jsx-style-dynamic-selector{border:0;overflow:hidden;width:${cellSize};height:${cellSize};border:2px solid transparent;border-radius:3px;background:none;color:${_uiConstants.colors.grey900};}`, `button.__jsx-style-dynamic-selector:hover{background-color:${dayHoverBackgroundColor};-webkit-text-decoration:underline;text-decoration:underline;cursor:pointer;}`, `button.__jsx-style-dynamic-selector:active{background-color:${_uiConstants.colors.grey300};}`, `button.isSelected.__jsx-style-dynamic-selector,button.otherMonth.isSelected.__jsx-style-dynamic-selector{background-color:${selectedDayBackgroundColor};color:white;}`, "button.isToday.__jsx-style-dynamic-selector{position:relative;}", `button.isToday.__jsx-style-dynamic-selector::after{content:'';position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:4px;width:4px;bottom:2px;left:50%;border-radius:100%;background-color:${_uiConstants.colors.teal600};}`, `button.isSelected.isToday.__jsx-style-dynamic-selector::after{background-color:${_uiConstants.colors.teal200};}`, `button.otherMonth.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey600};}`]));
 };
-
 exports.CalendarTableCell = CalendarTableCell;
 CalendarTableCell.propTypes = {
   cellSize: _propTypes.default.string,

package/build/cjs/calendar/calendar-table-days-header.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarTableDaysHeader = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CalendarTableDaysHeader = _ref => {
   let {
     weekDayLabels
@@ -26,14 +20,13 @@ const CalendarTableDaysHeader = _ref => {
     className: _style.default.dynamic([["1577512909", [dayNamesColor]]])
   }, weekDayLabels.map((label, i) => /*#__PURE__*/_react.default.createElement("th", {
     scope: "col",
-    key: "weekday-".concat(i),
+    key: `weekday-${i}`,
     className: _style.default.dynamic([["1577512909", [dayNamesColor]]])
   }, label)))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1577512909",
     dynamic: [dayNamesColor]
-  }, ["th.__jsx-style-dynamic-selector{color:".concat(dayNamesColor, ";font-weight:300;font-style:normal;padding:8px 8px;background:none;font-size:0.85em;border:none;cursor:default;}"), "tr.__jsx-style-dynamic-selector{border:none;}"]));
+  }, [`th.__jsx-style-dynamic-selector{color:${dayNamesColor};font-weight:300;font-style:normal;padding:8px 8px;background:none;font-size:0.85em;border:none;cursor:default;}`, "tr.__jsx-style-dynamic-selector{border:none;}"]));
 };
-
 exports.CalendarTableDaysHeader = CalendarTableDaysHeader;
 CalendarTableDaysHeader.propTypes = {
   weekDayLabels: _propTypes.default.arrayOf(_propTypes.default.string)

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarTable = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _calendarTableCell = require("./calendar-table-cell.js");
-
 var _calendarTableDaysHeader = require("./calendar-table-days-header.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CalendarTable = _ref => {
   let {
     weekDayLabels,
@@ -36,7 +28,7 @@ const CalendarTable = _ref => {
   }), /*#__PURE__*/_react.default.createElement("tbody", {
     className: _style.default.dynamic([["452536960", [_uiConstants.spacers.dp4, _uiConstants.spacers.dp4]]])
   }, calendarWeekDays.map((week, weekIndex) => /*#__PURE__*/_react.default.createElement("tr", {
-    key: "week-".concat(weekIndex + 1),
+    key: `week-${weekIndex + 1}`,
     className: _style.default.dynamic([["452536960", [_uiConstants.spacers.dp4, _uiConstants.spacers.dp4]]])
   }, week.map(day => /*#__PURE__*/_react.default.createElement(_calendarTableCell.CalendarTableCell, {
     selectedDate: selectedDate,
@@ -47,9 +39,8 @@ const CalendarTable = _ref => {
   })))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "452536960",
     dynamic: [_uiConstants.spacers.dp4, _uiConstants.spacers.dp4]
-  }, [".calendar-table.__jsx-style-dynamic-selector{border:none;border-collapse:collapse;width:100%;margin-block:".concat(_uiConstants.spacers.dp4, ";}"), ".calendar-table.__jsx-style-dynamic-selector tr.__jsx-style-dynamic-selector,.calendar-table.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{border:none;}", ".calendar-table-wrapper.__jsx-style-dynamic-selector{padding-inline:".concat(_uiConstants.spacers.dp4, ";}")]));
+  }, [`.calendar-table.__jsx-style-dynamic-selector{border:none;border-collapse:collapse;width:100%;margin-block:${_uiConstants.spacers.dp4};}`, ".calendar-table.__jsx-style-dynamic-selector tr.__jsx-style-dynamic-selector,.calendar-table.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{border:none;}", `.calendar-table-wrapper.__jsx-style-dynamic-selector{padding-inline:${_uiConstants.spacers.dp4};}`]));
 };
-
 exports.CalendarTable = CalendarTable;
 CalendarTable.propTypes = {
   calendarWeekDays: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.shape({

package/build/cjs/calendar/calendar.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarProps = exports.Calendar = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _multiCalendarDates = require("@dhis2/multi-calendar-dates");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _calendarTable = require("./calendar-table.js");
-
 var _navigationContainer = require("./navigation-container.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Calendar = _ref => {
   let {
     onDateSelect,
@@ -82,45 +71,34 @@ const Calendar = _ref => {
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2823859047",
     dynamic: [backgroundColor, wrapperBorderColor, width]
-  }, [".calendar-wrapper.__jsx-style-dynamic-selector{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;background-color:".concat(backgroundColor, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid ").concat(wrapperBorderColor, ";border-radius:3px;min-width:").concat(width, ";width:-webkit-max-content;width:-moz-max-content;width:max-content;box-shadow:0px 4px 6px -2px #2129340d;box-shadow:0px 10px 15px -3px #2129341a;}")]));
+  }, [`.calendar-wrapper.__jsx-style-dynamic-selector{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;background-color:${backgroundColor};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:1px solid ${wrapperBorderColor};border-radius:3px;min-width:${width};width:-webkit-max-content;width:-moz-max-content;width:max-content;box-shadow:0px 4px 6px -2px #2129340d;box-shadow:0px 10px 15px -3px #2129341a;}`]));
 };
-
 exports.Calendar = Calendar;
 Calendar.defaultProps = {
   cellSize: '32px',
   width: '240px',
   weekDayFormat: 'narrow'
 };
-const CalendarProps = {
+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,
-
   /** Called with signature `(null)` \|\| `({ dateCalendarString: string, dateCalendar: Temporal.ZonedDateTime })` with `dateCalendarString` being the stringified date in the specified calendar in the format `yyyy-MM-dd` */
   onDateSelect: _propTypes.default.func.isRequired,
-
   /** the size of a single cell in the table forming the calendar */
   cellSize: _propTypes.default.string,
-
   /** the currently selected date using an iso-like format YYYY-MM-DD, in the calendar system provided (not iso8601) */
   date: _propTypes.default.string,
-
   /** the direction of the library - internally the library will use rtl for rtl-languages but this can be overridden here for more control */
   dir: _propTypes.default.oneOf(['ltr', 'rtl']),
-
   /** any valid locale -  if none provided, the internal library will fallback to the user locale (more info here: https://github.com/dhis2/multi-calendar-dates/blob/main/src/hooks/internal/useResolvedLocaleOptions.ts#L15) */
   locale: _propTypes.default.string,
-
   /** numbering system to use - full list here https://github.com/dhis2/multi-calendar-dates/blob/main/src/constants/numberingSystems.ts */
   numberingSystem: _propTypes.default.string,
-
   /** the timeZone to use */
   timeZone: _propTypes.default.string,
-
   /** the format to display for the week day, i.e. Monday (long), Mon (short), M (narrow) */
   weekDayFormat: _propTypes.default.oneOf(['narrow', 'short', 'long']),
-
   /** the width of the calendar component */
   width: _propTypes.default.string
 };
-exports.CalendarProps = CalendarProps;
 Calendar.propTypes = CalendarProps;

package/build/cjs/calendar/navigation-container.js

@@ -4,27 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavigationContainer = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const wrapperBorderColor = _uiConstants.colors.grey300;
 const headerBackground = _uiConstants.colors.grey050;
-
 const NavigationContainer = _ref => {
   var _currYear$label;
-
   let {
     languageDirection,
     pickerOptions
@@ -38,9 +28,10 @@ const NavigationContainer = _ref => {
     nextYear,
     prevMonth,
     prevYear
-  } = pickerOptions; // Ethiopic years - when localised to English - add the era (i.e. 2015 ERA1), which is redundant in practice (like writing AD for gregorian years)
-  // there is an ongoing discussion in JS-Temporal polyfill whether the era should be included or not, but for our case, it's safer to remove it
+  } = pickerOptions;
 
+  // Ethiopic years - when localised to English - add the era (i.e. 2015 ERA1), which is redundant in practice (like writing AD for gregorian years)
+  // there is an ongoing discussion in JS-Temporal polyfill whether the era should be included or not, but for our case, it's safer to remove it
   const currentYearLabel = (_currYear$label = currYear.label) === null || _currYear$label === void 0 ? void 0 : _currYear$label.toString().replace(/ERA1/, '');
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["3883083596", [_uiConstants.spacers.dp4, _uiConstants.colors.grey600, _uiConstants.colors.grey200, _uiConstants.colors.grey900, _uiConstants.colors.grey300, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, wrapperBorderColor, headerBackground]]]) + " " + "navigation-container"
@@ -52,7 +43,7 @@ const NavigationContainer = _ref => {
     onClick: prevMonth.navigateTo,
     name: "previous-month",
     "data-test": "calendar-previous-month",
-    "aria-label": "".concat(_index.default.t("Go to ".concat(prevMonth.label))),
+    "aria-label": `${_index.default.t(`Go to ${prevMonth.label}`)}`,
     type: "button",
     className: _style.default.dynamic([["3883083596", [_uiConstants.spacers.dp4, _uiConstants.colors.grey600, _uiConstants.colors.grey200, _uiConstants.colors.grey900, _uiConstants.colors.grey300, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, wrapperBorderColor, headerBackground]]])
   }, /*#__PURE__*/_react.default.createElement(PreviousIcon, {
@@ -67,7 +58,7 @@ const NavigationContainer = _ref => {
     onClick: nextMonth.navigateTo,
     "data-test": "calendar-next-month",
     name: "next-month",
-    "aria-label": "".concat(_index.default.t("Go to ".concat(nextMonth.label))),
+    "aria-label": `${_index.default.t(`Go to ${nextMonth.label}`)}`,
     type: "button",
     className: _style.default.dynamic([["3883083596", [_uiConstants.spacers.dp4, _uiConstants.colors.grey600, _uiConstants.colors.grey200, _uiConstants.colors.grey900, _uiConstants.colors.grey300, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, wrapperBorderColor, headerBackground]]])
   }, /*#__PURE__*/_react.default.createElement(NextIcon, {
@@ -79,7 +70,7 @@ const NavigationContainer = _ref => {
   }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: prevYear.navigateTo,
     name: "previous-year",
-    "aria-label": "".concat(_index.default.t('Go to previous year')),
+    "aria-label": `${_index.default.t('Go to previous year')}`,
     type: "button",
     className: _style.default.dynamic([["3883083596", [_uiConstants.spacers.dp4, _uiConstants.colors.grey600, _uiConstants.colors.grey200, _uiConstants.colors.grey900, _uiConstants.colors.grey300, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, wrapperBorderColor, headerBackground]]])
   }, /*#__PURE__*/_react.default.createElement(PreviousIcon, {
@@ -94,7 +85,7 @@ const NavigationContainer = _ref => {
   }, /*#__PURE__*/_react.default.createElement("button", {
     onClick: nextYear.navigateTo,
     name: "next-year",
-    "aria-label": "".concat(_index.default.t('Go to next year')),
+    "aria-label": `${_index.default.t('Go to next year')}`,
     type: "button",
     className: _style.default.dynamic([["3883083596", [_uiConstants.spacers.dp4, _uiConstants.colors.grey600, _uiConstants.colors.grey200, _uiConstants.colors.grey900, _uiConstants.colors.grey300, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, wrapperBorderColor, headerBackground]]])
   }, /*#__PURE__*/_react.default.createElement(NextIcon, {
@@ -102,9 +93,8 @@ const NavigationContainer = _ref => {
   }))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3883083596",
     dynamic: [_uiConstants.spacers.dp4, _uiConstants.colors.grey600, _uiConstants.colors.grey200, _uiConstants.colors.grey900, _uiConstants.colors.grey300, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, wrapperBorderColor, headerBackground]
-  }, ["button.__jsx-style-dynamic-selector{background:none;border:0;}", ".month.__jsx-style-dynamic-selector,.year.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:default;}", ".month.__jsx-style-dynamic-selector .curr.__jsx-style-dynamic-selector,.year.__jsx-style-dynamic-selector .curr.__jsx-style-dynamic-selector{-webkit-flex:2;-ms-flex:2;flex:2;white-space:nowrap;}", ".prev.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;}", ".prev.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector{padding:".concat(_uiConstants.spacers.dp4, ";height:24px;width:24px;color:").concat(_uiConstants.colors.grey600, ";border-radius:3px;}"), ".prev.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{width:16px;height:16px;}", ".prev.__jsx-style-dynamic-selector:hover button.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector:hover button.__jsx-style-dynamic-selector{background-color:".concat(_uiConstants.colors.grey200, ";color:").concat(_uiConstants.colors.grey900, ";cursor:pointer;}"), ".prev.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector:active,.next.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector:active{background-color:".concat(_uiConstants.colors.grey300, ";}"), ".label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px 8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:16px;}", ".navigation-container.__jsx-style-dynamic-selector{gap:".concat(_uiConstants.spacers.dp8, ";padding:").concat(_uiConstants.spacers.dp4, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid ").concat(wrapperBorderColor, ";background-color:").concat(headerBackground, ";font-size:1.08em;}")]));
+  }, ["button.__jsx-style-dynamic-selector{background:none;border:0;}", ".month.__jsx-style-dynamic-selector,.year.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:default;}", ".month.__jsx-style-dynamic-selector .curr.__jsx-style-dynamic-selector,.year.__jsx-style-dynamic-selector .curr.__jsx-style-dynamic-selector{-webkit-flex:2;-ms-flex:2;flex:2;white-space:nowrap;}", ".prev.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;}", `.prev.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector{padding:${_uiConstants.spacers.dp4};height:24px;width:24px;color:${_uiConstants.colors.grey600};border-radius:3px;}`, ".prev.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{width:16px;height:16px;}", `.prev.__jsx-style-dynamic-selector:hover button.__jsx-style-dynamic-selector,.next.__jsx-style-dynamic-selector:hover button.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.grey200};color:${_uiConstants.colors.grey900};cursor:pointer;}`, `.prev.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector:active,.next.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector:active{background-color:${_uiConstants.colors.grey300};}`, ".label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:4px 8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:16px;}", `.navigation-container.__jsx-style-dynamic-selector{gap:${_uiConstants.spacers.dp8};padding:${_uiConstants.spacers.dp4};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid ${wrapperBorderColor};background-color:${headerBackground};font-size:1.08em;}`]));
 };
-
 exports.NavigationContainer = NavigationContainer;
 NavigationContainer.propTypes = {
   languageDirection: _propTypes.default.oneOf(['ltr', 'rtl']),

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

@@ -4,42 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarInput = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _button = require("@dhis2-ui/button");
-
 var _card = require("@dhis2-ui/card");
-
 var _input = require("@dhis2-ui/input");
-
 var _layer = require("@dhis2-ui/layer");
-
 var _popper = require("@dhis2-ui/popper");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _calendar = require("../calendar/calendar.js");
-
 var _index = _interopRequireDefault(require("../locales/index.js"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const offsetModifier = {
   name: 'offset',
   options: {
     offset: [0, 2]
   }
 };
-
 const CalendarInput = function () {
   let {
     onDateSelect,
@@ -57,13 +41,11 @@ const CalendarInput = function () {
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const ref = (0, _react.useRef)();
   const [open, setOpen] = (0, _react.useState)(false);
-
   const calendarProps = _react.default.useMemo(() => {
     const onDateSelectWrapper = selectedDate => {
       setOpen(false);
       onDateSelect === null || onDateSelect === void 0 ? void 0 : onDateSelect(selectedDate);
     };
-
     return {
       onDateSelect: onDateSelectWrapper,
       calendar,
@@ -77,11 +59,9 @@ const CalendarInput = function () {
       cellSize
     };
   }, [calendar, cellSize, date, dir, locale, numberingSystem, onDateSelect, timeZone, weekDayFormat, width]);
-
   const onFocus = () => {
     setOpen(true);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "jsx-862452676" + " " + "calendar-input-wrapper"
@@ -119,11 +99,11 @@ const CalendarInput = function () {
     id: "862452676"
   }, [".calendar-input-wrapper.jsx-862452676{position:relative;}", ".calendar-clear-button.jsx-862452676{position:absolute;inset-inline-end:6px;-webkit-inset-block-start:27px;-ms-intb-rlock-start:27px;inset-block-start:27px;}", ".calendar-clear-button.with-icon.jsx-862452676{inset-inline-end:36px;}", ".calendar-clear-button.with-dense-wrapper.jsx-862452676{-webkit-inset-block-start:23px;-ms-intb-rlock-start:23px;inset-block-start:23px;}"]));
 };
-
 exports.CalendarInput = CalendarInput;
 CalendarInput.defaultProps = {
   dataTest: 'dhis2-uiwidgets-calendar-inputfield'
 };
-CalendarInput.propTypes = { ..._calendar.CalendarProps,
+CalendarInput.propTypes = {
+  ..._calendar.CalendarProps,
   ..._input.InputFieldProps
 };

package/build/cjs/features/supports_calendar_clear_button/supports_calendar_clear_button.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a "{word}" calendar is rendered with a selected date "{word}"', (calendar, initialDate) => {
   cy.visitStory('CalendarInputTesting', 'Test Calendar With Clear Button', {
     qs: {
@@ -12,7 +11,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
   cy.get('[data-test="storybook-calendar-date-value"]').should('have.text', initialDate);
 });
 (0, _cypressCucumberPreprocessor.Then)('we should be able to clear it', () => {
-  cy.get("[data-test=\"calendar-clear-button\"]").click();
+  cy.get(`[data-test="calendar-clear-button"]`).click();
   cy.get('[data-test="storybook-calendar-date-value"]').should('have.text', 'undefined');
 });
 (0, _cypressCucumberPreprocessor.Then)('show the current month afterwards', () => {

package/build/cjs/features/supports_ethiopic_calendar/supports_ethiopic_calendar.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('an Ethiopic calendar is rendered in {word}', language => {
-  cy.visitStory('CalendarInputTesting', "Ethiopic With ".concat(language));
+  cy.visitStory('CalendarInputTesting', `Ethiopic With ${language}`);
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"]').click();
   cy.get('[data-test=calendar]').should('be.visible');
 });
@@ -35,7 +34,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 });
 (0, _cypressCucumberPreprocessor.Then)('we should be able to select a day', () => {
   const date = '2014-02-03';
-  cy.get("[data-test=\"".concat(date, "\"]")).click();
+  cy.get(`[data-test="${date}"]`).click();
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"] input').should('have.value', date);
   cy.get('[data-test="storybook-calendar-result"]').should('have.text', date);
   cy.get('[data-test="storybook-calendar-result-iso"]').should('have.text', '13 October 2021');

package/build/cjs/features/supports_gregorian_calendar/supports_gregorian_calendar.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Gregorian calendar is rendered in {word}', language => {
-  cy.visitStory('CalendarInputTesting', "Gregorian With ".concat(language));
+  cy.visitStory('CalendarInputTesting', `Gregorian With ${language}`);
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"]').click();
   cy.get('[data-test=calendar]').should('be.visible');
 });
@@ -32,7 +31,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 });
 (0, _cypressCucumberPreprocessor.Then)('we should be able to select a day', () => {
   const date = '2021-10-13';
-  cy.get("[data-test=\"".concat(date, "\"]")).click();
+  cy.get(`[data-test="${date}"]`).click();
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"] input').should('have.value', date);
   cy.get('[data-test="storybook-calendar-result"]').should('have.text', date);
   cy.get('[data-test="storybook-calendar-result-iso"]').should('have.text', '13 October 2021');

package/build/cjs/features/supports_islamic_calendar/supports_islamic_calendar.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('an Islamic calendar is rendered with Arabic locale', () => {
-  cy.visitStory('CalendarInputTesting', "Islamic With Arabic");
+  cy.visitStory('CalendarInputTesting', `Islamic With Arabic`);
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"]').click();
   cy.get('[data-test=calendar]').should('be.visible');
 });

package/build/cjs/features/supports_nepali_calendar/supports_nepali_calendar.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a nepali calendar in "{word}" is rendered', language => {
-  cy.visitStory('CalendarInputTesting', "Nepali With ".concat(language));
+  cy.visitStory('CalendarInputTesting', `Nepali With ${language}`);
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"]', {
     timeout: 10000
   }).click();
@@ -17,6 +16,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 });
 (0, _cypressCucumberPreprocessor.Then)('months should be rendered in "{word}" with navigation', language => {
   //
+
   const months = language === 'nepali' ? {
     current: 'असोज',
     previous: 'भदौ',
@@ -35,7 +35,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 });
 (0, _cypressCucumberPreprocessor.Then)('we should be able to select a day', () => {
   const nepaliDate = '2078-06-27';
-  cy.get("[data-test=\"".concat(nepaliDate, "\"]")).click();
+  cy.get(`[data-test="${nepaliDate}"]`).click();
   cy.get('[data-test="dhis2-uiwidgets-calendar-inputfield"] input').should('have.value', nepaliDate);
   cy.get('[data-test="storybook-calendar-result"]').should('have.text', nepaliDate);
   cy.get('[data-test="storybook-calendar-result-iso"]').should('have.text', '13 October 2021');

package/build/cjs/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "CalendarInput", {
     return _calendarInput.CalendarInput;
   }
 });
-
 var _calendar = require("./calendar/calendar.js");
-
 var _calendarInput = require("./calendar-input/calendar-input.js");

package/build/cjs/locales/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _translations = _interopRequireDefault(require("./en/translations.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //------------------------------------------------------------------------------
 // <auto-generated>
 // This code was generated by d2-i18n-generate.
@@ -19,9 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // the code is regenerated.
 // </auto-generated>
 //------------------------------------------------------------------------------
-const namespace = 'default';
 
+const namespace = 'default';
 _d2I18n.default.addResources('en', namespace, _translations.default);
-
-var _default = _d2I18n.default;
-exports.default = _default;
+var _default = exports.default = _d2I18n.default;