@atlaskit/renderer
Version:
Renderer component
57 lines (54 loc) • 3.7 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.DateComponent = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _styles = require("@atlaskit/editor-common/styles");
var _utils = require("@atlaskit/editor-common/utils");
var _reactIntl = require("react-intl");
var _rendererContext = require("../../renderer-context");
var _TaskItemsFormatContext = require("../../ui/TaskItemsFormatContext/TaskItemsFormatContext");
var _useInlineAnnotationProps = require("../../ui/annotations/element/useInlineAnnotationProps");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var Date = /*#__PURE__*/(0, _react.memo)(function Date(props) {
var inlineAnnotationProps = (0, _useInlineAnnotationProps.useInlineAnnotationProps)(props);
var timestamp = props.timestamp,
parentIsIncompleteTask = props.parentIsIncompleteTask,
intl = props.intl;
var _useRendererContext = (0, _rendererContext.useRendererContext)(),
timeZone = _useRendererContext.timeZone;
var className = !!parentIsIncompleteTask && (0, _utils.isPastDate)(timestamp, timeZone) ? 'date-node date-node-highlighted' : 'date-node';
return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: _styles.DateSharedCssClassName.DATE_WRAPPER
// Ignored via go/ees005
// eslint-disable-next-line react/jsx-props-no-spreading
}, inlineAnnotationProps), /*#__PURE__*/_react.default.createElement("span", {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
className: className,
"data-node-type": "date",
"data-timestamp": timestamp
}, parentIsIncompleteTask ? (0, _utils.timestampToTaskContext)(timestamp, intl, timeZone) : (0, _utils.timestampToString)(timestamp, intl)));
});
// eslint-disable-next-line @typescript-eslint/ban-types
var DateComponent = exports.DateComponent = (0, _reactIntl.injectIntl)(Date);
function DateWithFormatContext(props) {
var _useTaskItemsFormatCo = (0, _TaskItemsFormatContext.useTaskItemsFormatContext)(),
_useTaskItemsFormatCo2 = (0, _slicedToArray2.default)(_useTaskItemsFormatCo, 1),
isChecked = _useTaskItemsFormatCo2[0];
var parentIsIncompleteTask = props.parentIsIncompleteTask;
if (typeof isChecked !== 'undefined') {
parentIsIncompleteTask = !isChecked;
}
// Ignored via go/ees005
// eslint-disable-next-line react/jsx-props-no-spreading
return /*#__PURE__*/_react.default.createElement(DateComponent, (0, _extends2.default)({}, props, {
parentIsIncompleteTask: parentIsIncompleteTask
}));
}
var _default = exports.default = DateWithFormatContext;