@talend/react-faceted-search/lib/components/Badges/BadgeDate/BadgeDateForm.component.js

Faceted search

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BadgeDateForm = void 0;
var _react = require("react");
var _startOfDay = require("date-fns/startOfDay");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _utils = require("@talend/utils");
var _usage = require("../../../helpers/usage.helpers");
var _BadgeDateModule = _interopRequireDefault(require("./BadgeDate.module.scss"));
var _reactComponents = require("@talend/react-components");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const BadgeDateForm = ({
  id,
  onChange,
  onSubmit,
  value,
  feature,
  t,
  ...rest
}) => {
  const applyDataFeature = (0, _react.useMemo)(() => (0, _usage.getApplyDataFeature)(feature), [feature]);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_designSystem.Form, {
    id: `${id}-date-`,
    onSubmit: onSubmit,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactComponents.DatePicker.Manager, {
      id: `${id}-date-picker-manager`,
      value: value,
      onChange: (event, data) => {
        if (!data.errors.length) {
          onChange(event, (0, _startOfDay.startOfDay)(data.date).getTime());
        }
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
          htmlFor: `${id}-date-input`,
          children: t('SELECT_A_DATE', 'Select a date')
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.DatePicker.Input, {
          id: `${id}-date-input`,
          placeholder: t('TYPE_HERE', {
            defaultValue: 'Type here'
          })
        })]
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: _BadgeDateModule.default['tc-badge-date-form-picker-container'],
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactComponents.DatePicker.Picker, {})
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Buttons, {
      padding: {
        x: 0,
        bottom: 0,
        top: 'M'
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.ButtonPrimary, {
        "data-feature": applyDataFeature,
        type: "submit",
        ...(0, _utils.getDataAttrFromProps)(rest),
        children: t('APPLY', {
          defaultValue: 'Apply'
        })
      })
    })]
  });
};
exports.BadgeDateForm = BadgeDateForm;
BadgeDateForm.propTypes = {
  id: _propTypes.default.string.isRequired,
  onChange: _propTypes.default.func,
  onSubmit: _propTypes.default.func.isRequired,
  value: _propTypes.default.number,
  feature: _propTypes.default.string.isRequired,
  t: _propTypes.default.func.isRequired
};

// eslint-disable-next-line import/prefer-default-export
//# sourceMappingURL=BadgeDateForm.component.js.map