@dhis2-ui/calendar 9.12.0-alpha.3 → 9.12.0

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

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CalendarContainer = void 0;
-var _style = _interopRequireDefault(require("styled-jsx/style"));
-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(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 wrapperBorderColor = _uiConstants.colors.grey300;
-const backgroundColor = 'none';
-const CalendarContainer = exports.CalendarContainer = /*#__PURE__*/_react.default.memo(function CalendarContainer(_ref) {
-  let {
-    date,
-    width,
-    cellSize,
-    calendarWeekDays,
-    weekDayLabels,
-    currMonth,
-    currYear,
-    nextMonth,
-    nextYear,
-    prevMonth,
-    prevYear,
-    languageDirection,
-    excludedRef,
-    unfocusable
-  } = _ref;
-  const navigationProps = (0, _react.useMemo)(() => {
-    return {
-      currMonth,
-      currYear,
-      nextMonth,
-      nextYear,
-      prevMonth,
-      prevYear,
-      languageDirection
-    };
-  }, [currMonth, currYear, languageDirection, nextMonth, nextYear, prevMonth, prevYear]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["2823859047", [backgroundColor, wrapperBorderColor, width]]])
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    dir: languageDirection,
-    "data-test": "calendar",
-    className: _style.default.dynamic([["2823859047", [backgroundColor, wrapperBorderColor, width]]]) + " " + "calendar-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: excludedRef,
-    className: _style.default.dynamic([["2823859047", [backgroundColor, wrapperBorderColor, width]]])
-  }, /*#__PURE__*/_react.default.createElement(_navigationContainer.NavigationContainer, _extends({}, navigationProps, {
-    unfocusable: unfocusable
-  })), /*#__PURE__*/_react.default.createElement(_calendarTable.CalendarTable, {
-    selectedDate: date,
-    calendarWeekDays: calendarWeekDays,
-    weekDayLabels: weekDayLabels,
-    cellSize: cellSize,
-    width: width,
-    unfocusable: unfocusable
-  }))), /*#__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:${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;}`]));
-});
-CalendarContainer.defaultProps = {
-  cellSize: '32px',
-  width: '240px',
-  unfocusable: false
-};
-CalendarContainer.propTypes = {
-  /** the currently selected date using an iso-like format YYYY-MM-DD, in the calendar system provided (not iso8601) */
-  date: _propTypes.default.string,
-  unfocusable: _propTypes.default.bool,
-  ..._calendarTable.CalendarTableProps,
-  ..._navigationContainer.NavigationContainerProps
-};

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _calendarInput = require("../calendar-input.js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-describe('Calendar Input', () => {
-  it('allow selection of a date through the calendar widget', async () => {
-    const onDateSelectMock = jest.fn();
-    const screen = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_calendarInput.CalendarInput, {
-      calendar: "gregory",
-      onDateSelect: onDateSelectMock
-    }));
-    const dateInput = (0, _react.within)(screen.getByTestId('dhis2-uicore-input')).getByRole('textbox');
-    _react.fireEvent.focus(dateInput);
-    const calendar = await screen.findByTestId('calendar');
-    expect(calendar).toBeInTheDocument();
-    const todayString = new Date().toISOString().slice(0, -14);
-    const today = (0, _react.within)(calendar).getByTestId(todayString);
-    _react.fireEvent.click(today);
-    await (0, _react.waitFor)(() => {
-      expect(calendar).not.toBeInTheDocument();
-    });
-    expect(onDateSelectMock).toHaveBeenCalledWith(expect.objectContaining({
-      calendarDateString: todayString
-    }));
-  });
-  it('allow selection of a date through the input', async () => {
-    const onDateSelectMock = jest.fn();
-    const screen = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_calendarInput.CalendarInput, {
-      calendar: "gregory",
-      onDateSelect: onDateSelectMock
-    }));
-    const dateInputString = '2024/10/12';
-    const dateInput = (0, _react.within)(screen.getByTestId('dhis2-uicore-input')).getByRole('textbox');
-    _react.fireEvent.change(dateInput, {
-      target: {
-        value: dateInputString
-      }
-    });
-    _react.fireEvent.blur(dateInput);
-    expect(onDateSelectMock).toHaveBeenCalledWith(expect.objectContaining({
-      calendarDateString: dateInputString
-    }));
-  });
-});

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

@@ -1,72 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-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); }
-import { colors } from '@dhis2/ui-constants';
-import PropTypes from 'prop-types';
-import React, { useMemo } from 'react';
-import { CalendarTable, CalendarTableProps } from './calendar-table.js';
-import { NavigationContainer, NavigationContainerProps } from './navigation-container.js';
-const wrapperBorderColor = colors.grey300;
-const backgroundColor = 'none';
-export const CalendarContainer = /*#__PURE__*/React.memo(function CalendarContainer(_ref) {
-  let {
-    date,
-    width,
-    cellSize,
-    calendarWeekDays,
-    weekDayLabels,
-    currMonth,
-    currYear,
-    nextMonth,
-    nextYear,
-    prevMonth,
-    prevYear,
-    languageDirection,
-    excludedRef,
-    unfocusable
-  } = _ref;
-  const navigationProps = useMemo(() => {
-    return {
-      currMonth,
-      currYear,
-      nextMonth,
-      nextYear,
-      prevMonth,
-      prevYear,
-      languageDirection
-    };
-  }, [currMonth, currYear, languageDirection, nextMonth, nextYear, prevMonth, prevYear]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["2823859047", [backgroundColor, wrapperBorderColor, width]]])
-  }, /*#__PURE__*/React.createElement("div", {
-    dir: languageDirection,
-    "data-test": "calendar",
-    className: _JSXStyle.dynamic([["2823859047", [backgroundColor, wrapperBorderColor, width]]]) + " " + "calendar-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: excludedRef,
-    className: _JSXStyle.dynamic([["2823859047", [backgroundColor, wrapperBorderColor, width]]])
-  }, /*#__PURE__*/React.createElement(NavigationContainer, _extends({}, navigationProps, {
-    unfocusable: unfocusable
-  })), /*#__PURE__*/React.createElement(CalendarTable, {
-    selectedDate: date,
-    calendarWeekDays: calendarWeekDays,
-    weekDayLabels: weekDayLabels,
-    cellSize: cellSize,
-    width: width,
-    unfocusable: unfocusable
-  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    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:${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;}`]));
-});
-CalendarContainer.defaultProps = {
-  cellSize: '32px',
-  width: '240px',
-  unfocusable: false
-};
-CalendarContainer.propTypes = {
-  /** the currently selected date using an iso-like format YYYY-MM-DD, in the calendar system provided (not iso8601) */
-  date: PropTypes.string,
-  unfocusable: PropTypes.bool,
-  ...CalendarTableProps,
-  ...NavigationContainerProps
-};

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

@@ -1,43 +0,0 @@
-import { fireEvent, render, waitFor, within } from '@testing-library/react';
-import React from 'react';
-import { CalendarInput } from '../calendar-input.js';
-describe('Calendar Input', () => {
-  it('allow selection of a date through the calendar widget', async () => {
-    const onDateSelectMock = jest.fn();
-    const screen = render( /*#__PURE__*/React.createElement(CalendarInput, {
-      calendar: "gregory",
-      onDateSelect: onDateSelectMock
-    }));
-    const dateInput = within(screen.getByTestId('dhis2-uicore-input')).getByRole('textbox');
-    fireEvent.focus(dateInput);
-    const calendar = await screen.findByTestId('calendar');
-    expect(calendar).toBeInTheDocument();
-    const todayString = new Date().toISOString().slice(0, -14);
-    const today = within(calendar).getByTestId(todayString);
-    fireEvent.click(today);
-    await waitFor(() => {
-      expect(calendar).not.toBeInTheDocument();
-    });
-    expect(onDateSelectMock).toHaveBeenCalledWith(expect.objectContaining({
-      calendarDateString: todayString
-    }));
-  });
-  it('allow selection of a date through the input', async () => {
-    const onDateSelectMock = jest.fn();
-    const screen = render( /*#__PURE__*/React.createElement(CalendarInput, {
-      calendar: "gregory",
-      onDateSelect: onDateSelectMock
-    }));
-    const dateInputString = '2024/10/12';
-    const dateInput = within(screen.getByTestId('dhis2-uicore-input')).getByRole('textbox');
-    fireEvent.change(dateInput, {
-      target: {
-        value: dateInputString
-      }
-    });
-    fireEvent.blur(dateInput);
-    expect(onDateSelectMock).toHaveBeenCalledWith(expect.objectContaining({
-      calendarDateString: dateInputString
-    }));
-  });
-});