@spaced-out/ui-design-system
Version:
Sense UI components library
85 lines (83 loc) • 4.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TimelineItem = void 0;
var React = _interopRequireWildcard(require("react"));
var _typography = require("../../../types/typography");
var _classify = require("../../../utils/classify");
var _Card = require("../../Card");
var _ConditionalWrapper = require("../../ConditionalWrapper");
var _Icon = require("../../Icon");
var _Timeline = require("../Timeline");
var _TimelineModule = _interopRequireDefault(require("../Timeline.module.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
const TimelineItem_ = (_ref, ref) => {
let {
id,
title,
iconName,
// @ts-ignore - TS2322 - Type 'string' is not assignable to type '"regular" | "solid" | "duotone" | "brands"'.
iconType = _Icon.ICON_TYPE.solid,
children,
iconColor = _typography.TEXT_COLORS.information,
classNames,
description,
orientation = _Timeline.ORIENTATION.left,
parentComponent,
enableCardWrapper = true
} = _ref;
return /*#__PURE__*/React.createElement("div", {
id: id,
key: id,
"data-testid": "Timeline-item",
className: (0, _classify.classify)(_TimelineModule.default.timelineItemWrapper, classNames?.wrapper),
style: {
'--align': orientation === 'left' ? 'flex-start' : 'flex-end'
}
// @ts-ignore - TS2322 - Type '{ current: HTMLDivElement | null; } | ((arg1: HTMLDivElement | null) => unknown)' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
,
ref: ref
}, parentComponent, /*#__PURE__*/React.createElement("div", {
style: {
'--direction': orientation === 'left' ? 'row' : 'row-reverse'
},
className: _TimelineModule.default.timelineItemContent
}, /*#__PURE__*/React.createElement("div", {
className: _TimelineModule.default.timelineItemIconWrapper
}, /*#__PURE__*/React.createElement(_Icon.Icon, {
name: iconName,
type: iconType
// @ts-ignore - TS2769 - No overload matches this call.
,
size: _Icon.ICON_SIZE.small,
color: iconColor,
className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon)
}), /*#__PURE__*/React.createElement("div", {
className: _TimelineModule.default.timelineItemBorder
}, /*#__PURE__*/React.createElement("div", {
className: _TimelineModule.default.border
}))), /*#__PURE__*/React.createElement("div", {
className: _TimelineModule.default.timelineItemEventDetails
}, /*#__PURE__*/React.createElement("div", {
className: _TimelineModule.default.timelineItemInfo
}, /*#__PURE__*/React.createElement("div", {
className: (0, _classify.classify)(_TimelineModule.default.timelineItemTitle, classNames?.title)
}, title), description ? /*#__PURE__*/React.createElement("div", {
className: (0, _classify.classify)(_TimelineModule.default.timelineItemDescription, classNames?.description)
}, description) : null), /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
condition: enableCardWrapper,
wrapper: children => /*#__PURE__*/React.createElement(_Card.Card, {
paddingTop: _Card.PADDING_SIZES.small,
paddingBottom: _Card.PADDING_SIZES.small,
classNames: {
wrapper: (0, _classify.classify)(_TimelineModule.default.timelineItemCardWrapper, classNames?.card)
}
}, children)
}, children))));
};
// @ts-ignore - TS2345 - Argument of type '({ id, title, iconName, iconType, children, iconColor, classNames, description, orientation, parentComponent, enableCardWrapper, }: TimelineItemProps, ref: { current: null | HTMLDivElement; } | ((arg1: null | HTMLDivElement) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<HTMLDivElement, TimelineItemProps>'.
const TimelineItem = exports.TimelineItem = /*#__PURE__*/React.forwardRef(
//@ts-expect-error
TimelineItem_);