@wix/patterns 1.455.0 → 1.457.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
- package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js +3 -3
- package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js.map +1 -1
- package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js +3 -3
- package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js.map +1 -1
- package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +3 -3
- package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.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/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
- package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
- package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
- package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
- package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
- package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js +2 -2
- package/dist/cjs/components/EmptyState/EmptyStateBase.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/ImportButton/ImportStepUpload.st.css.js +3 -3
- package/dist/cjs/components/ImportButton/ImportStepUpload.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/SetupWidget/SetupWidget.st.css.js +10 -10
- package/dist/cjs/components/SetupWidget/SetupWidget.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/TabTotal/TabTotalCounterBadge.js +6 -11
- package/dist/cjs/components/TabTotal/TabTotalCounterBadge.js.map +1 -1
- package/dist/cjs/components/TabTotal/useFilterValueTotalState.js +7 -0
- package/dist/cjs/components/TabTotal/useFilterValueTotalState.js.map +1 -1
- package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js +4 -4
- package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.js +13 -8
- 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/TabsFilterState.js +41 -0
- package/dist/cjs/components/TabsFilter/TabsFilterState.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/TagsWidget/TagsWidgetContent.js +17 -14
- package/dist/cjs/components/TagsWidget/TagsWidgetContent.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/FilterValueTotalState.js +10 -1
- package/dist/cjs/state/FilterValueTotalState.js.map +1 -1
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/cjs/styles.global.css +2 -2
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/docs/MultiAutoInlineCheckboxFilter.md +1 -1
- package/dist/docs/MultiInlineCheckboxFilter.md +1 -1
- package/dist/docs/TabsFilter.md +4 -2
- package/dist/docs/index.json +32 -32
- package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js.map +1 -1
- package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map +1 -1
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTableWSRTable.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/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/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/EditableTable/EditableCell.st.css.js +2 -2
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/time/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js +2 -2
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/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/ImportButton/ImportStepUpload.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/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/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/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/esm/components/SetupWidget/SetupWidget.st.css.js +2 -2
- package/dist/esm/components/SetupWidget/SetupWidget.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/TabTotal/TabTotalCounterBadge.js +2 -3
- package/dist/esm/components/TabTotal/TabTotalCounterBadge.js.map +1 -1
- package/dist/esm/components/TabTotal/useFilterValueTotalState.js +7 -1
- package/dist/esm/components/TabTotal/useFilterValueTotalState.js.map +1 -1
- package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.js +9 -2
- 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/TabsFilterState.js +38 -1
- package/dist/esm/components/TabsFilter/TabsFilterState.js.map +1 -1
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/esm/components/TagsWidget/TagsWidgetContent.js +3 -1
- package/dist/esm/components/TagsWidget/TagsWidgetContent.js.map +1 -1
- 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/FilterValueTotalState.js +8 -1
- package/dist/esm/state/FilterValueTotalState.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/styles.global.css +2 -2
- package/dist/esm/version.js +1 -1
- package/dist/types/components/CmsFieldManagement/CmsFieldModal.st.css.d.ts.map +1 -1
- package/dist/types/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionSectionHeader/CollectionSectionHeader.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.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/HeaderActionsPopover.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/date/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/datetime/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/object/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/select/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/url/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EntityPage/EntityPagePlain.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/MaxLines/MaxLines.st.css.d.ts.map +1 -1
- package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
- package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts.map +1 -1
- package/dist/types/components/TabTotal/TabTotalCounterBadge.d.ts +7 -1
- package/dist/types/components/TabTotal/TabTotalCounterBadge.d.ts.map +1 -1
- package/dist/types/components/TabTotal/useFilterValueTotalState.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.d.ts +7 -3
- 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/TabsFilterState.d.ts +8 -2
- package/dist/types/components/TabsFilter/TabsFilterState.d.ts.map +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map +1 -1
- package/dist/types/components/TagsWidget/TagsWidgetContent.d.ts.map +1 -1
- package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
- package/dist/types/state/FilterValueTotalState.d.ts +1 -0
- package/dist/types/state/FilterValueTotalState.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +7 -7
- package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
- package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts +2 -2
- package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts +2 -2
- package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.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/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
- package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
- package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
- package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
- package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
- package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
- package/src/components/EmptyState/EmptyStateBase.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/ImportButton/ImportStepUpload.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/SetupWidget/SetupWidget.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/TabTotal/TabTotalCounterBadge.tsx +18 -9
- package/src/components/TabTotal/useFilterValueTotalState.ts +12 -1
- package/src/components/Table/AddFieldColumnHeader.st.css.ts +2 -2
- package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
- package/src/components/TabsFilter/TabsFilter.tsx +20 -5
- package/src/components/TabsFilter/TabsFilterState.ts +65 -3
- package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
- package/src/components/TagsWidget/TagsWidgetContent.tsx +3 -0
- 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/FilterValueTotalState.ts +10 -1
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/styles.global.css +2 -2
- package/src/version.ts +1 -1
|
@@ -15,10 +15,51 @@ class TabsFilterState {
|
|
|
15
15
|
(0, _defineProperty2.default)(this, "table", void 0);
|
|
16
16
|
(0, _defineProperty2.default)(this, "responsive", void 0);
|
|
17
17
|
(0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
|
|
18
|
+
(0, _defineProperty2.default)(this, "_tabTotals", _mobx.observable.map([], {
|
|
19
|
+
deep: false
|
|
20
|
+
}));
|
|
21
|
+
(0, _defineProperty2.default)(this, "_lastResolvedTabTotals", _mobx.observable.map());
|
|
18
22
|
this.table = params.table;
|
|
19
23
|
this.responsive = new _TabsResponsiveState.TabsResponsiveState({
|
|
20
24
|
container: this.table.container
|
|
21
25
|
});
|
|
26
|
+
(0, _mobx.makeObservable)(this, {
|
|
27
|
+
registerTabTotal: _mobx.action,
|
|
28
|
+
pruneTabTotals: _mobx.action
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
_tabTotalKey(filter, key) {
|
|
32
|
+
return `${filter.name}:${key}`;
|
|
33
|
+
}
|
|
34
|
+
registerTabTotal(filter, key, totalState) {
|
|
35
|
+
const totalKey = this._tabTotalKey(filter, key);
|
|
36
|
+
this._tabTotals.set(totalKey, totalState);
|
|
37
|
+
const retainResolvedTotal = (0, _mobx.reaction)(() => totalState.resolvedTotal, (0, _mobx.action)(total => {
|
|
38
|
+
if (total != null) {
|
|
39
|
+
this._lastResolvedTabTotals.set(totalKey, total);
|
|
40
|
+
}
|
|
41
|
+
}), {
|
|
42
|
+
fireImmediately: true
|
|
43
|
+
});
|
|
44
|
+
return (0, _mobx.action)(() => {
|
|
45
|
+
retainResolvedTotal();
|
|
46
|
+
if (this._tabTotals.get(totalKey) === totalState) {
|
|
47
|
+
this._tabTotals.delete(totalKey);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
tabTotalOf(filter, key) {
|
|
52
|
+
var _this$_tabTotals$get;
|
|
53
|
+
const totalKey = this._tabTotalKey(filter, key);
|
|
54
|
+
return ((_this$_tabTotals$get = this._tabTotals.get(totalKey)) == null ? void 0 : _this$_tabTotals$get.resolvedTotal) ?? this._lastResolvedTabTotals.get(totalKey);
|
|
55
|
+
}
|
|
56
|
+
pruneTabTotals(filter, keys) {
|
|
57
|
+
const keep = new Set(keys.map(key => this._tabTotalKey(filter, key)));
|
|
58
|
+
for (const totalKey of [...this._lastResolvedTabTotals.keys()]) {
|
|
59
|
+
if (totalKey.startsWith(`${filter.name}:`) && !keep.has(totalKey)) {
|
|
60
|
+
this._lastResolvedTabTotals.delete(totalKey);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
22
63
|
}
|
|
23
64
|
init({
|
|
24
65
|
container,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_bexCore","require","_TabsResponsiveState","_events","_util","_mobx","_bi","TabsFilterState","constructor","params","_defineProperty2","default","EventEmitter","table","responsive","TabsResponsiveState","container","init","itemsCount","collection","disposers","addEventListener","emitter","ls","events","listeners","
|
|
1
|
+
{"version":3,"names":["_bexCore","require","_TabsResponsiveState","_events","_util","_mobx","_bi","TabsFilterState","constructor","params","_defineProperty2","default","EventEmitter","observable","map","deep","table","responsive","TabsResponsiveState","container","makeObservable","registerTabTotal","action","pruneTabTotals","_tabTotalKey","filter","key","name","totalState","totalKey","_tabTotals","set","retainResolvedTotal","reaction","resolvedTotal","total","_lastResolvedTabTotals","fireImmediately","get","delete","tabTotalOf","_this$_tabTotals$get","keys","keep","Set","startsWith","has","init","itemsCount","collection","disposers","addEventListener","emitter","ls","events","listeners","l","forEach","d","_reportTabSelectedBiOnNextResult","nextTab","prevTab","items","hasAllTab","reportBi","onFetch","off","withoutDefaults","cairoTabSelected","_commonDynamicBiParams","newTabIndex","index","newTabId","id","prevTabIndex","undefined","prevTabId","numTabs","length","on","exports"],"sources":["../../../../src/components/TabsFilter/TabsFilterState.ts"],"sourcesContent":["import { Filter, FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { FilterValueTotalState, ToolbarCollectionState } from '../../state';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { action, makeObservable, observable, reaction } from 'mobx';\nimport { cairoTabSelected } from '@wix/bex-core/bi';\n\nexport interface TabsFilterStateParams<T, F extends FiltersMap> {\n readonly table: ToolbarCollectionState<T, F>;\n}\n\ntype TabsFilterItemBase = {\n id: string;\n index: number;\n};\n\nexport class TabsFilterState<T, F extends FiltersMap> {\n readonly table;\n readonly responsive: TabsResponsiveState;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n fetch: () => () => unknown;\n }>;\n\n readonly _tabTotals = observable.map<\n string,\n FilterValueTotalState<any, any, any>\n >([], { deep: false });\n\n readonly _lastResolvedTabTotals = observable.map<string, number>();\n\n constructor(params: Readonly<TabsFilterStateParams<T, F>>) {\n this.table = params.table;\n this.responsive = new TabsResponsiveState({\n container: this.table.container,\n });\n\n makeObservable(this, {\n registerTabTotal: action,\n pruneTabTotals: action,\n });\n }\n\n _tabTotalKey(filter: Filter<any>, key: string) {\n return `${filter.name}:${key}`;\n }\n\n registerTabTotal(\n filter: Filter<any>,\n key: string,\n totalState: FilterValueTotalState<any, any, any>,\n ) {\n const totalKey = this._tabTotalKey(filter, key);\n this._tabTotals.set(totalKey, totalState);\n\n const retainResolvedTotal = reaction(\n () => totalState.resolvedTotal,\n action((total: number | undefined) => {\n if (total != null) {\n this._lastResolvedTabTotals.set(totalKey, total);\n }\n }),\n { fireImmediately: true },\n );\n\n return action(() => {\n retainResolvedTotal();\n\n if (this._tabTotals.get(totalKey) === totalState) {\n this._tabTotals.delete(totalKey);\n }\n });\n }\n\n tabTotalOf(filter: Filter<any>, key: string): number | undefined {\n const totalKey = this._tabTotalKey(filter, key);\n\n return (\n this._tabTotals.get(totalKey)?.resolvedTotal ??\n this._lastResolvedTabTotals.get(totalKey)\n );\n }\n\n pruneTabTotals(filter: Filter<any>, keys: string[]) {\n const keep = new Set(keys.map((key) => this._tabTotalKey(filter, key)));\n\n for (const totalKey of [...this._lastResolvedTabTotals.keys()]) {\n if (totalKey.startsWith(`${filter.name}:`) && !keep.has(totalKey)) {\n this._lastResolvedTabTotals.delete(totalKey);\n }\n }\n }\n\n init({\n container,\n itemsCount,\n }: {\n container?: HTMLDivElement;\n itemsCount: number;\n }) {\n const { collection } = this.table;\n\n const disposers = [\n addEventListener(collection.emitter, 'fetch', () => {\n const ls = this.events.listeners('fetch').map((l) => l());\n return () => {\n ls.forEach((l) => l());\n };\n }),\n this.responsive.init({ container, itemsCount }),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\n }\n\n _reportTabSelectedBiOnNextResult({\n nextTab,\n prevTab,\n items,\n hasAllTab,\n }: {\n prevTab?: TabsFilterItemBase;\n nextTab: TabsFilterItemBase;\n items: TabsFilterItemBase[];\n hasAllTab?: boolean;\n }) {\n const { table, events } = this;\n const { reportBi } = table;\n\n const onFetch = () => {\n events.off('fetch', onFetch);\n\n return action(() => {\n reportBi(\n withoutDefaults(cairoTabSelected)({\n ...table._commonDynamicBiParams(),\n newTabIndex: nextTab.index + 1,\n newTabId: nextTab.id,\n prevTabIndex:\n prevTab?.index != null ? prevTab.index + 1 : undefined,\n prevTabId: prevTab?.id,\n numTabs: items.length,\n hasAllTab,\n }),\n );\n });\n };\n\n events.on('fetch', onFetch);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "ManageTagsModal1977162256";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "ManageTagsModal1977162256__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1977162256\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal1977162256__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@ var _mobx = require("mobx");
|
|
|
11
11
|
var _bexCore = require("@wix/bex-core");
|
|
12
12
|
var _TagsModalState = require("../../state/TagsModalState");
|
|
13
13
|
var _useSelector = require("../../useSelector");
|
|
14
|
+
var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
|
|
14
15
|
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TagsWidget/TagsWidgetContent.tsx";
|
|
15
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
17
|
const ReadonlyTagsWidgetContent = ({
|
|
@@ -27,7 +28,7 @@ const ReadonlyTagsWidgetContent = ({
|
|
|
27
28
|
__self: void 0,
|
|
28
29
|
__source: {
|
|
29
30
|
fileName: _jsxFileName,
|
|
30
|
-
lineNumber:
|
|
31
|
+
lineNumber: 47,
|
|
31
32
|
columnNumber: 7
|
|
32
33
|
}
|
|
33
34
|
}, t('cairo.tags.tagsField.readOnly.emptyState'));
|
|
@@ -37,7 +38,7 @@ const ReadonlyTagsWidgetContent = ({
|
|
|
37
38
|
__self: void 0,
|
|
38
39
|
__source: {
|
|
39
40
|
fileName: _jsxFileName,
|
|
40
|
-
lineNumber:
|
|
41
|
+
lineNumber: 54,
|
|
41
42
|
columnNumber: 5
|
|
42
43
|
}
|
|
43
44
|
}, formState.displayedAssignedTags.map(tag => /*#__PURE__*/_react.default.createElement(_designSystem.Tag, {
|
|
@@ -48,7 +49,7 @@ const ReadonlyTagsWidgetContent = ({
|
|
|
48
49
|
__self: void 0,
|
|
49
50
|
__source: {
|
|
50
51
|
fileName: _jsxFileName,
|
|
51
|
-
lineNumber:
|
|
52
|
+
lineNumber: 56,
|
|
52
53
|
columnNumber: 9
|
|
53
54
|
}
|
|
54
55
|
}, tag.label)));
|
|
@@ -70,6 +71,7 @@ const _TagsWidgetContent = ({
|
|
|
70
71
|
const {
|
|
71
72
|
translate: t
|
|
72
73
|
} = (0, _react2.useWixPatternsContainer)();
|
|
74
|
+
const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
|
|
73
75
|
const [formState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => state.tagsFormState ?? (state.tagsFormState = new _bexCore.TagsFormState({
|
|
74
76
|
initialTags,
|
|
75
77
|
tagsManagementState: state.tagsManagementState,
|
|
@@ -106,7 +108,7 @@ const _TagsWidgetContent = ({
|
|
|
106
108
|
__self: void 0,
|
|
107
109
|
__source: {
|
|
108
110
|
fileName: _jsxFileName,
|
|
109
|
-
lineNumber:
|
|
111
|
+
lineNumber: 132,
|
|
110
112
|
columnNumber: 25
|
|
111
113
|
}
|
|
112
114
|
})
|
|
@@ -148,12 +150,13 @@ const _TagsWidgetContent = ({
|
|
|
148
150
|
__self: void 0,
|
|
149
151
|
__source: {
|
|
150
152
|
fileName: _jsxFileName,
|
|
151
|
-
lineNumber:
|
|
153
|
+
lineNumber: 188,
|
|
152
154
|
columnNumber: 12
|
|
153
155
|
}
|
|
154
156
|
});
|
|
155
157
|
}
|
|
156
158
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
|
|
159
|
+
size: isBmHarmonyTheme ? 'small' : undefined,
|
|
157
160
|
popoverProps: popoverProps,
|
|
158
161
|
value: formState.searchValue,
|
|
159
162
|
onChange: handleSearchChange,
|
|
@@ -167,7 +170,7 @@ const _TagsWidgetContent = ({
|
|
|
167
170
|
__self: void 0,
|
|
168
171
|
__source: {
|
|
169
172
|
fileName: _jsxFileName,
|
|
170
|
-
lineNumber:
|
|
173
|
+
lineNumber: 207,
|
|
171
174
|
columnNumber: 11
|
|
172
175
|
}
|
|
173
176
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
|
|
@@ -176,7 +179,7 @@ const _TagsWidgetContent = ({
|
|
|
176
179
|
__self: void 0,
|
|
177
180
|
__source: {
|
|
178
181
|
fileName: _jsxFileName,
|
|
179
|
-
lineNumber:
|
|
182
|
+
lineNumber: 210,
|
|
180
183
|
columnNumber: 27
|
|
181
184
|
}
|
|
182
185
|
}),
|
|
@@ -184,7 +187,7 @@ const _TagsWidgetContent = ({
|
|
|
184
187
|
__self: void 0,
|
|
185
188
|
__source: {
|
|
186
189
|
fileName: _jsxFileName,
|
|
187
|
-
lineNumber:
|
|
190
|
+
lineNumber: 208,
|
|
188
191
|
columnNumber: 13
|
|
189
192
|
}
|
|
190
193
|
}, t('cairo.tags.tagsWidget.add.CTA'))),
|
|
@@ -192,14 +195,14 @@ const _TagsWidgetContent = ({
|
|
|
192
195
|
__self: void 0,
|
|
193
196
|
__source: {
|
|
194
197
|
fileName: _jsxFileName,
|
|
195
|
-
lineNumber:
|
|
198
|
+
lineNumber: 219,
|
|
196
199
|
columnNumber: 13
|
|
197
200
|
}
|
|
198
201
|
}, !!tagsOptions.length && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
|
|
199
202
|
__self: void 0,
|
|
200
203
|
__source: {
|
|
201
204
|
fileName: _jsxFileName,
|
|
202
|
-
lineNumber:
|
|
205
|
+
lineNumber: 220,
|
|
203
206
|
columnNumber: 40
|
|
204
207
|
}
|
|
205
208
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
|
|
@@ -210,7 +213,7 @@ const _TagsWidgetContent = ({
|
|
|
210
213
|
__self: void 0,
|
|
211
214
|
__source: {
|
|
212
215
|
fileName: _jsxFileName,
|
|
213
|
-
lineNumber:
|
|
216
|
+
lineNumber: 221,
|
|
214
217
|
columnNumber: 15
|
|
215
218
|
}
|
|
216
219
|
})),
|
|
@@ -221,7 +224,7 @@ const _TagsWidgetContent = ({
|
|
|
221
224
|
__self: void 0,
|
|
222
225
|
__source: {
|
|
223
226
|
fileName: _jsxFileName,
|
|
224
|
-
lineNumber:
|
|
227
|
+
lineNumber: 193,
|
|
225
228
|
columnNumber: 7
|
|
226
229
|
}
|
|
227
230
|
}), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
|
|
@@ -229,7 +232,7 @@ const _TagsWidgetContent = ({
|
|
|
229
232
|
__self: void 0,
|
|
230
233
|
__source: {
|
|
231
234
|
fileName: _jsxFileName,
|
|
232
|
-
lineNumber:
|
|
235
|
+
lineNumber: 239,
|
|
233
236
|
columnNumber: 7
|
|
234
237
|
}
|
|
235
238
|
}, /*#__PURE__*/_react.default.createElement(ManageTagsModal, {
|
|
@@ -237,7 +240,7 @@ const _TagsWidgetContent = ({
|
|
|
237
240
|
__self: void 0,
|
|
238
241
|
__source: {
|
|
239
242
|
fileName: _jsxFileName,
|
|
240
|
-
lineNumber:
|
|
243
|
+
lineNumber: 240,
|
|
241
244
|
columnNumber: 9
|
|
242
245
|
}
|
|
243
246
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_lazy","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","manageTagsShowUndoToast","_initialTags$privateT","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","showUndoToast","useEffect","disposers","init","forEach","disposer","initialTagIdsKey","privateTags","tagIds","join","_initialTags$privateT2","tagsAssignmentState","replaceAssigned","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n MultiSelect,\n Box,\n TextButton,\n listItemActionBuilder,\n DropdownLayoutOption,\n Divider,\n ListItemAction,\n Tag,\n Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n ADD_ITEM_OPTION_ID,\n MANAGE_TAGS_OPTION_ID,\n TAG_MAX_LENGTH,\n TagsFormState,\n TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n extends Omit<\n TagsWidgetBaseProps,\n 'subtitle' | 'dataHook' | 'status' | 'theme'\n > {\n state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n formState,\n}: {\n formState: TagsFormState;\n}) => {\n const { translate: t, initTask } = useWixPatternsContainer();\n useSelector(() => initTask.status);\n\n if (formState.displayedAssignedTags.length === 0) {\n return (\n <Text dataHook=\"tags-widget-readonly-empty-state\">\n {t('cairo.tags.tagsField.readOnly.emptyState')}\n </Text>\n );\n }\n\n return (\n <Box gap=\"tiny\">\n {formState.displayedAssignedTags.map((tag) => (\n <Tag\n key={tag.id}\n id={tag.id}\n dataHook=\"tags-widget-tag\"\n removable={false}\n >\n {tag.label}\n </Tag>\n ))}\n </Box>\n );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n import(\n /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n state,\n onSubmit,\n entityTypeName,\n initialTags,\n entityId,\n readOnly,\n popoverProps,\n manageTagsShowUndoToast,\n}: TagsWidgetContentProps) => {\n const { translate: t } = useWixPatternsContainer();\n const [formState] = useState(() =>\n runInAction(\n () =>\n (state.tagsFormState ??= new TagsFormState({\n initialTags,\n tagsManagementState: state.tagsManagementState,\n origin: state.origin,\n entityTypeName,\n })),\n ),\n );\n const [tagsModalState] = useState(\n () =>\n new TagsModalState({\n tagsManagementState: state.tagsManagementState,\n entityTypeName,\n showUndoToast: manageTagsShowUndoToast,\n }),\n );\n\n useEffect(() => {\n const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n return () => {\n disposers.forEach((disposer) => disposer());\n };\n }, []);\n\n const initialTagIdsKey = (initialTags?.privateTags?.tagIds ?? []).join(',');\n useEffect(() => {\n formState.tagsAssignmentState.replaceAssigned(\n initialTags?.privateTags?.tagIds ?? [],\n );\n }, [initialTagIdsKey]);\n\n const tagsOptions = useMemo(() => {\n const options = formState.displayedTagOptions;\n\n const addTagOptionItems = formState.shouldShowCreateTagOption\n ? [\n listItemActionBuilder({\n id: ADD_ITEM_OPTION_ID,\n title: t('cairo.tags.tagsWidget.options.add.CTA', {\n tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n }),\n prefixIcon: <AddIcon />,\n }),\n ]\n : [];\n\n return [...addTagOptionItems, ...options];\n }, [\n formState.displayedTagOptions,\n formState.searchValue,\n formState.shouldShowCreateTagOption,\n formState.displayedAssignedTags,\n ]);\n\n const handleSearchChange = useCallback((event) => {\n formState.handleSearchChange(event.target.value);\n }, []);\n\n const handleTagSelect = useCallback(\n async (option: DropdownLayoutOption) => {\n const convertedOption = {\n id: option.id as string,\n value: option.value as string,\n };\n formState.handleTagSelect(convertedOption, onSubmit);\n },\n [onSubmit],\n );\n\n const handleTagRemove = useCallback(\n (tagId) => {\n formState.unassignTag(tagId, onSubmit);\n },\n [onSubmit],\n );\n\n const handleOptionsShow = useCallback(() => {\n formState.handleOptionsShow();\n }, []);\n\n const handleManageTagsCtaClick = useCallback(() => {\n formState.handleManageTagsCtaClick();\n tagsModalState.openManageTagsModal({\n origin: formState.origin,\n tagSubOrigin: 'tagsWidget',\n });\n }, []);\n\n const handleMultiSelectFocus = useCallback(() => {\n formState.setIsMultiSelectOnFocus(true);\n }, []);\n\n const handleMultiSelectBlur = useCallback(() => {\n formState.setIsMultiSelectOnFocus(false);\n }, []);\n\n if (readOnly) {\n return <ReadonlyTagsWidgetContent formState={formState} />;\n }\n\n return (\n <>\n <MultiSelect\n popoverProps={popoverProps}\n value={formState.searchValue}\n onChange={handleSearchChange}\n options={tagsOptions}\n onFocus={handleMultiSelectFocus}\n onBlur={handleMultiSelectBlur}\n tags={formState.displayedAssignedTags}\n onOptionsShow={handleOptionsShow}\n markedOption={\n formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n }\n customSuffix={\n <Box>\n <TextButton\n size=\"small\"\n prefixIcon={<AddIcon />}\n dataHook=\"assign-tags-cta\"\n >\n {t('cairo.tags.tagsWidget.add.CTA')}\n </TextButton>\n </Box>\n }\n fixedFooter={\n formState.isInEmptyState ? undefined : (\n <div>\n {!!tagsOptions.length && <Divider />}\n <ListItemAction\n dataHook=\"manage-tags-cta\"\n onClick={handleManageTagsCtaClick}\n id={MANAGE_TAGS_OPTION_ID}\n title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n />\n </div>\n )\n }\n onSelect={handleTagSelect}\n onRemoveTag={handleTagRemove}\n placeholder={\n formState.isInEmptyState && formState.isMultiSelectOnFocus\n ? t('cairo.tags.tagsWidget.input.placeholder')\n : undefined\n }\n dataHook=\"tags-widget-multi-select\"\n />\n <React.Suspense fallback={null}>\n <ManageTagsModal state={tagsModalState} />\n </React.Suspense>\n </>\n );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_lazy","_mobx","_bexCore","_TagsModalState","_useSelector","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","manageTagsShowUndoToast","_initialTags$privateT","isBmHarmonyTheme","useBmHarmonyTheme","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","showUndoToast","useEffect","disposers","init","forEach","disposer","initialTagIdsKey","privateTags","tagIds","join","_initialTags$privateT2","tagsAssignmentState","replaceAssigned","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","size","undefined","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","fixedFooter","isInEmptyState","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n MultiSelect,\n Box,\n TextButton,\n listItemActionBuilder,\n DropdownLayoutOption,\n Divider,\n ListItemAction,\n Tag,\n Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n ADD_ITEM_OPTION_ID,\n MANAGE_TAGS_OPTION_ID,\n TAG_MAX_LENGTH,\n TagsFormState,\n TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\ninterface TagsWidgetContentProps\n extends Omit<\n TagsWidgetBaseProps,\n 'subtitle' | 'dataHook' | 'status' | 'theme'\n > {\n state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n formState,\n}: {\n formState: TagsFormState;\n}) => {\n const { translate: t, initTask } = useWixPatternsContainer();\n useSelector(() => initTask.status);\n\n if (formState.displayedAssignedTags.length === 0) {\n return (\n <Text dataHook=\"tags-widget-readonly-empty-state\">\n {t('cairo.tags.tagsField.readOnly.emptyState')}\n </Text>\n );\n }\n\n return (\n <Box gap=\"tiny\">\n {formState.displayedAssignedTags.map((tag) => (\n <Tag\n key={tag.id}\n id={tag.id}\n dataHook=\"tags-widget-tag\"\n removable={false}\n >\n {tag.label}\n </Tag>\n ))}\n </Box>\n );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n import(\n /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n state,\n onSubmit,\n entityTypeName,\n initialTags,\n entityId,\n readOnly,\n popoverProps,\n manageTagsShowUndoToast,\n}: TagsWidgetContentProps) => {\n const { translate: t } = useWixPatternsContainer();\n const isBmHarmonyTheme = useBmHarmonyTheme();\n const [formState] = useState(() =>\n runInAction(\n () =>\n (state.tagsFormState ??= new TagsFormState({\n initialTags,\n tagsManagementState: state.tagsManagementState,\n origin: state.origin,\n entityTypeName,\n })),\n ),\n );\n const [tagsModalState] = useState(\n () =>\n new TagsModalState({\n tagsManagementState: state.tagsManagementState,\n entityTypeName,\n showUndoToast: manageTagsShowUndoToast,\n }),\n );\n\n useEffect(() => {\n const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n return () => {\n disposers.forEach((disposer) => disposer());\n };\n }, []);\n\n const initialTagIdsKey = (initialTags?.privateTags?.tagIds ?? []).join(',');\n useEffect(() => {\n formState.tagsAssignmentState.replaceAssigned(\n initialTags?.privateTags?.tagIds ?? [],\n );\n }, [initialTagIdsKey]);\n\n const tagsOptions = useMemo(() => {\n const options = formState.displayedTagOptions;\n\n const addTagOptionItems = formState.shouldShowCreateTagOption\n ? [\n listItemActionBuilder({\n id: ADD_ITEM_OPTION_ID,\n title: t('cairo.tags.tagsWidget.options.add.CTA', {\n tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n }),\n prefixIcon: <AddIcon />,\n }),\n ]\n : [];\n\n return [...addTagOptionItems, ...options];\n }, [\n formState.displayedTagOptions,\n formState.searchValue,\n formState.shouldShowCreateTagOption,\n formState.displayedAssignedTags,\n ]);\n\n const handleSearchChange = useCallback((event) => {\n formState.handleSearchChange(event.target.value);\n }, []);\n\n const handleTagSelect = useCallback(\n async (option: DropdownLayoutOption) => {\n const convertedOption = {\n id: option.id as string,\n value: option.value as string,\n };\n formState.handleTagSelect(convertedOption, onSubmit);\n },\n [onSubmit],\n );\n\n const handleTagRemove = useCallback(\n (tagId) => {\n formState.unassignTag(tagId, onSubmit);\n },\n [onSubmit],\n );\n\n const handleOptionsShow = useCallback(() => {\n formState.handleOptionsShow();\n }, []);\n\n const handleManageTagsCtaClick = useCallback(() => {\n formState.handleManageTagsCtaClick();\n tagsModalState.openManageTagsModal({\n origin: formState.origin,\n tagSubOrigin: 'tagsWidget',\n });\n }, []);\n\n const handleMultiSelectFocus = useCallback(() => {\n formState.setIsMultiSelectOnFocus(true);\n }, []);\n\n const handleMultiSelectBlur = useCallback(() => {\n formState.setIsMultiSelectOnFocus(false);\n }, []);\n\n if (readOnly) {\n return <ReadonlyTagsWidgetContent formState={formState} />;\n }\n\n return (\n <>\n <MultiSelect\n size={isBmHarmonyTheme ? 'small' : undefined}\n popoverProps={popoverProps}\n value={formState.searchValue}\n onChange={handleSearchChange}\n options={tagsOptions}\n onFocus={handleMultiSelectFocus}\n onBlur={handleMultiSelectBlur}\n tags={formState.displayedAssignedTags}\n onOptionsShow={handleOptionsShow}\n markedOption={\n formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n }\n customSuffix={\n <Box>\n <TextButton\n size=\"small\"\n prefixIcon={<AddIcon />}\n dataHook=\"assign-tags-cta\"\n >\n {t('cairo.tags.tagsWidget.add.CTA')}\n </TextButton>\n </Box>\n }\n fixedFooter={\n formState.isInEmptyState ? undefined : (\n <div>\n {!!tagsOptions.length && <Divider />}\n <ListItemAction\n dataHook=\"manage-tags-cta\"\n onClick={handleManageTagsCtaClick}\n id={MANAGE_TAGS_OPTION_ID}\n title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n />\n </div>\n )\n }\n onSelect={handleTagSelect}\n onRemoveTag={handleTagRemove}\n placeholder={\n formState.isInEmptyState && formState.isMultiSelectOnFocus\n ? t('cairo.tags.tagsWidget.input.placeholder')\n : undefined\n }\n dataHook=\"tags-widget-multi-select\"\n />\n <React.Suspense fallback={null}>\n <ManageTagsModal state={tagsModalState} />\n </React.Suspense>\n </>\n );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "ToolbarItem960795410";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "ToolbarItem960795410__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem960795410\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem960795410__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "ToolbarItemBox838847532";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "ToolbarItemBox838847532__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox838847532\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox838847532__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "common3400277255";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"column": "
|
|
17
|
-
"fullHeight": "
|
|
15
|
+
"root": "common3400277255__root",
|
|
16
|
+
"column": "common3400277255__column",
|
|
17
|
+
"fullHeight": "common3400277255__fullHeight"
|
|
18
18
|
};
|
|
19
19
|
var keyframes = exports.keyframes = {};
|
|
20
20
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3400277255\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common3400277255__root\",\"column\":\"common3400277255__column\",\"fullHeight\":\"common3400277255__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "CollectionPageHeader1567255605";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "CollectionPageHeader1567255605__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader1567255605\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader1567255605__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -83,9 +83,18 @@ class FilterValueTotalState {
|
|
|
83
83
|
filters
|
|
84
84
|
});
|
|
85
85
|
(0, _mobx.makeObservable)(this, {
|
|
86
|
-
init: _mobx.action
|
|
86
|
+
init: _mobx.action,
|
|
87
|
+
resolvedTotal: _mobx.computed
|
|
87
88
|
});
|
|
88
89
|
}
|
|
90
|
+
get resolvedTotal() {
|
|
91
|
+
const {
|
|
92
|
+
totalStatus,
|
|
93
|
+
total,
|
|
94
|
+
lifecycleState
|
|
95
|
+
} = this.totalsCollection;
|
|
96
|
+
return totalStatus === 'success' && lifecycleState === 'result' ? total : undefined;
|
|
97
|
+
}
|
|
89
98
|
refresh(value) {
|
|
90
99
|
const {
|
|
91
100
|
tabFilter
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_bexCore","require","_util","_mapValues","_interopRequireDefault","_mobx","FilterValueTotalState","constructor","params","_params$collection$re","_defineProperty2","default","collection","optimisticActions","ignoreSearch","value","errorMonitor","errorHandler","onlineState","history","translate","queryCache","lodash","queryName","itemKey","itemName","paginationMode","selectionConsistencyMode","query","customFilters","search","fetchData","fetchDataCollection","result","fetchTotal","_totalsCollection","filters","mapValues","filter","tabFilter","clone","setValue","reset","totalsCollection","CollectionState","limit","id","undefined","makeObservable","init","action","refresh","disposers","addEventListener","emitter","clearResultAndMoveToStart","refreshAllPages","refreshCurrentPage","initCollection","forEach","d","exports"],"sources":["../../../src/state/FilterValueTotalState.ts"],"sourcesContent":["import {\n CollectionOptimisticActions,\n CollectionState,\n Filter,\n FiltersMap,\n} from '@wix/bex-core';\nimport { addEventListener } from '@wix/bex-core/util';\nimport mapValues from 'lodash/mapValues';\nimport { action, makeObservable } from 'mobx';\n\nexport interface FilterValueTotalStateParams<T, F extends FiltersMap, V> {\n readonly filter: Filter<V[]>;\n readonly collection: CollectionState<T, F>;\n readonly value: V | null | undefined;\n readonly optimisticActions?: CollectionOptimisticActions<T, F>;\n readonly ignoreSearch?: boolean;\n readonly fetchData?: CollectionState<T, F>['fetchData'];\n}\n\nexport class FilterValueTotalState<T, F extends FiltersMap, V> {\n readonly collection;\n\n readonly totalsCollection;\n readonly optimisticActions;\n readonly ignoreSearch;\n\n tabFilter: Filter<V[]> | null | undefined;\n value: V | null | undefined;\n\n constructor(params: FilterValueTotalStateParams<T, F, V>) {\n this.collection = params.collection;\n this.optimisticActions = params.optimisticActions;\n this.ignoreSearch = params.ignoreSearch;\n this.value = params.value;\n\n const {\n errorMonitor,\n errorHandler,\n onlineState,\n history,\n translate,\n queryCache,\n lodash,\n queryName,\n itemKey,\n itemName,\n paginationMode,\n selectionConsistencyMode,\n query: { customFilters, search },\n fetchData: fetchDataCollection,\n } = params.collection.result.fetchTotal?._totalsCollection ??\n params.collection;\n\n const fetchData = params.fetchData ?? fetchDataCollection;\n\n const filters = mapValues(customFilters, (filter) => {\n if (filter === params.filter) {\n const tabFilter = filter.clone();\n this.tabFilter = tabFilter;\n if (params.value != null) {\n tabFilter.setValue([params.value]);\n } else {\n tabFilter.reset();\n }\n\n return tabFilter;\n }\n\n return filter;\n }) as F;\n\n this.totalsCollection = new CollectionState<T, F>({\n errorMonitor,\n errorHandler,\n onlineState,\n history,\n translate,\n queryCache,\n lodash,\n queryName,\n itemKey,\n itemName,\n limit: 1,\n fetchData: async (query) => {\n // const fetchDataPromise = fetchData(query);\n //\n // const collectionUpdateResultPromise = new Promise<void>((resolve) => {\n // this.collection.emitter.on('refreshUpdateResult', resolve);\n // });\n //\n // await Promise.all([fetchDataPromise, collectionUpdateResultPromise]);\n\n return fetchData(query);\n },\n paginationMode: paginationMode.id,\n selectionConsistencyMode,\n search: params.ignoreSearch ? undefined : search,\n filters,\n });\n\n makeObservable(this, {\n init: action,\n });\n }\n\n refresh(value: V | null | undefined) {\n const { tabFilter } = this;\n this.value = value;\n\n if (tabFilter) {\n if (value != null) {\n tabFilter.refresh([value]);\n } else {\n tabFilter.reset();\n }\n }\n }\n\n init() {\n const { totalsCollection, optimisticActions, ignoreSearch, collection } =\n this;\n\n const disposers = [\n totalsCollection.init(),\n addEventListener(collection.emitter, 'search', () => {\n if (!ignoreSearch) {\n totalsCollection.clearResultAndMoveToStart();\n }\n }),\n addEventListener(collection.emitter, 'clearSearch', () => {\n if (!ignoreSearch) {\n totalsCollection.clearResultAndMoveToStart();\n }\n }),\n addEventListener(collection.emitter, 'refreshAllPages', () => {\n totalsCollection.refreshAllPages();\n }),\n addEventListener(collection.emitter, 'refreshCurrentPage', () => {\n totalsCollection.refreshCurrentPage();\n }),\n ...(optimisticActions\n ? [optimisticActions.initCollection(totalsCollection)]\n : []),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAWO,MAAMK,qBAAqB,CAA6B;EAU7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,qBAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,UAAU,GAAGJ,MAAM,CAACI,UAAU;IACnC,IAAI,CAACC,iBAAiB,GAAGL,MAAM,CAACK,iBAAiB;IACjD,IAAI,CAACC,YAAY,GAAGN,MAAM,CAACM,YAAY;IACvC,IAAI,CAACC,KAAK,GAAGP,MAAM,CAACO,KAAK;IAEzB,MAAM;MACJC,YAAY;MACZC,YAAY;MACZC,WAAW;MACXC,OAAO;MACPC,SAAS;MACTC,UAAU;MACVC,MAAM;MACNC,SAAS;MACTC,OAAO;MACPC,QAAQ;MACRC,cAAc;MACdC,wBAAwB;MACxBC,KAAK,EAAE;QAAEC,aAAa;QAAEC;MAAO,CAAC;MAChCC,SAAS,EAAEC;IACb,CAAC,GAAG,EAAAvB,qBAAA,GAAAD,MAAM,CAACI,UAAU,CAACqB,MAAM,CAACC,UAAU,qBAAnCzB,qBAAA,CAAqC0B,iBAAiB,KAC1D3B,MAAM,CAACI,UAAU;IAEjB,MAAMmB,SAAS,GAAGvB,MAAM,CAACuB,SAAS,IAAIC,mBAAmB;IAEzD,MAAMI,OAAO,GAAG,IAAAC,kBAAS,EAACR,aAAa,EAAGS,MAAM,IAAK;MACnD,IAAIA,MAAM,KAAK9B,MAAM,CAAC8B,MAAM,EAAE;QAC5B,MAAMC,SAAS,GAAGD,MAAM,CAACE,KAAK,CAAC,CAAC;QAChC,IAAI,CAACD,SAAS,GAAGA,SAAS;QAC1B,IAAI/B,MAAM,CAACO,KAAK,IAAI,IAAI,EAAE;UACxBwB,SAAS,CAACE,QAAQ,CAAC,CAACjC,MAAM,CAACO,KAAK,CAAC,CAAC;QACpC,CAAC,MAAM;UACLwB,SAAS,CAACG,KAAK,CAAC,CAAC;QACnB;QAEA,OAAOH,SAAS;MAClB;MAEA,OAAOD,MAAM;IACf,CAAC,CAAM;IAEP,IAAI,CAACK,gBAAgB,GAAG,IAAIC,wBAAe,CAAO;MAChD5B,YAAY;MACZC,YAAY;MACZC,WAAW;MACXC,OAAO;MACPC,SAAS;MACTC,UAAU;MACVC,MAAM;MACNC,SAAS;MACTC,OAAO;MACPC,QAAQ;MACRoB,KAAK,EAAE,CAAC;MACRd,SAAS,EAAE,MAAOH,KAAK,IAAK;QAC1B;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA,OAAOG,SAAS,CAACH,KAAK,CAAC;MACzB,CAAC;MACDF,cAAc,EAAEA,cAAc,CAACoB,EAAE;MACjCnB,wBAAwB;MACxBG,MAAM,EAAEtB,MAAM,CAACM,YAAY,GAAGiC,SAAS,GAAGjB,MAAM;MAChDM;IACF,CAAC,CAAC;IAEF,IAAAY,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC;
|
|
1
|
+
{"version":3,"names":["_bexCore","require","_util","_mapValues","_interopRequireDefault","_mobx","FilterValueTotalState","constructor","params","_params$collection$re","_defineProperty2","default","collection","optimisticActions","ignoreSearch","value","errorMonitor","errorHandler","onlineState","history","translate","queryCache","lodash","queryName","itemKey","itemName","paginationMode","selectionConsistencyMode","query","customFilters","search","fetchData","fetchDataCollection","result","fetchTotal","_totalsCollection","filters","mapValues","filter","tabFilter","clone","setValue","reset","totalsCollection","CollectionState","limit","id","undefined","makeObservable","init","action","resolvedTotal","computed","totalStatus","total","lifecycleState","refresh","disposers","addEventListener","emitter","clearResultAndMoveToStart","refreshAllPages","refreshCurrentPage","initCollection","forEach","d","exports"],"sources":["../../../src/state/FilterValueTotalState.ts"],"sourcesContent":["import {\n CollectionOptimisticActions,\n CollectionState,\n Filter,\n FiltersMap,\n} from '@wix/bex-core';\nimport { addEventListener } from '@wix/bex-core/util';\nimport mapValues from 'lodash/mapValues';\nimport { action, computed, makeObservable } from 'mobx';\n\nexport interface FilterValueTotalStateParams<T, F extends FiltersMap, V> {\n readonly filter: Filter<V[]>;\n readonly collection: CollectionState<T, F>;\n readonly value: V | null | undefined;\n readonly optimisticActions?: CollectionOptimisticActions<T, F>;\n readonly ignoreSearch?: boolean;\n readonly fetchData?: CollectionState<T, F>['fetchData'];\n}\n\nexport class FilterValueTotalState<T, F extends FiltersMap, V> {\n readonly collection;\n\n readonly totalsCollection;\n readonly optimisticActions;\n readonly ignoreSearch;\n\n tabFilter: Filter<V[]> | null | undefined;\n value: V | null | undefined;\n\n constructor(params: FilterValueTotalStateParams<T, F, V>) {\n this.collection = params.collection;\n this.optimisticActions = params.optimisticActions;\n this.ignoreSearch = params.ignoreSearch;\n this.value = params.value;\n\n const {\n errorMonitor,\n errorHandler,\n onlineState,\n history,\n translate,\n queryCache,\n lodash,\n queryName,\n itemKey,\n itemName,\n paginationMode,\n selectionConsistencyMode,\n query: { customFilters, search },\n fetchData: fetchDataCollection,\n } = params.collection.result.fetchTotal?._totalsCollection ??\n params.collection;\n\n const fetchData = params.fetchData ?? fetchDataCollection;\n\n const filters = mapValues(customFilters, (filter) => {\n if (filter === params.filter) {\n const tabFilter = filter.clone();\n this.tabFilter = tabFilter;\n if (params.value != null) {\n tabFilter.setValue([params.value]);\n } else {\n tabFilter.reset();\n }\n\n return tabFilter;\n }\n\n return filter;\n }) as F;\n\n this.totalsCollection = new CollectionState<T, F>({\n errorMonitor,\n errorHandler,\n onlineState,\n history,\n translate,\n queryCache,\n lodash,\n queryName,\n itemKey,\n itemName,\n limit: 1,\n fetchData: async (query) => {\n // const fetchDataPromise = fetchData(query);\n //\n // const collectionUpdateResultPromise = new Promise<void>((resolve) => {\n // this.collection.emitter.on('refreshUpdateResult', resolve);\n // });\n //\n // await Promise.all([fetchDataPromise, collectionUpdateResultPromise]);\n\n return fetchData(query);\n },\n paginationMode: paginationMode.id,\n selectionConsistencyMode,\n search: params.ignoreSearch ? undefined : search,\n filters,\n });\n\n makeObservable(this, {\n init: action,\n resolvedTotal: computed,\n });\n }\n\n get resolvedTotal(): number | undefined {\n const { totalStatus, total, lifecycleState } = this.totalsCollection;\n\n return totalStatus === 'success' && lifecycleState === 'result'\n ? total\n : undefined;\n }\n\n refresh(value: V | null | undefined) {\n const { tabFilter } = this;\n this.value = value;\n\n if (tabFilter) {\n if (value != null) {\n tabFilter.refresh([value]);\n } else {\n tabFilter.reset();\n }\n }\n }\n\n init() {\n const { totalsCollection, optimisticActions, ignoreSearch, collection } =\n this;\n\n const disposers = [\n totalsCollection.init(),\n addEventListener(collection.emitter, 'search', () => {\n if (!ignoreSearch) {\n totalsCollection.clearResultAndMoveToStart();\n }\n }),\n addEventListener(collection.emitter, 'clearSearch', () => {\n if (!ignoreSearch) {\n totalsCollection.clearResultAndMoveToStart();\n }\n }),\n addEventListener(collection.emitter, 'refreshAllPages', () => {\n totalsCollection.refreshAllPages();\n }),\n addEventListener(collection.emitter, 'refreshCurrentPage', () => {\n totalsCollection.refreshCurrentPage();\n }),\n ...(optimisticActions\n ? [optimisticActions.initCollection(totalsCollection)]\n : []),\n ];\n\n return () => {\n disposers.forEach((d) => d());\n };\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "FormPageHeader2553328802";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "FormPageHeader2553328802__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2553328802\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader2553328802__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|