@wix/patterns 1.239.0 → 1.241.0
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/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
- package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
- package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
- package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/cjs/components/Kanban/Card.js +14 -12
- package/dist/cjs/components/Kanban/Card.js.map +1 -1
- package/dist/cjs/components/Kanban/CardActions.js +7 -5
- package/dist/cjs/components/Kanban/CardActions.js.map +1 -1
- package/dist/cjs/components/Kanban/Kanban.js +11 -14
- package/dist/cjs/components/Kanban/Kanban.js.map +1 -1
- package/dist/cjs/components/Kanban/KanbanCardActionsHelper.js +117 -0
- package/dist/cjs/components/Kanban/KanbanCardActionsHelper.js.map +1 -0
- package/dist/cjs/components/Kanban/Stage.js +32 -23
- package/dist/cjs/components/Kanban/Stage.js.map +1 -1
- package/dist/cjs/components/Kanban/useCardActions.js +23 -17
- package/dist/cjs/components/Kanban/useCardActions.js.map +1 -1
- package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js +44 -3
- package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map +1 -1
- package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.js +3 -2
- package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.js.map +1 -1
- package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js +21 -7
- package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js.map +1 -1
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- package/dist/cjs/components/common.st.css.js +4 -4
- package/dist/cjs/components/common.st.css.js.map +1 -1
- package/dist/cjs/hooks/useKanban.js +48 -3
- package/dist/cjs/hooks/useKanban.js.map +1 -1
- package/dist/cjs/model/view.js.map +1 -1
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/cjs/state/CollectionViewsState.js +1 -0
- package/dist/cjs/state/CollectionViewsState.js.map +1 -1
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/cjs/state/KanbanState/KanbanStageState.js +9 -3
- package/dist/cjs/state/KanbanState/KanbanStageState.js.map +1 -1
- package/dist/cjs/state/KanbanState/KanbanState.js +99 -23
- package/dist/cjs/state/KanbanState/KanbanState.js.map +1 -1
- package/dist/cjs/state/KanbanState/KanbanStateBIReporter.js +226 -0
- package/dist/cjs/state/KanbanState/KanbanStateBIReporter.js.map +1 -0
- package/dist/cjs/state/ViewsState.js +5 -3
- package/dist/cjs/state/ViewsState.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/Kanban/Card.js +2 -2
- package/dist/esm/components/Kanban/Card.js.map +1 -1
- package/dist/esm/components/Kanban/CardActions.js +2 -1
- package/dist/esm/components/Kanban/CardActions.js.map +1 -1
- package/dist/esm/components/Kanban/Kanban.js +1 -4
- package/dist/esm/components/Kanban/Kanban.js.map +1 -1
- package/dist/esm/components/Kanban/KanbanCardActionsHelper.js +80 -0
- package/dist/esm/components/Kanban/KanbanCardActionsHelper.js.map +1 -0
- package/dist/esm/components/Kanban/Stage.js +10 -1
- package/dist/esm/components/Kanban/Stage.js.map +1 -1
- package/dist/esm/components/Kanban/useCardActions.js +16 -9
- package/dist/esm/components/Kanban/useCardActions.js.map +1 -1
- package/dist/esm/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js +44 -2
- package/dist/esm/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map +1 -1
- package/dist/esm/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.js +1 -0
- package/dist/esm/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.js.map +1 -1
- package/dist/esm/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js +15 -3
- package/dist/esm/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js.map +1 -1
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js.map +1 -1
- package/dist/esm/hooks/useKanban.js +50 -3
- package/dist/esm/hooks/useKanban.js.map +1 -1
- package/dist/esm/model/view.js.map +1 -1
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/esm/state/CollectionViewsState.js +1 -0
- package/dist/esm/state/CollectionViewsState.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/state/KanbanState/KanbanStageState.js +10 -3
- package/dist/esm/state/KanbanState/KanbanStageState.js.map +1 -1
- package/dist/esm/state/KanbanState/KanbanState.js +95 -20
- package/dist/esm/state/KanbanState/KanbanState.js.map +1 -1
- package/dist/esm/state/KanbanState/KanbanStateBIReporter.js +184 -0
- package/dist/esm/state/KanbanState/KanbanStateBIReporter.js.map +1 -0
- package/dist/esm/state/ViewsState.js +1 -0
- package/dist/esm/state/ViewsState.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/CollectionPageNew/CollectionPage.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/Fade/Fade.st.css.d.ts.map +1 -1
- package/dist/types/components/Kanban/Card.d.ts +3 -1
- package/dist/types/components/Kanban/Card.d.ts.map +1 -1
- package/dist/types/components/Kanban/CardActions.d.ts +2 -2
- package/dist/types/components/Kanban/CardActions.d.ts.map +1 -1
- package/dist/types/components/Kanban/Kanban.d.ts.map +1 -1
- package/dist/types/components/Kanban/KanbanCardActionsHelper.d.ts +617 -0
- package/dist/types/components/Kanban/KanbanCardActionsHelper.d.ts.map +1 -0
- package/dist/types/components/Kanban/Stage.d.ts.map +1 -1
- package/dist/types/components/Kanban/useCardActions.d.ts +4 -3
- package/dist/types/components/Kanban/useCardActions.d.ts.map +1 -1
- package/dist/types/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.d.ts +1 -0
- package/dist/types/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.d.ts.map +1 -1
- package/dist/types/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.d.ts.map +1 -1
- package/dist/types/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
- package/dist/types/components/common.st.css.d.ts.map +1 -1
- package/dist/types/hooks/useKanban.d.ts.map +1 -1
- package/dist/types/model/view.d.ts +5 -0
- package/dist/types/model/view.d.ts.map +1 -1
- package/dist/types/state/CollectionViewsState.d.ts.map +1 -1
- package/dist/types/state/KanbanState/KanbanStageState.d.ts +4 -1
- package/dist/types/state/KanbanState/KanbanStageState.d.ts.map +1 -1
- package/dist/types/state/KanbanState/KanbanState.d.ts +14 -0
- package/dist/types/state/KanbanState/KanbanState.d.ts.map +1 -1
- package/dist/types/state/KanbanState/KanbanStateBIReporter.d.ts +53 -0
- package/dist/types/state/KanbanState/KanbanStateBIReporter.d.ts.map +1 -0
- package/dist/types/state/ViewsState.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAoB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,SAAS,OAAO,CAA6B,KAA2B;IACtE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;QAC3D,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CACzC,sCAAsC,QAAQ,IAAI,CACnD,CAAC;QACF,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,cAAc,EAAE,CAAC;gBAC5B,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,QAAQ;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;QAC7C,CAAC,CAAC;IACJ,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Kanban.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { action } from 'mobx';
|
|
3
|
+
import { KanbanCtaType } from '../../state/KanbanState/KanbanStateBIReporter';
|
|
4
|
+
const calcCtaCount = (actionCellProps) => {
|
|
5
|
+
const { secondaryActions } = actionCellProps;
|
|
6
|
+
return secondaryActions?.length || 0;
|
|
7
|
+
};
|
|
8
|
+
export const createKanbanSecondaryActionCellPropsWithBI = ({ state, actionCellProps, keyedItem, extensionMenuItems, stageId, }) => {
|
|
9
|
+
const { secondaryActions = [] } = actionCellProps;
|
|
10
|
+
const stageIndex = state.getStageIndexByKey(stageId);
|
|
11
|
+
const stageName = state.getStageNameByKey(stageId);
|
|
12
|
+
const moreSecondaryItems = extensionMenuItems?.menuItems.map((menuItem) => {
|
|
13
|
+
return {
|
|
14
|
+
...menuItem,
|
|
15
|
+
icon: menuItem.prefixIcon || createElement('div'),
|
|
16
|
+
};
|
|
17
|
+
}) || [];
|
|
18
|
+
const allActions = [
|
|
19
|
+
...secondaryActions,
|
|
20
|
+
...moreSecondaryItems,
|
|
21
|
+
];
|
|
22
|
+
return (allActions.map((_action, index) => {
|
|
23
|
+
const biIndex = index;
|
|
24
|
+
if (_action.divider) {
|
|
25
|
+
return _action;
|
|
26
|
+
}
|
|
27
|
+
const onClick = action(() => {
|
|
28
|
+
state.kanbanStateBIReporter.reportCardCTAClicked({
|
|
29
|
+
itemId: keyedItem.id,
|
|
30
|
+
itemIndex: keyedItem.index,
|
|
31
|
+
ctaName: _action.biName || _action.text || 'Secondary Action',
|
|
32
|
+
ctaType: KanbanCtaType.MORE_ACTIONS_OPTION,
|
|
33
|
+
stageIndex,
|
|
34
|
+
stageId,
|
|
35
|
+
stageName,
|
|
36
|
+
ctaIndex: biIndex,
|
|
37
|
+
numCtas: calcCtaCount(actionCellProps),
|
|
38
|
+
});
|
|
39
|
+
_action.onClick?.();
|
|
40
|
+
});
|
|
41
|
+
const { biName: _biName, ...secondaryActionProperties } = _action;
|
|
42
|
+
return { ...secondaryActionProperties, onClick };
|
|
43
|
+
}) || []);
|
|
44
|
+
};
|
|
45
|
+
export const createKanbanPrimaryActionCellPropsWithBI = ({ state, actionCellProps, keyedItem, stageId, }) => {
|
|
46
|
+
const { primaryAction } = actionCellProps;
|
|
47
|
+
const stageIndex = state.getStageIndexByKey(stageId);
|
|
48
|
+
const stageName = state.getStageNameByKey(stageId);
|
|
49
|
+
if (primaryAction) {
|
|
50
|
+
const onClick = action(() => {
|
|
51
|
+
state.kanbanStateBIReporter.reportCardCTAClicked({
|
|
52
|
+
itemId: keyedItem.id,
|
|
53
|
+
itemIndex: keyedItem.index,
|
|
54
|
+
ctaName: primaryAction?.biName || primaryAction?.text || 'Primary Action',
|
|
55
|
+
ctaType: KanbanCtaType.PRIMARY_BUTTON,
|
|
56
|
+
stageId,
|
|
57
|
+
stageIndex,
|
|
58
|
+
stageName,
|
|
59
|
+
});
|
|
60
|
+
primaryAction?.onClick();
|
|
61
|
+
});
|
|
62
|
+
const { biName, ...primaryActionProperties } = primaryAction;
|
|
63
|
+
return { ...primaryActionProperties, onClick };
|
|
64
|
+
}
|
|
65
|
+
return primaryAction;
|
|
66
|
+
};
|
|
67
|
+
export const reportOnKanbanPopoverMenuShow = ({ state, keyedItem, stageId, }) => {
|
|
68
|
+
const stageIndex = state.getStageIndexByKey(stageId);
|
|
69
|
+
const stageName = state.getStageNameByKey(stageId);
|
|
70
|
+
state.kanbanStateBIReporter.reportCardCTAClicked({
|
|
71
|
+
itemId: keyedItem.id,
|
|
72
|
+
itemIndex: keyedItem.index,
|
|
73
|
+
ctaName: 'More Actions',
|
|
74
|
+
ctaType: KanbanCtaType.SECONDARY_DROPDOWN,
|
|
75
|
+
stageId,
|
|
76
|
+
stageIndex,
|
|
77
|
+
stageName,
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=KanbanCardActionsHelper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KanbanCardActionsHelper.js","sourceRoot":"","sources":["../../../../src/components/Kanban/KanbanCardActionsHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
|
|
|
43
43
|
return () => {
|
|
44
44
|
events.off('scrollToCardInStage', scrollToCardInStage);
|
|
45
45
|
};
|
|
46
|
-
}, []);
|
|
46
|
+
}, [events, stageKey]);
|
|
47
47
|
// Make the stage droppable
|
|
48
48
|
const { isOver, setNodeRef: setDroppableRef } = useDroppable({
|
|
49
49
|
id: stageState.stageKey,
|
|
@@ -71,6 +71,7 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
|
|
|
71
71
|
key: keyedItem.key,
|
|
72
72
|
},
|
|
73
73
|
actionCell: props.actionCell,
|
|
74
|
+
state,
|
|
74
75
|
};
|
|
75
76
|
});
|
|
76
77
|
}, [keyedItems, keyedItems.length]);
|
|
@@ -112,6 +113,13 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
|
|
|
112
113
|
state.items.create?.navigateToEntityPage?.({
|
|
113
114
|
stage: stageState.stage,
|
|
114
115
|
});
|
|
116
|
+
state.kanbanStateBIReporter.reportStageCTAClicked({
|
|
117
|
+
ctaName: 'Add Card',
|
|
118
|
+
ctaType: 'Primary Button',
|
|
119
|
+
stageId: stageState.stageKey,
|
|
120
|
+
stageIndex: state.getStageIndexByKey(stageState.stageKey),
|
|
121
|
+
stageName: stageState.stageName,
|
|
122
|
+
});
|
|
115
123
|
} },
|
|
116
124
|
React.createElement(Box, { paddingTop: "9px", paddingBottom: "9px" }, state.items.create?.title)))) : null),
|
|
117
125
|
state.isRefetching || isStageLoading || isChangingFiltersValue ? (React.createElement(CardsSkeleton, { stageKey: stageState.stageKey })) : (React.createElement(Box, { paddingBottom: "12px", direction: "vertical" },
|
|
@@ -138,6 +146,7 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
|
|
|
138
146
|
itemActionsState: item.itemActionsState,
|
|
139
147
|
dataExtension: props.dataExtension,
|
|
140
148
|
tags: props.tags,
|
|
149
|
+
state,
|
|
141
150
|
} }, CardComponent)))),
|
|
142
151
|
stageState.itemsCollectionState.status.isLoading && (React.createElement("div", { className: "text-sm text-center text-gray-500" }, "Loading more...")))))))));
|
|
143
152
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAmB,MAAM,QAAQ,CAAC;AAExD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,SAAS,eAAe,CAA6B,EACnD,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACqB;IAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACxD,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAClE,IACE,YAAY,GAAG,SAAS,IAAI,YAAY,GAAG,EAAE;YAC7C,CAAC,UAAU,CAAC,oBAAoB,CAAC,eAAe;YAChD,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EACzD;YACA,UAAU,CAAC,SAAS,EAAE,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,EACtB,MAAM,GACP,GAAG,UAAU,CAAC,oBAAoB,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,QAAQ,EAAE;YACvB,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SACzC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,mBAAmB,GAAG,CAAC,EAC3B,QAAQ,EAAE,SAAS,EACnB,OAAO,GAIR,EAAE,EAAE;QACH,IAAI,QAAQ,KAAK,UAAU,CAAC,QAAQ,EAAE;YACpC,OAAO;SACR;QACD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CACxC,qCAAqC,SAAS,IAAI,OAAO,IAAI,CAC9D,CAAC;QACF,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,cAAc,EAAE,CAAC;gBAC3B,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,EAAE,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { createPrimaryActionCellPropsWithBI, createSecondaryActionCellPropWithBi, reportOnPopoverMenuShow, } from '../CollectionItemActions/CollectionItemActionsHelper';
|
|
3
2
|
import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
|
|
4
|
-
import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
|
|
5
3
|
import { IconButton, PopoverMenu } from '@wix/design-system';
|
|
6
4
|
import { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';
|
|
7
5
|
import { MoreSmall } from '@wix/wix-ui-icons-common';
|
|
6
|
+
import { createKanbanPrimaryActionCellPropsWithBI, createKanbanSecondaryActionCellPropsWithBI, reportOnKanbanPopoverMenuShow, } from './KanbanCardActionsHelper';
|
|
8
7
|
export function evaluateActionCell({ actionCell, originalItem, itemIndex, itemActionsState, }) {
|
|
9
8
|
if (!actionCell) {
|
|
10
9
|
return {};
|
|
@@ -14,9 +13,7 @@ export function evaluateActionCell({ actionCell, originalItem, itemIndex, itemAc
|
|
|
14
13
|
}
|
|
15
14
|
return actionCell;
|
|
16
15
|
}
|
|
17
|
-
export function useCardActions({ actionCell, originalItem, itemIndex, itemActionsState, stageKey, cardKey, }) {
|
|
18
|
-
const toolbarState = useToolbarCollectionContext();
|
|
19
|
-
const { toolbarBIReporter } = toolbarState;
|
|
16
|
+
export function useCardActions({ actionCell, originalItem, itemIndex, itemActionsState, stageKey, cardKey, state, }) {
|
|
20
17
|
const actionCellConfig = evaluateActionCell({
|
|
21
18
|
actionCell,
|
|
22
19
|
originalItem,
|
|
@@ -26,20 +23,30 @@ export function useCardActions({ actionCell, originalItem, itemIndex, itemAction
|
|
|
26
23
|
const extensionMenuItems = useExtensionMenuItems({
|
|
27
24
|
containerId: actionCellConfig.containerId,
|
|
28
25
|
});
|
|
29
|
-
const secondaryActionCellPropsWithBI =
|
|
30
|
-
|
|
26
|
+
const secondaryActionCellPropsWithBI = createKanbanSecondaryActionCellPropsWithBI({
|
|
27
|
+
state,
|
|
31
28
|
actionCellProps: actionCellConfig,
|
|
32
29
|
keyedItem: itemActionsState.keyedItem,
|
|
33
30
|
extensionMenuItems,
|
|
31
|
+
stageId: stageKey,
|
|
32
|
+
});
|
|
33
|
+
const primaryActionCellPropsWithBI = createKanbanPrimaryActionCellPropsWithBI({
|
|
34
|
+
state,
|
|
35
|
+
actionCellProps: actionCellConfig,
|
|
36
|
+
keyedItem: itemActionsState.keyedItem,
|
|
37
|
+
stageId: stageKey,
|
|
34
38
|
});
|
|
35
|
-
const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(toolbarBIReporter, actionCellConfig, itemActionsState.keyedItem);
|
|
36
39
|
let secondaryActions = null;
|
|
37
40
|
if (secondaryActionCellPropsWithBI &&
|
|
38
41
|
secondaryActionCellPropsWithBI.length > 0) {
|
|
39
42
|
secondaryActions = (React.createElement(PopoverMenu, { ...actionCellConfig.popoverMenuProps, ...getDefaultActionCellProps(), maxWidth: "260px", dataHook: `kanban-card-more-actions-${stageKey}-${cardKey}`, triggerElement: ({ toggle, close }) => (React.createElement(IconButton, { dataHook: `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`, onClick: (e) => {
|
|
40
43
|
e.stopPropagation();
|
|
41
44
|
toggle();
|
|
42
|
-
|
|
45
|
+
reportOnKanbanPopoverMenuShow({
|
|
46
|
+
state,
|
|
47
|
+
keyedItem: itemActionsState.keyedItem,
|
|
48
|
+
stageId: stageKey,
|
|
49
|
+
});
|
|
43
50
|
}, onMouseLeave: close, priority: "secondary", size: "tiny" },
|
|
44
51
|
React.createElement(MoreSmall, null))) }, secondaryActionCellPropsWithBI.map((action, index) => {
|
|
45
52
|
if (action.divider) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCardActions.js","sourceRoot":"","sources":["../../../../src/components/Kanban/useCardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"useCardActions.js","sourceRoot":"","sources":["../../../../src/components/Kanban/useCardActions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,16 +2,30 @@ import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';
|
|
|
2
2
|
import { KanbanDraggableCardItem } from './KanbanDraggableCardItem';
|
|
3
3
|
import { KanbanDragOverlay } from './KanbanDragOverlay';
|
|
4
4
|
import { action, makeObservable, observable } from 'mobx';
|
|
5
|
+
import { v4 as uuid } from 'uuid';
|
|
5
6
|
export class KanbanDragAndDropState {
|
|
6
7
|
constructor(params) {
|
|
7
8
|
this.activeId = null;
|
|
8
9
|
this.status = 'start';
|
|
10
|
+
this._moveId = '';
|
|
9
11
|
this.setActiveId = (id) => {
|
|
10
12
|
this.activeId = id;
|
|
11
13
|
};
|
|
12
14
|
this.handleDragStart = (event) => {
|
|
15
|
+
this._moveId = uuid();
|
|
13
16
|
this.status = 'start';
|
|
14
17
|
this.activeId = event.active.id.toString();
|
|
18
|
+
const keyedItem = this._findItemById(this.activeId);
|
|
19
|
+
const stageId = this._findStageByItemId(this.activeId);
|
|
20
|
+
if (!keyedItem || !stageId) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
this.kanbanState.kanbanStateBIReporter.reportDragStart({
|
|
24
|
+
itemId: keyedItem.id,
|
|
25
|
+
itemIndex: keyedItem.index,
|
|
26
|
+
stageId,
|
|
27
|
+
dragAndDropID: this._moveId,
|
|
28
|
+
});
|
|
15
29
|
};
|
|
16
30
|
this.handleDragCancel = () => {
|
|
17
31
|
this.status = 'cancel';
|
|
@@ -45,7 +59,8 @@ export class KanbanDragAndDropState {
|
|
|
45
59
|
if (fromStageId === toStageId) {
|
|
46
60
|
return; // Don't allow reordering within the same stage
|
|
47
61
|
}
|
|
48
|
-
const
|
|
62
|
+
const keyedItem = this._findItemById(activeId);
|
|
63
|
+
const item = keyedItem?.item;
|
|
49
64
|
if (!item) {
|
|
50
65
|
return;
|
|
51
66
|
}
|
|
@@ -68,11 +83,38 @@ export class KanbanDragAndDropState {
|
|
|
68
83
|
if (toStageId !== submittedItemStageId) {
|
|
69
84
|
// move has been cancelled
|
|
70
85
|
this.kanbanState.moveItemBetweenStages(updatedItem, originalItem, toStageId, fromStageId);
|
|
86
|
+
this.kanbanState.kanbanStateBIReporter.reportDragEnd({
|
|
87
|
+
itemId: keyedItem.id,
|
|
88
|
+
itemIndexBefore: keyedItem.index,
|
|
89
|
+
itemIndexAfter: keyedItem.index,
|
|
90
|
+
stageIdBefore: fromStageId,
|
|
91
|
+
stageIdAfter: fromStageId,
|
|
92
|
+
dragAndDropID: this._moveId,
|
|
93
|
+
endType: 'drop back',
|
|
94
|
+
});
|
|
71
95
|
return;
|
|
72
96
|
}
|
|
73
97
|
this.kanbanState.updateCard(submittedItem);
|
|
98
|
+
this.kanbanState.kanbanStateBIReporter.reportDragEnd({
|
|
99
|
+
itemId: keyedItem.id,
|
|
100
|
+
itemIndexBefore: keyedItem.index,
|
|
101
|
+
itemIndexAfter: 0,
|
|
102
|
+
stageIdBefore: fromStageId,
|
|
103
|
+
stageIdAfter: toStageId,
|
|
104
|
+
dragAndDropID: this._moveId,
|
|
105
|
+
endType: 'drop succeeded',
|
|
106
|
+
});
|
|
74
107
|
}
|
|
75
108
|
catch (error) {
|
|
109
|
+
this.kanbanState.kanbanStateBIReporter.reportDragEnd({
|
|
110
|
+
itemId: keyedItem.id,
|
|
111
|
+
itemIndexBefore: keyedItem.index,
|
|
112
|
+
itemIndexAfter: keyedItem.index,
|
|
113
|
+
stageIdBefore: fromStageId,
|
|
114
|
+
stageIdAfter: fromStageId,
|
|
115
|
+
dragAndDropID: this._moveId,
|
|
116
|
+
endType: 'drag disabled',
|
|
117
|
+
});
|
|
76
118
|
this.kanbanState.showErrorToast(error);
|
|
77
119
|
// rollback the move
|
|
78
120
|
this.kanbanState.moveItemBetweenStages(updatedItem, originalItem, toStageId, fromStageId);
|
|
@@ -106,7 +148,7 @@ export class KanbanDragAndDropState {
|
|
|
106
148
|
if (!stageState) {
|
|
107
149
|
return null;
|
|
108
150
|
}
|
|
109
|
-
const item = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey)
|
|
151
|
+
const item = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey);
|
|
110
152
|
return item || null;
|
|
111
153
|
}
|
|
112
154
|
_findStageByItemId(combinedId) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanCardDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"KanbanCardDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanDragOverlayCardItem.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,SAAS,0BAA0B,CACjC,KAA8C;IAE9C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAE5C,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,iDAAiD;IACjD,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;QACzB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrD,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACxE,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;QAC5C,IAAI,EAAE,QAAQ;QACd,SAAS;QACT,UAAU,EAAE,UAAU,CAAC,oBAAoB;KAC5C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG;QAChB,SAAS;QACT,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,YAAY,EAAE,SAAS,CAAC,IAAI;QAC5B,SAAS,EAAE,CAAC;QACZ,gBAAgB;QAChB,IAAI,EAAE;YACJ,GAAG,UAAU,EAAE,CAAC;gBACd,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,IAAI,EAAE,SAAS,CAAC,IAAI;aACrB,CAAC;YACF,GAAG,EAAE,SAAS,CAAC,GAAG;SACnB;QACD,UAAU;QACV,aAAa;QACb,IAAI;QACJ,UAAU,EAAE,IAAI;
|
|
1
|
+
{"version":3,"file":"KanbanDragOverlayCardItem.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragOverlayCardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,SAAS,0BAA0B,CACjC,KAA8C;IAE9C,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAE5C,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,iDAAiD;IACjD,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;QACzB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrD,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACxE,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;QAC5C,IAAI,EAAE,QAAQ;QACd,SAAS;QACT,UAAU,EAAE,UAAU,CAAC,oBAAoB;KAC5C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG;QAChB,SAAS;QACT,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,YAAY,EAAE,SAAS,CAAC,IAAI;QAC5B,SAAS,EAAE,CAAC;QACZ,gBAAgB;QAChB,IAAI,EAAE;YACJ,GAAG,UAAU,EAAE,CAAC;gBACd,KAAK,EAAE,UAAU,CAAC,KAAK;gBACvB,IAAI,EAAE,SAAS,CAAC,IAAI;aACrB,CAAC;YACF,GAAG,EAAE,SAAS,CAAC,GAAG;SACnB;QACD,UAAU;QACV,aAAa;QACb,IAAI;QACJ,UAAU,EAAE,IAAI;QAChB,KAAK;KACN,CAAC;IAEF,OAAO,oBAAC,aAAa,OAAK,SAAS,GAAI,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
import React, { useRef } from 'react';
|
|
1
|
+
import React, { useRef, useState, useLayoutEffect } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react-lite';
|
|
3
3
|
import { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';
|
|
4
4
|
import { action } from 'mobx';
|
|
5
5
|
function _KanbanDraggableCardItem(props) {
|
|
6
6
|
const { children: CardComponent, id, cardProps, state } = props;
|
|
7
7
|
const dragHandleRef = useRef(null);
|
|
8
|
+
const cardRef = useRef(null);
|
|
9
|
+
const [cardHeight, setCardHeight] = useState(undefined);
|
|
10
|
+
// Measure card height after render
|
|
11
|
+
useLayoutEffect(() => {
|
|
12
|
+
if (cardRef.current) {
|
|
13
|
+
const height = cardRef.current.offsetHeight;
|
|
14
|
+
setCardHeight(height);
|
|
15
|
+
}
|
|
16
|
+
}, [cardProps]);
|
|
8
17
|
// Use useDraggable instead of useSortable since we only support cross-stage movement
|
|
9
18
|
const { attributes, listeners, setNodeRef, transform, isDragging, setActivatorNodeRef, } = useDraggable({
|
|
10
19
|
id,
|
|
@@ -48,7 +57,7 @@ function _KanbanDraggableCardItem(props) {
|
|
|
48
57
|
position: 'absolute',
|
|
49
58
|
top: 0,
|
|
50
59
|
left: 0,
|
|
51
|
-
height: '129px',
|
|
60
|
+
height: cardHeight ? `${cardHeight}px` : '129px',
|
|
52
61
|
width: '246px',
|
|
53
62
|
backgroundColor: '#D6E6FE',
|
|
54
63
|
borderRadius: '8px',
|
|
@@ -56,7 +65,10 @@ function _KanbanDraggableCardItem(props) {
|
|
|
56
65
|
zIndex: 1,
|
|
57
66
|
marginLeft: '12px',
|
|
58
67
|
} })),
|
|
59
|
-
React.createElement("div", { ref:
|
|
68
|
+
React.createElement("div", { ref: (node) => {
|
|
69
|
+
setNodeRef(node);
|
|
70
|
+
cardRef.current = node;
|
|
71
|
+
}, style: dragStyle },
|
|
60
72
|
React.createElement("div", { ...dragHandleProps, "data-hook": `kanban-card-drag-item-${id}` },
|
|
61
73
|
React.createElement(CardComponent, { ...cardProps })))));
|
|
62
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KanbanDraggableCardItem.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"KanbanDraggableCardItem.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "LoadingRow3296872391";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
10
|
-
export var keyframes = { "gradientSwoosh": "
|
|
9
|
+
export var classes = { "root": "LoadingRow3296872391__root" };
|
|
10
|
+
export var keyframes = { "gradientSwoosh": "LoadingRow3296872391__gradientSwoosh" };
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
13
13
|
export var stVars = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "MaxHeightText3635003116";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "MaxHeightText3635003116__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "MaxLines3785828913";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "MaxLines3785828913__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "MultiBulkActionToolbar3495457196";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "MultiBulkActionToolbar3495457196__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "NestedTablePlaceholderStatesRow2702777500";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "NestedTablePlaceholderStatesRow2702777500__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "NestedTableRow3974759574";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "NestedTableRow3974759574__root", "firstLevel": "NestedTableRow3974759574__firstLevel", "placeholder": "NestedTableRow3974759574__placeholder", "parentHovered": "NestedTableRow3974759574__parentHovered" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "MultipleDragOverlayEffect3777119374";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "MultipleDragOverlayEffect3777119374__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "NestedTableDragAndDropRow4111157547";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "NestedTableDragAndDropRow4111157547__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "PickerContent47180677";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "PickerContent47180677__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "PickerContentAdditionalStep2499565929";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "PickerContentAdditionalStep2499565929__root", "titles": "PickerContentAdditionalStep2499565929__titles", "suffix": "PickerContentAdditionalStep2499565929__suffix" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|