@dnb/eufemia/cjs/components/date-picker/DatePickerFooter.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

require("core-js/modules/web.dom-collections.iterator.js");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _Button = _interopRequireDefault(require("../button/Button"));
var _DatePickerContext = _interopRequireDefault(require("./DatePickerContext"));
var _DatePickerCalc = require("./DatePickerCalc");
var _shared = require("../../shared");
var _Fragment, _span, _span2, _span3;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function DatePickerFooter(_ref) {
  let {
    isRange,
    submitButtonText,
    cancelButtonText,
    resetButtonText,
    onSubmit,
    onCancel,
    onReset
  } = _ref;
  const {
    updateDates,
    previousDateProps,
    props: contextProps
  } = (0, _react.useContext)(_DatePickerContext.default);
  const {
    showResetButton,
    showCancelButton,
    showSubmitButton,
    dateFormat
  } = contextProps;
  const {
    submitButtonText: submitButtonTextTranslation,
    cancelButtonText: cancelButtonTextTranslation,
    resetButtonText: resetButtonTextTranslation
  } = (0, _shared.useTranslation)().DatePicker;
  const onSubmitHandler = (0, _react.useCallback)(args => {
    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(args);
  }, [onSubmit]);
  const onCancelHandler = (0, _react.useCallback)(args => {
    if (args && args.event) {
      args.event.persist();
    }
    const startDate = previousDateProps.startDate ? (0, _DatePickerCalc.convertStringToDate)(previousDateProps.startDate, {
      dateFormat
    }) : previousDateProps.date ? (0, _DatePickerCalc.convertStringToDate)(previousDateProps.date, {
      dateFormat
    }) : null;
    const endDate = previousDateProps.endDate ? (0, _DatePickerCalc.convertStringToDate)(previousDateProps.endDate, {
      dateFormat
    }) : startDate;
    updateDates({
      startDate,
      endDate
    }, dates => {
      onCancel === null || onCancel === void 0 ? void 0 : onCancel(_objectSpread(_objectSpread({}, args), dates));
    });
  }, [dateFormat, updateDates, previousDateProps, onCancel]);
  const onResetHandler = (0, _react.useCallback)(args => {
    if (args && args.event) {
      args.event.persist();
    }
    updateDates({
      date: undefined,
      startDate: undefined,
      endDate: undefined
    }, dates => {
      onReset === null || onReset === void 0 ? void 0 : onReset(_objectSpread(_objectSpread({}, args), dates));
    });
  }, [updateDates, onReset]);
  if (!isRange && !showSubmitButton && !showCancelButton && !showResetButton) {
    return _Fragment || (_Fragment = _react.default.createElement(_react.default.Fragment, null));
  }
  return _react.default.createElement("div", {
    className: "dnb-date-picker__footer"
  }, (isRange || showSubmitButton) && _react.default.createElement(_Button.default, {
    text: submitButtonText || submitButtonTextTranslation,
    onClick: onSubmitHandler,
    "data-testid": "submit"
  }) || _span || (_span = _react.default.createElement("span", null)), _react.default.createElement("span", null, showResetButton && _react.default.createElement(_Button.default, {
    text: resetButtonText || resetButtonTextTranslation,
    icon: "reset",
    icon_position: "left",
    variant: "tertiary",
    onClick: onResetHandler,
    "data-testid": "reset",
    right: "0.5rem"
  }) || _span2 || (_span2 = _react.default.createElement("span", null)), (isRange || showCancelButton) && _react.default.createElement(_Button.default, {
    text: cancelButtonText || cancelButtonTextTranslation,
    icon: "close",
    icon_position: "left",
    variant: "tertiary",
    onClick: onCancelHandler,
    "data-testid": "cancel",
    right: "0.5rem"
  }) || _span3 || (_span3 = _react.default.createElement("span", null))));
}
var _default = exports.default = DatePickerFooter;
//# sourceMappingURL=DatePickerFooter.js.map