@imj_media/ui 1.2.56 → 1.2.57
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.css +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +10651 -8157
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/dist/modules/Table/stories/TableActionsColumnScroll.stories.d.ts +45 -0
- package/dist/modules/Table/stories/TableActionsColumnScroll.stories.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/index.d.ts +23 -0
- package/dist/modules/imj-calendar-timeline/index.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/Timeline.d.ts +221 -0
- package/dist/modules/imj-calendar-timeline/lib/Timeline.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/columns/Columns.d.ts +17 -0
- package/dist/modules/imj-calendar-timeline/lib/columns/Columns.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/default-config.d.ts +29 -0
- package/dist/modules/imj-calendar-timeline/lib/default-config.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/CustomDateHeader.d.ts +24 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/CustomDateHeader.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/CustomHeader.d.ts +31 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/CustomHeader.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/DateHeader.d.ts +37 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/DateHeader.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/HeadersContext.d.ts +21 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/HeadersContext.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/Interval.d.ts +24 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/Interval.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/SidebarHeader.d.ts +19 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/SidebarHeader.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/TimelineHeaders.d.ts +22 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/TimelineHeaders.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/constants.d.ts +3 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/constants.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/types.d.ts +9 -0
- package/dist/modules/imj-calendar-timeline/lib/headers/types.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/interaction/PreventClickOnDrag.d.ts +15 -0
- package/dist/modules/imj-calendar-timeline/lib/interaction/PreventClickOnDrag.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/items/Item.d.ts +144 -0
- package/dist/modules/imj-calendar-timeline/lib/items/Item.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/items/Items.d.ts +43 -0
- package/dist/modules/imj-calendar-timeline/lib/items/Items.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/items/defaultItemRenderer.d.ts +12 -0
- package/dist/modules/imj-calendar-timeline/lib/items/defaultItemRenderer.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/items/styles.d.ts +52 -0
- package/dist/modules/imj-calendar-timeline/lib/items/styles.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/layout/Sidebar.d.ts +17 -0
- package/dist/modules/imj-calendar-timeline/lib/layout/Sidebar.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/MarkerCanvas.d.ts +11 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/MarkerCanvas.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/MarkerCanvasContext.d.ts +12 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/MarkerCanvasContext.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/TimelineMarkersContext.d.ts +17 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/TimelineMarkersContext.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/TimelineMarkersRenderer.d.ts +4 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/TimelineMarkersRenderer.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/CursorMarker.d.ts +11 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/CursorMarker.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/CustomMarker.d.ts +20 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/CustomMarker.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/TodayMarker.d.ts +28 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/TodayMarker.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/shared.d.ts +864 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/implementations/shared.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/markerType.d.ts +19 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/markerType.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/CursorMarker.d.ts +13 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/CursorMarker.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/CustomMarker.d.ts +15 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/CustomMarker.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/TimelineMarkers.d.ts +7 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/TimelineMarkers.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/TodayMarker.d.ts +15 -0
- package/dist/modules/imj-calendar-timeline/lib/markers/public/TodayMarker.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/row/GroupRow.d.ts +17 -0
- package/dist/modules/imj-calendar-timeline/lib/row/GroupRow.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/row/GroupRows.d.ts +19 -0
- package/dist/modules/imj-calendar-timeline/lib/row/GroupRows.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/scroll/ScrollElement.d.ts +17 -0
- package/dist/modules/imj-calendar-timeline/lib/scroll/ScrollElement.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/timeline/TimelineStateContext.d.ts +29 -0
- package/dist/modules/imj-calendar-timeline/lib/timeline/TimelineStateContext.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/types/dimension.d.ts +18 -0
- package/dist/modules/imj-calendar-timeline/lib/types/dimension.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/types/main.d.ts +225 -0
- package/dist/modules/imj-calendar-timeline/lib/types/main.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/calendar.d.ts +213 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/calendar.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/dom-helpers.d.ts +16 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/dom-helpers.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/events.d.ts +5 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/events.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/generic.d.ts +16 -0
- package/dist/modules/imj-calendar-timeline/lib/utility/generic.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/resize-detector/container.d.ts +18 -0
- package/dist/modules/imj-calendar-timeline/resize-detector/container.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/resize-detector/window.d.ts +11 -0
- package/dist/modules/imj-calendar-timeline/resize-detector/window.d.ts.map +1 -0
- package/dist/modules/imj-calendar-timeline/stories/Timeline.stories.d.ts +25 -0
- package/dist/modules/imj-calendar-timeline/stories/Timeline.stories.d.ts.map +1 -0
- package/dist/modules/index.d.ts +1 -0
- package/dist/modules/index.d.ts.map +1 -1
- package/package.json +9 -1
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from '../Table';
|
|
3
|
+
/**
|
|
4
|
+
* Historias para reproducir el bug: al hacer scroll vertical, las celdas de la columna
|
|
5
|
+
* "Acciones" (sticky a la derecha) se sobreponen sobre el header "Acciones".
|
|
6
|
+
*
|
|
7
|
+
* Objetivo: encontrar visualmente en qué combinación de props/tamaños ocurre el error.
|
|
8
|
+
* Probar en cada historia: contenedor con altura fija → scroll vertical → ver si las
|
|
9
|
+
* celdas de acciones tapan el header "Acciones".
|
|
10
|
+
*/
|
|
11
|
+
declare const meta: Meta<typeof Table>;
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof Table>;
|
|
14
|
+
/** Tabla pequeña (pocas columnas) + muchas filas + sin paginación. Scroll solo vertical. */
|
|
15
|
+
export declare const ScrollVertical_MinimalColumns_NoPagination: Story;
|
|
16
|
+
/** Tabla ancha (muchas columnas) + muchas filas + sin paginación. Scroll horizontal y vertical. */
|
|
17
|
+
export declare const ScrollVertical_WideColumns_NoPagination: Story;
|
|
18
|
+
/** Sin paginación + dense. Más filas visibles, mismo contenedor. */
|
|
19
|
+
export declare const ScrollVertical_Dense_NoPagination: Story;
|
|
20
|
+
/** Con paginación: 10 por página, contenedor bajo → igual hay scroll vertical. */
|
|
21
|
+
export declare const ScrollVertical_WithPagination_SmallPageSize: Story;
|
|
22
|
+
/** Paginación + muchas columnas + resizable. */
|
|
23
|
+
export declare const ScrollVertical_WithPagination_WideResizable: Story;
|
|
24
|
+
/** Checkbox sticky + columna Acciones sticky + scroll vertical. */
|
|
25
|
+
export declare const ScrollVertical_WithSelection_StickyBoth: Story;
|
|
26
|
+
/** Columna editable → auto columna Editar/Guardar + columna Acciones extra. Scroll vertical. */
|
|
27
|
+
export declare const ScrollVertical_EditableColumns_WithActions: Story;
|
|
28
|
+
/** Contenedor muy bajo (240px) para maximizar scroll vertical y probabilidad del bug. */
|
|
29
|
+
export declare const ScrollVertical_VeryShortContainer_NoPagination: Story;
|
|
30
|
+
/** Contenedor muy bajo + muchas columnas (scroll horizontal y vertical). */
|
|
31
|
+
export declare const ScrollVertical_VeryShortContainer_WideTable: Story;
|
|
32
|
+
/** stickyHeader=true (default). Si el bug existe, aquí debería verse. */
|
|
33
|
+
export declare const ScrollVertical_StickyHeaderTrue: Story;
|
|
34
|
+
/** stickyHeader=false. Header no es sticky; solo acciones sticky. Comparar comportamiento. */
|
|
35
|
+
export declare const ScrollVertical_StickyHeaderFalse: Story;
|
|
36
|
+
/** Varias props a la vez: bordered, striped, hoverable, resizable + scroll vertical. */
|
|
37
|
+
export declare const ScrollVertical_MultipleProps_BorderedStripedResizable: Story;
|
|
38
|
+
/** Paginación + selection + resizable + dense. Máxima combinación de props que suelen usarse. */
|
|
39
|
+
export declare const ScrollVertical_AllProps_PaginationSelectionResizableDense: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Historia para reproducir el caso que Zefe reporta que no funciona.
|
|
42
|
+
* Escenario tipo lista de precios: columnas bloqueadas al inicio + muchas columnas + Acciones al final + scroll.
|
|
43
|
+
*/
|
|
44
|
+
export declare const ZefeDiceQueNoFunciona: Story;
|
|
45
|
+
//# sourceMappingURL=TableActionsColumnScroll.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableActionsColumnScroll.stories.d.ts","sourceRoot":"","sources":["../../../../src/modules/Table/stories/TableActionsColumnScroll.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC;;;;;;;GAOG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA8B5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AA6GpC,4FAA4F;AAC5F,eAAO,MAAM,0CAA0C,EAAE,KAmBxD,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,uCAAuC,EAAE,KAoBrD,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,iCAAiC,EAAE,KAoB/C,CAAC;AAMF,kFAAkF;AAClF,eAAO,MAAM,2CAA2C,EAAE,KAqCzD,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,2CAA2C,EAAE,KAsCzD,CAAC;AAMF,mEAAmE;AACnE,eAAO,MAAM,uCAAuC,EAAE,KAqBrD,CAAC;AAMF,gGAAgG;AAChG,eAAO,MAAM,0CAA0C,EAAE,KA0BxD,CAAC;AAMF,yFAAyF;AACzF,eAAO,MAAM,8CAA8C,EAAE,KAmB5D,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,2CAA2C,EAAE,KAoBzD,CAAC;AAMF,yEAAyE;AACzE,eAAO,MAAM,+BAA+B,EAAE,KAmB7C,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,gCAAgC,EAAE,KAmB9C,CAAC;AAMF,wFAAwF;AACxF,eAAO,MAAM,qDAAqD,EAAE,KAuBnE,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,yDAAyD,EAAE,KAyCvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KA6CnC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as Timeline, ReactCalendarTimelineProps, ReactCalendarTimelineState, OnTimeChange } from './lib/Timeline';
|
|
2
|
+
export { default as TimelineMarkers } from './lib/markers/public/TimelineMarkers';
|
|
3
|
+
export { default as TodayMarker } from './lib/markers/public/TodayMarker';
|
|
4
|
+
export type { TodayMarkerProps } from './lib/markers/public/TodayMarker';
|
|
5
|
+
export { default as CustomMarker } from './lib/markers/public/CustomMarker';
|
|
6
|
+
export { default as CursorMarker } from './lib/markers/public/CursorMarker';
|
|
7
|
+
export type { CursorMarkerProps } from './lib/markers/public/CursorMarker';
|
|
8
|
+
export { default as TimelineHeaders } from './lib/headers/TimelineHeaders';
|
|
9
|
+
export type { TimelineHeadersWrapperProps as TimelineHeadersProps } from './lib/headers/TimelineHeaders';
|
|
10
|
+
export { default as SidebarHeader } from './lib/headers/SidebarHeader';
|
|
11
|
+
export type { SidebarWrapperProps as SidebarHeaderProps } from './lib/headers/SidebarHeader';
|
|
12
|
+
export { default as CustomHeader } from './lib/headers/CustomHeader';
|
|
13
|
+
export type { CustomHeaderWrapperProps as CustomHeaderProps } from './lib/headers/CustomHeader';
|
|
14
|
+
export { default as DateHeader } from './lib/headers/DateHeader';
|
|
15
|
+
export type { DateHeaderWrapper as DateHeaderProps } from './lib/headers/DateHeader';
|
|
16
|
+
export * as calendarUtils from './lib/utility/calendar';
|
|
17
|
+
export * from './lib/types/main';
|
|
18
|
+
export { default as GroupRow } from './lib/row/GroupRow';
|
|
19
|
+
export { default as RowItems } from './lib/items/Items';
|
|
20
|
+
export { Timeline };
|
|
21
|
+
export type { ReactCalendarTimelineProps, ReactCalendarTimelineState, OnTimeChange };
|
|
22
|
+
export default Timeline;
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/imj-calendar-timeline/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,YAAY,EACb,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAC5E,YAAY,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAC3E,YAAY,EAAE,2BAA2B,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACvE,YAAY,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,wBAAwB,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,iBAAiB,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACrF,OAAO,KAAK,aAAa,MAAM,wBAAwB,CAAC;AACxD,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,YAAY,EAAE,CAAC;AACrF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
import { default as React, Component, MouseEvent } from 'react';
|
|
2
|
+
import { CanResize } from './items/Items';
|
|
3
|
+
import { RowClickEvent } from './row/GroupRows';
|
|
4
|
+
import { dateType, ElementWithSecret, Id, OnItemDragObjectMove, OnItemDragObjectResize, ReactCalendarGroupRendererProps, TimelineContext, TimelineGroupBase, TimelineItemBase, TimelineKeys, TimelineTimeSteps, Unit } from './types/main';
|
|
5
|
+
import { ItemDimension } from './types/dimension';
|
|
6
|
+
import { default as dayjs, Dayjs } from 'dayjs';
|
|
7
|
+
import { ItemProps, ResizeEdge } from './items/Item';
|
|
8
|
+
export type OnTimeChange<CustomItem, CustomGroup> = (visibleTimeStart: number, visibleTimeEnd: number, updateScrollCanvas: (start: dateType, end: dateType, forceUpdateDimensions?: boolean, items?: CustomItem[], groups?: CustomGroup[]) => void, unit: Unit) => any;
|
|
9
|
+
export type ReactCalendarTimelineProps<CustomItem extends TimelineItemBase<number>, CustomGroup extends TimelineGroupBase = TimelineGroupBase> = {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
groups: CustomGroup[];
|
|
12
|
+
items: CustomItem[];
|
|
13
|
+
keys: TimelineKeys;
|
|
14
|
+
defaultTimeStart: number;
|
|
15
|
+
defaultTimeEnd: number;
|
|
16
|
+
visibleTimeStart?: dateType;
|
|
17
|
+
visibleTimeEnd?: dateType;
|
|
18
|
+
selected?: Id[] | undefined;
|
|
19
|
+
sidebarWidth: number;
|
|
20
|
+
sidebarContent?: React.ReactNode | undefined;
|
|
21
|
+
rightSidebarWidth: number;
|
|
22
|
+
rightSidebarContent?: React.ReactNode | undefined;
|
|
23
|
+
dragSnap?: number;
|
|
24
|
+
minResizeWidth?: number | undefined;
|
|
25
|
+
lineHeight: number;
|
|
26
|
+
itemHeightRatio: number;
|
|
27
|
+
minZoom: number;
|
|
28
|
+
maxZoom: number;
|
|
29
|
+
clickTolerance?: number | undefined;
|
|
30
|
+
canMove?: boolean | undefined;
|
|
31
|
+
canChangeGroup?: boolean | undefined;
|
|
32
|
+
canResize?: CanResize;
|
|
33
|
+
useResizeHandle?: boolean | undefined;
|
|
34
|
+
canSelect?: boolean;
|
|
35
|
+
stackItems: boolean;
|
|
36
|
+
traditionalZoom?: boolean | undefined;
|
|
37
|
+
itemTouchSendsClick?: boolean | undefined;
|
|
38
|
+
timeSteps: TimelineTimeSteps;
|
|
39
|
+
scrollRef?: (el: HTMLDivElement) => void;
|
|
40
|
+
onItemDrag?(itemDragObject: OnItemDragObjectMove | OnItemDragObjectResize): void;
|
|
41
|
+
onItemMove?(itemId: Id, dragTime: number, newGroupOrder: number): void;
|
|
42
|
+
onItemResize?(itemId: Id, endTimeOrStartTime: number, edge: ResizeEdge): void;
|
|
43
|
+
onItemSelect?(itemId: Id, e: any, time: number): void;
|
|
44
|
+
onItemDeselect?(e: React.SyntheticEvent): void;
|
|
45
|
+
onItemClick?(itemId: Id, e: React.SyntheticEvent, time: number): void;
|
|
46
|
+
onItemDoubleClick?(itemId: Id, e: React.SyntheticEvent, time: number): void;
|
|
47
|
+
onItemContextMenu?(itemId: Id, e: React.SyntheticEvent, time: number): void;
|
|
48
|
+
onCanvasClick?(groupId: Id, time: number, e: React.SyntheticEvent): void;
|
|
49
|
+
onCanvasDoubleClick?(groupId: Id, time: number, e: React.SyntheticEvent): void;
|
|
50
|
+
onCanvasContextMenu?(groupId: Id, time: number, e: React.SyntheticEvent): void;
|
|
51
|
+
onZoom?(timelineContext: TimelineContext, unit: Unit): void;
|
|
52
|
+
moveResizeValidator?: ItemProps<CustomItem>['moveResizeValidator'];
|
|
53
|
+
onTimeChange?: OnTimeChange<CustomItem, CustomGroup>;
|
|
54
|
+
onBoundsChange?(canvasTimeStart: number, canvasTimeEnd: number): any;
|
|
55
|
+
itemRenderer?: ItemProps<CustomItem>['itemRenderer'];
|
|
56
|
+
groupRenderer?: ((props: ReactCalendarGroupRendererProps<CustomGroup>) => React.ReactNode) | undefined;
|
|
57
|
+
resizeDetector?: {
|
|
58
|
+
addListener?: (x: any) => void;
|
|
59
|
+
removeListener: (x: any) => void;
|
|
60
|
+
} | undefined;
|
|
61
|
+
verticalLineClassNamesForTime?: (start: number, end: number) => string[];
|
|
62
|
+
horizontalLineClassNamesForGroup?: ((group: CustomGroup) => string[]) | undefined;
|
|
63
|
+
buffer?: number;
|
|
64
|
+
headerRef?: (el: HTMLDivElement) => void;
|
|
65
|
+
className?: string;
|
|
66
|
+
style?: React.CSSProperties;
|
|
67
|
+
};
|
|
68
|
+
export type ReactCalendarTimelineState<CustomItem extends TimelineItemBase<any> = TimelineItemBase<number>, CustomGroup extends TimelineGroupBase = TimelineGroupBase> = {
|
|
69
|
+
width: number;
|
|
70
|
+
visibleTimeStart: number;
|
|
71
|
+
visibleTimeEnd: number;
|
|
72
|
+
canvasTimeStart: dateType;
|
|
73
|
+
canvasTimeEnd: dateType;
|
|
74
|
+
selectedItem: Id | null;
|
|
75
|
+
dragTime: number | null;
|
|
76
|
+
dragGroupTitle: string | null;
|
|
77
|
+
resizeTime: number | null;
|
|
78
|
+
resizingItem: Id | null;
|
|
79
|
+
resizingEdge: 'left' | 'right' | null;
|
|
80
|
+
items?: CustomItem[];
|
|
81
|
+
groups?: CustomGroup[];
|
|
82
|
+
draggingItem?: Id | null;
|
|
83
|
+
newGroupOrder: number;
|
|
84
|
+
dimensionItems: ItemDimension[];
|
|
85
|
+
height: number;
|
|
86
|
+
groupHeights: number[];
|
|
87
|
+
groupTops: number[];
|
|
88
|
+
};
|
|
89
|
+
export default class ReactCalendarTimeline<CustomItem extends TimelineItemBase<any> = TimelineItemBase<number>, CustomGroup extends TimelineGroupBase = TimelineGroupBase> extends Component<ReactCalendarTimelineProps<CustomItem, CustomGroup>, ReactCalendarTimelineState<CustomItem, CustomGroup>> {
|
|
90
|
+
static setDayjsLocale: typeof dayjs.locale;
|
|
91
|
+
static defaultProps: {
|
|
92
|
+
sidebarWidth: number;
|
|
93
|
+
rightSidebarWidth: number;
|
|
94
|
+
dragSnap: number;
|
|
95
|
+
minResizeWidth: number;
|
|
96
|
+
lineHeight: number;
|
|
97
|
+
itemHeightRatio: number;
|
|
98
|
+
buffer: number;
|
|
99
|
+
minZoom: number;
|
|
100
|
+
maxZoom: number;
|
|
101
|
+
clickTolerance: number;
|
|
102
|
+
canChangeGroup: boolean;
|
|
103
|
+
canMove: boolean;
|
|
104
|
+
canResize: string;
|
|
105
|
+
useResizeHandle: boolean;
|
|
106
|
+
canSelect: boolean;
|
|
107
|
+
stackItems: boolean;
|
|
108
|
+
traditionalZoom: boolean;
|
|
109
|
+
horizontalLineClassNamesForGroup: null;
|
|
110
|
+
onItemMove: null;
|
|
111
|
+
onItemResize: null;
|
|
112
|
+
onItemClick: null;
|
|
113
|
+
onItemSelect: null;
|
|
114
|
+
onItemDeselect: null;
|
|
115
|
+
onItemDrag: null;
|
|
116
|
+
onCanvasClick: null;
|
|
117
|
+
onItemDoubleClick: null;
|
|
118
|
+
onItemContextMenu: null;
|
|
119
|
+
onZoom: null;
|
|
120
|
+
verticalLineClassNamesForTime: null;
|
|
121
|
+
moveResizeValidator: null;
|
|
122
|
+
dayBackground: null;
|
|
123
|
+
defaultTimeStart: null;
|
|
124
|
+
defaultTimeEnd: null;
|
|
125
|
+
itemTouchSendsClick: boolean;
|
|
126
|
+
style: {};
|
|
127
|
+
className: string;
|
|
128
|
+
keys: {
|
|
129
|
+
groupIdKey: string;
|
|
130
|
+
groupTitleKey: string;
|
|
131
|
+
groupRightTitleKey: string;
|
|
132
|
+
groupLabelKey: string;
|
|
133
|
+
itemIdKey: string;
|
|
134
|
+
itemTitleKey: string;
|
|
135
|
+
itemDivTitleKey: string;
|
|
136
|
+
itemGroupKey: string;
|
|
137
|
+
itemTimeStartKey: string;
|
|
138
|
+
itemTimeEndKey: string;
|
|
139
|
+
};
|
|
140
|
+
timeSteps: {
|
|
141
|
+
second: number;
|
|
142
|
+
minute: number;
|
|
143
|
+
hour: number;
|
|
144
|
+
day: number;
|
|
145
|
+
month: number;
|
|
146
|
+
year: number;
|
|
147
|
+
};
|
|
148
|
+
headerRef: () => void;
|
|
149
|
+
scrollRef: () => void;
|
|
150
|
+
visibleTimeStart: null;
|
|
151
|
+
visibleTimeEnd: null;
|
|
152
|
+
onTimeChange: (visibleTimeStart: dateType, visibleTimeEnd: dateType, updateScrollCanvas: (visibleTimeStart: dateType, visibleTimeEnd: dateType) => void) => void;
|
|
153
|
+
onBoundsChange: null;
|
|
154
|
+
children: null;
|
|
155
|
+
selected: null;
|
|
156
|
+
};
|
|
157
|
+
getTimelineContext: () => TimelineContext;
|
|
158
|
+
getTimelineUnit: () => Unit;
|
|
159
|
+
state: ReactCalendarTimelineState<CustomItem, CustomGroup>;
|
|
160
|
+
constructor(props: ReactCalendarTimelineProps<CustomItem, CustomGroup>);
|
|
161
|
+
componentDidMount(): void;
|
|
162
|
+
componentWillUnmount(): void;
|
|
163
|
+
static getDerivedStateFromProps(nextProps: ReactCalendarTimelineProps<any>, prevState: ReactCalendarTimelineState): {
|
|
164
|
+
items: any[];
|
|
165
|
+
groups: TimelineGroupBase[];
|
|
166
|
+
};
|
|
167
|
+
scrollComponent: HTMLDivElement | null;
|
|
168
|
+
scrollHeaderRef: HTMLDivElement | null;
|
|
169
|
+
componentDidUpdate(_: ReactCalendarTimelineProps<CustomItem, CustomGroup>, prevState: ReactCalendarTimelineState): void;
|
|
170
|
+
resize: (props?: Readonly<ReactCalendarTimelineProps<CustomItem, CustomGroup>>) => void;
|
|
171
|
+
onScroll: (scrollX: number) => void;
|
|
172
|
+
updateScrollCanvas: (visibleTimeStart: dateType, visibleTimeEnd: dateType, forceUpdateDimensions?: boolean, items?: CustomItem[], groups?: CustomGroup[]) => void;
|
|
173
|
+
handleWheelZoom: (speed: number, xPosition: number, deltaY: number) => void;
|
|
174
|
+
changeZoom: (scale: number, offset?: number) => void;
|
|
175
|
+
showPeriod: (from: Dayjs, to: Dayjs) => void;
|
|
176
|
+
selectItem: ItemProps<CustomItem>['onSelect'];
|
|
177
|
+
doubleClickItem: ItemProps<CustomItem>['onItemDoubleClick'];
|
|
178
|
+
contextMenuClickItem: ItemProps<CustomItem>['onContextMenu'];
|
|
179
|
+
getTimeFromRowClickEvent: (e: MouseEvent<HTMLDivElement>) => number;
|
|
180
|
+
timeFromItemEvent: (e: MouseEvent<HTMLDivElement>) => number;
|
|
181
|
+
dragItem: ItemProps<CustomItem>['onDrag'];
|
|
182
|
+
dropItem: ItemProps<CustomItem>['onDrop'];
|
|
183
|
+
resizingItem: ItemProps<CustomItem>['onResizing'];
|
|
184
|
+
resizedItem: ItemProps<CustomItem>['onResized'];
|
|
185
|
+
updatingItem: ({ eventType, itemId, time, edge, newGroupOrder, }: {
|
|
186
|
+
eventType: "move" | "resize";
|
|
187
|
+
itemId: Id;
|
|
188
|
+
time: number;
|
|
189
|
+
edge?: ResizeEdge;
|
|
190
|
+
newGroupOrder?: number;
|
|
191
|
+
}) => void;
|
|
192
|
+
columns(canvasTimeStart: number, canvasTimeEnd: number, canvasWidth: number, minUnit: keyof TimelineTimeSteps, timeSteps: TimelineTimeSteps, height: number): import("react/jsx-runtime").JSX.Element;
|
|
193
|
+
handleRowClick: RowClickEvent;
|
|
194
|
+
handleRowDoubleClick: RowClickEvent;
|
|
195
|
+
handleScrollContextMenu: RowClickEvent;
|
|
196
|
+
rows(canvasWidth: number, groupHeights: number[], groups: typeof this.props.groups): import("react/jsx-runtime").JSX.Element;
|
|
197
|
+
items({ canvasTimeStart, canvasTimeEnd, canvasWidth, dimensionItems, groupTops, }: {
|
|
198
|
+
canvasTimeStart: number;
|
|
199
|
+
canvasTimeEnd: number;
|
|
200
|
+
canvasWidth: number;
|
|
201
|
+
dimensionItems: ItemDimension[];
|
|
202
|
+
groupTops: number[];
|
|
203
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
204
|
+
handleHeaderRef: (el: HTMLDivElement) => void;
|
|
205
|
+
sidebar(height: number, groupHeights: number[]): 0 | import("react/jsx-runtime").JSX.Element;
|
|
206
|
+
rightSidebar(height: number, groupHeights: number[]): 0 | import("react/jsx-runtime").JSX.Element;
|
|
207
|
+
/**
|
|
208
|
+
* check if child of type TimelineHeader
|
|
209
|
+
* refer to for explanation https://github.com/gaearon/react-hot-loader#checking-element-types
|
|
210
|
+
*/
|
|
211
|
+
isTimelineHeader: (child: ElementWithSecret) => boolean;
|
|
212
|
+
childrenWithProps(canvasTimeStart: number, canvasTimeEnd: number, canvasWidth: number, dimensionItems: any[], groupHeights: number[], groupTops: number[], height: number, visibleTimeStart: number, visibleTimeEnd: number, minUnit: keyof TimelineTimeSteps, timeSteps: TimelineTimeSteps): any;
|
|
213
|
+
renderHeaders: () => import("react/jsx-runtime").JSX.Element;
|
|
214
|
+
getSelected(): Id[];
|
|
215
|
+
hasSelectedItem(): boolean;
|
|
216
|
+
isItemSelected(itemId: string | null): boolean;
|
|
217
|
+
getScrollElementRef: (el: HTMLDivElement) => void;
|
|
218
|
+
container: React.RefObject<HTMLDivElement>;
|
|
219
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
220
|
+
}
|
|
221
|
+
//# sourceMappingURL=Timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/modules/imj-calendar-timeline/lib/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { TimelineTimeSteps } from '../types/main';
|
|
2
|
+
interface WrapperColumnsProps {
|
|
3
|
+
canvasTimeStart: number;
|
|
4
|
+
canvasTimeEnd: number;
|
|
5
|
+
canvasWidth: number;
|
|
6
|
+
lineCount: number;
|
|
7
|
+
minUnit: keyof TimelineTimeSteps;
|
|
8
|
+
timeSteps: TimelineTimeSteps;
|
|
9
|
+
height: number;
|
|
10
|
+
verticalLineClassNamesForTime?: (a: number, b: number) => string[];
|
|
11
|
+
}
|
|
12
|
+
declare function ColumnsWrapper(props: WrapperColumnsProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare namespace ColumnsWrapper {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
export default ColumnsWrapper;
|
|
17
|
+
//# sourceMappingURL=Columns.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/columns/Columns.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,UAAU,mBAAmB;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,iBAAiB,CAAC;IACjC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,6BAA6B,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;CACpE;AAwDD,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAQjD;kBARQ,cAAc;;;AAYvB,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export declare const defaultKeys: {
|
|
2
|
+
groupIdKey: string;
|
|
3
|
+
groupTitleKey: string;
|
|
4
|
+
groupRightTitleKey: string;
|
|
5
|
+
groupLabelKey: string;
|
|
6
|
+
itemIdKey: string;
|
|
7
|
+
itemTitleKey: string;
|
|
8
|
+
itemDivTitleKey: string;
|
|
9
|
+
itemGroupKey: string;
|
|
10
|
+
itemTimeStartKey: string;
|
|
11
|
+
itemTimeEndKey: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const defaultTimeSteps: {
|
|
14
|
+
second: number;
|
|
15
|
+
minute: number;
|
|
16
|
+
hour: number;
|
|
17
|
+
day: number;
|
|
18
|
+
month: number;
|
|
19
|
+
year: number;
|
|
20
|
+
};
|
|
21
|
+
type UnitValue = {
|
|
22
|
+
long: string;
|
|
23
|
+
mediumLong: string;
|
|
24
|
+
medium: string;
|
|
25
|
+
short: string;
|
|
26
|
+
};
|
|
27
|
+
export declare const defaultHeaderFormats: Record<string, UnitValue>;
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=default-config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default-config.d.ts","sourceRoot":"","sources":["../../../../src/modules/imj-calendar-timeline/lib/default-config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;CAWvB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;CAO5B,CAAA;AAED,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CA2C1D,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Interval as IntervalType, IntervalRenderer } from '../types/main';
|
|
3
|
+
import { Dayjs } from 'dayjs';
|
|
4
|
+
import { SelectUnits } from '../utility/calendar';
|
|
5
|
+
import { GetIntervalPropsType } from './types';
|
|
6
|
+
export interface CustomDateHeaderProps<Data> {
|
|
7
|
+
headerContext: {
|
|
8
|
+
intervals: IntervalType[];
|
|
9
|
+
unit: SelectUnits;
|
|
10
|
+
};
|
|
11
|
+
getRootProps: (props?: any) => any;
|
|
12
|
+
getIntervalProps: GetIntervalPropsType;
|
|
13
|
+
showPeriod: (start: Dayjs, end: Dayjs) => void;
|
|
14
|
+
data: {
|
|
15
|
+
style: React.CSSProperties;
|
|
16
|
+
intervalRenderer: (props: IntervalRenderer<Data>) => React.ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
getLabelFormat: (interval: [Dayjs, Dayjs], unit: string, labelWidth: number) => string;
|
|
19
|
+
unitProp?: 'primaryHeader';
|
|
20
|
+
headerData?: Data;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
export declare function CustomDateHeader<Data>({ headerContext: { intervals, unit }, getRootProps, getIntervalProps, showPeriod, data: { style, intervalRenderer, className, getLabelFormat, unitProp, headerData }, }: CustomDateHeaderProps<Data>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=CustomDateHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomDateHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/CustomDateHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,WAAW,qBAAqB,CAAC,IAAI;IACzC,aAAa,EAAE;QACb,SAAS,EAAE,YAAY,EAAE,CAAA;QACzB,IAAI,EAAE,WAAW,CAAA;KAClB,CAAA;IACD,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAA;IAClC,gBAAgB,EAAE,oBAAoB,CAAA;IACtC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;QAC1B,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;QACpE,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,cAAc,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAA;QACtF,QAAQ,CAAC,EAAE,eAAe,CAAA;QAC1B,UAAU,CAAC,EAAE,IAAI,CAAA;KAClB,CAAA;CACF;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,EACrC,aAAa,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,EAClC,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,GACnF,EAAE,qBAAqB,CAAC,IAAI,CAAC,2CAqB7B"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TimelineTimeSteps } from '../types/main';
|
|
3
|
+
import { Dayjs } from 'dayjs';
|
|
4
|
+
import { CustomDateHeaderProps } from './CustomDateHeader';
|
|
5
|
+
export interface CustomHeaderProps<Data> {
|
|
6
|
+
children: (p: CustomDateHeaderProps<Data>) => ReactNode;
|
|
7
|
+
unit: keyof TimelineTimeSteps;
|
|
8
|
+
timeSteps: TimelineTimeSteps;
|
|
9
|
+
visibleTimeStart: number;
|
|
10
|
+
visibleTimeEnd: number;
|
|
11
|
+
canvasTimeStart: number;
|
|
12
|
+
canvasTimeEnd: number;
|
|
13
|
+
canvasWidth: number;
|
|
14
|
+
showPeriod: (start: Dayjs, end: Dayjs) => void;
|
|
15
|
+
headerData?: Data;
|
|
16
|
+
getLeftOffsetFromDate: (date: number) => number;
|
|
17
|
+
height: number;
|
|
18
|
+
timelineWidth: number;
|
|
19
|
+
}
|
|
20
|
+
export type CustomHeaderWrapperProps<Data> = {
|
|
21
|
+
children: (p: CustomDateHeaderProps<Data>) => ReactNode;
|
|
22
|
+
unit?: keyof TimelineTimeSteps;
|
|
23
|
+
headerData?: Data;
|
|
24
|
+
height?: number;
|
|
25
|
+
};
|
|
26
|
+
declare function CustomHeaderWrapper<Data>({ children, unit, headerData, height, }: CustomHeaderWrapperProps<Data>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare namespace CustomHeaderWrapper {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
export default CustomHeaderWrapper;
|
|
31
|
+
//# sourceMappingURL=CustomHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/CustomHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAY,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,WAAW,iBAAiB,CAAC,IAAI;IACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IACxD,IAAI,EAAE,MAAM,iBAAiB,CAAC;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;CACvB;AAmGD,MAAM,MAAM,wBAAwB,CAAC,IAAI,IAAI;IAC3C,QAAQ,EAAE,CAAC,CAAC,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,IAAI,EAAE,EACjC,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,MAAM,GACP,EAAE,wBAAwB,CAAC,IAAI,CAAC,2CAsBhC;kBA3BQ,mBAAmB;;;AA+B5B,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { SelectUnits } from '../utility/calendar';
|
|
3
|
+
import { defaultHeaderFormats } from '../default-config';
|
|
4
|
+
import { IntervalRenderer, SidebarHeaderChildrenFnProps, TimelineTimeSteps } from '../types/main';
|
|
5
|
+
import { Dayjs, UnitType } from 'dayjs';
|
|
6
|
+
export interface DateHeaderProps<Data> {
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
className?: string;
|
|
9
|
+
unit?: keyof TimelineTimeSteps | 'primaryHeader';
|
|
10
|
+
timelineUnit: SelectUnits;
|
|
11
|
+
labelFormat?: string | ((interval: [Dayjs, Dayjs], unit: UnitType | 'primaryHeader', labelWidth: number) => string);
|
|
12
|
+
intervalRenderer?: (props: IntervalRenderer<Data>) => ReactNode;
|
|
13
|
+
headerData?: Data;
|
|
14
|
+
children?: (props: SidebarHeaderChildrenFnProps<Data>) => ReactNode;
|
|
15
|
+
height?: number;
|
|
16
|
+
}
|
|
17
|
+
export type DateHeaderWrapper<Data> = {
|
|
18
|
+
unit?: keyof TimelineTimeSteps | 'primaryHeader';
|
|
19
|
+
labelFormat?: typeof formatLabel;
|
|
20
|
+
style?: CSSProperties;
|
|
21
|
+
className?: string;
|
|
22
|
+
intervalRenderer?: (props: IntervalRenderer<Data>) => ReactNode;
|
|
23
|
+
headerData?: Data;
|
|
24
|
+
height?: number;
|
|
25
|
+
};
|
|
26
|
+
export declare function DateHeader<Data>({ labelFormat, unit, style, className, intervalRenderer, headerData, height, }: DateHeaderWrapper<Data>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare namespace DateHeader {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
declare function formatLabel([timeStart]: [Dayjs, Dayjs], unit: keyof typeof defaultHeaderFormats, labelWidth: number, formatOptions?: Record<string, {
|
|
31
|
+
long: string;
|
|
32
|
+
mediumLong: string;
|
|
33
|
+
medium: string;
|
|
34
|
+
short: string;
|
|
35
|
+
}>): string;
|
|
36
|
+
export default DateHeader;
|
|
37
|
+
//# sourceMappingURL=DateHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/DateHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAe,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkB7C,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACjD,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EACR,MAAM,GACN,CAAC,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAG,eAAe,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjG,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+ED,MAAM,MAAM,iBAAiB,CAAC,IAAI,IAAI;IACpC,IAAI,CAAC,EAAE,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,WAAW,CAAC;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAChE,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,UAAU,CAAC,IAAI,EAAE,EAC/B,WAAW,EACX,IAAI,EACJ,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,MAAM,GACP,EAAE,iBAAiB,CAAC,IAAI,CAAC,2CAoBzB;yBA5Be,UAAU;;;AA8B1B,iBAAS,WAAW,CAClB,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAC3B,IAAI,EAAE,MAAM,OAAO,oBAAoB,EACvC,UAAU,EAAE,MAAM,EAClB,aAAa;;;;;EAAuB,UAarC;AAID,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
export interface TimelineHeadersContextState {
|
|
3
|
+
registerScroll: (e: HTMLDivElement) => void;
|
|
4
|
+
rightSidebarWidth: number;
|
|
5
|
+
leftSidebarWidth: number;
|
|
6
|
+
timeSteps: Record<string, unknown>;
|
|
7
|
+
}
|
|
8
|
+
export interface TimelineHeadersProviderProps {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
rightSidebarWidth?: number;
|
|
11
|
+
leftSidebarWidth: number;
|
|
12
|
+
timeSteps: object;
|
|
13
|
+
registerScroll: (e: HTMLDivElement) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare function TimelineHeadersProvider({ children, rightSidebarWidth, leftSidebarWidth, timeSteps, registerScroll, }: TimelineHeadersProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare namespace TimelineHeadersProvider {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const TimelineHeadersContext: React.Context<TimelineHeadersContextState>;
|
|
20
|
+
export declare const useTimelineHeadersContext: () => TimelineHeadersContextState;
|
|
21
|
+
//# sourceMappingURL=HeadersContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeadersContext.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/HeadersContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,2BAA2B;IAC1C,cAAc,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAcD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,iBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,cAAc,GACf,EAAE,4BAA4B,2CAQ9B;yBAde,uBAAuB;;;AAkBvC,eAAO,MAAM,sBAAsB,4CAAgB,CAAC;AACpD,eAAO,MAAM,yBAAyB,mCAA2C,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { SelectUnits } from '../utility/calendar';
|
|
3
|
+
import { Dayjs } from 'dayjs';
|
|
4
|
+
import { IntervalRenderer, Interval as IntervalType, GetIntervalProps } from '../types/main';
|
|
5
|
+
import { GetIntervalPropsType } from './types';
|
|
6
|
+
export type IntervalProps<Data> = {
|
|
7
|
+
intervalRenderer: (p: IntervalRenderer<Data>) => ReactNode;
|
|
8
|
+
unit: SelectUnits;
|
|
9
|
+
interval: IntervalType;
|
|
10
|
+
showPeriod: (startTime: Dayjs, endTime: Dayjs) => void;
|
|
11
|
+
intervalText: string;
|
|
12
|
+
primaryHeader: boolean;
|
|
13
|
+
getIntervalProps: GetIntervalPropsType;
|
|
14
|
+
headerData?: Data;
|
|
15
|
+
};
|
|
16
|
+
declare class Interval<Data> extends React.PureComponent<IntervalProps<Data>> {
|
|
17
|
+
onIntervalClick: () => void;
|
|
18
|
+
getIntervalProps: (props?: GetIntervalProps) => HTMLAttributes<HTMLDivElement> & {
|
|
19
|
+
key: string;
|
|
20
|
+
};
|
|
21
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
}
|
|
23
|
+
export default Interval;
|
|
24
|
+
//# sourceMappingURL=Interval.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Interval.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/Interval.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAe,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI;IAChC,gBAAgB,EAAE,CAAC,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAA;IAC1D,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,YAAY,CAAA;IACtB,UAAU,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,CAAA;IACtD,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,oBAAoB,CAAA;IAEtC,UAAU,CAAC,EAAE,IAAI,CAAA;CAClB,CAAA;AAED,cAAM,QAAQ,CAAC,IAAI,CAAE,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnE,eAAe,aAUd;IAED,gBAAgB,GAAI,QAAO,gBAAqB,KAAG,cAAc,CAAC,cAAc,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAQlG;IAED,MAAM;CA2BP;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React, CSSProperties } from 'react';
|
|
2
|
+
import { LEFT_VARIANT, RIGHT_VARIANT } from './constants';
|
|
3
|
+
interface GetRootProps {
|
|
4
|
+
(props?: {
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
}): {
|
|
7
|
+
style: CSSProperties;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export type SidebarWrapperProps = {
|
|
11
|
+
children?: React.ComponentType<{
|
|
12
|
+
getRootProps: GetRootProps;
|
|
13
|
+
}>;
|
|
14
|
+
variant?: typeof LEFT_VARIANT | typeof RIGHT_VARIANT;
|
|
15
|
+
headerData?: unknown;
|
|
16
|
+
};
|
|
17
|
+
declare function SidebarWrapper(props: SidebarWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export default SidebarWrapper;
|
|
19
|
+
//# sourceMappingURL=SidebarHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/SidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE1D,UAAU,YAAY;IACpB,CAAC,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,aAAa,CAAA;KAAE,GAAG;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAC;CAC/D;AA6BD,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,YAAY,GAAG,OAAO,aAAa,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAQF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAajD;AAMD,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React, ReactNode, LegacyRef, CSSProperties } from 'react';
|
|
2
|
+
export interface TimelineHeadersProps {
|
|
3
|
+
registerScroll: LegacyRef<HTMLDivElement>;
|
|
4
|
+
leftSidebarWidth: number;
|
|
5
|
+
rightSidebarWidth: number;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
calendarHeaderStyle?: React.CSSProperties;
|
|
10
|
+
calendarHeaderClassName?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface TimelineHeadersWrapperProps {
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
style?: CSSProperties;
|
|
15
|
+
className?: string;
|
|
16
|
+
calendarHeaderStyle?: CSSProperties;
|
|
17
|
+
calendarHeaderClassName?: string;
|
|
18
|
+
}
|
|
19
|
+
declare function TimelineHeadersWrapper({ children, style, className, calendarHeaderStyle, calendarHeaderClassName, }: TimelineHeadersWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const TIMELINE_HEADERS_SECRET_KEY = "TimelineHeaders";
|
|
21
|
+
export default TimelineHeadersWrapper;
|
|
22
|
+
//# sourceMappingURL=TimelineHeaders.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimelineHeaders.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/TimelineHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAO7E,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAiFD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,iBAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,mBAAmB,EACnB,uBAAuB,GACxB,EAAE,2BAA2B,2CAe7B;AAED,eAAO,MAAM,2BAA2B,oBAAoB,CAAC;AAG7D,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,SAAQ,CAAA;AACjC,eAAO,MAAM,aAAa,UAAS,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { Interval } from '../types/main';
|
|
3
|
+
export type GetIntervalPropsParams = {
|
|
4
|
+
interval: Interval;
|
|
5
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
6
|
+
export type GetIntervalPropsType = (props?: GetIntervalPropsParams) => HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
key: string;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/modules/imj-calendar-timeline/lib/headers/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,QAAQ,CAAA;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAClC,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,CAAC,EAAE,sBAAsB,KAAK,cAAc,CAAC,cAAc,CAAC,GAAG;IACtG,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA"}
|