@wix/patterns 1.337.0 → 1.339.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/AppliedFiltersTagList/AppliedFiltersTagList.js +1 -7
- package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagList.js.map +1 -1
- package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js +23 -2
- package/dist/cjs/components/AppliedFiltersTagList/AppliedFiltersTagListState.js.map +1 -1
- 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.js +42 -37
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css +28 -7
- 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/CollectionToolbarActionsGroupProps.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js +71 -0
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map +1 -0
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js +8 -10
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/toolbarModeUtils.js +25 -0
- package/dist/cjs/components/CollectionToolbar/toolbarModeUtils.js.map +1 -0
- package/dist/cjs/components/CollectionToolbar/useCollectionToolbarSyncedProps.js +1 -1
- package/dist/cjs/components/CollectionToolbar/useCollectionToolbarSyncedProps.js.map +1 -1
- package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js +2 -0
- package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.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/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/MoreFiltersCTA/MoreFiltersCTA.js +7 -6
- package/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/MainCellLayout.js +6 -5
- package/dist/cjs/components/NestedTable/MainCellLayout.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/ResponsiveButton/ResponsiveButton.js +33 -20
- package/dist/cjs/components/ResponsiveButton/ResponsiveButton.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.js +11 -18
- package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsResponsiveState.js +7 -18
- package/dist/cjs/components/TabsFilter/TabsResponsiveState.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/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/state/Toolbar/ToolbarLeftGroupState.js +65 -0
- package/dist/cjs/state/Toolbar/ToolbarLeftGroupState.js.map +1 -0
- package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js +20 -7
- package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js.map +1 -1
- package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js +15 -13
- package/dist/cjs/state/Toolbar/ToolbarResponsiveState.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/AppliedFiltersTagList/AppliedFiltersTagList.js +1 -7
- package/dist/esm/components/AppliedFiltersTagList/AppliedFiltersTagList.js.map +1 -1
- package/dist/esm/components/AppliedFiltersTagList/AppliedFiltersTagListState.js +16 -1
- package/dist/esm/components/AppliedFiltersTagList/AppliedFiltersTagListState.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/Collapse/Collapse.st.css.js.map +1 -1
- 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/CollectionTable.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.js +16 -5
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css +28 -7
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbarLeftGroup.js +28 -0
- package/dist/esm/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map +1 -0
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js +3 -4
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/toolbarModeUtils.js +16 -0
- package/dist/esm/components/CollectionToolbar/toolbarModeUtils.js.map +1 -0
- package/dist/esm/components/CollectionToolbar/useCollectionToolbarSyncedProps.js +1 -1
- package/dist/esm/components/CollectionToolbar/useCollectionToolbarSyncedProps.js.map +1 -1
- package/dist/esm/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js +2 -0
- package/dist/esm/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js.map +1 -1
- 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/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/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- 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/MoreFiltersCTA/MoreFiltersCTA.js +2 -2
- package/dist/esm/components/MoreFiltersCTA/MoreFiltersCTA.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/NestedTable/MainCellLayout.js +1 -1
- package/dist/esm/components/NestedTable/MainCellLayout.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/MultipleDragOverlayEffect.st.css.js.map +1 -1
- 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/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ResponsiveButton/ResponsiveButton.js +7 -6
- package/dist/esm/components/ResponsiveButton/ResponsiveButton.js.map +1 -1
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- 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.js +6 -7
- package/dist/esm/components/TabsFilter/TabsFilter.js.map +1 -1
- 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/TabsFilter/TabsResponsiveState.js +7 -16
- package/dist/esm/components/TabsFilter/TabsResponsiveState.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/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/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/Toolbar/ToolbarLeftGroupState.js +55 -0
- package/dist/esm/state/Toolbar/ToolbarLeftGroupState.js.map +1 -0
- package/dist/esm/state/Toolbar/ToolbarResponsivePriorityState.js +19 -5
- package/dist/esm/state/Toolbar/ToolbarResponsivePriorityState.js.map +1 -1
- package/dist/esm/state/Toolbar/ToolbarResponsiveState.js +14 -12
- package/dist/esm/state/Toolbar/ToolbarResponsiveState.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/AppliedFiltersTagList/AppliedFiltersTagList.d.ts.map +1 -1
- package/dist/types/components/AppliedFiltersTagList/AppliedFiltersTagListState.d.ts +1 -0
- package/dist/types/components/AppliedFiltersTagList/AppliedFiltersTagListState.d.ts.map +1 -1
- package/dist/types/components/Collapse/Collapse.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/CollectionToolbar.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupProps.d.ts +1 -0
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupProps.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarLeftGroup.d.ts +17 -0
- package/dist/types/components/CollectionToolbar/CollectionToolbarLeftGroup.d.ts.map +1 -0
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/toolbarModeUtils.d.ts +8 -0
- package/dist/types/components/CollectionToolbar/toolbarModeUtils.d.ts.map +1 -0
- package/dist/types/components/CollectionToolbarFilters/CollectionToolbarFiltersState.d.ts +3 -1
- package/dist/types/components/CollectionToolbarFilters/CollectionToolbarFiltersState.d.ts.map +1 -1
- package/dist/types/components/Fade/Fade.st.css.d.ts.map +1 -1
- package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
- package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
- package/dist/types/components/MoreFiltersCTA/MoreFiltersCTA.d.ts.map +1 -1
- package/dist/types/components/NestedTable/MainCellLayout.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/ResponsiveButton/ResponsiveButton.d.ts +10 -6
- package/dist/types/components/ResponsiveButton/ResponsiveButton.d.ts.map +1 -1
- package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsResponsiveState.d.ts +2 -0
- package/dist/types/components/TabsFilter/TabsResponsiveState.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/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/state/Toolbar/ToolbarLeftGroupState.d.ts +23 -0
- package/dist/types/state/Toolbar/ToolbarLeftGroupState.d.ts.map +1 -0
- package/dist/types/state/Toolbar/ToolbarResponsivePriorityState.d.ts +3 -3
- package/dist/types/state/Toolbar/ToolbarResponsivePriorityState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts +3 -0
- package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/AppliedFiltersTagList/AppliedFiltersTagList.tsx +1 -9
- package/src/components/AppliedFiltersTagList/AppliedFiltersTagListState.tsx +26 -1
- 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/CollectionToolbar/CollectionToolbar.st.css +28 -7
- package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
- package/src/components/CollectionToolbar/CollectionToolbar.tsx +23 -20
- package/src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts +1 -0
- package/src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx +71 -0
- package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
- package/src/components/CollectionToolbar/SearchOrCustomFilter.tsx +3 -13
- package/src/components/CollectionToolbar/toolbarModeUtils.ts +27 -0
- package/src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts +1 -1
- package/src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts +4 -1
- package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
- 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/MoreFiltersCTA/MoreFiltersCTA.tsx +3 -1
- package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
- package/src/components/NestedTable/MainCellLayout.tsx +6 -1
- 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/ResponsiveButton/ResponsiveButton.tsx +53 -47
- 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/TabsFilter/TabsFilter.tsx +26 -29
- package/src/components/TabsFilter/TabsResponsiveState.ts +11 -19
- 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/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/state/Toolbar/ToolbarLeftGroupState.ts +86 -0
- package/src/state/Toolbar/ToolbarResponsivePriorityState.ts +29 -12
- package/src/state/Toolbar/ToolbarResponsiveState.ts +22 -17
- package/src/styles.global.css +1 -1
- package/src/version.ts +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "Collapse224372759";
|
|
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": "Collapse224372759__root", "exit": "Collapse224372759__exit" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.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":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,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,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,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_ = "CollectionPage1814068000";
|
|
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": "CollectionPage1814068000__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_ = "CollectionTable2415796293";
|
|
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": "CollectionTable2415796293__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTable.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":"CollectionTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,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,iCAAiC,EAAC,CAAC;AAChE,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"}
|
|
@@ -9,12 +9,14 @@ import { InitialLoadingConditional } from '../InitialLoadingConditional';
|
|
|
9
9
|
import { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';
|
|
10
10
|
import { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';
|
|
11
11
|
import { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';
|
|
12
|
-
import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
|
|
13
12
|
import { MoreActions } from '../MoreActions';
|
|
14
13
|
import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
|
|
15
14
|
import { useIsMobile } from '../../hooks/useIsMobile';
|
|
16
15
|
import { isValidElement } from '../isValidElement';
|
|
17
16
|
import { CollectionSearch } from '../CollectionSearch';
|
|
17
|
+
import { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';
|
|
18
|
+
import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
|
|
19
|
+
import { getToolbarMode } from './toolbarModeUtils';
|
|
18
20
|
function _CollectionToolbar(props) {
|
|
19
21
|
const { state, search = true, title, tabs, customColumns, multiLevelSorting, views, dataHook, filters: filtersProp, tableGridSwitchButton, exportButton, dragAndDropReorderModeToolbar, primaryActionButton, secondaryActions, moreActions, } = props;
|
|
20
22
|
const isMobile = useIsMobile();
|
|
@@ -86,12 +88,20 @@ function _CollectionToolbar(props) {
|
|
|
86
88
|
const CollectionToolbarActionsGroup = isMobile || responsive.responsiveDisabled
|
|
87
89
|
? CollectionToolbarActionsToolbarItemsGroup
|
|
88
90
|
: CollectionToolbarActionsGroupResponsiveLayout;
|
|
91
|
+
const responsiveMode = getToolbarMode({
|
|
92
|
+
isDisabled: responsive.responsiveDisabled,
|
|
93
|
+
hasTabs: !!tabs,
|
|
94
|
+
hasTitle: !!left && !viewsToolbarItem,
|
|
95
|
+
hasViews: !!viewsToolbarItem,
|
|
96
|
+
});
|
|
89
97
|
const toolbarElement = (React.createElement(React.Fragment, null,
|
|
90
|
-
React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.left, {
|
|
91
|
-
|
|
92
|
-
|
|
98
|
+
React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.left, {
|
|
99
|
+
expandable: !!tabs,
|
|
100
|
+
title: responsiveMode === 'title',
|
|
101
|
+
}), dataHook: "collection-table-toolbar-filters" },
|
|
102
|
+
React.createElement(CollectionToolbarLeftGroup, { state: state, left: left, viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, mode: responsiveMode })),
|
|
93
103
|
React.createElement(TableToolbar.ItemGroup, { position: isMobile ? undefined : 'end', className: st(classes.right, {}, ...[rendersStart ? undefined : classes.fullWidth]) },
|
|
94
|
-
React.createElement(CollectionToolbarActionsGroup, { state: state, viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, MoreFiltersButton: MoreFiltersButton, multiLevelSorting: multiLevelSorting, customColumns: isMobile || isPanelLayout ? undefined : customColumns, exportButton: exportButton, search: searchElement, showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft, left: left }),
|
|
104
|
+
React.createElement(CollectionToolbarActionsGroup, { state: state, viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, MoreFiltersButton: MoreFiltersButton, multiLevelSorting: multiLevelSorting, customColumns: isMobile || isPanelLayout ? undefined : customColumns, exportButton: exportButton, search: searchElement, showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft, left: left, hasTabs: !!tabs }),
|
|
95
105
|
primaryActionButton && (React.createElement(TableToolbar.Item, null, primaryActionButton)),
|
|
96
106
|
moreActions && (React.createElement(TableToolbar.Item, null, addDataHookToMoreActions())),
|
|
97
107
|
secondaryActions && (React.createElement(TableToolbar.Item, null, secondaryActions)),
|
|
@@ -104,6 +114,7 @@ function _CollectionToolbar(props) {
|
|
|
104
114
|
React.createElement(Box, { minHeight: isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px' }, state.isReorderModeToolbarVisible ? (dragAndDropReorderModeToolbar) : (React.createElement(TableToolbar, { removeVerticalPadding: true, className: st(classes.root, {
|
|
105
115
|
views: !responsive.responsiveDisabled,
|
|
106
116
|
mobile: isMobile,
|
|
117
|
+
responsiveMode,
|
|
107
118
|
}), dataHook: "collection-table-toolbar" }, toolbarWithSkeleton))))));
|
|
108
119
|
}
|
|
109
120
|
export const CollectionToolbar = observer(_CollectionToolbar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionToolbar.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAGZ,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAKzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,yCAAyC,EAAE,MAAM,6CAA6C,CAAC;AACxG,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CollectionToolbar.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,36 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
-st-states: views, mobile;
|
|
2
|
+
-st-states: views, mobile, responsiveMode(enum(title, views, tabs, disabled));
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.left {
|
|
6
|
-
-st-states: expandable;
|
|
6
|
+
-st-states: expandable, title;
|
|
7
7
|
min-width: 0;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.root:views .left {
|
|
11
|
-
flex-shrink: 1;
|
|
12
|
-
flex-grow: 0;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
10
|
.left:expandable {
|
|
16
11
|
flex: auto;
|
|
17
12
|
}
|
|
18
13
|
|
|
14
|
+
.left:title > * {
|
|
15
|
+
width: 100%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.root:responsiveMode(title) .left {
|
|
19
|
+
flex: 1 100;
|
|
20
|
+
min-width: 50px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.root:responsiveMode(tabs) .left,
|
|
24
|
+
.root:responsiveMode(tabs) .left:expandable {
|
|
25
|
+
flex: 1 100 auto;
|
|
26
|
+
min-width: 140px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.root:responsiveMode(tabs) .left > * {
|
|
30
|
+
flex-shrink: 1;
|
|
31
|
+
min-width: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
19
34
|
.root .right {
|
|
20
35
|
justify-content: flex-end !important;
|
|
21
36
|
flex-grow: 1;
|
|
@@ -30,6 +45,12 @@
|
|
|
30
45
|
flex-basis: 0;
|
|
31
46
|
}
|
|
32
47
|
|
|
48
|
+
.root:responsiveMode(tabs) .right,
|
|
49
|
+
.root:responsiveMode(title) .right {
|
|
50
|
+
flex: 0 1 auto;
|
|
51
|
+
min-width: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
33
54
|
.root .right.fullWidth {
|
|
34
55
|
margin-inline-start: 0 !important;
|
|
35
56
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "CollectionToolbar1811998541";
|
|
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": "CollectionToolbar1811998541__root", "left": "CollectionToolbar1811998541__left", "right": "CollectionToolbar1811998541__right", "fullWidth": "CollectionToolbar1811998541__fullWidth" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { Box } from '@wix/design-system';
|
|
3
|
+
import { observer } from 'mobx-react-lite';
|
|
4
|
+
import { InitialLoadingConditional } from '../InitialLoadingConditional';
|
|
5
|
+
import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
|
|
6
|
+
import { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';
|
|
7
|
+
function _CollectionToolbarLeftGroup(props) {
|
|
8
|
+
const { state, left, viewsToolbarItem, filtersElement, mode } = props;
|
|
9
|
+
const { toolbar: { responsive }, } = state;
|
|
10
|
+
const isLeftElementMode = mode === 'tabs' || mode === 'title';
|
|
11
|
+
const container = useRef(null);
|
|
12
|
+
const [leftGroupState] = useState(() => new ToolbarLeftGroupState({
|
|
13
|
+
responsive,
|
|
14
|
+
mode,
|
|
15
|
+
minWidth: mode === 'title' ? 50 : 140,
|
|
16
|
+
getTabsState: () => state.tabs,
|
|
17
|
+
}));
|
|
18
|
+
useEffect(() => leftGroupState.init(container.current?.parentElement), []);
|
|
19
|
+
const content = left ?? (React.createElement(React.Fragment, null,
|
|
20
|
+
viewsToolbarItem && (React.createElement(InitialLoadingConditional, { state: state, loadingElement: React.createElement(CollectionToolbarSkeletonItem, { dataHook: "toolbar-views-skeleton", width: "100px" }) }, viewsToolbarItem)),
|
|
21
|
+
!viewsToolbarItem ? filtersElement : undefined));
|
|
22
|
+
if (isLeftElementMode && !responsive.responsiveDisabled) {
|
|
23
|
+
return (React.createElement(Box, { ref: (element) => (container.current = element) }, content));
|
|
24
|
+
}
|
|
25
|
+
return React.createElement(React.Fragment, null, content);
|
|
26
|
+
}
|
|
27
|
+
export const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);
|
|
28
|
+
//# sourceMappingURL=CollectionToolbarLeftGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollectionToolbarLeftGroup.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAWlF,SAAS,2BAA2B,CAClC,KAA4C;IAE5C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,CAAC;IAC9D,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,MAAM,CAAC,cAAc,CAAC,GAAG,QAAQ,CAC/B,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,IAAI;QACJ,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACrC,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI;KAC/B,CAAC,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3E,MAAM,OAAO,GAAG,IAAI,IAAI,CACtB;QACG,gBAAgB,IAAI,CACnB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,cAAc,EACZ,oBAAC,6BAA6B,IAC5B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAC,OAAO,GACb,IAGH,gBAAgB,CACS,CAC7B;QACA,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAC9C,CACJ,CAAC;IAEF,IAAI,iBAAiB,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE;QACvD,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC,IAAG,OAAO,CAAO,CACtE,CAAC;KACH;IAED,OAAO,0CAAG,OAAO,CAAI,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -8,7 +8,7 @@ import { runInAction } from 'mobx';
|
|
|
8
8
|
function _SearchOrCustomFilter(props) {
|
|
9
9
|
const { search: _search, state } = props;
|
|
10
10
|
const { toolbar: { responsive }, } = useToolbarCollectionContext();
|
|
11
|
-
const {
|
|
11
|
+
const { search: searchResponsive, responsiveDisabled } = responsive;
|
|
12
12
|
const isMobile = useIsMobile();
|
|
13
13
|
const isSearchExpanded = state._searchExpanded;
|
|
14
14
|
const { search, isExpandable } = useMemo(() => {
|
|
@@ -56,9 +56,8 @@ function _SearchOrCustomFilter(props) {
|
|
|
56
56
|
}
|
|
57
57
|
return (React.createElement(TableToolbar.Item, { className: st(isMobile ? undefined : classes.search) }, child));
|
|
58
58
|
}
|
|
59
|
-
const shouldShrink =
|
|
60
|
-
|
|
61
|
-
return (React.createElement(Box, { direction: "horizontal", maxWidth: "240px", minWidth: shouldShrink ? '139px' : '140px' },
|
|
59
|
+
const shouldShrink = searchResponsive._shouldShrink;
|
|
60
|
+
return (React.createElement(Box, { direction: "horizontal", width: shouldShrink ? '140px' : '240px' },
|
|
62
61
|
React.createElement(Box, { width: shouldShrink ? '140px' : '240px' }, search)));
|
|
63
62
|
}
|
|
64
63
|
export const SearchOrCustomFilter = observer(_SearchOrCustomFilter);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchOrCustomFilter.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AASnC,SAAS,qBAAqB,CAAC,KAAgC;IAC7D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,2BAA2B,EAAE,CAAC;IAClC,MAAM,
|
|
1
|
+
{"version":3,"file":"SearchOrCustomFilter.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AASnC,SAAS,qBAAqB,CAAC,KAAgC;IAC7D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,2BAA2B,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,UAAU,CAAC;IAEpE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC;IAE/C,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAC5B,OAAO;gBACL,MAAM,EAAE,OAAO;gBACf,YAAY,EAAE,KAAK;aACpB,CAAC;SACH;QACD,MAAM,OAAO,GAAG,YAAY,CAAC,OAAkC,EAAE;YAC/D,uBAAuB,EAAE,CAAC,SAAmB,EAAE,EAAE;gBAC/C,WAAW,CAAC,GAAG,EAAE;oBACf,IAAI,CAAC,SAAS,EAAE;wBACd,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;qBAC9B;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;YACD,qBAAqB,EAAE,CAAC,SAAmB,EAAE,EAAE;gBAC7C,WAAW,CAAC,GAAG,EAAE;oBACf,IAAI,SAAS,EAAE;wBACb,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;qBAC/B;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;QACH,OAAO;YACL,MAAM,EAAE,OAAO;YACf,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU;SACvC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,kBAAkB,IAAI,QAAQ,EAAE;QAClC,IAAI,KAAK,GAAG,MAAM,CAAC;QAEnB,IAAI,QAAQ,EAAE;YACZ,KAAK,GAAG,CACN,oBAAC,QAAQ;gBACN,QAAQ,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,CACtC,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,IAErB,YAAY,CAAC,OAAkC,EAAE;oBAChD,QAAQ,EAAE,sCAAsC;oBAChD,qDAAqD;oBACrD,KAAK,EAAE,EAAE;oBACT,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;iBACnB,CAAC,CACE,CACP;gBACD,oBAAC,GAAG,IACF,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,EAAE;wBAClC,UAAU,EAAE,YAAY;wBACxB,QAAQ,EAAE,gBAAgB;qBAC3B,CAAC,IAED,MAAM,CACH,CACG,CACZ,CAAC;SACH;QAED,OAAO,CACL,oBAAC,YAAY,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IACpE,KAAK,CACY,CACrB,CAAC;KACH;IAED,MAAM,YAAY,GAAG,gBAAgB,CAAC,aAAa,CAAC;IAEpD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QACjE,oBAAC,GAAG,IAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAG,MAAM,CAAO,CACxD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,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_ = "SearchOrCustomFilter2883258947";
|
|
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": "SearchOrCustomFilter2883258947__root", "search": "SearchOrCustomFilter2883258947__search", "searchMobile": "SearchOrCustomFilter2883258947__searchMobile" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function getToolbarMode({ isDisabled, hasTabs, hasTitle, hasViews, }) {
|
|
2
|
+
if (isDisabled) {
|
|
3
|
+
return 'disabled';
|
|
4
|
+
}
|
|
5
|
+
if (hasTabs) {
|
|
6
|
+
return 'tabs';
|
|
7
|
+
}
|
|
8
|
+
if (hasViews) {
|
|
9
|
+
return 'views';
|
|
10
|
+
}
|
|
11
|
+
if (hasTitle) {
|
|
12
|
+
return 'title';
|
|
13
|
+
}
|
|
14
|
+
return 'disabled';
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=toolbarModeUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbarModeUtils.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/toolbarModeUtils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,GAMT;IACC,IAAI,UAAU,EAAE;QACd,OAAO,UAAU,CAAC;KACnB;IACD,IAAI,OAAO,EAAE;QACX,OAAO,MAAM,CAAC;KACf;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAC;KAChB;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAC;KAChB;IACD,OAAO,UAAU,CAAC;AACpB,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { useState } from 'react';
|
|
|
4
4
|
export function useCollectionToolbarSyncedProps(props) {
|
|
5
5
|
const { state, left, viewsToolbarItem } = props;
|
|
6
6
|
const syncedProps = useSyncProps({
|
|
7
|
-
useResponsiveLayout:
|
|
7
|
+
useResponsiveLayout: !!viewsToolbarItem || !!left,
|
|
8
8
|
}, {
|
|
9
9
|
useResponsiveLayout: observable.ref,
|
|
10
10
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCollectionToolbarSyncedProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAa/C,MAAM,UAAU,+BAA+B,CAC7C,KAAkD;IAElD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,WAAW,GAAG,YAAY,CAC9B;QACE,mBAAmB,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"useCollectionToolbarSyncedProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAa/C,MAAM,UAAU,+BAA+B,CAC7C,KAAkD;IAElD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,WAAW,GAAG,YAAY,CAC9B;QACE,mBAAmB,EAAE,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,IAAI;KAClD,EACD;QACE,mBAAmB,EAAE,UAAU,CAAC,GAAG;KACpC,CACF,CAAC;IAEF,QAAQ,CAAC,GAAG,EAAE;QACZ,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ValueBox, withoutDefaults } from '@wix/bex-core';
|
|
2
2
|
import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
|
|
3
3
|
import { action, computed, makeObservable } from 'mobx';
|
|
4
|
+
import { createRef } from 'react';
|
|
4
5
|
export class CollectionToolbarFiltersState {
|
|
5
6
|
constructor(params) {
|
|
6
7
|
this.panelTitle = new ValueBox(undefined);
|
|
7
8
|
this.totalInlineFilters = new ValueBox(null);
|
|
8
9
|
this.filterElements = new ValueBox([]);
|
|
10
|
+
this.moreFiltersButtonRef = createRef();
|
|
9
11
|
this.onFiltersButtonClick = action(() => {
|
|
10
12
|
const actionStartTime = performance.now();
|
|
11
13
|
const { reportBi } = this.toolbar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionToolbarFiltersState.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAQxD,MAAM,OAAO,6BAA6B;
|
|
1
|
+
{"version":3,"file":"CollectionToolbarFiltersState.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxD,MAAM,OAAO,6BAA6B;IAWxC,YAAY,MAAiD;QARpD,eAAU,GAAG,IAAI,QAAQ,CAAY,SAAS,CAAC,CAAC;QAChD,uBAAkB,GAAG,IAAI,QAAQ,CAAgB,IAAI,CAAC,CAAC;QACvD,mBAAc,GAAG,IAAI,QAAQ,CAAkB,EAAE,CAAC,CAAC;QACnD,yBAAoB,GAC3B,SAAS,EAAU,CAAC;QA2BtB,yBAAoB,GAAG,MAAM,CAAC,GAAG,EAAE;YACjC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YAElC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YAChE,0EAA0E;YAC1E,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACrB,QAAQ,CACN,eAAe,CAAC,qBAAqB,CAAC,CAAC;oBACrC,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE;oBACxC,QAAQ;oBACR,MAAM,EAAE,eAAe;oBACvB,OAAO,EAAE,QAAQ;oBACjB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC;iBAChE,CAAC,CACH,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAvCD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,cAAc,CAAC,IAAI,EAAE;YACnB,mBAAmB,EAAE,QAAQ;YAC7B,YAAY,EAAE,QAAQ;SACvB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,mBAAmB;QACrB,MAAM,EACJ,kBAAkB,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EACjD,cAAc,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,GAC1C,GAAG,IAAI,CAAC;QACT,OAAO,kBAAkB,IAAI,IAAI;YAC/B,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAC1C,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;CAoBF"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "AutoCompleteReadonly1467974692";
|
|
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": "AutoCompleteReadonly1467974692__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_ = "ViewsDropdown988678590";
|
|
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": "ViewsDropdown988678590__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_ = "DragHandle3343873060";
|
|
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": "DragHandle3343873060__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_ = "EntityPagePlain2149433821";
|
|
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": "EntityPagePlain2149433821__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_ = "Fade818575166";
|
|
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": "Fade818575166__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.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":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,CAAC;AACpD,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_ = "Heading1796052903";
|
|
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": "Heading1796052903__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_ = "InputOverflow3502787266";
|
|
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": "InputOverflow3502787266__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.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":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,CAAC;AAC9D,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,13 +1,13 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "LoadingRow352518099";
|
|
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": "LoadingRow352518099__root" };
|
|
10
|
+
export var keyframes = { "gradientSwoosh": "LoadingRow352518099__gradientSwoosh" };
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
13
13
|
export var stVars = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.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":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,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,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,qCAAqC,EAAC,CAAC;AAChF,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_ = "MaxHeightText1726886362";
|
|
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": "MaxHeightText1726886362__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_ = "MaxLines3450690009";
|
|
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": "MaxLines3450690009__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -6,9 +6,9 @@ import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
|
|
|
6
6
|
import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
|
|
7
7
|
const _MoreFiltersCTA = () => {
|
|
8
8
|
const state = useToolbarCollectionContext();
|
|
9
|
-
const { toolbar: { responsive }, container: { translate: t }, } = state;
|
|
9
|
+
const { toolbar: { responsive }, container: { translate: t }, toolbarFiltersState, } = state;
|
|
10
10
|
return (React.createElement(CounterBadgeButton, { dataHook: "more-filters-button-counter", count: state.collection.query.nonPersistentCustomFiltersCount },
|
|
11
|
-
React.createElement(ResponsiveButton, { state: responsive.filters, shouldShrink: false, key: "more-filters-button", dataHook: "more-filters-button", icon: React.createElement(ContentFilter, null), onClick:
|
|
11
|
+
React.createElement(ResponsiveButton, { ref: toolbarFiltersState?.moreFiltersButtonRef, state: responsive.filters, shouldShrink: false, key: "more-filters-button", dataHook: "more-filters-button", icon: React.createElement(ContentFilter, null), onClick: toolbarFiltersState?.onFiltersButtonClick }, t('cairo.toolbar.moreFiltersButton', { defaultValue: '' }))));
|
|
12
12
|
};
|
|
13
13
|
export const MoreFiltersCTA = observer(_MoreFiltersCTA);
|
|
14
14
|
//# sourceMappingURL=MoreFiltersCTA.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreFiltersCTA.js","sourceRoot":"","sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAC5C,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,EACvB,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"MoreFiltersCTA.js","sourceRoot":"","sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAC5C,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,EACvB,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC3B,mBAAmB,GACpB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAC,6BAA6B,EACtC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,+BAA+B;QAE7D,oBAAC,gBAAgB,IACf,GAAG,EAAE,mBAAmB,EAAE,oBAAoB,EAC9C,KAAK,EAAE,UAAU,CAAC,OAAO,EACzB,YAAY,EAAE,KAAK,EACnB,GAAG,EAAC,qBAAqB,EACzB,QAAQ,EAAC,qBAAqB,EAC9B,IAAI,EAAE,oBAAC,aAAa,OAAG,EACvB,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,IAEjD,CAAC,CAAC,iCAAiC,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC1C,CACA,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,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_ = "MultiBulkActionToolbar4262379086";
|
|
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": "MultiBulkActionToolbar4262379086__root", "leftGroupWrapper": "MultiBulkActionToolbar4262379086__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar4262379086__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar4262379086__selectedCountText" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|