@wix/patterns 1.301.0 → 1.304.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/ArchivedItemsPanel/ArchivedItemsCTAButton.js +30 -26
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map +1 -1
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js +8 -3
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js.map +1 -1
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js +88 -5
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js.map +1 -1
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.js +83 -13
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.js.map +1 -1
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.js +31 -13
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.js.map +1 -1
- package/dist/cjs/components/ArchivedItemsPanel/types.js +4 -0
- package/dist/cjs/components/ArchivedItemsPanel/types.js.map +1 -0
- 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/CollectionTable/buildMobileColumns.js +16 -22
- package/dist/cjs/components/CollectionTable/buildMobileColumns.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/CustomColumnsPanel/CustomColumnsPanel.js +7 -7
- package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js.map +1 -1
- package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.js +1 -1
- package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.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/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/useTableGridSwitchCollection.js +1 -0
- package/dist/cjs/hooks/useTableGridSwitchCollection.js.map +1 -1
- package/dist/cjs/model/tableColumn.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/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.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/ArchivedItemsPanel/ArchivedItemsCTAButton.js +13 -17
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map +1 -1
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsList.js +2 -2
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsList.js.map +1 -1
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsListItem.js +14 -2
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsListItem.js.map +1 -1
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsPanel.js +51 -10
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsPanel.js.map +1 -1
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.js +28 -13
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.js.map +1 -1
- package/dist/esm/components/ArchivedItemsPanel/types.js +2 -0
- package/dist/esm/components/ArchivedItemsPanel/types.js.map +1 -0
- 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/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/buildMobileColumns.js +7 -6
- package/dist/esm/components/CollectionTable/buildMobileColumns.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- 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/CustomColumnsPanel/CustomColumnsPanel.js +3 -2
- package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js.map +1 -1
- package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.js +1 -1
- package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- 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/InputOverflow/InputOverflow.st.css.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/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- 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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- 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/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- 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/TabsFilter/TabsFilter.st.css.js.map +1 -1
- 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/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/hooks/useTableGridSwitchCollection.js +1 -0
- package/dist/esm/hooks/useTableGridSwitchCollection.js.map +1 -1
- package/dist/esm/model/tableColumn.js.map +1 -1
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsCTAButton.d.ts +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsCTAButton.d.ts.map +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsList.d.ts +4 -3
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsList.d.ts.map +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsListItem.d.ts +4 -2
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsListItem.d.ts.map +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsPanel.d.ts +4 -2
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsPanel.d.ts.map +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.d.ts +11 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.d.ts.map +1 -1
- package/dist/types/components/ArchivedItemsPanel/types.d.ts +6 -0
- package/dist/types/components/ArchivedItemsPanel/types.d.ts.map +1 -0
- package/dist/types/components/CollectionTable/CollectionTable.uni.driver.d.ts +24 -4
- package/dist/types/components/CollectionTable/CollectionTable.uni.driver.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/buildMobileColumns.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.uni.driver.d.ts +11 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.uni.driver.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/CustomColumnsPanel/CustomColumnsPanel.d.ts.map +1 -1
- package/dist/types/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.d.ts +10 -0
- package/dist/types/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.d.ts.map +1 -1
- package/dist/types/components/DragHandle/DragHandle.st.css.d.ts.map +1 -1
- package/dist/types/components/EntityPage/EntityPagePlain.st.css.d.ts.map +1 -1
- package/dist/types/components/Grid/Grid.uni.driver.d.ts +10 -0
- package/dist/types/components/Grid/Grid.uni.driver.d.ts.map +1 -1
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts +30 -0
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/Grid/GridFoldersSection.uni.driver.d.ts +10 -0
- package/dist/types/components/Grid/GridFoldersSection.uni.driver.d.ts.map +1 -1
- package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
- package/dist/types/components/Kanban/Kanban.uni.driver.d.ts +10 -0
- package/dist/types/components/Kanban/Kanban.uni.driver.d.ts.map +1 -1
- package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts +30 -0
- package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
- package/dist/types/components/Table/Table.uni.driver.d.ts +20 -0
- package/dist/types/components/Table/Table.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts +33 -3
- package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts +33 -3
- package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/hooks/useTableGridSwitchCollection.d.ts +1 -1
- package/dist/types/hooks/useTableGridSwitchCollection.d.ts.map +1 -1
- package/dist/types/model/tableColumn.d.ts +9 -1
- package/dist/types/model/tableColumn.d.ts.map +1 -1
- package/dist/types/testkit/enzyme.d.ts +150 -0
- package/dist/types/testkit/enzyme.d.ts.map +1 -1
- package/dist/types/testkit/jsdom.d.ts +160 -0
- package/dist/types/testkit/jsdom.d.ts.map +1 -1
- package/dist/types/testkit/playwright.d.ts +150 -0
- package/dist/types/testkit/playwright.d.ts.map +1 -1
- package/dist/types/testkit/puppeteer.d.ts +160 -0
- package/dist/types/testkit/puppeteer.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +6 -5
- package/src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx +28 -24
- package/src/components/ArchivedItemsPanel/ArchivedItemsList.tsx +10 -2
- package/src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx +54 -2
- package/src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx +96 -10
- package/src/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.ts +39 -17
- package/src/components/ArchivedItemsPanel/types.ts +6 -0
- package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
- package/src/components/Collapse/Collapse.st.css.ts +2 -2
- package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
- package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
- package/src/components/CollectionTable/buildMobileColumns.tsx +13 -9
- package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
- package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
- package/src/components/CustomColumnsPanel/CustomColumnsPanel.tsx +5 -4
- package/src/components/CustomColumnsPanel/CustomColumnsPanel.uni.driver.ts +1 -1
- package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
- package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
- package/src/components/Fade/Fade.st.css.ts +2 -2
- package/src/components/Heading/Heading.st.css.ts +2 -2
- package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
- package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
- package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
- package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
- package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
- package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
- package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
- package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
- package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
- package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
- package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
- package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
- package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
- package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
- package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
- package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
- package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
- package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
- package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
- package/src/components/common.st.css.ts +2 -2
- package/src/hooks/useTableGridSwitchCollection.ts +1 -1
- package/src/model/tableColumn.ts +25 -16
- package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/styles.global.css +1 -1
- package/src/version.ts +1 -1
- package/dist/cjs/utils/archivedItemsUtils.js +0 -30
- package/dist/cjs/utils/archivedItemsUtils.js.map +0 -1
- package/dist/esm/utils/archivedItemsUtils.js +0 -24
- package/dist/esm/utils/archivedItemsUtils.js.map +0 -1
- package/dist/types/utils/archivedItemsUtils.d.ts +0 -14
- package/dist/types/utils/archivedItemsUtils.d.ts.map +0 -1
- package/src/utils/archivedItemsUtils.ts +0 -36
|
@@ -2,23 +2,41 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.ArchivedItemsPanelUniDriver = ArchivedItemsPanelUniDriver;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
5
|
+
var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
|
|
6
|
+
function ArchivedItemsPanelUniDriver(base, body) {
|
|
7
|
+
// Main container with overlay
|
|
8
|
+
const containerBase = () => base.$('[data-hook="archived-items-panel-container"]');
|
|
9
|
+
|
|
10
|
+
// The SidePanel inside the container - use the design system driver
|
|
11
|
+
const panelBase = () => containerBase().$('[data-hook="archived-items-panel"]');
|
|
12
|
+
const panel = () => (0, _unidriver.SidePanelUniDriver)(panelBase(), body);
|
|
10
13
|
const list = () => panelBase().$('[data-hook="archived-items-list"]');
|
|
14
|
+
|
|
15
|
+
// Get all TableListItem elements (archived items) - direct children divs
|
|
16
|
+
// Must use full selector path, not chained
|
|
17
|
+
const getArchivedPanelItems = () => panelBase().$$('[data-hook="archived-items-list"] > div');
|
|
11
18
|
const getItemByIdBase = id => list().$(`[data-hook="archived-item-${id}"]`);
|
|
19
|
+
const getItemMenuBase = id => panelBase().$(`[data-hook="archived-item-options-${id}"]`);
|
|
20
|
+
const getItemMenuTrigger = id => getItemMenuBase(id).$('[data-hook="archived-item-options-trigger"]');
|
|
21
|
+
|
|
22
|
+
// Note: The 'Restore' and 'Delete' buttons appear in the body via PopoverMenu when an item's menu is opened.
|
|
23
|
+
// Thus clickItemMenuTrigger must be invoked before so only the buttons on the relevant item's menu can be clicked
|
|
24
|
+
const getItemRestoreButton = () => body.$('[data-hook="archived-item-options-restore"]');
|
|
25
|
+
const getItemDeleteButton = () => body.$('[data-hook="archived-item-options-delete"]');
|
|
12
26
|
return {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
27
|
+
getContainer: () => containerBase(),
|
|
28
|
+
exists: () => containerBase().exists(),
|
|
29
|
+
isVisible: () => containerBase().exists(),
|
|
30
|
+
getTitle: () => panel().getTitleText(),
|
|
31
|
+
getSubtitle: () => panel().getSubtitleText(),
|
|
32
|
+
backButtonExists: () => panel().isBackButtonExists(),
|
|
33
|
+
clickBackButton: () => panel().clickBack(),
|
|
34
|
+
clickCloseButton: () => panel().clickClose(),
|
|
20
35
|
getItemsCount: () => getArchivedPanelItems().count(),
|
|
21
|
-
getItemText: id => getItemByIdBase(id).$('[data-hook="archived-
|
|
36
|
+
getItemText: id => getItemByIdBase(id).$('[data-hook="archived-item-label"]').text(),
|
|
37
|
+
clickItemMenuTrigger: id => getItemMenuTrigger(id).click(),
|
|
38
|
+
clickRestore: () => getItemRestoreButton().click(),
|
|
39
|
+
clickDelete: () => getItemDeleteButton().click()
|
|
22
40
|
};
|
|
23
41
|
}
|
|
24
42
|
//# sourceMappingURL=ArchivedItemsPanel.uni.driver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ArchivedItemsPanelUniDriver","base","
|
|
1
|
+
{"version":3,"names":["_unidriver","require","ArchivedItemsPanelUniDriver","base","body","containerBase","$","panelBase","panel","SidePanelUniDriver","list","getArchivedPanelItems","$$","getItemByIdBase","id","getItemMenuBase","getItemMenuTrigger","getItemRestoreButton","getItemDeleteButton","getContainer","exists","isVisible","getTitle","getTitleText","getSubtitle","getSubtitleText","backButtonExists","isBackButtonExists","clickBackButton","clickBack","clickCloseButton","clickClose","getItemsCount","count","getItemText","text","clickItemMenuTrigger","click","clickRestore","clickDelete"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { SidePanelUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ArchivedItemsPanelUniDriver(base: UniDriver, body: UniDriver) {\n // Main container with overlay\n const containerBase = () =>\n base.$('[data-hook=\"archived-items-panel-container\"]');\n\n // The SidePanel inside the container - use the design system driver\n const panelBase = () =>\n containerBase().$('[data-hook=\"archived-items-panel\"]');\n const panel = () => SidePanelUniDriver(panelBase(), body);\n\n const list = () => panelBase().$('[data-hook=\"archived-items-list\"]');\n\n // Get all TableListItem elements (archived items) - direct children divs\n // Must use full selector path, not chained\n const getArchivedPanelItems = () =>\n panelBase().$$('[data-hook=\"archived-items-list\"] > div');\n\n const getItemByIdBase = (id: string) =>\n list().$(`[data-hook=\"archived-item-${id}\"]`);\n\n const getItemMenuBase = (id: string) =>\n panelBase().$(`[data-hook=\"archived-item-options-${id}\"]`);\n\n const getItemMenuTrigger = (id: string) =>\n getItemMenuBase(id).$('[data-hook=\"archived-item-options-trigger\"]');\n\n // Note: The 'Restore' and 'Delete' buttons appear in the body via PopoverMenu when an item's menu is opened.\n // Thus clickItemMenuTrigger must be invoked before so only the buttons on the relevant item's menu can be clicked\n const getItemRestoreButton = () =>\n body.$('[data-hook=\"archived-item-options-restore\"]');\n\n const getItemDeleteButton = () =>\n body.$('[data-hook=\"archived-item-options-delete\"]');\n\n return {\n getContainer: () => containerBase(),\n exists: () => containerBase().exists(),\n isVisible: () => containerBase().exists(),\n getTitle: () => panel().getTitleText(),\n getSubtitle: () => panel().getSubtitleText(),\n backButtonExists: () => panel().isBackButtonExists(),\n clickBackButton: () => panel().clickBack(),\n clickCloseButton: () => panel().clickClose(),\n getItemsCount: () => getArchivedPanelItems().count(),\n getItemText: (id: string) =>\n getItemByIdBase(id).$('[data-hook=\"archived-item-label\"]').text(),\n clickItemMenuTrigger: (id: string) => getItemMenuTrigger(id).click(),\n clickRestore: () => getItemRestoreButton().click(),\n clickDelete: () => getItemDeleteButton().click(),\n };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E;EACA,MAAMC,aAAa,GAAGA,CAAA,KACpBF,IAAI,CAACG,CAAC,CAAC,8CAA8C,CAAC;;EAExD;EACA,MAAMC,SAAS,GAAGA,CAAA,KAChBF,aAAa,CAAC,CAAC,CAACC,CAAC,CAAC,oCAAoC,CAAC;EACzD,MAAME,KAAK,GAAGA,CAAA,KAAM,IAAAC,6BAAkB,EAACF,SAAS,CAAC,CAAC,EAAEH,IAAI,CAAC;EAEzD,MAAMM,IAAI,GAAGA,CAAA,KAAMH,SAAS,CAAC,CAAC,CAACD,CAAC,CAAC,mCAAmC,CAAC;;EAErE;EACA;EACA,MAAMK,qBAAqB,GAAGA,CAAA,KAC5BJ,SAAS,CAAC,CAAC,CAACK,EAAE,CAAC,yCAAyC,CAAC;EAE3D,MAAMC,eAAe,GAAIC,EAAU,IACjCJ,IAAI,CAAC,CAAC,CAACJ,CAAC,CAAC,6BAA6BQ,EAAE,IAAI,CAAC;EAE/C,MAAMC,eAAe,GAAID,EAAU,IACjCP,SAAS,CAAC,CAAC,CAACD,CAAC,CAAC,qCAAqCQ,EAAE,IAAI,CAAC;EAE5D,MAAME,kBAAkB,GAAIF,EAAU,IACpCC,eAAe,CAACD,EAAE,CAAC,CAACR,CAAC,CAAC,6CAA6C,CAAC;;EAEtE;EACA;EACA,MAAMW,oBAAoB,GAAGA,CAAA,KAC3Bb,IAAI,CAACE,CAAC,CAAC,6CAA6C,CAAC;EAEvD,MAAMY,mBAAmB,GAAGA,CAAA,KAC1Bd,IAAI,CAACE,CAAC,CAAC,4CAA4C,CAAC;EAEtD,OAAO;IACLa,YAAY,EAAEA,CAAA,KAAMd,aAAa,CAAC,CAAC;IACnCe,MAAM,EAAEA,CAAA,KAAMf,aAAa,CAAC,CAAC,CAACe,MAAM,CAAC,CAAC;IACtCC,SAAS,EAAEA,CAAA,KAAMhB,aAAa,CAAC,CAAC,CAACe,MAAM,CAAC,CAAC;IACzCE,QAAQ,EAAEA,CAAA,KAAMd,KAAK,CAAC,CAAC,CAACe,YAAY,CAAC,CAAC;IACtCC,WAAW,EAAEA,CAAA,KAAMhB,KAAK,CAAC,CAAC,CAACiB,eAAe,CAAC,CAAC;IAC5CC,gBAAgB,EAAEA,CAAA,KAAMlB,KAAK,CAAC,CAAC,CAACmB,kBAAkB,CAAC,CAAC;IACpDC,eAAe,EAAEA,CAAA,KAAMpB,KAAK,CAAC,CAAC,CAACqB,SAAS,CAAC,CAAC;IAC1CC,gBAAgB,EAAEA,CAAA,KAAMtB,KAAK,CAAC,CAAC,CAACuB,UAAU,CAAC,CAAC;IAC5CC,aAAa,EAAEA,CAAA,KAAMrB,qBAAqB,CAAC,CAAC,CAACsB,KAAK,CAAC,CAAC;IACpDC,WAAW,EAAGpB,EAAU,IACtBD,eAAe,CAACC,EAAE,CAAC,CAACR,CAAC,CAAC,mCAAmC,CAAC,CAAC6B,IAAI,CAAC,CAAC;IACnEC,oBAAoB,EAAGtB,EAAU,IAAKE,kBAAkB,CAACF,EAAE,CAAC,CAACuB,KAAK,CAAC,CAAC;IACpEC,YAAY,EAAEA,CAAA,KAAMrB,oBAAoB,CAAC,CAAC,CAACoB,KAAK,CAAC,CAAC;IAClDE,WAAW,EAAEA,CAAA,KAAMrB,mBAAmB,CAAC,CAAC,CAACmB,KAAK,CAAC;EACjD,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../../src/components/ArchivedItemsPanel/types.ts"],"sourcesContent":["export interface ArchivedItem {\n id: string;\n label: string;\n [key: string]: any;\n}\n\n"],"mappings":"","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "CardContainer1054862451";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "CardContainer1054862451__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer1054862451\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CardContainer1054862451__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "Collapse2235260863";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"exit": "
|
|
15
|
+
"root": "Collapse2235260863__root",
|
|
16
|
+
"exit": "Collapse2235260863__exit"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2235260863\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse2235260863__root\",\"exit\":\"Collapse2235260863__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "CollectionPage4133424547";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "CollectionPage4133424547__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage4133424547\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPage4133424547__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "CollectionTable2075048471";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "CollectionTable2075048471__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTable2075048471\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionTable2075048471__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,10 @@ exports.buildMobileColumns = buildMobileColumns;
|
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
var _designSystem = require("@wix/design-system");
|
|
8
8
|
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/buildMobileColumns.tsx";
|
|
9
|
+
function isFirstColumnMobileConfig(col) {
|
|
10
|
+
var _col$mobile;
|
|
11
|
+
return ((_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column) === 'first';
|
|
12
|
+
}
|
|
9
13
|
function buildMobileColumns(columns) {
|
|
10
14
|
const hasMobileConfig = columns.some(col => {
|
|
11
15
|
var _mobile;
|
|
@@ -23,46 +27,36 @@ function buildMobileColumns(columns) {
|
|
|
23
27
|
__self: this,
|
|
24
28
|
__source: {
|
|
25
29
|
fileName: _jsxFileName,
|
|
26
|
-
lineNumber:
|
|
30
|
+
lineNumber: 23,
|
|
27
31
|
columnNumber: 11
|
|
28
32
|
}
|
|
29
33
|
}, columns[0] && /*#__PURE__*/_react.default.createElement("div", {
|
|
30
34
|
__self: this,
|
|
31
35
|
__source: {
|
|
32
36
|
fileName: _jsxFileName,
|
|
33
|
-
lineNumber:
|
|
37
|
+
lineNumber: 24,
|
|
34
38
|
columnNumber: 28
|
|
35
39
|
}
|
|
36
40
|
}, (_columns$0$render = (_columns$ = columns[0]).render) == null ? void 0 : _columns$0$render.call(_columns$, params, index)), columns[1] && /*#__PURE__*/_react.default.createElement("div", {
|
|
37
41
|
__self: this,
|
|
38
42
|
__source: {
|
|
39
43
|
fileName: _jsxFileName,
|
|
40
|
-
lineNumber:
|
|
44
|
+
lineNumber: 25,
|
|
41
45
|
columnNumber: 28
|
|
42
46
|
}
|
|
43
47
|
}, (_columns$1$render = (_columns$2 = columns[1]).render) == null ? void 0 : _columns$1$render.call(_columns$2, params, index)));
|
|
44
48
|
}
|
|
45
49
|
}];
|
|
46
50
|
}
|
|
47
|
-
const firstColumns = columns.
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
col
|
|
52
|
-
}) => {
|
|
53
|
-
var _col$mobile;
|
|
54
|
-
return ((_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column) === 'first';
|
|
55
|
-
}).sort((a, b) => {
|
|
56
|
-
var _a$col$mobile, _b$col$mobile;
|
|
57
|
-
const orderA = ((_a$col$mobile = a.col.mobile) == null ? void 0 : _a$col$mobile.order) ?? Infinity;
|
|
58
|
-
const orderB = ((_b$col$mobile = b.col.mobile) == null ? void 0 : _b$col$mobile.order) ?? Infinity;
|
|
51
|
+
const firstColumns = columns.filter(isFirstColumnMobileConfig).sort((a, b) => {
|
|
52
|
+
var _a$mobile, _b$mobile;
|
|
53
|
+
const orderA = ((_a$mobile = a.mobile) == null ? void 0 : _a$mobile.order) ?? Infinity;
|
|
54
|
+
const orderB = ((_b$mobile = b.mobile) == null ? void 0 : _b$mobile.order) ?? Infinity;
|
|
59
55
|
return orderA - orderB;
|
|
60
|
-
})
|
|
61
|
-
col
|
|
62
|
-
}) => col);
|
|
56
|
+
});
|
|
63
57
|
const secondColumn = columns.find(col => {
|
|
64
|
-
var
|
|
65
|
-
return ((
|
|
58
|
+
var _col$mobile2;
|
|
59
|
+
return ((_col$mobile2 = col.mobile) == null ? void 0 : _col$mobile2.column) === 'second';
|
|
66
60
|
});
|
|
67
61
|
const result = [];
|
|
68
62
|
if (firstColumns.length > 0) {
|
|
@@ -75,7 +69,7 @@ function buildMobileColumns(columns) {
|
|
|
75
69
|
__self: this,
|
|
76
70
|
__source: {
|
|
77
71
|
fileName: _jsxFileName,
|
|
78
|
-
lineNumber:
|
|
72
|
+
lineNumber: 49,
|
|
79
73
|
columnNumber: 9
|
|
80
74
|
}
|
|
81
75
|
}, firstColumns.map((col, colIndex) => /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -83,7 +77,7 @@ function buildMobileColumns(columns) {
|
|
|
83
77
|
__self: this,
|
|
84
78
|
__source: {
|
|
85
79
|
fileName: _jsxFileName,
|
|
86
|
-
lineNumber:
|
|
80
|
+
lineNumber: 51,
|
|
87
81
|
columnNumber: 13
|
|
88
82
|
}
|
|
89
83
|
}, col.render == null ? void 0 : col.render(params, index))))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","isFirstColumnMobileConfig","col","_col$mobile","mobile","column","buildMobileColumns","columns","hasMobileConfig","some","_mobile","id","title","render","params","index","_columns$0$render","_columns$","_columns$1$render","_columns$2","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","call","firstColumns","filter","sort","a","b","_a$mobile","_b$mobile","orderA","order","Infinity","orderB","secondColumn","find","_col$mobile2","result","length","push","map","colIndex","key"],"sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { TableColumn } from '../../model';\n\nfunction isFirstColumnMobileConfig<T>(\n col: TableColumn<KeyedItem<T>>,\n): col is TableColumn<KeyedItem<T>> & {\n mobile: { column: 'first'; order?: number };\n} {\n return col.mobile?.column === 'first';\n}\n\nexport function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {\n const hasMobileConfig = columns.some((col) => (col as any).mobile?.column);\n\n if (!hasMobileConfig) {\n return [\n {\n id: 'tableColumn',\n title: '',\n render: (params: any, index: number) => (\n <Box direction=\"vertical\" gap=\"SP1\">\n {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n </Box>\n ),\n },\n ];\n }\n\n const firstColumns = columns\n .filter(isFirstColumnMobileConfig)\n .sort((a, b) => {\n const orderA = a.mobile?.order ?? Infinity;\n const orderB = b.mobile?.order ?? Infinity;\n return orderA - orderB;\n });\n\n const secondColumn = columns.find((col) => col.mobile?.column === 'second');\n\n const result = [];\n\n if (firstColumns.length > 0) {\n result.push({\n id: 'mobile-first-column',\n title: '',\n render: (params: any, index: number) => (\n <Box direction=\"vertical\" gap=\"SP1\">\n {firstColumns.map((col, colIndex) => (\n <div key={`first-col-${colIndex}`}>\n {col.render?.(params, index)}\n </div>\n ))}\n </Box>\n ),\n } as any);\n }\n\n if (secondColumn) {\n result.push({\n id: 'mobile-second-column',\n title: '',\n render: (params: any, index: number) =>\n secondColumn.render?.(params, index),\n } as any);\n }\n\n return result;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAyC,IAAAE,YAAA;AAIzC,SAASC,yBAAyBA,CAChCC,GAA8B,EAG9B;EAAA,IAAAC,WAAA;EACA,OAAO,EAAAA,WAAA,GAAAD,GAAG,CAACE,MAAM,qBAAVD,WAAA,CAAYE,MAAM,MAAK,OAAO;AACvC;AAEO,SAASC,kBAAkBA,CAAIC,OAAoC,EAAE;EAC1E,MAAMC,eAAe,GAAGD,OAAO,CAACE,IAAI,CAAEP,GAAG;IAAA,IAAAQ,OAAA;IAAA,QAAAA,OAAA,GAAMR,GAAG,CAASE,MAAM,qBAAnBM,OAAA,CAAqBL,MAAM;EAAA,EAAC;EAE1E,IAAI,CAACG,eAAe,EAAE;IACpB,OAAO,CACL;MACEG,EAAE,EAAE,aAAa;MACjBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAEA,CAACC,MAAW,EAAEC,KAAa;QAAA,IAAAC,iBAAA,EAAAC,SAAA,EAAAC,iBAAA,EAAAC,UAAA;QAAA,oBACjCvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;UAACC,SAAS,EAAC,UAAU;UAACC,GAAG,EAAC,KAAK;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA3B,YAAA;YAAA4B,UAAA;YAAAC,YAAA;UAAA;QAAA,GAChCtB,OAAO,CAAC,CAAC,CAAC,iBAAIX,MAAA,CAAAwB,OAAA,CAAAC,aAAA;UAAAI,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA3B,YAAA;YAAA4B,UAAA;YAAAC,YAAA;UAAA;QAAA,IAAAb,iBAAA,GAAM,CAAAC,SAAA,GAAAV,OAAO,CAAC,CAAC,CAAC,EAACM,MAAM,qBAAjBG,iBAAA,CAAAc,IAAA,CAAAb,SAAA,EAAoBH,MAAM,EAAEC,KAAK,CAAO,CAAC,EAC7DR,OAAO,CAAC,CAAC,CAAC,iBAAIX,MAAA,CAAAwB,OAAA,CAAAC,aAAA;UAAAI,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA3B,YAAA;YAAA4B,UAAA;YAAAC,YAAA;UAAA;QAAA,IAAAX,iBAAA,GAAM,CAAAC,UAAA,GAAAZ,OAAO,CAAC,CAAC,CAAC,EAACM,MAAM,qBAAjBK,iBAAA,CAAAY,IAAA,CAAAX,UAAA,EAAoBL,MAAM,EAAEC,KAAK,CAAO,CAC1D,CAAC;MAAA;IAEV,CAAC,CACF;EACH;EAEA,MAAMgB,YAAY,GAAGxB,OAAO,CACzByB,MAAM,CAAC/B,yBAAyB,CAAC,CACjCgC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IAAA,IAAAC,SAAA,EAAAC,SAAA;IACd,MAAMC,MAAM,GAAG,EAAAF,SAAA,GAAAF,CAAC,CAAC9B,MAAM,qBAARgC,SAAA,CAAUG,KAAK,KAAIC,QAAQ;IAC1C,MAAMC,MAAM,GAAG,EAAAJ,SAAA,GAAAF,CAAC,CAAC/B,MAAM,qBAARiC,SAAA,CAAUE,KAAK,KAAIC,QAAQ;IAC1C,OAAOF,MAAM,GAAGG,MAAM;EACxB,CAAC,CAAC;EAEJ,MAAMC,YAAY,GAAGnC,OAAO,CAACoC,IAAI,CAAEzC,GAAG;IAAA,IAAA0C,YAAA;IAAA,OAAK,EAAAA,YAAA,GAAA1C,GAAG,CAACE,MAAM,qBAAVwC,YAAA,CAAYvC,MAAM,MAAK,QAAQ;EAAA,EAAC;EAE3E,MAAMwC,MAAM,GAAG,EAAE;EAEjB,IAAId,YAAY,CAACe,MAAM,GAAG,CAAC,EAAE;IAC3BD,MAAM,CAACE,IAAI,CAAC;MACVpC,EAAE,EAAE,qBAAqB;MACzBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAEA,CAACC,MAAW,EAAEC,KAAa,kBACjCnB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;QAACC,SAAS,EAAC,UAAU;QAACC,GAAG,EAAC,KAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3B,YAAA;UAAA4B,UAAA;UAAAC,YAAA;QAAA;MAAA,GAChCE,YAAY,CAACiB,GAAG,CAAC,CAAC9C,GAAG,EAAE+C,QAAQ,kBAC9BrD,MAAA,CAAAwB,OAAA,CAAAC,aAAA;QAAK6B,GAAG,EAAE,aAAaD,QAAQ,EAAG;QAAAxB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3B,YAAA;UAAA4B,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC/B3B,GAAG,CAACW,MAAM,oBAAVX,GAAG,CAACW,MAAM,CAAGC,MAAM,EAAEC,KAAK,CACxB,CACN,CACE;IAET,CAAQ,CAAC;EACX;EAEA,IAAI2B,YAAY,EAAE;IAChBG,MAAM,CAACE,IAAI,CAAC;MACVpC,EAAE,EAAE,sBAAsB;MAC1BC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAEA,CAACC,MAAW,EAAEC,KAAa,KACjC2B,YAAY,CAAC7B,MAAM,oBAAnB6B,YAAY,CAAC7B,MAAM,CAAGC,MAAM,EAAEC,KAAK;IACvC,CAAQ,CAAC;EACX;EAEA,OAAO8B,MAAM;AACf","ignoreList":[]}
|
|
@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "CollectionToolbar1909610262";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"left": "
|
|
17
|
-
"right": "
|
|
18
|
-
"fullWidth": "
|
|
15
|
+
"root": "CollectionToolbar1909610262__root",
|
|
16
|
+
"left": "CollectionToolbar1909610262__left",
|
|
17
|
+
"right": "CollectionToolbar1909610262__right",
|
|
18
|
+
"fullWidth": "CollectionToolbar1909610262__fullWidth"
|
|
19
19
|
};
|
|
20
20
|
var keyframes = exports.keyframes = {};
|
|
21
21
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1909610262\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar1909610262__root\",\"left\":\"CollectionToolbar1909610262__left\",\"right\":\"CollectionToolbar1909610262__right\",\"fullWidth\":\"CollectionToolbar1909610262__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "SearchOrCustomFilter1366149973";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"search": "
|
|
17
|
-
"searchMobile": "
|
|
15
|
+
"root": "SearchOrCustomFilter1366149973__root",
|
|
16
|
+
"search": "SearchOrCustomFilter1366149973__search",
|
|
17
|
+
"searchMobile": "SearchOrCustomFilter1366149973__searchMobile"
|
|
18
18
|
};
|
|
19
19
|
var keyframes = exports.keyframes = {};
|
|
20
20
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1366149973\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter1366149973__root\",\"search\":\"SearchOrCustomFilter1366149973__search\",\"searchMobile\":\"SearchOrCustomFilter1366149973__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "AutoCompleteReadonly1872153975";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "AutoCompleteReadonly1872153975__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1872153975\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly1872153975__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "ViewsDropdown4229148614";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "ViewsDropdown4229148614__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown4229148614\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown4229148614__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
20
20
|
function _CustomColumnsPanel({
|
|
21
21
|
state
|
|
22
22
|
}) {
|
|
23
|
-
var _collectionDataExtens, _collectionDataExtens2;
|
|
23
|
+
var _collectionDataExtens, _collectionDataExtens2, _collectionDataExtens3;
|
|
24
24
|
const entered = (0, _useRafRender.useRafRender)();
|
|
25
25
|
const {
|
|
26
26
|
translate: t
|
|
@@ -108,26 +108,26 @@ function _CustomColumnsPanel({
|
|
|
108
108
|
lineNumber: 81,
|
|
109
109
|
columnNumber: 11
|
|
110
110
|
}
|
|
111
|
-
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.
|
|
111
|
+
}) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.dataExtension) == null ? void 0 : _collectionDataExtens.shouldDisplayArchive) && (collectionDataExtension == null || (_collectionDataExtens2 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens2.CustomColumnsArchivedItemsCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, {
|
|
112
112
|
__self: this,
|
|
113
113
|
__source: {
|
|
114
114
|
fileName: _jsxFileName,
|
|
115
|
-
lineNumber:
|
|
116
|
-
columnNumber:
|
|
115
|
+
lineNumber: 87,
|
|
116
|
+
columnNumber: 17
|
|
117
117
|
}
|
|
118
118
|
}), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
|
|
119
119
|
state: state,
|
|
120
120
|
__self: this,
|
|
121
121
|
__source: {
|
|
122
122
|
fileName: _jsxFileName,
|
|
123
|
-
lineNumber:
|
|
123
|
+
lineNumber: 89,
|
|
124
124
|
columnNumber: 13
|
|
125
125
|
}
|
|
126
|
-
}))), (collectionDataExtension == null || (
|
|
126
|
+
}))), (collectionDataExtension == null || (_collectionDataExtens3 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens3.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
|
|
127
127
|
__self: this,
|
|
128
128
|
__source: {
|
|
129
129
|
fileName: _jsxFileName,
|
|
130
|
-
lineNumber:
|
|
130
|
+
lineNumber: 95,
|
|
131
131
|
columnNumber: 9
|
|
132
132
|
}
|
|
133
133
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","DataExtension","CustomColumnsArchivedItemsCTAButton","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n state,\n}: CustomColumnsPanelProps<T, F>) {\n const entered = useRafRender();\n const { translate: t } = useWixPatternsContainer();\n\n const { table, dragAndDrop } = state;\n const { sidePanel, collectionDataExtension } = table;\n\n useEffect(() => state.init(), []);\n\n if (!entered) {\n return null;\n }\n\n const hasSearchResults = state.columnsCollection.result.items.length > 0;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const totalColumns = state.orderedColumns.length;\n const isUsingDataExtension = !!collectionDataExtension;\n\n // Show search if they're using DEx OR if there are more than 5 columns\n const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n return (\n <PatternsSidePanel\n dataHook=\"custom-columns-panel\"\n width=\"100%\"\n onClose={() => {\n table.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened: false,\n feature: 'Custom Columns',\n origin: 'X Button',\n }),\n );\n sidePanel.close();\n }}\n >\n <SidePanel.Header\n title={t('cairo.table.custom-columns.title')}\n subtitle={\n dragAndDrop\n ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n : t('cairo.table.custom-columns.subtitle')\n }\n >\n {shouldShowSearch && (\n <Box padding=\"0 SP3 SP2 SP3\">\n <CustomColumnsSearch state={state} />\n </Box>\n )}\n </SidePanel.Header>\n <ScrollableContent\n overflowY\n dataHook=\"custom-columns-panel-scroll-container\"\n ref={(e) => {\n if (state.dragAndDrop) {\n state.dragAndDrop.listRect.element = e;\n }\n }}\n >\n {hasSearchValue && !hasSearchResults ? (\n <CustomColumnsNoResults state={state} />\n ) : (\n <>\n {collectionDataExtension?.DataExtension\n
|
|
1
|
+
{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n state,\n}: CustomColumnsPanelProps<T, F>) {\n const entered = useRafRender();\n const { translate: t } = useWixPatternsContainer();\n\n const { table, dragAndDrop } = state;\n const { sidePanel, collectionDataExtension } = table;\n\n useEffect(() => state.init(), []);\n\n if (!entered) {\n return null;\n }\n\n const hasSearchResults = state.columnsCollection.result.items.length > 0;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const totalColumns = state.orderedColumns.length;\n const isUsingDataExtension = !!collectionDataExtension;\n\n // Show search if they're using DEx OR if there are more than 5 columns\n const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n return (\n <PatternsSidePanel\n dataHook=\"custom-columns-panel\"\n width=\"100%\"\n onClose={() => {\n table.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened: false,\n feature: 'Custom Columns',\n origin: 'X Button',\n }),\n );\n sidePanel.close();\n }}\n >\n <SidePanel.Header\n title={t('cairo.table.custom-columns.title')}\n subtitle={\n dragAndDrop\n ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n : t('cairo.table.custom-columns.subtitle')\n }\n >\n {shouldShowSearch && (\n <Box padding=\"0 SP3 SP2 SP3\">\n <CustomColumnsSearch state={state} />\n </Box>\n )}\n </SidePanel.Header>\n <ScrollableContent\n overflowY\n dataHook=\"custom-columns-panel-scroll-container\"\n ref={(e) => {\n if (state.dragAndDrop) {\n state.dragAndDrop.listRect.element = e;\n }\n }}\n >\n {hasSearchValue && !hasSearchResults ? (\n <CustomColumnsNoResults state={state} />\n ) : (\n <>\n {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n collectionDataExtension?.DataExtension\n ?.CustomColumnsArchivedItemsCTAButton && (\n <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton />\n )}\n <ColumnsList state={state} />\n </>\n )}\n </ScrollableContent>\n {collectionDataExtension?.DataExtension\n ?.CustomColumnsAddCustomFieldCTAButton && (\n <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n )}\n </PatternsSidePanel>\n );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -54,7 +54,7 @@ function CustomColumnsPanelUniDriver(base, body) {
|
|
|
54
54
|
|
|
55
55
|
// Archived items functionality
|
|
56
56
|
const getArchivedItemsButton = () => base.$('[data-hook="archived-items-button"]');
|
|
57
|
-
const getArchivedPanel = () => (0, _ArchivedItemsPanelUni.ArchivedItemsPanelUniDriver)(base);
|
|
57
|
+
const getArchivedPanel = () => (0, _ArchivedItemsPanelUni.ArchivedItemsPanelUniDriver)(base, body);
|
|
58
58
|
return {
|
|
59
59
|
exists: () => panelBase().exists(),
|
|
60
60
|
isOpen: () => Promise.all([slidingModal().isOpen(), panel().exists()]).then(arr => arr.every(Boolean)),
|