@wix/patterns 1.392.0 → 1.395.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/cjs/components/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/CustomColumnsPanel/{CustomColumnsEntityPageCTA.js → CustomColumnsEntityPagePanelMount.js} +6 -6
- package/dist/cjs/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.js.map +1 -0
- package/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsRow.js +51 -0
- package/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsRow.js.map +1 -0
- package/dist/cjs/components/CustomColumnsPanel/index.js +4 -4
- package/dist/cjs/components/CustomColumnsPanel/index.js.map +1 -1
- package/dist/cjs/components/CustomColumnsPanel/useSidePanelFieldActions.js +22 -36
- package/dist/cjs/components/CustomColumnsPanel/useSidePanelFieldActions.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/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/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/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/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/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/FieldActions/HeaderActionsPopover.js +27 -13
- package/dist/cjs/components/FieldActions/HeaderActionsPopover.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/SchemaCard/SchemaCard.js +37 -9
- package/dist/cjs/components/SchemaCard/SchemaCard.js.map +1 -1
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js +3 -3
- package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map +1 -1
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js +51 -30
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/TagsFilter/TagsFilter.js +34 -11
- package/dist/cjs/components/TagsFilter/TagsFilter.js.map +1 -1
- package/dist/cjs/components/TagsWidget/TagsWidgetContent.js +24 -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/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/cjs/state/TagsModalState.js +1 -1
- package/dist/cjs/state/TagsModalState.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/test-utils/TagsMocks.js +8 -6
- package/dist/cjs/test-utils/TagsMocks.js.map +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/docs/CollectionEmptyState.md +1 -1
- package/dist/docs/CollectionPremiumEmptyState.md +1 -1
- package/dist/docs/MultiAutoInlineCheckboxFilter.md +1 -1
- package/dist/docs/MultiInlineCheckboxFilter.md +1 -1
- package/dist/docs/index.json +43 -43
- 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/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/esm/components/CustomColumnsPanel/{CustomColumnsEntityPageCTA.js → CustomColumnsEntityPagePanelMount.js} +5 -4
- package/dist/esm/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.js.map +1 -0
- package/dist/esm/components/CustomColumnsPanel/SidePanelFieldActionsRow.js +38 -0
- package/dist/esm/components/CustomColumnsPanel/SidePanelFieldActionsRow.js.map +1 -0
- package/dist/esm/components/CustomColumnsPanel/index.js +1 -1
- package/dist/esm/components/CustomColumnsPanel/index.js.map +1 -1
- package/dist/esm/components/CustomColumnsPanel/useSidePanelFieldActions.js +7 -34
- package/dist/esm/components/CustomColumnsPanel/useSidePanelFieldActions.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/EditableCell.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
- 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/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/email/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
- 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/Edit.st.css.js.map +1 -1
- 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/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
- 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/text/View.st.css.js.map +1 -1
- 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/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/FieldActions/HeaderActionsPopover.js +6 -3
- package/dist/esm/components/FieldActions/HeaderActionsPopover.js.map +1 -1
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
- package/dist/esm/components/ImportButton/ImportStepUpload.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/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- 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/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/esm/components/SchemaCard/SchemaCard.js +6 -3
- package/dist/esm/components/SchemaCard/SchemaCard.js.map +1 -1
- 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/SlidingModal/SlidingModal.st.css.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js +13 -4
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.js.map +1 -1
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/TagsFilter/TagsFilter.js +45 -26
- package/dist/esm/components/TagsFilter/TagsFilter.js.map +1 -1
- package/dist/esm/components/TagsWidget/TagsWidgetContent.js +6 -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/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/state/TagsModalState.js +1 -1
- package/dist/esm/state/TagsModalState.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/test-utils/TagsMocks.js +4 -2
- package/dist/esm/test-utils/TagsMocks.js.map +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.d.ts +14 -0
- package/dist/types/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.d.ts.map +1 -0
- package/dist/types/components/CustomColumnsPanel/SidePanelFieldActionsRow.d.ts +11 -0
- package/dist/types/components/CustomColumnsPanel/SidePanelFieldActionsRow.d.ts.map +1 -0
- package/dist/types/components/CustomColumnsPanel/index.d.ts +1 -1
- package/dist/types/components/CustomColumnsPanel/index.d.ts.map +1 -1
- package/dist/types/components/CustomColumnsPanel/useSidePanelFieldActions.d.ts +1 -1
- package/dist/types/components/CustomColumnsPanel/useSidePanelFieldActions.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/CellViewLayout.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/email/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/number/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
- package/dist/types/components/Fade/Fade.st.css.d.ts.map +1 -1
- package/dist/types/components/FieldActions/HeaderActionsPopover.d.ts.map +1 -1
- package/dist/types/components/ImportButton/ImportStepUpload.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTableRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerTableListItem/PickerTableListItem.st.css.d.ts.map +1 -1
- package/dist/types/components/SchemaCard/SchemaCard.d.ts.map +1 -1
- package/dist/types/components/SkeletonCard/SkeletonCard.st.css.d.ts.map +1 -1
- package/dist/types/components/SlidingModal/SlidingModal.st.css.d.ts.map +1 -1
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.d.ts.map +1 -1
- package/dist/types/components/TagsFilter/TagsFilter.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/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/test-utils/TagsMocks.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +6 -6
- 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/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/CustomColumnsPanel/{CustomColumnsEntityPageCTA.tsx → CustomColumnsEntityPagePanelMount.tsx} +8 -5
- package/src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx +69 -0
- package/src/components/CustomColumnsPanel/index.ts +1 -1
- package/src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx +17 -50
- 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/boolean/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/View.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/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/url/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/View.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/FieldActions/HeaderActionsPopover.tsx +29 -21
- 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/SchemaCard/SchemaCard.tsx +22 -3
- package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
- package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
- package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
- package/src/components/TabsFilter/TabsFilter.st.css.ts +2 -2
- package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts +2 -2
- package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx +24 -3
- package/src/components/TagsFilter/TagsFilter.tsx +67 -34
- package/src/components/TagsWidget/TagsWidgetContent.tsx +7 -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/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/state/TagsModalState.ts +1 -1
- package/src/styles.global.css +1 -1
- package/src/test-utils/TagsMocks.ts +4 -2
- package/src/version.ts +1 -1
- package/dist/cjs/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.js.map +0 -1
- package/dist/esm/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.js.map +0 -1
- package/dist/types/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.d.ts +0 -14
- package/dist/types/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.d.ts.map +0 -1
|
@@ -7,6 +7,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _mobxReactLite = require("mobx-react-lite");
|
|
9
9
|
var _designSystem = require("@wix/design-system");
|
|
10
|
+
var _useCollectionReachBottom = require("../../../useCollectionReachBottom");
|
|
11
|
+
var _InfiniteScrollLoader = require("../../../InfiniteScrollLoader/InfiniteScrollLoader");
|
|
10
12
|
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
|
|
11
13
|
var _react2 = require("@wix/bex-core/react");
|
|
12
14
|
var _TagsListItem = require("./List/TagsListItem");
|
|
@@ -33,7 +35,6 @@ const ManageTagsModalComponent = ({
|
|
|
33
35
|
const {
|
|
34
36
|
translate: t
|
|
35
37
|
} = (0, _react2.useWixPatternsContainer)();
|
|
36
|
-
state.ref = (0, _react.useRef)(null);
|
|
37
38
|
const closeModal = (0, _react.useCallback)(() => {
|
|
38
39
|
state.closeManageTagsModal();
|
|
39
40
|
}, [state]);
|
|
@@ -53,6 +54,15 @@ const ManageTagsModalComponent = ({
|
|
|
53
54
|
const handleNotificationClose = (0, _react.useCallback)(toastConfig => {
|
|
54
55
|
state.hideNotification(toastConfig);
|
|
55
56
|
}, [state]);
|
|
57
|
+
const shouldAllowTagsPagination = state.tagsManagementState.shouldAllowTagsPagination;
|
|
58
|
+
const scrollRef = (0, _react.useRef)(null);
|
|
59
|
+
state.ref = scrollRef;
|
|
60
|
+
const {
|
|
61
|
+
targetRef
|
|
62
|
+
} = (0, _useCollectionReachBottom.useCollectionReachBottom)({
|
|
63
|
+
collection: state.tagsManagementState.collection,
|
|
64
|
+
containerRef: shouldAllowTagsPagination ? scrollRef : undefined
|
|
65
|
+
});
|
|
56
66
|
return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
|
|
57
67
|
isOpen: state.isOpen,
|
|
58
68
|
onRequestClose: closeModal,
|
|
@@ -61,7 +71,7 @@ const ManageTagsModalComponent = ({
|
|
|
61
71
|
__self: void 0,
|
|
62
72
|
__source: {
|
|
63
73
|
fileName: _jsxFileName,
|
|
64
|
-
lineNumber:
|
|
74
|
+
lineNumber: 81,
|
|
65
75
|
columnNumber: 5
|
|
66
76
|
}
|
|
67
77
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
@@ -69,7 +79,7 @@ const ManageTagsModalComponent = ({
|
|
|
69
79
|
__self: void 0,
|
|
70
80
|
__source: {
|
|
71
81
|
fileName: _jsxFileName,
|
|
72
|
-
lineNumber:
|
|
82
|
+
lineNumber: 87,
|
|
73
83
|
columnNumber: 7
|
|
74
84
|
}
|
|
75
85
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
|
|
@@ -85,7 +95,7 @@ const ManageTagsModalComponent = ({
|
|
|
85
95
|
__self: void 0,
|
|
86
96
|
__source: {
|
|
87
97
|
fileName: _jsxFileName,
|
|
88
|
-
lineNumber:
|
|
98
|
+
lineNumber: 98,
|
|
89
99
|
columnNumber: 13
|
|
90
100
|
}
|
|
91
101
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
|
|
@@ -95,7 +105,7 @@ const ManageTagsModalComponent = ({
|
|
|
95
105
|
__self: void 0,
|
|
96
106
|
__source: {
|
|
97
107
|
fileName: _jsxFileName,
|
|
98
|
-
lineNumber:
|
|
108
|
+
lineNumber: 102,
|
|
99
109
|
columnNumber: 29
|
|
100
110
|
}
|
|
101
111
|
}),
|
|
@@ -104,7 +114,7 @@ const ManageTagsModalComponent = ({
|
|
|
104
114
|
__self: void 0,
|
|
105
115
|
__source: {
|
|
106
116
|
fileName: _jsxFileName,
|
|
107
|
-
lineNumber:
|
|
117
|
+
lineNumber: 99,
|
|
108
118
|
columnNumber: 15
|
|
109
119
|
}
|
|
110
120
|
}, t('cairo.tags.manageTags.modal.add.CTA'))),
|
|
@@ -115,7 +125,7 @@ const ManageTagsModalComponent = ({
|
|
|
115
125
|
__self: void 0,
|
|
116
126
|
__source: {
|
|
117
127
|
fileName: _jsxFileName,
|
|
118
|
-
lineNumber:
|
|
128
|
+
lineNumber: 88,
|
|
119
129
|
columnNumber: 9
|
|
120
130
|
}
|
|
121
131
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
@@ -125,14 +135,14 @@ const ManageTagsModalComponent = ({
|
|
|
125
135
|
__self: void 0,
|
|
126
136
|
__source: {
|
|
127
137
|
fileName: _jsxFileName,
|
|
128
|
-
lineNumber:
|
|
138
|
+
lineNumber: 115,
|
|
129
139
|
columnNumber: 11
|
|
130
140
|
}
|
|
131
141
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.ToastContainer, {
|
|
132
142
|
__self: void 0,
|
|
133
143
|
__source: {
|
|
134
144
|
fileName: _jsxFileName,
|
|
135
|
-
lineNumber:
|
|
145
|
+
lineNumber: 116,
|
|
136
146
|
columnNumber: 13
|
|
137
147
|
}
|
|
138
148
|
}, state.toastConfig && /*#__PURE__*/_react.default.createElement(_ManageTagsNotification.ManageTagsNotification, {
|
|
@@ -142,7 +152,7 @@ const ManageTagsModalComponent = ({
|
|
|
142
152
|
__self: void 0,
|
|
143
153
|
__source: {
|
|
144
154
|
fileName: _jsxFileName,
|
|
145
|
-
lineNumber:
|
|
155
|
+
lineNumber: 118,
|
|
146
156
|
columnNumber: 17
|
|
147
157
|
}
|
|
148
158
|
})), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
@@ -151,7 +161,7 @@ const ManageTagsModalComponent = ({
|
|
|
151
161
|
__self: void 0,
|
|
152
162
|
__source: {
|
|
153
163
|
fileName: _jsxFileName,
|
|
154
|
-
lineNumber:
|
|
164
|
+
lineNumber: 125,
|
|
155
165
|
columnNumber: 13
|
|
156
166
|
}
|
|
157
167
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
@@ -159,7 +169,7 @@ const ManageTagsModalComponent = ({
|
|
|
159
169
|
__self: void 0,
|
|
160
170
|
__source: {
|
|
161
171
|
fileName: _jsxFileName,
|
|
162
|
-
lineNumber:
|
|
172
|
+
lineNumber: 126,
|
|
163
173
|
columnNumber: 15
|
|
164
174
|
}
|
|
165
175
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Search, {
|
|
@@ -173,17 +183,18 @@ const ManageTagsModalComponent = ({
|
|
|
173
183
|
__self: void 0,
|
|
174
184
|
__source: {
|
|
175
185
|
fileName: _jsxFileName,
|
|
176
|
-
lineNumber:
|
|
186
|
+
lineNumber: 127,
|
|
177
187
|
columnNumber: 17
|
|
178
188
|
}
|
|
179
189
|
})), /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
|
|
180
190
|
__self: void 0,
|
|
181
191
|
__source: {
|
|
182
192
|
fileName: _jsxFileName,
|
|
183
|
-
lineNumber:
|
|
193
|
+
lineNumber: 139,
|
|
184
194
|
columnNumber: 15
|
|
185
195
|
}
|
|
186
196
|
})), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
197
|
+
ref: shouldAllowTagsPagination ? scrollRef : undefined,
|
|
187
198
|
direction: "vertical",
|
|
188
199
|
maxHeight: 446,
|
|
189
200
|
minHeight: 225,
|
|
@@ -193,24 +204,24 @@ const ManageTagsModalComponent = ({
|
|
|
193
204
|
__self: void 0,
|
|
194
205
|
__source: {
|
|
195
206
|
fileName: _jsxFileName,
|
|
196
|
-
lineNumber:
|
|
207
|
+
lineNumber: 141,
|
|
197
208
|
columnNumber: 13
|
|
198
209
|
}
|
|
199
210
|
}, /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
|
|
200
|
-
overflowY:
|
|
201
|
-
smooth:
|
|
202
|
-
ref: state.ref,
|
|
211
|
+
overflowY: !shouldAllowTagsPagination,
|
|
212
|
+
smooth: !shouldAllowTagsPagination,
|
|
213
|
+
ref: !shouldAllowTagsPagination ? state.ref : undefined,
|
|
203
214
|
__self: void 0,
|
|
204
215
|
__source: {
|
|
205
216
|
fileName: _jsxFileName,
|
|
206
|
-
lineNumber:
|
|
217
|
+
lineNumber: 150,
|
|
207
218
|
columnNumber: 15
|
|
208
219
|
}
|
|
209
220
|
}, state.searchValue && state.shownItems.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
210
221
|
__self: void 0,
|
|
211
222
|
__source: {
|
|
212
223
|
fileName: _jsxFileName,
|
|
213
|
-
lineNumber:
|
|
224
|
+
lineNumber: 156,
|
|
214
225
|
columnNumber: 19
|
|
215
226
|
}
|
|
216
227
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
|
|
@@ -222,7 +233,7 @@ const ManageTagsModalComponent = ({
|
|
|
222
233
|
__self: void 0,
|
|
223
234
|
__source: {
|
|
224
235
|
fileName: _jsxFileName,
|
|
225
|
-
lineNumber:
|
|
236
|
+
lineNumber: 157,
|
|
226
237
|
columnNumber: 21
|
|
227
238
|
}
|
|
228
239
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
|
|
@@ -230,7 +241,7 @@ const ManageTagsModalComponent = ({
|
|
|
230
241
|
__self: void 0,
|
|
231
242
|
__source: {
|
|
232
243
|
fileName: _jsxFileName,
|
|
233
|
-
lineNumber:
|
|
244
|
+
lineNumber: 164,
|
|
234
245
|
columnNumber: 23
|
|
235
246
|
}
|
|
236
247
|
}, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
|
|
@@ -245,7 +256,7 @@ const ManageTagsModalComponent = ({
|
|
|
245
256
|
__self: void 0,
|
|
246
257
|
__source: {
|
|
247
258
|
fileName: _jsxFileName,
|
|
248
|
-
lineNumber:
|
|
259
|
+
lineNumber: 174,
|
|
249
260
|
columnNumber: 35
|
|
250
261
|
}
|
|
251
262
|
})
|
|
@@ -253,7 +264,7 @@ const ManageTagsModalComponent = ({
|
|
|
253
264
|
__self: void 0,
|
|
254
265
|
__source: {
|
|
255
266
|
fileName: _jsxFileName,
|
|
256
|
-
lineNumber:
|
|
267
|
+
lineNumber: 165,
|
|
257
268
|
columnNumber: 25
|
|
258
269
|
}
|
|
259
270
|
})))), state.shownItems.map((tag, idx) => /*#__PURE__*/_react.default.createElement(_TagsListItem.TagsListItem, {
|
|
@@ -264,7 +275,7 @@ const ManageTagsModalComponent = ({
|
|
|
264
275
|
__self: void 0,
|
|
265
276
|
__source: {
|
|
266
277
|
fileName: _jsxFileName,
|
|
267
|
-
lineNumber:
|
|
278
|
+
lineNumber: 182,
|
|
268
279
|
columnNumber: 19
|
|
269
280
|
}
|
|
270
281
|
})), state.isShowingNewTagListItem && /*#__PURE__*/_react.default.createElement(_NewTagItemEditable.NewTagItemEditable, {
|
|
@@ -272,7 +283,17 @@ const ManageTagsModalComponent = ({
|
|
|
272
283
|
__self: void 0,
|
|
273
284
|
__source: {
|
|
274
285
|
fileName: _jsxFileName,
|
|
275
|
-
lineNumber:
|
|
286
|
+
lineNumber: 193,
|
|
287
|
+
columnNumber: 19
|
|
288
|
+
}
|
|
289
|
+
}), shouldAllowTagsPagination && /*#__PURE__*/_react.default.createElement(_InfiniteScrollLoader.InfiniteScrollLoader, {
|
|
290
|
+
targetRef: targetRef,
|
|
291
|
+
state: state.tagsManagementState.collection,
|
|
292
|
+
size: "small",
|
|
293
|
+
__self: void 0,
|
|
294
|
+
__source: {
|
|
295
|
+
fileName: _jsxFileName,
|
|
296
|
+
lineNumber: 196,
|
|
276
297
|
columnNumber: 19
|
|
277
298
|
}
|
|
278
299
|
})))))), state.confirmModalState.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
|
|
@@ -288,7 +309,7 @@ const ManageTagsModalComponent = ({
|
|
|
288
309
|
__self: void 0,
|
|
289
310
|
__source: {
|
|
290
311
|
fileName: _jsxFileName,
|
|
291
|
-
lineNumber:
|
|
312
|
+
lineNumber: 216,
|
|
292
313
|
columnNumber: 23
|
|
293
314
|
}
|
|
294
315
|
}),
|
|
@@ -297,7 +318,7 @@ const ManageTagsModalComponent = ({
|
|
|
297
318
|
__self: void 0,
|
|
298
319
|
__source: {
|
|
299
320
|
fileName: _jsxFileName,
|
|
300
|
-
lineNumber:
|
|
321
|
+
lineNumber: 217,
|
|
301
322
|
columnNumber: 23
|
|
302
323
|
}
|
|
303
324
|
})
|
|
@@ -305,7 +326,7 @@ const ManageTagsModalComponent = ({
|
|
|
305
326
|
__self: void 0,
|
|
306
327
|
__source: {
|
|
307
328
|
fileName: _jsxFileName,
|
|
308
|
-
lineNumber:
|
|
329
|
+
lineNumber: 212,
|
|
309
330
|
columnNumber: 13
|
|
310
331
|
}
|
|
311
332
|
})
|
|
@@ -313,7 +334,7 @@ const ManageTagsModalComponent = ({
|
|
|
313
334
|
__self: void 0,
|
|
314
335
|
__source: {
|
|
315
336
|
fileName: _jsxFileName,
|
|
316
|
-
lineNumber:
|
|
337
|
+
lineNumber: 208,
|
|
317
338
|
columnNumber: 9
|
|
318
339
|
}
|
|
319
340
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ManageTagsModalComponent","state","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","useWixPatternsContainer","ref","useRef","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","createElement","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","width","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","confirmModalState","MessageActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports","observer"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n CustomModalLayout,\n Modal,\n Box,\n TextButton,\n AddItem,\n Text,\n Divider,\n Search,\n ToastContainer,\n} from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { MessageActionModal } from '../../../ActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n state: TagsModalState;\n}\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.72.0',\n requiredBy: 'WixPatterns/ManageTagsModal',\n });\n }\n const { translate: t } = useWixPatternsContainer();\n state.ref = useRef<HTMLDivElement>(null);\n\n const closeModal = useCallback(() => {\n state.closeManageTagsModal();\n }, [state]);\n\n const handleCreateClick = useCallback(() => {\n state.handleCreateCtaClick();\n }, [state]);\n\n const handleCreateTagFromSearch = useCallback(() => {\n state.createTagFromSearch();\n }, [state]);\n\n const handleSearchClear = useCallback(() => {\n state.handleSearchClear();\n }, [state]);\n\n const handleSearchChange = useCallback(\n (event) => {\n const newSearchValue = event.target.value;\n state.handleSearchChange(newSearchValue);\n },\n [state],\n );\n\n const handleNotificationClose = useCallback(\n (toastConfig: ToastConfig) => {\n state.hideNotification(toastConfig);\n },\n [state],\n );\n\n return (\n <Modal\n isOpen={state.isOpen}\n onRequestClose={closeModal}\n shouldCloseOnOverlayClick\n dataHook=\"manage-tags-modal\"\n >\n <Box width={510}>\n <CustomModalLayout\n className={st(classes.root)}\n overflowY=\"visible\"\n showFooterDivider\n removeContentPadding\n title={t('cairo.tags.manageTags.modal.title', {\n EntityName: state.entityTypeName,\n })}\n subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n sideActions={\n <Box>\n <TextButton\n dataHook=\"manage-tags-modal-create-btn\"\n size=\"small\"\n prefixIcon={<Add />}\n onClick={handleCreateClick}\n disabled={state.isShowingNewTagListItem}\n >\n {t('cairo.tags.manageTags.modal.add.CTA')}\n </TextButton>\n </Box>\n }\n primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n primaryButtonOnClick={closeModal}\n onCloseButtonClick={closeModal}\n dataHook=\"manage-tags-modal-layout\"\n >\n <Box direction=\"vertical\" height=\"100%\" flex={1}>\n <ToastContainer>\n {state.toastConfig && (\n <ManageTagsNotification\n toastConfig={state.toastConfig}\n onClose={handleNotificationClose}\n dataHook=\"manage-tags-modal-notification\"\n />\n )}\n </ToastContainer>\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box padding=\"0 SP4\">\n <Search\n autoFocus\n dataHook=\"manage-tags-modal-search\"\n onChange={handleSearchChange}\n value={state.searchValue}\n placeholder={t(\n 'cairo.tags.manageTags.modal.search.placeholder',\n )}\n onEnterPressed={handleCreateTagFromSearch}\n onClear={handleSearchClear}\n />\n </Box>\n <Divider />\n </Box>\n <Box\n direction=\"vertical\"\n maxHeight={446}\n minHeight={225}\n dataHook=\"manage-tags-modal-tags-list\"\n overflowY=\"auto\"\n paddingBottom=\"SP1\"\n >\n <ScrollableContent overflowY smooth ref={state.ref}>\n {state.searchValue && state.shownItems.length === 0 && (\n <div>\n <AddItem\n theme=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n onClick={handleCreateTagFromSearch}\n dataHook=\"manage-tags-modal-list-add\"\n >\n <Text skin=\"primary\">\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n values={{\n tagName: `${state.searchValue.slice(\n 0,\n TAG_MAX_LENGTH,\n )}`,\n }}\n components={{\n name: <Text weight=\"bold\" skin=\"primary\" />,\n }}\n />\n </Text>\n </AddItem>\n </div>\n )}\n {state.shownItems.map((tag, idx) => (\n <TagsListItem\n state={state}\n key={tag.id}\n tag={tag}\n isLastTag={\n !state.isShowingNewTagListItem &&\n idx === state.shownItems.length - 1\n }\n />\n ))}\n {state.isShowingNewTagListItem && (\n <NewTagItemEditable state={state} />\n )}\n </ScrollableContent>\n </Box>\n </Box>\n </CustomModalLayout>\n </Box>\n {state.confirmModalState.value && (\n <MessageActionModal\n dataHook=\"manage-tags-modal-confirm-delete-modal\"\n state={state.confirmModalState}\n content={\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n values={{ name: state.tagToDelete?.name }}\n components={{\n text: <Text />,\n name: <Text weight=\"bold\" />,\n }}\n />\n }\n {...state.confirmModalState.value}\n />\n )}\n </Modal>\n );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAWA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AAEA,IAAAU,mBAAA,GAAAV,OAAA;AACA,IAAAW,+BAAA,GAAAX,OAAA;AACA,IAAAY,uBAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AAA4D,IAAAc,YAAA;AAAA,SAAAf,wBAAAgB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAlB,uBAAA,YAAAA,CAAAgB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAK5D,MAAMkB,wBAAwB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAAA,IAAAC,kBAAA;EACpE,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EACA,MAAM;IAAEC,SAAS,EAAE3B;EAAE,CAAC,GAAG,IAAA4B,+BAAuB,EAAC,CAAC;EAClDT,KAAK,CAACU,GAAG,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACnCb,KAAK,CAACc,oBAAoB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAACd,KAAK,CAAC,CAAC;EAEX,MAAMe,iBAAiB,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAC1Cb,KAAK,CAACgB,oBAAoB,CAAC,CAAC;EAC9B,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAEX,MAAMiB,yBAAyB,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAClDb,KAAK,CAACkB,mBAAmB,CAAC,CAAC;EAC7B,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAEX,MAAMmB,iBAAiB,GAAG,IAAAN,kBAAW,EAAC,MAAM;IAC1Cb,KAAK,CAACmB,iBAAiB,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACnB,KAAK,CAAC,CAAC;EAEX,MAAMoB,kBAAkB,GAAG,IAAAP,kBAAW,EACnCQ,KAAK,IAAK;IACT,MAAMC,cAAc,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK;IACzCxB,KAAK,CAACoB,kBAAkB,CAACE,cAAc,CAAC;EAC1C,CAAC,EACD,CAACtB,KAAK,CACR,CAAC;EAED,MAAMyB,uBAAuB,GAAG,IAAAZ,kBAAW,EACxCa,WAAwB,IAAK;IAC5B1B,KAAK,CAAC2B,gBAAgB,CAACD,WAAW,CAAC;EACrC,CAAC,EACD,CAAC1B,KAAK,CACR,CAAC;EAED,oBACErC,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAA8D,KAAK;IACJC,MAAM,EAAE9B,KAAK,CAAC8B,MAAO;IACrBC,cAAc,EAAEnB,UAAW;IAC3BoB,yBAAyB;IACzBC,QAAQ,EAAC,mBAAmB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5B3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwE,GAAG;IAACC,KAAK,EAAE,GAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACd3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAA0E,iBAAiB;IAChBC,SAAS,EAAE,IAAAC,wBAAE,EAACC,6BAAO,CAACC,IAAI,CAAE;IAC5BC,SAAS,EAAC,SAAS;IACnBC,iBAAiB;IACjBC,oBAAoB;IACpBC,KAAK,EAAEpE,CAAC,CAAC,mCAAmC,EAAE;MAC5CqE,UAAU,EAAElD,KAAK,CAACmD;IACpB,CAAC,CAAE;IACHC,QAAQ,EAAEvE,CAAC,CAAC,sCAAsC,CAAE;IACpDwE,WAAW,eACT1F,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwE,GAAG;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAuF,UAAU;MACTrB,QAAQ,EAAC,8BAA8B;MACvCsB,IAAI,EAAC,OAAO;MACZC,UAAU,eAAE7F,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC5D,iBAAA,CAAAyF,GAAG;QAAAvB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACpBoB,OAAO,EAAE3C,iBAAkB;MAC3B4C,QAAQ,EAAE3D,KAAK,CAAC4D,uBAAwB;MAAA1B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvCzD,CAAC,CAAC,qCAAqC,CAC9B,CACT,CACN;IACDgF,iBAAiB,EAAEhF,CAAC,CAAC,uCAAuC,CAAE;IAC9DiF,oBAAoB,EAAElD,UAAW;IACjCmD,kBAAkB,EAAEnD,UAAW;IAC/BqB,QAAQ,EAAC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwE,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9C3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAoG,cAAc;IAAAjC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GACZtC,KAAK,CAAC0B,WAAW,iBAChB/D,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAACnD,uBAAA,CAAA2F,sBAAsB;IACrB1C,WAAW,EAAE1B,KAAK,CAAC0B,WAAY;IAC/B2C,OAAO,EAAE5C,uBAAwB;IACjCQ,QAAQ,EAAC,gCAAgC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CAEW,CAAC,eACjB3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwE,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACM,GAAG,EAAC,KAAK;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwE,GAAG;IAACgC,OAAO,EAAC,OAAO;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAyG,MAAM;IACLC,SAAS;IACTxC,QAAQ,EAAC,0BAA0B;IACnCyC,QAAQ,EAAEtD,kBAAmB;IAC7BI,KAAK,EAAExB,KAAK,CAAC2E,WAAY;IACzBC,WAAW,EAAE/F,CAAC,CACZ,gDACF,CAAE;IACFgG,cAAc,EAAE5D,yBAA0B;IAC1C6D,OAAO,EAAE3D,iBAAkB;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CACE,CAAC,eACN3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAgH,OAAO;IAAA7C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACP,CAAC,eACN3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwE,GAAG;IACFyB,SAAS,EAAC,UAAU;IACpBgB,SAAS,EAAE,GAAI;IACfC,SAAS,EAAE,GAAI;IACfhD,QAAQ,EAAC,6BAA6B;IACtCa,SAAS,EAAC,MAAM;IAChBoC,aAAa,EAAC,KAAK;IAAAhD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAACxD,kBAAA,CAAA+G,iBAAiB;IAACrC,SAAS;IAACsC,MAAM;IAAC1E,GAAG,EAAEV,KAAK,CAACU,GAAI;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChDtC,KAAK,CAAC2E,WAAW,IAAI3E,KAAK,CAACqF,UAAU,CAACC,MAAM,KAAK,CAAC,iBACjD3H,MAAA,CAAA2B,OAAA,CAAAsC,aAAA;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACE3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAAwH,OAAO;IACNC,KAAK,EAAC,OAAO;IACbjC,IAAI,EAAC,MAAM;IACXkC,UAAU,EAAC,MAAM;IACjB/B,OAAO,EAAEzC,yBAA0B;IACnCgB,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErC3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAA2H,IAAI;IAACC,IAAI,EAAC,SAAS;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB3E,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAACtD,MAAA,CAAAsH,KAAK;IACJC,OAAO,EAAC,6CAA6C;IACrDC,MAAM,EAAE;MACNC,OAAO,EAAE,GAAG/F,KAAK,CAAC2E,WAAW,CAACqB,KAAK,CACjC,CAAC,EACDC,uBACF,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,IAAI,eAAExI,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAA2H,IAAI;QAACU,MAAM,EAAC,MAAM;QAACT,IAAI,EAAC,SAAS;QAAAzD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAzD,YAAA;UAAA0D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAC5C,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACG,CACC,CACN,CACN,EACAtC,KAAK,CAACqF,UAAU,CAACgB,GAAG,CAAC,CAACC,GAAG,EAAEC,GAAG,kBAC7B5I,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC1D,aAAA,CAAAsI,YAAY;IACXxG,KAAK,EAAEA,KAAM;IACbyG,GAAG,EAAEH,GAAG,CAACI,EAAG;IACZJ,GAAG,EAAEA,GAAI;IACTK,SAAS,EACP,CAAC3G,KAAK,CAAC4D,uBAAuB,IAC9B2C,GAAG,KAAKvG,KAAK,CAACqF,UAAU,CAACC,MAAM,GAAG,CACnC;IAAApD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACF,CAAC,EACDtC,KAAK,CAAC4D,uBAAuB,iBAC5BjG,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAACrD,mBAAA,CAAAqI,kBAAkB;IAAC5G,KAAK,EAAEA,KAAM;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAEpB,CAChB,CACF,CACY,CAChB,CAAC,EACLtC,KAAK,CAAC6G,iBAAiB,CAACrF,KAAK,iBAC5B7D,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAACvD,YAAA,CAAAyI,kBAAkB,MAAAC,SAAA,CAAAzH,OAAA;IACjB2C,QAAQ,EAAC,wCAAwC;IACjDjC,KAAK,EAAEA,KAAK,CAAC6G,iBAAkB;IAC/BG,OAAO,eACLrJ,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAACtD,MAAA,CAAAsH,KAAK;MACJC,OAAO,EAAC,8CAA8C;MACtDC,MAAM,EAAE;QAAEK,IAAI,GAAAlG,kBAAA,GAAED,KAAK,CAACiH,WAAW,qBAAjBhH,kBAAA,CAAmBkG;MAAK,CAAE;MAC1CD,UAAU,EAAE;QACVgB,IAAI,eAAEvJ,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAA2H,IAAI;UAAAxD,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAzD,YAAA;YAAA0D,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QACd6D,IAAI,eAAExI,MAAA,CAAA2B,OAAA,CAAAsC,aAAA,CAAC7D,aAAA,CAAA2H,IAAI;UAACU,MAAM,EAAC,MAAM;UAAAlE,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAzD,YAAA;YAAA0D,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MAC7B,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzD,YAAA;QAAA0D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH;EACF,GACGtC,KAAK,CAAC6G,iBAAiB,CAACrF,KAAK;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzD,YAAA;MAAA0D,UAAA;MAAAC,YAAA;IAAA;EAAA,EAClC,CAEE,CAAC;AAEZ,CAAC;AAEM,MAAM6E,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACtH,wBAAwB,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_useCollectionReachBottom","_InfiniteScrollLoader","_wixUiIconsCommon","_react2","_TagsListItem","_ManageTagsModalStCss","_ScrollableContent","_ActionModal","_Trans","_NewTagItemEditable","_minimalRequiredWdsRuntimeCheck","_ManageTagsNotification","_bexCore","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ManageTagsModalComponent","state","_state$tagToDelete","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","translate","useWixPatternsContainer","closeModal","useCallback","closeManageTagsModal","handleCreateClick","handleCreateCtaClick","handleCreateTagFromSearch","createTagFromSearch","handleSearchClear","handleSearchChange","event","newSearchValue","target","value","handleNotificationClose","toastConfig","hideNotification","shouldAllowTagsPagination","tagsManagementState","scrollRef","useRef","ref","targetRef","useCollectionReachBottom","collection","containerRef","undefined","createElement","Modal","isOpen","onRequestClose","shouldCloseOnOverlayClick","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","width","CustomModalLayout","className","st","classes","root","overflowY","showFooterDivider","removeContentPadding","title","EntityName","entityTypeName","subtitle","sideActions","TextButton","size","prefixIcon","Add","onClick","disabled","isShowingNewTagListItem","primaryButtonText","primaryButtonOnClick","onCloseButtonClick","direction","height","flex","ToastContainer","ManageTagsNotification","onClose","gap","padding","Search","autoFocus","onChange","searchValue","placeholder","onEnterPressed","onClear","Divider","maxHeight","minHeight","paddingBottom","ScrollableContent","smooth","shownItems","length","AddItem","theme","alignItems","Text","skin","Trans","i18nKey","values","tagName","slice","TAG_MAX_LENGTH","components","name","weight","map","tag","idx","TagsListItem","key","id","isLastTag","NewTagItemEditable","InfiniteScrollLoader","confirmModalState","MessageActionModal","_extends2","content","tagToDelete","text","ManageTagsModal","exports","observer"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n CustomModalLayout,\n Modal,\n Box,\n TextButton,\n AddItem,\n Text,\n Divider,\n Search,\n ToastContainer,\n} from '@wix/design-system';\nimport { useCollectionReachBottom } from '../../../useCollectionReachBottom';\nimport { InfiniteScrollLoader } from '../../../InfiniteScrollLoader/InfiniteScrollLoader';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { TagsListItem } from './List/TagsListItem';\nimport { st, classes } from './ManageTagsModal.st.css.js';\nimport { ScrollableContent } from '../../../ScrollableContent';\nimport { MessageActionModal } from '../../../ActionModal';\nimport { Trans } from '../../../Trans';\nimport { TagsModalState } from '../../../../state/TagsModalState';\nimport { NewTagItemEditable } from './NewTagItemEditable';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../../minimalRequiredWdsRuntimeCheck';\nimport { ManageTagsNotification } from './ManageTagsNotification';\nimport { TAG_MAX_LENGTH, ToastConfig } from '@wix/bex-core';\n\nexport interface ManageTagsModalProps {\n state: TagsModalState;\n}\nconst ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.72.0',\n requiredBy: 'WixPatterns/ManageTagsModal',\n });\n }\n const { translate: t } = useWixPatternsContainer();\n const closeModal = useCallback(() => {\n state.closeManageTagsModal();\n }, [state]);\n\n const handleCreateClick = useCallback(() => {\n state.handleCreateCtaClick();\n }, [state]);\n\n const handleCreateTagFromSearch = useCallback(() => {\n state.createTagFromSearch();\n }, [state]);\n\n const handleSearchClear = useCallback(() => {\n state.handleSearchClear();\n }, [state]);\n\n const handleSearchChange = useCallback(\n (event) => {\n const newSearchValue = event.target.value;\n state.handleSearchChange(newSearchValue);\n },\n [state],\n );\n\n const handleNotificationClose = useCallback(\n (toastConfig: ToastConfig) => {\n state.hideNotification(toastConfig);\n },\n [state],\n );\n\n const shouldAllowTagsPagination = state.tagsManagementState.shouldAllowTagsPagination;\n\n const scrollRef = useRef<HTMLDivElement>(null);\n state.ref = scrollRef;\n const { targetRef } = useCollectionReachBottom({\n collection: state.tagsManagementState.collection,\n containerRef: shouldAllowTagsPagination ? scrollRef : undefined,\n });\n\n return (\n <Modal\n isOpen={state.isOpen}\n onRequestClose={closeModal}\n shouldCloseOnOverlayClick\n dataHook=\"manage-tags-modal\"\n >\n <Box width={510}>\n <CustomModalLayout\n className={st(classes.root)}\n overflowY=\"visible\"\n showFooterDivider\n removeContentPadding\n title={t('cairo.tags.manageTags.modal.title', {\n EntityName: state.entityTypeName,\n })}\n subtitle={t('cairo.tags.manageTags.modal.subtitle')}\n sideActions={\n <Box>\n <TextButton\n dataHook=\"manage-tags-modal-create-btn\"\n size=\"small\"\n prefixIcon={<Add />}\n onClick={handleCreateClick}\n disabled={state.isShowingNewTagListItem}\n >\n {t('cairo.tags.manageTags.modal.add.CTA')}\n </TextButton>\n </Box>\n }\n primaryButtonText={t('cairo.tags.manageTags.modal.close.CTA')}\n primaryButtonOnClick={closeModal}\n onCloseButtonClick={closeModal}\n dataHook=\"manage-tags-modal-layout\"\n >\n <Box direction=\"vertical\" height=\"100%\" flex={1}>\n <ToastContainer>\n {state.toastConfig && (\n <ManageTagsNotification\n toastConfig={state.toastConfig}\n onClose={handleNotificationClose}\n dataHook=\"manage-tags-modal-notification\"\n />\n )}\n </ToastContainer>\n <Box direction=\"vertical\" gap=\"SP2\">\n <Box padding=\"0 SP4\">\n <Search\n autoFocus\n dataHook=\"manage-tags-modal-search\"\n onChange={handleSearchChange}\n value={state.searchValue}\n placeholder={t(\n 'cairo.tags.manageTags.modal.search.placeholder',\n )}\n onEnterPressed={handleCreateTagFromSearch}\n onClear={handleSearchClear}\n />\n </Box>\n <Divider />\n </Box>\n <Box\n ref={shouldAllowTagsPagination ? scrollRef : undefined}\n direction=\"vertical\"\n maxHeight={446}\n minHeight={225}\n dataHook=\"manage-tags-modal-tags-list\"\n overflowY=\"auto\"\n paddingBottom=\"SP1\"\n >\n <ScrollableContent\n overflowY={!shouldAllowTagsPagination}\n smooth={!shouldAllowTagsPagination}\n ref={!shouldAllowTagsPagination ? state.ref : undefined}\n >\n {state.searchValue && state.shownItems.length === 0 && (\n <div>\n <AddItem\n theme=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n onClick={handleCreateTagFromSearch}\n dataHook=\"manage-tags-modal-list-add\"\n >\n <Text skin=\"primary\">\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.list.create.CTA\"\n values={{\n tagName: `${state.searchValue.slice(\n 0,\n TAG_MAX_LENGTH,\n )}`,\n }}\n components={{\n name: <Text weight=\"bold\" skin=\"primary\" />,\n }}\n />\n </Text>\n </AddItem>\n </div>\n )}\n {state.shownItems.map((tag, idx) => (\n <TagsListItem\n state={state}\n key={tag.id}\n tag={tag}\n isLastTag={\n !state.isShowingNewTagListItem &&\n idx === state.shownItems.length - 1\n }\n />\n ))}\n {state.isShowingNewTagListItem && (\n <NewTagItemEditable state={state} />\n )}\n {shouldAllowTagsPagination && (\n <InfiniteScrollLoader\n targetRef={targetRef}\n state={state.tagsManagementState.collection}\n size=\"small\"\n />\n )}\n </ScrollableContent>\n </Box>\n </Box>\n </CustomModalLayout>\n </Box>\n {state.confirmModalState.value && (\n <MessageActionModal\n dataHook=\"manage-tags-modal-confirm-delete-modal\"\n state={state.confirmModalState}\n content={\n <Trans\n i18nKey=\"cairo.tags.manageTags.modal.deleteModal.body\"\n values={{ name: state.tagToDelete?.name }}\n components={{\n text: <Text />,\n name: <Text weight=\"bold\" />,\n }}\n />\n }\n {...state.confirmModalState.value}\n />\n )}\n </Modal>\n );\n};\n\nexport const ManageTagsModal = observer(ManageTagsModalComponent);\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_ = "ManageTagsModal1391808743";
|
|
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": "ManageTagsModal1391808743__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_ = \"ManageTagsModal1391808743\";\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\":\"ManageTagsModal1391808743__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":[]}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
exports.__esModule = true;
|
|
5
4
|
exports._TagsFilter = exports.TagsFilter = void 0;
|
|
6
|
-
var _react =
|
|
5
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
6
|
var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
|
|
8
7
|
var _react2 = require("@wix/bex-core/react");
|
|
9
8
|
var _MultiSelectCheckboxFilter = require("../MultiSelectCheckboxFilter");
|
|
@@ -11,17 +10,18 @@ var _types = require("@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types");
|
|
|
11
10
|
var _useFilterCollection = require("../../hooks/useFilterCollection");
|
|
12
11
|
var _mobxReactLite = require("mobx-react-lite");
|
|
13
12
|
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TagsFilter/TagsFilter.tsx";
|
|
13
|
+
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); }
|
|
14
14
|
const _TagsFilter = ({
|
|
15
15
|
filter
|
|
16
16
|
}) => {
|
|
17
|
-
var _toolbarState$tagsCol;
|
|
17
|
+
var _toolbarState$tagsCol, _toolbarState$tagsCol4, _toolbarState$tagsCol6;
|
|
18
18
|
const toolbarState = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
|
|
19
19
|
const {
|
|
20
20
|
translate: t
|
|
21
21
|
} = (0, _react2.useWixPatternsContainer)();
|
|
22
|
-
const
|
|
22
|
+
const shouldAllowTagsPagination = ((_toolbarState$tagsCol = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol.tagsManagementState.shouldAllowTagsPagination) ?? false;
|
|
23
|
+
const paginationConfig = shouldAllowTagsPagination ? {
|
|
23
24
|
paginationMode: 'cursor',
|
|
24
|
-
queryName: [(_toolbarState$tagsCol = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol.tagsManagementState.fqdnString, 'tags', 'filter'].join('/'),
|
|
25
25
|
fetchData: async ({
|
|
26
26
|
search = '',
|
|
27
27
|
cursor,
|
|
@@ -42,13 +42,12 @@ const _TagsFilter = ({
|
|
|
42
42
|
query: {
|
|
43
43
|
cursorPaging: {
|
|
44
44
|
limit,
|
|
45
|
-
cursor: cursor ??
|
|
45
|
+
cursor: cursor ?? undefined
|
|
46
46
|
},
|
|
47
|
+
// TODO: remove 'as any' cast when ambassador package exposes the search field
|
|
47
48
|
...(search ? {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
$contains: search
|
|
51
|
-
}
|
|
49
|
+
search: {
|
|
50
|
+
expression: search
|
|
52
51
|
}
|
|
53
52
|
} : {})
|
|
54
53
|
}
|
|
@@ -63,7 +62,31 @@ const _TagsFilter = ({
|
|
|
63
62
|
hasNext: result.hasNext
|
|
64
63
|
};
|
|
65
64
|
}
|
|
65
|
+
} : {
|
|
66
|
+
fetchData: async ({
|
|
67
|
+
search = ''
|
|
68
|
+
}) => {
|
|
69
|
+
var _toolbarState$tagsCol3;
|
|
70
|
+
const filteredItems = (((_toolbarState$tagsCol3 = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol3.tagsManagementState.items) || []).filter(tag => {
|
|
71
|
+
var _tag$name;
|
|
72
|
+
return (_tag$name = tag.name) == null ? void 0 : _tag$name.toLowerCase().includes(search.toLowerCase());
|
|
73
|
+
});
|
|
74
|
+
return {
|
|
75
|
+
items: filteredItems,
|
|
76
|
+
total: filteredItems.length
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
const tagsFilterCollection = (0, _useFilterCollection.useFilterCollection)(filter, {
|
|
81
|
+
queryName: [(_toolbarState$tagsCol4 = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol4.tagsManagementState.fqdnString, 'tags', 'filter'].join('/'),
|
|
82
|
+
...paginationConfig
|
|
66
83
|
});
|
|
84
|
+
(0, _react.useEffect)(() => {
|
|
85
|
+
var _toolbarState$tagsCol5;
|
|
86
|
+
if (!shouldAllowTagsPagination && (_toolbarState$tagsCol5 = toolbarState.tagsCollectionState) != null && _toolbarState$tagsCol5.tagsManagementState.items) {
|
|
87
|
+
tagsFilterCollection.refreshAllPages();
|
|
88
|
+
}
|
|
89
|
+
}, [shouldAllowTagsPagination, tagsFilterCollection, (_toolbarState$tagsCol6 = toolbarState.tagsCollectionState) == null ? void 0 : _toolbarState$tagsCol6.tagsManagementState.items]);
|
|
67
90
|
if (!toolbarState.tagsCollectionState) {
|
|
68
91
|
return null;
|
|
69
92
|
}
|
|
@@ -81,7 +104,7 @@ const _TagsFilter = ({
|
|
|
81
104
|
__self: void 0,
|
|
82
105
|
__source: {
|
|
83
106
|
fileName: _jsxFileName,
|
|
84
|
-
lineNumber:
|
|
107
|
+
lineNumber: 97,
|
|
85
108
|
columnNumber: 5
|
|
86
109
|
}
|
|
87
110
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_react2","_MultiSelectCheckboxFilter","_types","_useFilterCollection","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TagsFilter","filter","_toolbarState$tagsCol","_toolbarState$tagsCol4","_toolbarState$tagsCol6","toolbarState","useToolbarCollectionContext","translate","useWixPatternsContainer","shouldAllowTagsPagination","tagsCollectionState","tagsManagementState","paginationConfig","paginationMode","fetchData","search","cursor","limit","_toolbarState$tagsCol2","items","hasNext","result","tagsService","queryTags","fqdn","fqdnString","exposure","TagExposure","PRIVATE","query","cursorPaging","undefined","expression","serverErrorOverride","message","_toolbarState$tagsCol3","filteredItems","tag","_tag$name","name","toLowerCase","includes","total","length","tagsFilterCollection","useFilterCollection","queryName","join","useEffect","_toolbarState$tagsCol5","refreshAllPages","createElement","MultiSelectCheckboxFilter","collection","popoverProps","appendTo","placeholder","renderItem","title","id","__self","__source","fileName","lineNumber","columnNumber","exports","TagsFilter","observer"],"sources":["../../../../src/components/TagsFilter/TagsFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { FilterProps } from '../../model';\nimport {\n useWixPatternsContainer,\n CursorQuery,\n OffsetQuery,\n} from '@wix/bex-core/react';\nimport { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';\nimport {\n Tag,\n TagExposure,\n} from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { observer } from 'mobx-react-lite';\n\ntype TagsFilterType = Tag[];\ninterface TagsFilterProps extends FilterProps<TagsFilterType> {}\n\nexport const _TagsFilter = ({ filter }: TagsFilterProps) => {\n const toolbarState = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n\n const shouldAllowTagsPagination =\n toolbarState.tagsCollectionState?.tagsManagementState\n .shouldAllowTagsPagination ?? false;\n\n const paginationConfig = shouldAllowTagsPagination\n ? {\n paginationMode: 'cursor' as const,\n fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {\n const tagsManagementState =\n toolbarState.tagsCollectionState?.tagsManagementState;\n if (!tagsManagementState) {\n return { items: [], cursor: null, hasNext: false };\n }\n const result = await tagsManagementState.tagsService.queryTags(\n {\n fqdn: tagsManagementState.fqdnString,\n exposure: TagExposure.PRIVATE,\n query: {\n cursorPaging: { limit, cursor: cursor ?? undefined },\n // TODO: remove 'as any' cast when ambassador package exposes the search field \n ...(search ? { search: { expression: search } as any } : {}),\n },\n },\n {},\n {\n serverErrorOverride: () => ({\n message: t(\n 'cairo.tags.collectionPage.popover.loadTags.error.body',\n ),\n }),\n },\n );\n return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };\n },\n }\n : {\n fetchData: async ({ search = '' }: OffsetQuery) => {\n const filteredItems = (\n toolbarState.tagsCollectionState?.tagsManagementState.items || []\n ).filter((tag: Tag) =>\n tag.name?.toLowerCase().includes(search.toLowerCase()),\n );\n return { items: filteredItems, total: filteredItems.length };\n },\n };\n\n const tagsFilterCollection = useFilterCollection<Tag>(filter, {\n queryName: [\n toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,\n 'tags',\n 'filter',\n ].join('/'),\n ...paginationConfig,\n });\n\n useEffect(() => {\n if (\n !shouldAllowTagsPagination &&\n toolbarState.tagsCollectionState?.tagsManagementState.items\n ) {\n tagsFilterCollection.refreshAllPages();\n }\n }, [\n shouldAllowTagsPagination,\n tagsFilterCollection,\n toolbarState.tagsCollectionState?.tagsManagementState.items,\n ]);\n\n if (!toolbarState.tagsCollectionState) {\n return null;\n }\n\n return (\n <MultiSelectCheckboxFilter\n collection={tagsFilterCollection}\n filter={filter}\n popoverProps={{ appendTo: 'window' }}\n placeholder={t('cairo.tags.filterPanel.dropdown.placeholder')}\n renderItem={(tag: Tag) => ({\n title: tag.name as string,\n id: tag.id,\n })}\n />\n );\n};\n\nexport const TagsFilter = observer(_TagsFilter);\n"],"mappings":"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","ignoreList":[]}
|