@wix/patterns 1.355.0 → 1.357.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/ArchivedItemsListItem.js +16 -12
- package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.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/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
- package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js +26 -16
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js +14 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.js +10 -8
- 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/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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
- 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/BulkAssignTagsPopover/BulkAssignTagsPopover.js +3 -2
- package/dist/cjs/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.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 +22 -23
- package/dist/cjs/state/Toolbar/ToolbarLeftGroupState.js.map +1 -1
- package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js +9 -72
- package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js.map +1 -1
- package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js +81 -49
- package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js.map +1 -1
- package/dist/cjs/state/Toolbar/computeResponsiveTargetState.js +48 -0
- package/dist/cjs/state/Toolbar/computeResponsiveTargetState.js.map +1 -0
- package/dist/cjs/state/Toolbar/toolbarResponsiveConstants.js +7 -0
- package/dist/cjs/state/Toolbar/toolbarResponsiveConstants.js.map +1 -0
- 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/ArchivedItemsListItem.js +3 -2
- package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsListItem.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/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js +7 -4
- package/dist/esm/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbarLeftGroup.js +12 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js +4 -2
- 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/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/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/Heading/Heading.st.css.js.map +1 -1
- 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/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/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.js +1 -1
- package/dist/esm/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.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/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/Toolbar/ToolbarLeftGroupState.js +22 -24
- package/dist/esm/state/Toolbar/ToolbarLeftGroupState.js.map +1 -1
- package/dist/esm/state/Toolbar/ToolbarResponsivePriorityState.js +6 -55
- package/dist/esm/state/Toolbar/ToolbarResponsivePriorityState.js.map +1 -1
- package/dist/esm/state/Toolbar/ToolbarResponsiveState.js +73 -41
- package/dist/esm/state/Toolbar/ToolbarResponsiveState.js.map +1 -1
- package/dist/esm/state/Toolbar/computeResponsiveTargetState.js +41 -0
- package/dist/esm/state/Toolbar/computeResponsiveTargetState.js.map +1 -0
- package/dist/esm/state/Toolbar/toolbarResponsiveConstants.js +3 -0
- package/dist/esm/state/Toolbar/toolbarResponsiveConstants.js.map +1 -0
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/ArchivedItemsPanel/ArchivedItemsListItem.d.ts.map +1 -1
- package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarLeftGroup.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/Fade/Fade.st.css.d.ts.map +1 -1
- package/dist/types/components/Heading/Heading.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTableRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
- package/dist/types/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.d.ts.map +1 -1
- package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/state/Toolbar/ToolbarLeftGroupState.d.ts +2 -2
- package/dist/types/state/Toolbar/ToolbarLeftGroupState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/ToolbarResponsivePriorityState.d.ts +4 -13
- package/dist/types/state/Toolbar/ToolbarResponsivePriorityState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts +9 -8
- package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/computeResponsiveTargetState.d.ts +15 -0
- package/dist/types/state/Toolbar/computeResponsiveTargetState.d.ts.map +1 -0
- package/dist/types/state/Toolbar/toolbarResponsiveConstants.d.ts +3 -0
- package/dist/types/state/Toolbar/toolbarResponsiveConstants.d.ts.map +1 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +3 -3
- package/src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx +3 -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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
- package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
- package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
- package/src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx +21 -6
- package/src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx +12 -1
- package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
- package/src/components/CollectionToolbar/SearchOrCustomFilter.tsx +8 -2
- 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/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/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx +1 -0
- 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 +22 -27
- package/src/state/Toolbar/ToolbarResponsivePriorityState.ts +10 -89
- package/src/state/Toolbar/ToolbarResponsiveState.ts +95 -64
- package/src/state/Toolbar/computeResponsiveTargetState.ts +67 -0
- package/src/state/Toolbar/toolbarResponsiveConstants.ts +2 -0
- package/src/styles.global.css +1 -1
- package/src/version.ts +1 -1
- package/dist/cjs/components/Responsive/HorizontalAvailableSpaceBox.js +0 -37
- package/dist/cjs/components/Responsive/HorizontalAvailableSpaceBox.js.map +0 -1
- package/dist/cjs/components/Responsive/HorizontalOverflowBox.js +0 -34
- package/dist/cjs/components/Responsive/HorizontalOverflowBox.js.map +0 -1
- package/dist/cjs/state/Responsive/HorizontalOverflowState.js +0 -76
- package/dist/cjs/state/Responsive/HorizontalOverflowState.js.map +0 -1
- package/dist/cjs/state/Responsive/HorizontalSpaceAvailableState.js +0 -80
- package/dist/cjs/state/Responsive/HorizontalSpaceAvailableState.js.map +0 -1
- package/dist/esm/components/Responsive/HorizontalAvailableSpaceBox.js +0 -12
- package/dist/esm/components/Responsive/HorizontalAvailableSpaceBox.js.map +0 -1
- package/dist/esm/components/Responsive/HorizontalOverflowBox.js +0 -11
- package/dist/esm/components/Responsive/HorizontalOverflowBox.js.map +0 -1
- package/dist/esm/state/Responsive/HorizontalOverflowState.js +0 -55
- package/dist/esm/state/Responsive/HorizontalOverflowState.js.map +0 -1
- package/dist/esm/state/Responsive/HorizontalSpaceAvailableState.js +0 -55
- package/dist/esm/state/Responsive/HorizontalSpaceAvailableState.js.map +0 -1
- package/dist/types/components/Responsive/HorizontalAvailableSpaceBox.d.ts +0 -8
- package/dist/types/components/Responsive/HorizontalAvailableSpaceBox.d.ts.map +0 -1
- package/dist/types/components/Responsive/HorizontalOverflowBox.d.ts +0 -8
- package/dist/types/components/Responsive/HorizontalOverflowBox.d.ts.map +0 -1
- package/dist/types/state/Responsive/HorizontalOverflowState.d.ts +0 -25
- package/dist/types/state/Responsive/HorizontalOverflowState.d.ts.map +0 -1
- package/dist/types/state/Responsive/HorizontalSpaceAvailableState.d.ts +0 -26
- package/dist/types/state/Responsive/HorizontalSpaceAvailableState.d.ts.map +0 -1
- package/src/components/Responsive/HorizontalAvailableSpaceBox.tsx +0 -32
- package/src/components/Responsive/HorizontalOverflowBox.tsx +0 -26
- package/src/state/Responsive/HorizontalOverflowState.ts +0 -85
- package/src/state/Responsive/HorizontalSpaceAvailableState.ts +0 -86
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "PickerTableListItem4115973826";
|
|
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": "PickerTableListItem4115973826__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_ = "ScrollableContent102279133";
|
|
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": "ScrollableContent102279133__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_ = "SkeletonCard753207785";
|
|
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": "SkeletonCard753207785__root", "headerLoading": "SkeletonCard753207785__headerLoading" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.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":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,eAAe,EAAC,sCAAsC,EAAC,CAAC;AACnH,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_ = "SlidingModal2858094398";
|
|
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": "SlidingModal2858094398__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_ = "TabsFilter2131627215";
|
|
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": "TabsFilter2131627215__root", "title": "TabsFilter2131627215__title" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -55,7 +55,7 @@ export const _BulkAssignTagsPopover = ({ state, popoverElement, }) => {
|
|
|
55
55
|
!state.isLoading && (React.createElement(SelectorList, { autoFocus: true, key: state.tagsManagementState.items.length, dataHook: "bulk-assign-tags-selector-list", dataSource: selectorListDataSource, emptyState: React.createElement(EmptyState, { state: state }), size: "small", searchPlaceholder: state.isInEmptyState
|
|
56
56
|
? t('cairo.tags.collectionPage.popover.emptyState.search.placeholder')
|
|
57
57
|
: t('cairo.tags.collectionPage.popover.search.placeholder'), renderNoResults: (searchValue) => (React.createElement(Box, { padding: "SP2 SP5" },
|
|
58
|
-
React.createElement(CreateTagButton, { state: state, searchValue: searchValue }))), multiple: true, onSelect: handleItemSelect, height: "216px" })),
|
|
58
|
+
React.createElement(CreateTagButton, { state: state, searchValue: searchValue }))), searchMaxLength: TAG_MAX_LENGTH, multiple: true, onSelect: handleItemSelect, height: "216px" })),
|
|
59
59
|
React.createElement(Footer, { state: state })))),
|
|
60
60
|
React.createElement(AsyncJobProgressModal, { state: state })));
|
|
61
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkAssignTagsPopover.js","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BulkAssignTagsPopover.js","sourceRoot":"","sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "ManageTagsModal1153576203";
|
|
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": "ManageTagsModal1153576203__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_ = "ToolbarItem1217629815";
|
|
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": "ToolbarItem1217629815__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/ToolbarItem/ToolbarItem.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":"ToolbarItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "ToolbarItemBox2033015283";
|
|
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": "ToolbarItemBox2033015283__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_ = "common1299980458";
|
|
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": "common1299980458__root", "column": "common1299980458__column", "fullHeight": "common1299980458__fullHeight" };
|
|
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_ = "CollectionPageHeader3858757992";
|
|
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": "CollectionPageHeader3858757992__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollectionPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.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":"CollectionPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,CAAC;AACrE,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_ = "FormPageHeader2044109156";
|
|
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": "FormPageHeader2044109156__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -2,53 +2,51 @@ import { addResizeObserver } from '@wix/bex-core';
|
|
|
2
2
|
export class ToolbarLeftGroupState {
|
|
3
3
|
constructor(params) {
|
|
4
4
|
this._element = null;
|
|
5
|
-
this.
|
|
6
|
-
this.EXPANSION_THRESHOLD = 20;
|
|
5
|
+
this._tabsWidthTimeout = null;
|
|
7
6
|
this._handleResize = () => {
|
|
8
7
|
const element = this._element;
|
|
9
8
|
if (!element) {
|
|
10
9
|
return;
|
|
11
10
|
}
|
|
12
|
-
const width = element.clientWidth;
|
|
13
|
-
const prevWidth = this._prevWidth;
|
|
14
|
-
const isAtMinWidth = width <= this.minWidth + 2; // 2px tolerance
|
|
15
|
-
const isGrowing = width > prevWidth;
|
|
16
|
-
const hasSpaceToExpand = width > this.minWidth + this.EXPANSION_THRESHOLD;
|
|
17
|
-
if (isAtMinWidth) {
|
|
18
|
-
this._responsive.overflow._scrollWidth =
|
|
19
|
-
this._responsive.overflow._clientWidth + 1;
|
|
20
|
-
this._responsive._nextToShrink._shrinkIfNeeded();
|
|
21
|
-
}
|
|
22
|
-
else if (isGrowing && hasSpaceToExpand) {
|
|
23
|
-
const availableSpace = width - this.minWidth;
|
|
24
|
-
this._responsive._nextToExpand._expandIfNeeded({
|
|
25
|
-
preCalculatedAvailableSpace: availableSpace,
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
11
|
if (this.mode === 'tabs') {
|
|
29
|
-
|
|
30
|
-
|
|
12
|
+
if (this._tabsWidthTimeout) {
|
|
13
|
+
clearTimeout(this._tabsWidthTimeout);
|
|
14
|
+
}
|
|
15
|
+
this._tabsWidthTimeout = setTimeout(() => {
|
|
16
|
+
this._tabsWidthTimeout = null;
|
|
17
|
+
if (!this._element)
|
|
18
|
+
return;
|
|
19
|
+
const tabsState = this._getTabsState?.();
|
|
20
|
+
tabsState?.responsive.setAvailableWidth(this._element.clientWidth);
|
|
21
|
+
}, 300);
|
|
31
22
|
}
|
|
32
|
-
this.
|
|
23
|
+
this._responsive._scheduleRecompute();
|
|
33
24
|
};
|
|
34
25
|
this._responsive = params.responsive;
|
|
35
26
|
this.mode = params.mode;
|
|
36
27
|
this.minWidth = params.minWidth;
|
|
37
28
|
this._getTabsState = params.getTabsState;
|
|
38
29
|
}
|
|
30
|
+
getExcessWidth() {
|
|
31
|
+
if (!this._element) {
|
|
32
|
+
return 0;
|
|
33
|
+
}
|
|
34
|
+
return Math.max(0, this._element.clientWidth - this.minWidth);
|
|
35
|
+
}
|
|
39
36
|
init(element) {
|
|
40
37
|
this._element = null;
|
|
41
|
-
this._prevWidth = 0;
|
|
42
38
|
if (!element) {
|
|
43
39
|
return () => { };
|
|
44
40
|
}
|
|
45
41
|
this._element = element;
|
|
46
42
|
const disposer = addResizeObserver(element, this._handleResize);
|
|
47
|
-
this._handleResize();
|
|
48
43
|
return () => {
|
|
49
44
|
disposer?.();
|
|
45
|
+
if (this._tabsWidthTimeout) {
|
|
46
|
+
clearTimeout(this._tabsWidthTimeout);
|
|
47
|
+
this._tabsWidthTimeout = null;
|
|
48
|
+
}
|
|
50
49
|
this._element = null;
|
|
51
|
-
this._prevWidth = 0;
|
|
52
50
|
};
|
|
53
51
|
}
|
|
54
52
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarLeftGroupState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAalD,MAAM,OAAO,qBAAqB;
|
|
1
|
+
{"version":3,"file":"ToolbarLeftGroupState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarLeftGroupState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAalD,MAAM,OAAO,qBAAqB;IAahC,YAAY,MAAyC;QAN7C,aAAQ,GAAuB,IAAI,CAAC;QACpC,sBAAiB,GAAyC,IAAI,CAAC;QAuC/D,kBAAa,GAAG,GAAG,EAAE;YAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC9B,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO;aACR;YAED,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;gBACxB,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;iBACtC;gBACD,IAAI,CAAC,iBAAiB,GAAG,UAAU,CAAC,GAAG,EAAE;oBACvC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;oBAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ;wBAAE,OAAO;oBAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;oBACzC,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;gBACrE,CAAC,EAAE,GAAG,CAAC,CAAC;aACT;YAED,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;QACxC,CAAC,CAAC;QApDA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;IAC3C,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,CAAC,CAAC;SACV;QACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC;IAED,IAAI,CAAC,OAAuC;QAC1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,QAAQ,EAAE,EAAE,CAAC;YACb,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACrC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;aAC/B;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC;CAsBF"}
|
|
@@ -3,18 +3,12 @@ export class ToolbarResponsivePriorityState {
|
|
|
3
3
|
constructor(params) {
|
|
4
4
|
this._shouldShrink = false;
|
|
5
5
|
this._groupElement = null;
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
8
|
-
this._collapsedWidth = params.minWidth ?? 0;
|
|
6
|
+
this.expandedWidth = params.expandedWidth ?? 0;
|
|
7
|
+
this.collapsedWidth = params.collapsedWidth ?? 0;
|
|
9
8
|
this.responsive = params.responsive;
|
|
10
|
-
this.getNextToShrink = params.getNextToShrink;
|
|
11
|
-
this.getNextToExpand = params.getNextToExpand;
|
|
12
9
|
makeObservable(this, {
|
|
13
|
-
_minWidth: observable.ref,
|
|
14
10
|
_shouldShrink: observable.ref,
|
|
15
11
|
_syncWidth: action,
|
|
16
|
-
_expandIfNeeded: action,
|
|
17
|
-
_shrinkIfNeeded: action,
|
|
18
12
|
});
|
|
19
13
|
}
|
|
20
14
|
_syncWidth() {
|
|
@@ -25,57 +19,14 @@ export class ToolbarResponsivePriorityState {
|
|
|
25
19
|
if (!_groupElement) {
|
|
26
20
|
return;
|
|
27
21
|
}
|
|
22
|
+
const measured = _groupElement.scrollWidth;
|
|
28
23
|
if (_shouldShrink) {
|
|
29
|
-
this.
|
|
24
|
+
this.collapsedWidth = measured;
|
|
30
25
|
}
|
|
31
26
|
else {
|
|
32
|
-
this.
|
|
27
|
+
this.expandedWidth = measured;
|
|
33
28
|
}
|
|
34
|
-
|
|
35
|
-
_expandIfNeeded({ preCalculatedAvailableSpace, } = {}) {
|
|
36
|
-
const { responsive, _collapsedWidth } = this;
|
|
37
|
-
const { _nextToExpand, actionsAvailableSpace: { available }, } = responsive;
|
|
38
|
-
if (responsive._expandCooldown) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (_nextToExpand !== this ||
|
|
42
|
-
(preCalculatedAvailableSpace ?? available) + _collapsedWidth <=
|
|
43
|
-
this._minWidth ||
|
|
44
|
-
!this._shouldShrink) {
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
this._shouldShrink = false;
|
|
48
|
-
responsive._nextToExpand = _nextToExpand.getNextToExpand();
|
|
49
|
-
responsive._nextToShrink = this;
|
|
50
|
-
responsive.actionsAvailableSpace._syncThrottled();
|
|
51
|
-
const spaceUsed = this._minWidth - _collapsedWidth;
|
|
52
|
-
const availableAfterExpand = (preCalculatedAvailableSpace ?? available) - spaceUsed;
|
|
53
|
-
if (availableAfterExpand > 0) {
|
|
54
|
-
responsive._nextToExpand._expandIfNeeded({
|
|
55
|
-
preCalculatedAvailableSpace: availableAfterExpand,
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
_shrinkIfNeeded() {
|
|
60
|
-
const { responsive } = this;
|
|
61
|
-
const { _nextToShrink, overflow } = responsive;
|
|
62
|
-
if (_nextToShrink !== this ||
|
|
63
|
-
!overflow._isOverflowing ||
|
|
64
|
-
this._shouldShrink) {
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
this._shouldShrink = true;
|
|
68
|
-
responsive._nextToShrink = _nextToShrink.getNextToShrink();
|
|
69
|
-
responsive._nextToExpand = this;
|
|
70
|
-
// Double rAF ensures the shrink is fully painted before allowing expansion.
|
|
71
|
-
// Single rAF can cause flickering because layout may not be settled yet.
|
|
72
|
-
responsive._expandCooldown = true;
|
|
73
|
-
window.requestAnimationFrame(() => {
|
|
74
|
-
window.requestAnimationFrame(() => {
|
|
75
|
-
responsive._expandCooldown = false;
|
|
76
|
-
});
|
|
77
|
-
});
|
|
78
|
-
responsive.overflow._syncThrottled();
|
|
29
|
+
responsive._scheduleRecompute();
|
|
79
30
|
}
|
|
80
31
|
}
|
|
81
32
|
//# sourceMappingURL=ToolbarResponsivePriorityState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarResponsivePriorityState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarResponsivePriorityState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQ1D,MAAM,OAAO,8BAA8B;IAUzC,YAAY,MAA4C;QAJxD,kBAAa,GAAG,KAAK,CAAC;QAEtB,kBAAa,GAAuB,IAAI,CAAC;QAGvC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,IAAI,CAAC,CAAC;QAEjD,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,cAAc,CAAC,IAAI,EAAE;YACnB,aAAa,EAAE,UAAU,CAAC,GAAG;YAC7B,UAAU,EAAE,MAAM;SACnB,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC1D,IAAI,UAAU,CAAC,kBAAkB,EAAE;YACjC,OAAO;SACR;QACD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC;QAC3C,IAAI,aAAa,EAAE;YACjB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;SAChC;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;SAC/B;QACD,UAAU,CAAC,kBAAkB,EAAE,CAAC;IAClC,CAAC;CACF"}
|
|
@@ -1,47 +1,38 @@
|
|
|
1
1
|
import { addResizeObserver } from '@wix/bex-core';
|
|
2
|
-
import { computed, makeObservable,
|
|
3
|
-
import { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';
|
|
2
|
+
import { action, computed, makeObservable, runInAction } from 'mobx';
|
|
4
3
|
import { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';
|
|
5
|
-
import {
|
|
4
|
+
import { computeResponsiveTargetState } from './computeResponsiveTargetState';
|
|
5
|
+
import { SEARCH_COLLAPSED_WIDTH, SEARCH_EXPANDED_WIDTH, } from './toolbarResponsiveConstants';
|
|
6
|
+
// Buffer (in px) added to the expand threshold to prevent flickering near the
|
|
7
|
+
// expand/collapse boundary. Tuned to ~2-3x the inter-element gap (SP2 = 12px) --
|
|
8
|
+
// large enough to absorb measurement rounding and flex reflow, small enough that
|
|
9
|
+
// the dead zone per group isn't visually noticeable during gradual resizing.
|
|
10
|
+
const EXPAND_THRESHOLD_BUFFER = 30;
|
|
6
11
|
export class ToolbarResponsiveState {
|
|
7
12
|
get container() {
|
|
8
13
|
return this.toolbar.toolbar.container;
|
|
9
14
|
}
|
|
10
15
|
constructor(params) {
|
|
11
|
-
this.
|
|
16
|
+
this._measurementElement = null;
|
|
17
|
+
this._contentElement = null;
|
|
12
18
|
this.leftGroupState = null;
|
|
19
|
+
this._rafId = 0;
|
|
13
20
|
this.toolbar = params.toolbar;
|
|
14
|
-
this.overflow = new HorizontalOverflowState({
|
|
15
|
-
state: this,
|
|
16
|
-
});
|
|
17
21
|
this.actions = new ToolbarResponsivePriorityState({
|
|
18
22
|
responsive: this,
|
|
19
|
-
getNextToShrink: () => this.filters,
|
|
20
|
-
getNextToExpand: () => this.actions,
|
|
21
|
-
count: 1,
|
|
22
23
|
});
|
|
23
24
|
this.filters = new ToolbarResponsivePriorityState({
|
|
24
25
|
responsive: this,
|
|
25
|
-
getNextToShrink: () => this.search,
|
|
26
|
-
getNextToExpand: () => this.actions,
|
|
27
|
-
count: 2,
|
|
28
26
|
});
|
|
29
27
|
this.search = new ToolbarResponsivePriorityState({
|
|
30
28
|
responsive: this,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
count: 3,
|
|
34
|
-
minWidth: 140,
|
|
35
|
-
});
|
|
36
|
-
this._nextToShrink = this.actions;
|
|
37
|
-
this._nextToExpand = this.actions;
|
|
38
|
-
this.actionsAvailableSpace = new HorizontalSpaceAvailableState({
|
|
39
|
-
state: this,
|
|
29
|
+
expandedWidth: SEARCH_EXPANDED_WIDTH,
|
|
30
|
+
collapsedWidth: SEARCH_COLLAPSED_WIDTH,
|
|
40
31
|
});
|
|
32
|
+
this._groups = [this.actions, this.filters, this.search];
|
|
41
33
|
makeObservable(this, {
|
|
42
|
-
_nextToShrink: observable.ref,
|
|
43
|
-
_nextToExpand: observable.ref,
|
|
44
34
|
responsiveDisabled: computed,
|
|
35
|
+
_applyTargetState: action,
|
|
45
36
|
});
|
|
46
37
|
}
|
|
47
38
|
get responsiveDisabled() {
|
|
@@ -49,30 +40,71 @@ export class ToolbarResponsiveState {
|
|
|
49
40
|
return (!_syncedProps?.useResponsiveLayout ||
|
|
50
41
|
!internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar11420'));
|
|
51
42
|
}
|
|
43
|
+
_scheduleRecompute() {
|
|
44
|
+
if (this.responsiveDisabled) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
this._recomputeThrottled?.();
|
|
48
|
+
}
|
|
49
|
+
_computeResponsiveInput() {
|
|
50
|
+
const el = this._measurementElement;
|
|
51
|
+
const contentEl = this._contentElement;
|
|
52
|
+
if (!el || !contentEl) {
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
// The left group (title/tabs/views) has flex:1 and absorbs freed space when
|
|
56
|
+
// right-side items shrink. Account for its excess width so the algorithm sees
|
|
57
|
+
// the true available space and can expand items back when the container grows.
|
|
58
|
+
const leftGroupExcess = this.leftGroupState?.getExcessWidth() ?? 0;
|
|
59
|
+
const containerWidth = el.clientWidth + leftGroupExcess;
|
|
60
|
+
const contentWidth = contentEl.scrollWidth;
|
|
61
|
+
const groups = this._groups.map((g) => ({
|
|
62
|
+
expandedWidth: g.expandedWidth,
|
|
63
|
+
collapsedWidth: g.collapsedWidth,
|
|
64
|
+
currentlyShrunk: g._shouldShrink,
|
|
65
|
+
}));
|
|
66
|
+
const groupsTotal = groups.reduce((sum, g) => sum + (g.currentlyShrunk ? g.collapsedWidth : g.expandedWidth), 0);
|
|
67
|
+
return {
|
|
68
|
+
availableWidth: containerWidth - (contentWidth - groupsTotal),
|
|
69
|
+
groups,
|
|
70
|
+
};
|
|
71
|
+
}
|
|
72
|
+
_applyTargetState() {
|
|
73
|
+
const input = this._computeResponsiveInput();
|
|
74
|
+
if (!input) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
const result = computeResponsiveTargetState({
|
|
78
|
+
...input,
|
|
79
|
+
expandThresholdBuffer: EXPAND_THRESHOLD_BUFFER,
|
|
80
|
+
});
|
|
81
|
+
this._groups.forEach((g, i) => {
|
|
82
|
+
g._shouldShrink = result[i].shouldShrink;
|
|
83
|
+
});
|
|
84
|
+
}
|
|
52
85
|
init() {
|
|
53
|
-
const {
|
|
86
|
+
const { responsiveDisabled } = this;
|
|
54
87
|
if (responsiveDisabled) {
|
|
55
|
-
return;
|
|
88
|
+
return () => { };
|
|
89
|
+
}
|
|
90
|
+
this._recomputeThrottled = this.container.lodash.throttle(() => {
|
|
91
|
+
this._rafId = window.requestAnimationFrame(() => {
|
|
92
|
+
runInAction(() => this._applyTargetState());
|
|
93
|
+
});
|
|
94
|
+
}, 200);
|
|
95
|
+
const containerEl = this.toolbar.toolbar.toolbarRect.element;
|
|
96
|
+
if (!containerEl) {
|
|
97
|
+
return () => {
|
|
98
|
+
this._recomputeThrottled?.cancel();
|
|
99
|
+
};
|
|
56
100
|
}
|
|
57
101
|
const disposers = [
|
|
58
|
-
addResizeObserver(
|
|
59
|
-
reaction(() => ({
|
|
60
|
-
_isOverflowing: overflow._isOverflowing,
|
|
61
|
-
_scrollWidth: overflow._scrollWidth,
|
|
62
|
-
_clientWidth: overflow._clientWidth,
|
|
63
|
-
}), () => {
|
|
64
|
-
this._nextToShrink._shrinkIfNeeded();
|
|
65
|
-
}, {
|
|
66
|
-
fireImmediately: true,
|
|
67
|
-
}),
|
|
68
|
-
reaction(() => actionsAvailableSpace.available, () => {
|
|
69
|
-
this._nextToExpand._expandIfNeeded();
|
|
70
|
-
}, {
|
|
71
|
-
fireImmediately: true,
|
|
72
|
-
}),
|
|
102
|
+
addResizeObserver(containerEl, this._recomputeThrottled),
|
|
73
103
|
];
|
|
74
104
|
return () => {
|
|
75
105
|
disposers.forEach((d) => d?.());
|
|
106
|
+
this._recomputeThrottled?.cancel();
|
|
107
|
+
cancelAnimationFrame(this._rafId);
|
|
76
108
|
};
|
|
77
109
|
}
|
|
78
110
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarResponsiveState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ToolbarResponsiveState.js","sourceRoot":"","sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"names":[],"mappings":"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"}
|