@hisptz/react-ui/build/cjs/components/PeriodSelector/index.js

A collection of reusable complex DHIS2 react ui components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = PeriodSelector;

var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));

var _ui = require("@dhis2/ui");

var _lodash = require("lodash");

var _react = _interopRequireWildcard(require("react"));

var _CalendarSpecificPeriodDimension = _interopRequireDefault(require("./components/CalendarSpecificPeriodDimension"));

var _calendar = require("./components/CalendarSpecificPeriodDimension/constants/calendar");

var _DateRange = _interopRequireDefault(require("./components/DateRange"));

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 PeriodSelector(_ref) {
  let {
    excludedPeriodTypes,
    calendar,
    selectedPeriods,
    onSelect,
    excludeFixedPeriods,
    excludeRelativePeriods,
    singleSelection,
    enableDateRange,
    defaultInputType,
    allowFuturePeriods
  } = _ref;
  const initialInputType = (0, _react.useMemo)(() => {
    if (!(0, _lodash.isEmpty)(selectedPeriods)) {
      const period = (0, _lodash.head)(selectedPeriods !== null && selectedPeriods !== void 0 ? selectedPeriods : []);

      if ((period === null || period === void 0 ? void 0 : period.type) === "RANGE") {
        return "dateRange";
      } else {
        return "period";
      }
    } else {
      return defaultInputType !== null && defaultInputType !== void 0 ? defaultInputType : "period";
    }
  }, []);
  const [inputType, setInputType] = (0, _react.useState)(initialInputType);
  const onInputTypeChange = (0, _react.useCallback)(_ref2 => {
    let {
      value
    } = _ref2;
    onSelect({
      items: []
    });
    setInputType(value);
  }, [onSelect]);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "column gap-16"
  }, enableDateRange && /*#__PURE__*/_react.default.createElement(_ui.SegmentedControl, {
    selected: inputType,
    onChange: onInputTypeChange,
    options: [{
      label: _d2I18n.default.t("Period"),
      value: "period"
    }, {
      label: _d2I18n.default.t("Date Range"),
      value: "dateRange"
    }]
  }), inputType === "period" && /*#__PURE__*/_react.default.createElement(_CalendarSpecificPeriodDimension.default, {
    allowFuturePeriods: allowFuturePeriods,
    singleSelection: singleSelection,
    excludedPeriodTypes: excludedPeriodTypes !== null && excludedPeriodTypes !== void 0 ? excludedPeriodTypes : [],
    calendar: calendar !== null && calendar !== void 0 ? calendar : _calendar.CalendarTypes.GREGORIAN,
    onSelect: onSelect,
    selectedPeriods: selectedPeriods,
    excludeFixedPeriods: excludeFixedPeriods,
    excludeRelativePeriods: excludeRelativePeriods
  }), inputType === "dateRange" && /*#__PURE__*/_react.default.createElement(_DateRange.default, {
    value: selectedPeriods,
    onChange: onSelect
  }));
}