@cwellt_software/cwellt-reactjs-lib 1.4.9 → 1.4.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +93 -81
- package/dist/index.css +1 -1
- package/dist/index.d.ts +15 -4
- package/dist/index.es.js +93 -81
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts +3 -1
- package/dist/src/components/custom/scheduler-new/presentation/NewScheduler.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/header/HeaderTitle.d.ts +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/header/HeaderTitle.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/header/SchedulerHeaderState.d.ts +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/header/SchedulerHeaderState.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/BackgroundEvent.d.ts +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/BackgroundEvent.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.d.ts +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/DefaultRowHeader.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts +4 -0
- package/dist/src/components/custom/scheduler-new/presentation/components/row/Event.d.ts.map +1 -1
- package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts +1 -0
- package/dist/src/components/custom/scheduler-new/presentation/components/row/SchedulerRow.d.ts.map +1 -1
- package/dist/src/components/custom/super-scheduler/PinRowHeader.d.ts.map +1 -1
- package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts +6 -2
- package/dist/src/components/custom/super-scheduler/SuperScheduler.d.ts.map +1 -1
- package/dist/src/playground/PlaygroundApp.d.ts.map +1 -1
- package/dist/src/playground/pages/SchedulerPage.d.ts +3 -0
- package/dist/src/playground/pages/SchedulerPage.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -8419,7 +8419,7 @@ const BackgroundEvent = ({ value, heightRem }) => {
|
|
|
8419
8419
|
position: "absolute",
|
|
8420
8420
|
height: `${heightRem}rem`,
|
|
8421
8421
|
pointerEvents: "auto",
|
|
8422
|
-
}, children: jsxRuntime.jsx(
|
|
8422
|
+
}, children: jsxRuntime.jsx(CwTooltipNew, { content: value.tooltip, position: "bottom", dissapearsWhenHover: true, showDelay: 200, children: jsxRuntime.jsx("div", { style: {
|
|
8423
8423
|
overflow: "hidden",
|
|
8424
8424
|
backgroundColor: backColor,
|
|
8425
8425
|
height: `${heightRem}rem`,
|
|
@@ -8579,6 +8579,7 @@ var styles$1 = {"scheduler-row-header":"scheduler-row-module__scheduler-row-head
|
|
|
8579
8579
|
const DefaultRowHeader = ({ value, width, onEvent }) => {
|
|
8580
8580
|
return (jsxRuntime.jsxs("div", { style: {
|
|
8581
8581
|
width: width,
|
|
8582
|
+
flexShrink: 0,
|
|
8582
8583
|
// background: color,
|
|
8583
8584
|
}, onClick: (_) => {
|
|
8584
8585
|
onEvent(new OnClickRowHeader(value.rowId));
|
|
@@ -8597,10 +8598,10 @@ const EventSideDrag = ({ left = false, heightRem, onStartEvent }) => {
|
|
|
8597
8598
|
};
|
|
8598
8599
|
|
|
8599
8600
|
const MAX_EVENT_HEIGHT_REM = 1.5;
|
|
8600
|
-
const SchedulerEvent = ({ value, heightRem, onEvent }) => {
|
|
8601
|
+
const SchedulerEvent = ({ value, heightRem, onEvent, maxEventHeightRem }) => {
|
|
8601
8602
|
const [isOnDrag, setIsOnDrag] = React.useState(false);
|
|
8602
8603
|
const [isContextMenuOpen, setIsContextMenuOpen] = React.useState(false);
|
|
8603
|
-
const effectiveHeight = Math.min(heightRem, MAX_EVENT_HEIGHT_REM);
|
|
8604
|
+
const effectiveHeight = Math.min(heightRem, maxEventHeightRem ?? MAX_EVENT_HEIGHT_REM);
|
|
8604
8605
|
const topOffsetRem = (heightRem - effectiveHeight) / 2;
|
|
8605
8606
|
const topOffsetPx = Math.round(topOffsetRem * 16) + 1;
|
|
8606
8607
|
// Calculate colors of the event
|
|
@@ -8632,78 +8633,86 @@ const SchedulerEvent = ({ value, heightRem, onEvent }) => {
|
|
|
8632
8633
|
e.preventDefault();
|
|
8633
8634
|
onEvent(new OnDoubleClickEvent(value.id));
|
|
8634
8635
|
});
|
|
8635
|
-
return (jsxRuntime.
|
|
8636
|
-
|
|
8637
|
-
|
|
8638
|
-
|
|
8639
|
-
|
|
8640
|
-
|
|
8641
|
-
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
|
|
8645
|
-
|
|
8646
|
-
|
|
8647
|
-
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8651
|
-
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8655
|
-
|
|
8656
|
-
|
|
8657
|
-
|
|
8658
|
-
|
|
8659
|
-
|
|
8660
|
-
|
|
8661
|
-
|
|
8662
|
-
|
|
8663
|
-
|
|
8664
|
-
|
|
8665
|
-
|
|
8666
|
-
|
|
8667
|
-
|
|
8668
|
-
|
|
8669
|
-
|
|
8670
|
-
|
|
8671
|
-
|
|
8672
|
-
|
|
8673
|
-
|
|
8674
|
-
|
|
8675
|
-
|
|
8676
|
-
|
|
8677
|
-
|
|
8678
|
-
|
|
8679
|
-
|
|
8680
|
-
|
|
8681
|
-
|
|
8682
|
-
|
|
8683
|
-
|
|
8684
|
-
|
|
8685
|
-
|
|
8686
|
-
|
|
8687
|
-
|
|
8688
|
-
|
|
8689
|
-
|
|
8690
|
-
|
|
8691
|
-
|
|
8692
|
-
|
|
8693
|
-
|
|
8694
|
-
|
|
8695
|
-
|
|
8636
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [value.topLabel && (jsxRuntime.jsx("div", { style: {
|
|
8637
|
+
position: "absolute",
|
|
8638
|
+
top: 0,
|
|
8639
|
+
left: `${value.left}%`,
|
|
8640
|
+
width: `${value.width}%`,
|
|
8641
|
+
height: `${topOffsetPx}px`,
|
|
8642
|
+
pointerEvents: "none",
|
|
8643
|
+
contentVisibility: "auto",
|
|
8644
|
+
}, children: value.topLabel })), jsxRuntime.jsx(CwAnchoredMenu, { open: isContextMenuOpen, onOpenChange: setIsContextMenuOpen, onContextMenu: (e) => {
|
|
8645
|
+
e.stopPropagation();
|
|
8646
|
+
// onEvent(new OnRightClickEvent(value.id));
|
|
8647
|
+
}, placement: "bottom", options: value.contextMenuItems ?? [], onSelect: (key) => {
|
|
8648
|
+
onEvent(new OnClickContextMenu(value.id, key));
|
|
8649
|
+
}, children: jsxRuntime.jsx("div", { style: {
|
|
8650
|
+
top: `${topOffsetPx}px`,
|
|
8651
|
+
left: `${value.left}%`,
|
|
8652
|
+
width: `${value.width}%`,
|
|
8653
|
+
minWidth: "5px",
|
|
8654
|
+
position: "absolute",
|
|
8655
|
+
zIndex: isOnDrag ? 999 : undefined,
|
|
8656
|
+
contentVisibility: "auto",
|
|
8657
|
+
pointerEvents: "auto",
|
|
8658
|
+
}, onClick: handleClick, onDoubleClick: handleDoubleClick, draggable: value.isDraggable, onMouseDown: (_) => {
|
|
8659
|
+
if (value.isDraggable)
|
|
8660
|
+
setIsOnDrag(true);
|
|
8661
|
+
}, onMouseLeave: (_) => {
|
|
8662
|
+
if (value.isDraggable)
|
|
8663
|
+
setIsOnDrag(false);
|
|
8664
|
+
}, onDragStart: (_) => {
|
|
8665
|
+
if (value.isDraggable)
|
|
8666
|
+
onEvent(new OnDragEvent(value.id, value.rowId));
|
|
8667
|
+
}, onDragEnd: (_) => {
|
|
8668
|
+
if (value.isDraggable)
|
|
8669
|
+
setIsOnDrag(false);
|
|
8670
|
+
}, children: jsxRuntime.jsx(CwTooltipNew, { content: value.tooltip, position: "bottom", hide: isOnDrag, showDelay: 200, children: jsxRuntime.jsxs("div", { style: {
|
|
8671
|
+
border: value.selected ? "2px solid black" : "none",
|
|
8672
|
+
backgroundColor: backColor,
|
|
8673
|
+
height: `calc(${effectiveHeight}rem - 4px)`,
|
|
8674
|
+
opacity: eventTransparent ? 0.5 : 1,
|
|
8675
|
+
...value.style,
|
|
8676
|
+
}, className: styles$2["scheduler-event"], children: [jsxRuntime.jsxs("div", { style: {
|
|
8677
|
+
display: "flex",
|
|
8678
|
+
flexDirection: "row",
|
|
8679
|
+
alignItems: "stretch",
|
|
8680
|
+
width: "100%",
|
|
8681
|
+
padding: "0 2px",
|
|
8682
|
+
cursor: value.isDraggable ? "pointer" : "default",
|
|
8683
|
+
// height: `calc(${effectiveHeight}rem - 8px)`,
|
|
8684
|
+
height: "100%",
|
|
8685
|
+
}, children: [value.isResizable && (jsxRuntime.jsx(EventSideDrag, { left: true, heightRem: effectiveHeight * 0.7, onStartEvent: () => {
|
|
8686
|
+
onEvent(new OnLeftDragStart(value.id));
|
|
8687
|
+
} })), jsxRuntime.jsxs("div", { className: styles$2["scheduler-event-container"], children: [jsxRuntime.jsx("div", { style: {
|
|
8688
|
+
display: "flex",
|
|
8689
|
+
flexDirection: "row",
|
|
8690
|
+
alignItems: "center",
|
|
8691
|
+
whiteSpace: "nowrap",
|
|
8692
|
+
color: textColor,
|
|
8693
|
+
}, children: value.icons }), jsxRuntime.jsx("span", { style: {
|
|
8694
|
+
padding: "0.1rem",
|
|
8695
|
+
color: textColor,
|
|
8696
|
+
display: "flex",
|
|
8696
8697
|
flex: 1,
|
|
8697
|
-
|
|
8698
|
-
|
|
8699
|
-
|
|
8700
|
-
|
|
8701
|
-
|
|
8702
|
-
|
|
8703
|
-
|
|
8704
|
-
|
|
8705
|
-
|
|
8706
|
-
|
|
8698
|
+
alignItems: "center",
|
|
8699
|
+
width: "100%",
|
|
8700
|
+
}, children: value.rectangleColors && value.rectangleColors.length > 0 ? (jsxRuntime.jsx("div", { style: {
|
|
8701
|
+
display: "flex",
|
|
8702
|
+
width: "100%",
|
|
8703
|
+
}, children: value.rectangleColors.map((item, i) => (jsxRuntime.jsx("div", { className: "cwellt_rectangle_indicator", style: {
|
|
8704
|
+
backgroundColor: item,
|
|
8705
|
+
flex: 1,
|
|
8706
|
+
height: "8px",
|
|
8707
|
+
margin: 0,
|
|
8708
|
+
padding: 0,
|
|
8709
|
+
} }, value.id + "_" + i))) })) : (value.name) })] }), value.isResizable && (jsxRuntime.jsx(EventSideDrag, { heightRem: effectiveHeight * 0.7, onStartEvent: () => {
|
|
8710
|
+
onEvent(new OnRightDragStart(value.id));
|
|
8711
|
+
} }))] }), value.primaryTimeMarkerColor && (jsxRuntime.jsx("div", { className: styles$2["time-marker"], style: {
|
|
8712
|
+
backgroundColor: value.primaryTimeMarkerColor,
|
|
8713
|
+
} })), value.secondaryTimeMarkerColor && (jsxRuntime.jsx("div", { className: styles$2["time-marker"], style: {
|
|
8714
|
+
backgroundColor: value.secondaryTimeMarkerColor,
|
|
8715
|
+
} }))] }) }) }, value.id) })] }));
|
|
8707
8716
|
};
|
|
8708
8717
|
|
|
8709
8718
|
const SchedulerRow = React.memo((props) => {
|
|
@@ -8765,7 +8774,7 @@ const SchedulerRow = React.memo((props) => {
|
|
|
8765
8774
|
position: "relative",
|
|
8766
8775
|
height: props.rowHeightInRem + "rem",
|
|
8767
8776
|
pointerEvents: "none"
|
|
8768
|
-
}, children: internalRow.map((event) => (jsxRuntime.jsx(EventComp, { value: event, heightRem: props.rowHeightInRem, onEvent: onEvent }, event.id))) }, index));
|
|
8777
|
+
}, children: internalRow.map((event) => (jsxRuntime.jsx(EventComp, { value: event, heightRem: props.rowHeightInRem, onEvent: onEvent, maxEventHeightRem: props.maxEventHeightRem }, event.id))) }, index));
|
|
8769
8778
|
}), indicatorRows.length > 0 && (jsxRuntime.jsx(IndicatorRow, { indicators: indicatorRows, selectedDate: selectedDate, visibleDays: visibleDays })), !(timeLinePercentage < 0 || timeLinePercentage > 100) && (jsxRuntime.jsx(TimeLine, { color: "red", left: `${timeLinePercentage}%`, top: "0px", height: `100%` }))] }) })] }));
|
|
8770
8779
|
}, (prevProps, nextProps) => {
|
|
8771
8780
|
// This memo is necessary to prevent re-render all the rows when a user makes drag and drop
|
|
@@ -9052,7 +9061,7 @@ const RowContent = React.memo(function RowContent(props) {
|
|
|
9052
9061
|
return (jsxRuntime.jsx("div", { style: {
|
|
9053
9062
|
...props.style,
|
|
9054
9063
|
backgroundColor: props.rowColor
|
|
9055
|
-
}, children: jsxRuntime.jsx(SchedulerRow, { events: props.events, backgroundEvents: props.backgroundEvents, indicatorRows: props.indicatorRows, rowHeader: header, EventComp: props.EventComp, BackgroundEventComp: props.BackgroundEventComp, RowTitleComp: props.RowTitleComp, weekendLines: props.weekendLines, divisionLines: props.divisionLines, timeLinePercentage: props.timeLinePercentage, rowHeightInRem: props.rowHeightRem, onEvent: props.onEvent, contextMenuItems: props.contextMenuItems, visibleDays: props.visibleDays, selectedDate: props.selectedDate }) }, props.row.rowId));
|
|
9064
|
+
}, children: jsxRuntime.jsx(SchedulerRow, { events: props.events, backgroundEvents: props.backgroundEvents, indicatorRows: props.indicatorRows, rowHeader: header, EventComp: props.EventComp, BackgroundEventComp: props.BackgroundEventComp, RowTitleComp: props.RowTitleComp, weekendLines: props.weekendLines, divisionLines: props.divisionLines, timeLinePercentage: props.timeLinePercentage, rowHeightInRem: props.rowHeightRem, maxEventHeightRem: props.maxEventHeightRem, onEvent: props.onEvent, contextMenuItems: props.contextMenuItems, visibleDays: props.visibleDays, selectedDate: props.selectedDate }) }, props.row.rowId));
|
|
9056
9065
|
});
|
|
9057
9066
|
// Outer (unmemoised) row: looks up per-row buckets from the shared `data`
|
|
9058
9067
|
// object and forwards them as flat props to `RowContent`. Because the
|
|
@@ -9063,7 +9072,7 @@ const Row = ({ index, style, data }) => {
|
|
|
9063
9072
|
const rowColor = data.groupRowColors
|
|
9064
9073
|
? Math.floor(index / 2) % 2 === 0 ? data.evenColor : data.oddColor
|
|
9065
9074
|
: index % 2 === 0 ? data.evenColor : data.oddColor;
|
|
9066
|
-
return (jsxRuntime.jsx(RowContent, { style: style, row: row, rowColor: rowColor, events: data.eventsByRow.get(row.rowId) ?? EMPTY_EVENTS, backgroundEvents: data.backgroundEventsByRow.get(row.rowId) ?? EMPTY_BG_EVENTS, indicatorRows: data.indicatorRowsByRow.get(row.rowId) ?? EMPTY_INDICATORS, EventComp: data.EventComp, BackgroundEventComp: data.BackgroundEventComp, RowTitleComp: data.RowTitleComp, rowHeaderWidth: data.rowHeaderWidth, rowHeightRem: row.rowHeightRem ?? data.rowHeightRem, weekendLines: data.weekendLines, divisionLines: data.divisionLines, timeLinePercentage: data.timeLinePercentage, selectedDate: data.selectedDate, visibleDays: data.visibleDays, contextMenuItems: data.contextMenuItems, onEvent: data.onEvent }));
|
|
9075
|
+
return (jsxRuntime.jsx(RowContent, { style: style, row: row, rowColor: rowColor, events: data.eventsByRow.get(row.rowId) ?? EMPTY_EVENTS, backgroundEvents: data.backgroundEventsByRow.get(row.rowId) ?? EMPTY_BG_EVENTS, indicatorRows: data.indicatorRowsByRow.get(row.rowId) ?? EMPTY_INDICATORS, EventComp: data.EventComp, BackgroundEventComp: data.BackgroundEventComp, RowTitleComp: data.RowTitleComp, rowHeaderWidth: data.rowHeaderWidth, rowHeightRem: row.rowHeightRem ?? data.rowHeightRem, maxEventHeightRem: data.maxEventHeightRem, weekendLines: data.weekendLines, divisionLines: data.divisionLines, timeLinePercentage: data.timeLinePercentage, selectedDate: data.selectedDate, visibleDays: data.visibleDays, contextMenuItems: data.contextMenuItems, onEvent: data.onEvent }));
|
|
9067
9076
|
};
|
|
9068
9077
|
// Bucket items by rowId, but reuse previous bucket arrays whenever a row's
|
|
9069
9078
|
// contents have not changed. Keeping bucket references stable is essential
|
|
@@ -9093,7 +9102,7 @@ const groupByRowIdStable = (items, prev) => {
|
|
|
9093
9102
|
return next;
|
|
9094
9103
|
};
|
|
9095
9104
|
const Scheduler = (props) => {
|
|
9096
|
-
const { header: headerContent, id, events: eventsState, backgroundEvents, indicatorRows: allIndicatorRows = [], contextMenuItems, EventComp, RowTitleComp, orderCategories = ["title"], useOrderCategory, onEvent, groupRowColors, rowHeaderWidth = 180, rowHeightRem = 1.75, } = props;
|
|
9105
|
+
const { header: headerContent, id, events: eventsState, backgroundEvents, indicatorRows: allIndicatorRows = [], contextMenuItems, EventComp, RowTitleComp, orderCategories = ["title"], useOrderCategory, onEvent, groupRowColors, rowHeaderWidth = 180, rowHeightRem = 1.75, maxEventHeightRem, } = props;
|
|
9097
9106
|
const BackgroundEventComp = props.BackgroundEventComp ?? BackgroundEvent;
|
|
9098
9107
|
const [constraintElement, setConstraintElement] = React.useState(null);
|
|
9099
9108
|
const rows = useOrderCategory === false
|
|
@@ -9177,6 +9186,7 @@ const Scheduler = (props) => {
|
|
|
9177
9186
|
RowTitleComp: RowTitleComp,
|
|
9178
9187
|
rowHeaderWidth,
|
|
9179
9188
|
rowHeightRem,
|
|
9189
|
+
maxEventHeightRem,
|
|
9180
9190
|
weekendLines: weekendsLines,
|
|
9181
9191
|
divisionLines,
|
|
9182
9192
|
timeLinePercentage,
|
|
@@ -9197,6 +9207,7 @@ const Scheduler = (props) => {
|
|
|
9197
9207
|
RowTitleComp,
|
|
9198
9208
|
rowHeaderWidth,
|
|
9199
9209
|
rowHeightRem,
|
|
9210
|
+
maxEventHeightRem,
|
|
9200
9211
|
weekendsLines,
|
|
9201
9212
|
divisionLines,
|
|
9202
9213
|
timeLinePercentage,
|
|
@@ -9577,6 +9588,7 @@ const PinRowHeader = ({ value, width, onEvent }) => {
|
|
|
9577
9588
|
onEvent(new OnClickContextMenu(value.rowId, key));
|
|
9578
9589
|
}, children: jsxRuntime.jsx(CwTooltipNew, { content: value.tooltip, position: "right", dissapearsWhenHover: true, children: jsxRuntime.jsxs("div", { style: {
|
|
9579
9590
|
width: width,
|
|
9591
|
+
flexShrink: 0,
|
|
9580
9592
|
height: "100%",
|
|
9581
9593
|
background: highlightColor
|
|
9582
9594
|
}, className: styles["super-scheduler-row-header"], children: [jsxRuntime.jsx("button", { className: "cw-button-icon cwi-pin", "data-pinned": value.isPinned, onClick: (_) => {
|
|
@@ -9590,13 +9602,13 @@ const PinRowHeader = ({ value, width, onEvent }) => {
|
|
|
9590
9602
|
jsxRuntime.jsxs("span", { className: styles["scheduler-crewmember-functions"], children: ["(", value.title3, ")"] }), value.subtitle2 && jsxRuntime.jsxs("span", { children: ["-", value.subtitle2] })] })] }), isLoading ? jsxRuntime.jsx("span", { className: "cwi-icons cwi-spinner" }) : undefined] }) }, value.rowId) }, value.rowId);
|
|
9591
9603
|
};
|
|
9592
9604
|
|
|
9593
|
-
const SuperScheduler = ({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows = [], contextMenuItems, onEvent, rowHeightRem = 1.75 }) => {
|
|
9605
|
+
const SuperScheduler = ({ id, state, header, rows, events, headerColumnComp, pinnedOrderCategory, unPinnedOrderCategory, backgroundEvents, indicatorRows = [], contextMenuItems, onEvent, rowHeightRem = 1.75, rowHeaderWidth, maxEventHeightRem, EventComp = SchedulerEvent, }) => {
|
|
9594
9606
|
const pinnedRows = rows.filter((it) => it.isPinned);
|
|
9595
9607
|
const notPinnedRows = rows.filter((it) => !it.isPinned);
|
|
9596
9608
|
const isFirstVisible = pinnedRows.length > 0;
|
|
9597
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isFirstVisible && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Scheduler, { id: `${id}-pinned`, state: state, header: header, rows: pinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: pinnedOrderCategory, onEvent: onEvent, EventComp:
|
|
9609
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isFirstVisible && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Scheduler, { id: `${id}-pinned`, state: state, header: header, rows: pinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: pinnedOrderCategory, onEvent: onEvent, EventComp: EventComp, RowTitleComp: headerColumnComp, rowHeightRem: rowHeightRem, rowHeaderWidth: rowHeaderWidth, maxEventHeightRem: maxEventHeightRem }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(CwButton, { onClick: () => {
|
|
9598
9610
|
onEvent(new OnClearPinned());
|
|
9599
|
-
}, children: "Clear pinned" }) })] })), jsxRuntime.jsx(Scheduler, { id: `${id}-notPinned`, state: { ...state, isHeaderVisible: !isFirstVisible }, header: header, rows: notPinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: unPinnedOrderCategory, onEvent: onEvent, EventComp:
|
|
9611
|
+
}, children: "Clear pinned" }) })] })), jsxRuntime.jsx(Scheduler, { id: `${id}-notPinned`, state: { ...state, isHeaderVisible: !isFirstVisible }, header: header, rows: notPinnedRows, events: events, backgroundEvents: backgroundEvents, indicatorRows: indicatorRows, contextMenuItems: contextMenuItems, orderCategories: unPinnedOrderCategory, onEvent: onEvent, EventComp: EventComp, RowTitleComp: headerColumnComp, rowHeightRem: rowHeightRem, rowHeaderWidth: rowHeaderWidth, maxEventHeightRem: maxEventHeightRem })] }));
|
|
9600
9612
|
};
|
|
9601
9613
|
|
|
9602
9614
|
/**
|