@wix/patterns 1.478.0 → 1.479.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/CollectionPageHeaderNew/CollectionPageHeader.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css +9 -3
- 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/CustomFieldModal/CustomFieldForm.js +9 -8
- package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js.map +1 -1
- package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js +3 -3
- package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map +1 -1
- package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js +15 -6
- package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.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.js +13 -7
- package/dist/cjs/components/EditableTable/EditableCell.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/EditableTable.js +17 -10
- package/dist/cjs/components/EditableTable/EditableTable.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableTableContextMenu.js +4 -4
- package/dist/cjs/components/EditableTable/EditableTableContextMenu.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/HeaderFieldActions.js +11 -3
- package/dist/cjs/components/EditableTable/HeaderFieldActions.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/EditableTable/useEditableTableContextMenu.js +13 -1
- package/dist/cjs/components/EditableTable/useEditableTableContextMenu.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/FieldActions/HeaderActionsPopover.js +19 -6
- package/dist/cjs/components/FieldActions/HeaderActionsPopover.js.map +1 -1
- package/dist/cjs/components/Grid/Grid.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/MoreActions/MoreActionsIcon.js +28 -25
- package/dist/cjs/components/MoreActions/MoreActionsIcon.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/PageSubTitle/PageSubTitle.js +7 -7
- package/dist/cjs/components/PageSubTitle/PageSubTitle.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/PrimaryActions/PrimaryActions.js +1 -2
- package/dist/cjs/components/PrimaryActions/PrimaryActions.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/Table/AddFieldColumnHeader.st.css.js +6 -6
- package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js +3 -3
- package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarCollection/ToolbarCollection.js.map +1 -1
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- package/dist/cjs/components/common.st.css.js +4 -4
- package/dist/cjs/components/common.st.css.js.map +1 -1
- package/dist/cjs/hooks/useCollectionPageChild/useCollectionPageChild.js +32 -1
- package/dist/cjs/hooks/useCollectionPageChild/useCollectionPageChild.js.map +1 -1
- package/dist/cjs/hooks/useLayoutSwitchCollection.js +2 -1
- package/dist/cjs/hooks/useLayoutSwitchCollection.js.map +1 -1
- package/dist/cjs/hooks/usePickerModal/UsePickerModalParamsBase.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/schema/useLayoutSwitchCollection.js +2 -0
- package/dist/cjs/schema/useLayoutSwitchCollection.js.map +1 -1
- package/dist/cjs/state/CollectionPage/CollectionPageActionsBar.js +23 -11
- package/dist/cjs/state/CollectionPage/CollectionPageActionsBar.js.map +1 -1
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css +11 -5
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +6 -3
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.js +25 -0
- package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.js.map +1 -0
- package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css +6 -0
- package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js +25 -0
- package/dist/cjs/state/CollectionPage/MobilePrimaryActionBar.st.css.js.map +1 -0
- package/dist/cjs/state/CollectionPage/TitleBadges.js +8 -7
- package/dist/cjs/state/CollectionPage/TitleBadges.js.map +1 -1
- package/dist/cjs/state/CollectionPage/TitleBadges.st.css.js +4 -4
- package/dist/cjs/state/CollectionPage/TitleBadges.st.css.js.map +1 -1
- package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js +59 -21
- package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js.map +1 -1
- package/dist/cjs/state/EditableTable/CellInteractionState.js +19 -2
- package/dist/cjs/state/EditableTable/CellInteractionState.js.map +1 -1
- package/dist/cjs/state/EditableTable/CellValueState.js +19 -1
- package/dist/cjs/state/EditableTable/CellValueState.js.map +1 -1
- package/dist/cjs/state/EditableTable/ClipboardState.js +37 -6
- package/dist/cjs/state/EditableTable/ClipboardState.js.map +1 -1
- package/dist/cjs/state/EditableTable/EditableTableState.js +14 -2
- package/dist/cjs/state/EditableTable/EditableTableState.js.map +1 -1
- package/dist/cjs/state/EditableTable/EditableTableStateBIReporter.js +17 -3
- package/dist/cjs/state/EditableTable/EditableTableStateBIReporter.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/LayoutSwitchState.js +2 -1
- package/dist/cjs/state/LayoutSwitchState.js.map +1 -1
- package/dist/cjs/state/TableState.js.map +1 -1
- package/dist/cjs/state/ViewTypeState.js +6 -2
- package/dist/cjs/state/ViewTypeState.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/ActionSubItem.md +1 -1
- package/dist/docs/Allow Users to Add Extended Fields.md +3 -3
- package/dist/docs/BulkSelectState.md +1 -1
- package/dist/docs/CMS Collection and Entity Template.md +57 -0
- package/dist/docs/Category.md +1 -1
- package/dist/docs/Collection Toolkit.md +7 -0
- package/dist/docs/Collection and Entity Template.md +59 -0
- package/dist/docs/Collection and Read-Only Detail Template.md +47 -0
- package/dist/docs/CollectionEmptyState.md +1 -1
- package/dist/docs/CollectionErrorState.md +1 -1
- package/dist/docs/CollectionNoResultsState.md +1 -1
- package/dist/docs/CollectionOptimisticActions.md +2 -2
- package/dist/docs/CollectionPage.Content.md +1 -1
- package/dist/docs/CollectionPage.Header.md +6 -6
- package/dist/docs/CollectionPage.md +2 -2
- package/dist/docs/CollectionPremiumEmptyState.md +1 -1
- package/dist/docs/CollectionSearch.md +5 -5
- package/dist/docs/CollectionState.md +3 -3
- package/dist/docs/CollectionToolbar.md +2 -2
- package/dist/docs/Component Tests.md +2 -2
- package/dist/docs/ComputedQuery.md +1 -1
- package/dist/docs/CustomColumns.md +2 -2
- package/dist/docs/CustomFieldsViewWidget.md +1 -1
- package/dist/docs/CustomFieldsWidget.md +3 -3
- package/dist/docs/Data Extension Overview.md +5 -5
- package/dist/docs/DataResultRaw.md +1 -1
- package/dist/docs/Display Extended Fields.md +4 -4
- package/dist/docs/Enable Filters for Extended Fields.md +3 -3
- package/dist/docs/EntityPage.AdditionalContent.md +2 -2
- package/dist/docs/EntityPage.Card.md +1 -1
- package/dist/docs/EntityPage.Content.md +2 -2
- package/dist/docs/EntityPage.Header.md +2 -2
- package/dist/docs/EntityPage.MainContent.md +2 -2
- package/dist/docs/EntityPage.Slots.md +1 -1
- package/dist/docs/EntityPage.md +8 -8
- package/dist/docs/EntityPageState.md +2 -2
- package/dist/docs/Explore Apps.md +1 -1
- package/dist/docs/ExportTo.md +2 -2
- package/dist/docs/Filter Overview.md +23 -23
- package/dist/docs/FilterProps.md +1 -1
- package/dist/docs/FormPageState.md +1 -1
- package/dist/docs/Grid Sections.md +4 -4
- package/dist/docs/Grid.md +4 -4
- package/dist/docs/GridDragAndDrop.md +3 -3
- package/dist/docs/GridFolders.md +1 -1
- package/dist/docs/GridFoldersSection.md +1 -1
- package/dist/docs/GridFoldersState.md +2 -2
- package/dist/docs/GridSectionsProp.md +3 -3
- package/dist/docs/GridState.md +2 -2
- package/dist/docs/InMemoryBackend.md +3 -3
- package/dist/docs/More Actions.md +5 -5
- package/dist/docs/MoreActionsItem.md +2 -2
- package/dist/docs/MultiAutoInlineCheckboxFilter.md +1 -1
- package/dist/docs/MultiBulkActionToolbar.md +1 -1
- package/dist/docs/MultiLevelSorting.md +3 -3
- package/dist/docs/MultiSelectCheckboxFilter.md +2 -2
- package/dist/docs/MultiSelectCollectionFilter.md +1 -1
- package/dist/docs/NestedTable.md +19 -19
- package/dist/docs/NestedTableLevel.md +3 -3
- package/dist/docs/NestedTableNodeState.md +3 -3
- package/dist/docs/NestedTableState.md +4 -4
- package/dist/docs/Page Templates.md +47 -0
- package/dist/docs/PageWrapper.md +1 -1
- package/dist/docs/PickerContent.md +7 -7
- package/dist/docs/PickerModal.md +4 -4
- package/dist/docs/PickerStandalone.md +2 -2
- package/dist/docs/PrimaryPageButton.md +1 -1
- package/dist/docs/RadioGroupFilter.md +1 -1
- package/dist/docs/Reading the Doc Indices.md +22 -5
- package/dist/docs/Settings Page Template.md +41 -0
- package/dist/docs/SettingsPage.AdditionalContent.md +2 -2
- package/dist/docs/SettingsPage.Card.md +1 -1
- package/dist/docs/SettingsPage.Content.md +2 -2
- package/dist/docs/SettingsPage.Header.md +2 -2
- package/dist/docs/SettingsPage.MainContent.md +2 -2
- package/dist/docs/SettingsPage.md +4 -4
- package/dist/docs/SettingsPageState.md +1 -1
- package/dist/docs/SingleSelectFilter.md +2 -2
- package/dist/docs/Sortable Columns.md +4 -4
- package/dist/docs/SummaryBar.md +1 -1
- package/dist/docs/Table Sections.md +4 -4
- package/dist/docs/Table.md +4 -4
- package/dist/docs/TableColumn.md +3 -3
- package/dist/docs/TableDragAndDrop.md +3 -3
- package/dist/docs/TableFolders.md +1 -1
- package/dist/docs/TableFoldersState.md +2 -2
- package/dist/docs/TableGridSwitch.md +4 -4
- package/dist/docs/TableGridSwitchDragAndDrop.md +3 -3
- package/dist/docs/TableGridSwitchFolders.md +20 -20
- package/dist/docs/TableGridSwitchFoldersState.md +5 -5
- package/dist/docs/TableGridSwitchState.md +2 -2
- package/dist/docs/TableSectionsProp.md +3 -3
- package/dist/docs/TableState.md +2 -2
- package/dist/docs/TableTopNotification.md +2 -2
- package/dist/docs/TabsFilter.md +1 -1
- package/dist/docs/Tags Overview.md +1 -1
- package/dist/docs/Tags.md +3 -3
- package/dist/docs/TagsWidget.md +3 -3
- package/dist/docs/ToolbarCollectionState.md +1 -1
- package/dist/docs/ToolbarFilters.md +1 -1
- package/dist/docs/ToolbarSecondaryActions.md +1 -1
- package/dist/docs/View.md +1 -1
- package/dist/docs/Views.md +1 -1
- package/dist/docs/WidgetsFormProvider.md +3 -3
- package/dist/docs/WixPatternsEssentialsProvider.md +1 -1
- package/dist/docs/WixPatternsProvider.md +3 -3
- package/dist/docs/arrayFilter.md +2 -2
- package/dist/docs/bulkActionModal.md +2 -2
- package/dist/docs/createNestedTableLevel.md +3 -3
- package/dist/docs/createNestedTableSingleEntityLevels.md +1 -1
- package/dist/docs/customFilter.md +2 -2
- package/dist/docs/dateRangeFilter.Factories.md +1 -1
- package/dist/docs/index.json +120 -0
- package/dist/docs/useAmbassadorCollection.md +2 -2
- package/dist/docs/useCollection.md +2 -2
- package/dist/docs/useCreateCollection.md +1 -1
- package/dist/docs/useCreateNestedOptimisticActions.md +5 -5
- package/dist/docs/useEntity.md +2 -2
- package/dist/docs/useEntityPage.md +3 -3
- package/dist/docs/useEntityPageContext.md +2 -2
- package/dist/docs/useGridCollection.md +2 -2
- package/dist/docs/useGridFolders.md +2 -2
- package/dist/docs/useNestedTable.md +5 -5
- package/dist/docs/useOptimisticActions.md +2 -2
- package/dist/docs/usePatternsNavigate.md +1 -1
- package/dist/docs/usePickerContent.md +2 -2
- package/dist/docs/usePickerModal.md +1 -1
- package/dist/docs/usePickerStandalone.md +2 -2
- package/dist/docs/useSettingsPage.md +2 -2
- package/dist/docs/useSettingsPageContext.md +2 -2
- package/dist/docs/useStaticListFilterCollection.md +2 -2
- package/dist/docs/useTableCollection.md +1 -1
- package/dist/docs/useTableFolders.md +2 -2
- package/dist/docs/useTableGridSwitchCollection.md +2 -2
- package/dist/docs/useTableGridSwitchFolders.md +4 -4
- package/dist/docs/useWidgetsFormContext.md +2 -2
- package/dist/dts-bundle/components/CollectionPage.d.ts +5 -5
- package/dist/dts-bundle/components/Grid.d.ts +1 -1
- package/dist/dts-bundle/components/LayoutSwitch.d.ts +1 -1
- package/dist/dts-bundle/components/TableGridSwitch.d.ts +1 -1
- package/dist/dts-bundle/components/schema/Grid.d.ts +1 -1
- package/dist/dts-bundle/hooks/useLayoutSwitchCollection.d.ts +7 -0
- package/dist/dts-bundle/hooks/usePickerModal.d.ts +1 -1
- package/dist/dts-bundle/index.json +46 -46
- package/dist/dts-bundle/index.txt +12 -12
- package/dist/dts-bundle/types/SchemaSource.d.ts +5 -1
- package/dist/dts-bundle/types/SchemaSourceInput.d.ts +5 -1
- package/dist/dts-bundle/types/TableState.d.ts +1 -1
- package/dist/dts-bundle/types/ToolbarCollectionBaseProps.d.ts +6 -6
- package/dist/dts-bundle/types/UseCmsSchemaSourceDeps.d.ts +5 -1
- package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/esm/components/CardContainer/CardContainer.st.css.js.map +1 -1
- 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/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 +9 -3
- 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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CustomFieldModal/CustomFieldForm.js +2 -2
- package/dist/esm/components/CustomFieldModal/CustomFieldForm.js.map +1 -1
- package/dist/esm/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js +2 -2
- package/dist/esm/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map +1 -1
- package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js +10 -2
- package/dist/esm/components/CustomFieldModal/CustomFieldTypeDropdown.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/EditableTable/EditableCell.js +7 -1
- package/dist/esm/components/EditableTable/EditableCell.js.map +1 -1
- 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/EditableTable.js +9 -2
- package/dist/esm/components/EditableTable/EditableTable.js.map +1 -1
- package/dist/esm/components/EditableTable/EditableTableContextMenu.js +4 -4
- package/dist/esm/components/EditableTable/EditableTableContextMenu.js.map +1 -1
- 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/HeaderFieldActions.js +9 -2
- package/dist/esm/components/EditableTable/HeaderFieldActions.js.map +1 -1
- 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/address/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/array/Edit.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/boolean/View.st.css.js.map +1 -1
- 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/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/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/email/View.st.css.js.map +1 -1
- 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/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/useEditableTableContextMenu.js +12 -1
- package/dist/esm/components/EditableTable/useEditableTableContextMenu.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js +2 -2
- package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js.map +1 -1
- 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 +13 -2
- 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/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/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- 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/MoreActions/MoreActionsIcon.js +5 -4
- package/dist/esm/components/MoreActions/MoreActionsIcon.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/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/esm/components/PageSubTitle/PageSubTitle.js +9 -7
- package/dist/esm/components/PageSubTitle/PageSubTitle.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/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- 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/PrimaryActions/PrimaryActions.js +1 -1
- package/dist/esm/components/PrimaryActions/PrimaryActions.js.map +1 -1
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- 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/Table/AddFieldColumnHeader.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/hooks/useCollectionPageChild/useCollectionPageChild.js +17 -1
- package/dist/esm/hooks/useCollectionPageChild/useCollectionPageChild.js.map +1 -1
- package/dist/esm/hooks/useLayoutSwitchCollection.js +1 -0
- package/dist/esm/hooks/useLayoutSwitchCollection.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/schema/useLayoutSwitchCollection.js +2 -1
- package/dist/esm/schema/useLayoutSwitchCollection.js.map +1 -1
- package/dist/esm/state/CollectionPage/CollectionPageActionsBar.js +4 -1
- package/dist/esm/state/CollectionPage/CollectionPageActionsBar.js.map +1 -1
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css +11 -5
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +3 -3
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/CollectionPage/MobilePrimaryActionBar.js +7 -0
- package/dist/esm/state/CollectionPage/MobilePrimaryActionBar.js.map +1 -0
- package/dist/esm/state/CollectionPage/MobilePrimaryActionBar.st.css +6 -0
- package/dist/esm/state/CollectionPage/MobilePrimaryActionBar.st.css.js +15 -0
- package/dist/esm/state/CollectionPage/MobilePrimaryActionBar.st.css.js.map +1 -0
- package/dist/esm/state/CollectionPage/TitleBadges.js +2 -2
- package/dist/esm/state/CollectionPage/TitleBadges.js.map +1 -1
- package/dist/esm/state/CollectionPage/TitleBadges.st.css.js +2 -2
- package/dist/esm/state/CollectionPage/TitleBadges.st.css.js.map +1 -1
- package/dist/esm/state/CollectionPage/useCollectionPageHeader.js +32 -8
- package/dist/esm/state/CollectionPage/useCollectionPageHeader.js.map +1 -1
- package/dist/esm/state/EditableTable/CellInteractionState.js +13 -2
- package/dist/esm/state/EditableTable/CellInteractionState.js.map +1 -1
- package/dist/esm/state/EditableTable/CellValueState.js +7 -1
- package/dist/esm/state/EditableTable/CellValueState.js.map +1 -1
- package/dist/esm/state/EditableTable/ClipboardState.js +33 -6
- package/dist/esm/state/EditableTable/ClipboardState.js.map +1 -1
- package/dist/esm/state/EditableTable/EditableTableState.js +15 -3
- package/dist/esm/state/EditableTable/EditableTableState.js.map +1 -1
- package/dist/esm/state/EditableTable/EditableTableStateBIReporter.js +19 -3
- package/dist/esm/state/EditableTable/EditableTableStateBIReporter.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/LayoutSwitchState.js +1 -0
- package/dist/esm/state/LayoutSwitchState.js.map +1 -1
- package/dist/esm/state/ViewTypeState.js +9 -2
- package/dist/esm/state/ViewTypeState.js.map +1 -1
- package/dist/esm/styles.global.css +2 -2
- package/dist/esm/version.js +1 -1
- package/dist/templates/cms-collection-entity/ItemEntityPage.tsx +47 -0
- package/dist/templates/cms-collection-entity/ItemsApp.tsx +28 -0
- package/dist/templates/cms-collection-entity/ItemsCollectionPage.tsx +56 -0
- package/dist/templates/cms-collection-entity/collection.ts +9 -0
- package/dist/templates/cms-collection-entity/page.tsx +32 -0
- package/dist/templates/collection-detail/ItemDetailPage.tsx +44 -0
- package/dist/templates/collection-detail/ItemsApp.tsx +26 -0
- package/dist/templates/collection-detail/ItemsCollectionPage.tsx +111 -0
- package/dist/templates/collection-detail/items-api.ts +66 -0
- package/dist/templates/collection-detail/page.tsx +32 -0
- package/dist/templates/collection-entity/ItemEntityPage.tsx +73 -0
- package/dist/templates/collection-entity/ItemsApp.tsx +30 -0
- package/dist/templates/collection-entity/ItemsCollectionPage.tsx +120 -0
- package/dist/templates/collection-entity/items-api.ts +66 -0
- package/dist/templates/collection-entity/page.tsx +32 -0
- package/dist/templates/settings-page/SettingsPageView.tsx +78 -0
- package/dist/templates/settings-page/page.tsx +18 -0
- package/dist/templates/settings-page/settings-api.ts +17 -0
- package/dist/types/components/CardContainer/CardContainer.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/CollectionPageHeaderNew/CollectionPageHeader.d.ts +5 -5
- package/dist/types/components/CustomFieldModal/CustomFieldForm.d.ts.map +1 -1
- package/dist/types/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.d.ts.map +1 -1
- package/dist/types/components/CustomFieldModal/CustomFieldTypeDropdown.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableTable.d.ts.map +1 -1
- package/dist/types/components/EditableTable/HeaderActionsPopover.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/HeaderFieldActions.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/array/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/boolean/View.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/email/View.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/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/useEditableTableContextMenu.d.ts +1 -1
- package/dist/types/components/EditableTable/useEditableTableContextMenu.d.ts.map +1 -1
- package/dist/types/components/EmptyState/EmptyStateBase.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 +2 -1
- package/dist/types/components/FieldActions/HeaderActionsPopover.d.ts.map +1 -1
- package/dist/types/components/Grid/Grid.d.ts +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/MaxHeightText/MaxHeightText.st.css.d.ts.map +1 -1
- package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
- package/dist/types/components/MoreActions/MoreActionsIcon.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/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PageSubTitle/PageSubTitle.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerTableListItem/PickerTableListItem.st.css.d.ts.map +1 -1
- package/dist/types/components/PrimaryActions/PrimaryActions.d.ts.map +1 -1
- package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts.map +1 -1
- package/dist/types/components/ToolbarCollection/ToolbarCollection.d.ts +6 -6
- package/dist/types/hooks/useCollectionPageChild/useCollectionPageChild.d.ts.map +1 -1
- package/dist/types/hooks/useLayoutSwitchCollection.d.ts +6 -0
- package/dist/types/hooks/useLayoutSwitchCollection.d.ts.map +1 -1
- package/dist/types/hooks/usePickerModal/UsePickerModalParamsBase.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/schema/useLayoutSwitchCollection.d.ts +6 -0
- package/dist/types/schema/useLayoutSwitchCollection.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/CollectionPageActionsBar.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts +4 -1
- package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/MobilePrimaryActionBar.d.ts +5 -0
- package/dist/types/state/CollectionPage/MobilePrimaryActionBar.d.ts.map +1 -0
- package/dist/types/state/CollectionPage/MobilePrimaryActionBar.st.css.d.ts +16 -0
- package/dist/types/state/CollectionPage/MobilePrimaryActionBar.st.css.d.ts.map +1 -0
- package/dist/types/state/CollectionPage/TitleBadges.d.ts +3 -1
- package/dist/types/state/CollectionPage/TitleBadges.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/TitleBadges.st.css.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/useCollectionPageHeader.d.ts.map +1 -1
- package/dist/types/state/EditableTable/CellInteractionState.d.ts.map +1 -1
- package/dist/types/state/EditableTable/CellValueState.d.ts +3 -2
- package/dist/types/state/EditableTable/CellValueState.d.ts.map +1 -1
- package/dist/types/state/EditableTable/ClipboardState.d.ts +5 -3
- package/dist/types/state/EditableTable/ClipboardState.d.ts.map +1 -1
- package/dist/types/state/EditableTable/EditableTableState.d.ts +2 -2
- package/dist/types/state/EditableTable/EditableTableState.d.ts.map +1 -1
- package/dist/types/state/EditableTable/EditableTableStateBIReporter.d.ts +9 -2
- package/dist/types/state/EditableTable/EditableTableStateBIReporter.d.ts.map +1 -1
- package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/state/LayoutSwitchState.d.ts +3 -0
- package/dist/types/state/LayoutSwitchState.d.ts.map +1 -1
- package/dist/types/state/TableState.d.ts +1 -1
- package/dist/types/state/ViewTypeState.d.ts +2 -0
- package/dist/types/state/ViewTypeState.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +11 -8
- 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/CollectionPageHeaderNew/CollectionPageHeader.tsx +5 -5
- package/src/components/CollectionPageNew/CollectionPage.st.css +9 -3
- 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/CustomFieldModal/CustomFieldForm.tsx +11 -9
- package/src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts +2 -2
- package/src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx +12 -1
- package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
- package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
- package/src/components/EditableTable/EditableCell.tsx +7 -1
- package/src/components/EditableTable/EditableTable.tsx +16 -2
- package/src/components/EditableTable/EditableTableContextMenu.tsx +4 -4
- package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
- package/src/components/EditableTable/HeaderFieldActions.tsx +13 -1
- 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/EditableTable/useEditableTableContextMenu.ts +13 -0
- 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/FieldActions/HeaderActionsPopover.tsx +15 -1
- package/src/components/Grid/Grid.tsx +1 -1
- 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/MoreActions/MoreActionsIcon.tsx +27 -13
- 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/PageSubTitle/PageSubTitle.tsx +24 -20
- 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/PrimaryActions/PrimaryActions.tsx +0 -1
- 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/Table/AddFieldColumnHeader.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/ToolbarCollection/ToolbarCollection.tsx +6 -6
- package/src/components/ToolbarItem/ToolbarItem.st.css.ts +2 -2
- package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
- package/src/components/common.st.css.ts +2 -2
- package/src/hooks/useCollectionPageChild/useCollectionPageChild.tsx +26 -1
- package/src/hooks/useLayoutSwitchCollection.ts +7 -0
- package/src/hooks/usePickerModal/UsePickerModalParamsBase.ts +1 -1
- package/src/index.ts +1 -0
- package/src/schema/useLayoutSwitchCollection.ts +24 -11
- package/src/state/CollectionPage/CollectionPageActionsBar.tsx +7 -1
- package/src/state/CollectionPage/CollectionPageHeader.st.css +11 -5
- package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +3 -3
- package/src/state/CollectionPage/MobilePrimaryActionBar.st.css +6 -0
- package/src/state/CollectionPage/MobilePrimaryActionBar.st.css.ts +25 -0
- package/src/state/CollectionPage/MobilePrimaryActionBar.tsx +15 -0
- package/src/state/CollectionPage/TitleBadges.st.css.ts +2 -2
- package/src/state/CollectionPage/TitleBadges.tsx +4 -2
- package/src/state/CollectionPage/useCollectionPageHeader.tsx +43 -10
- package/src/state/EditableTable/CellInteractionState.ts +19 -2
- package/src/state/EditableTable/CellValueState.ts +12 -2
- package/src/state/EditableTable/ClipboardState.ts +42 -7
- package/src/state/EditableTable/EditableTableState.ts +19 -3
- package/src/state/EditableTable/EditableTableStateBIReporter.ts +23 -3
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/state/LayoutSwitchState.ts +4 -0
- package/src/state/TableState.ts +1 -1
- package/src/state/ViewTypeState.ts +12 -2
- package/src/styles.global.css +2 -2
- package/src/version.ts +1 -1
|
@@ -12,13 +12,13 @@ Examples below are illustrative: each one demonstrates this page's API, and ever
|
|
|
12
12
|
|
|
13
13
|
The sortable columns feature allows users to sort a table by clicking on a column header, sorting the table based on the values in that column.
|
|
14
14
|
|
|
15
|
-
> **Note:** To allow visitors to sort by multiple columns, you need to enable [Multi Level Sorting](
|
|
15
|
+
> **Note:** To allow visitors to sort by multiple columns, you need to enable [Multi Level Sorting](MultiLevelSorting.md).
|
|
16
16
|
|
|
17
17
|
#### Usage
|
|
18
18
|
|
|
19
|
-
1. Define a [`Table`](
|
|
19
|
+
1. Define a [`Table`](Table.md) collection component.
|
|
20
20
|
|
|
21
|
-
1. Define the table columns by passing [`TableColumn`](
|
|
21
|
+
1. Define the table columns by passing [`TableColumn`](TableColumn.md) objects to the `columns` prop on the `Table`, specifiying the following properties:
|
|
22
22
|
|
|
23
23
|
* `id`: A unique identifier for the column. **Required** to enable sortable columns.
|
|
24
24
|
* `sortable`: Set to `true` to make the column sortable. **Required** to enable sortable columns.
|
|
@@ -27,7 +27,7 @@ The sortable columns feature allows users to sort a table by clicking on a colum
|
|
|
27
27
|
|
|
28
28
|
#### Backend integration
|
|
29
29
|
|
|
30
|
-
The [`query`](
|
|
30
|
+
The [`query`](ComputedQuery.md) argument passed to [`fetchData`](useCollection.md) includes a `sort` option. For tables, only one column can be sorted at a time, so the array will either be empty or contain a single sort object. Given your server supports sorting, convert the `sort` array to the appropriate parameter format for your server.
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
### Basic sortable column
|
package/dist/docs/SummaryBar.md
CHANGED
|
@@ -10,13 +10,13 @@ Examples below are illustrative: each one demonstrates this page's API, and ever
|
|
|
10
10
|
|
|
11
11
|
### Description
|
|
12
12
|
|
|
13
|
-
Group [`Table`](
|
|
13
|
+
Group [`Table`](Table.md) data into sections.
|
|
14
14
|
|
|
15
15
|
#### Usage
|
|
16
16
|
|
|
17
|
-
1. Create a [`Table`](
|
|
18
|
-
1. In the `fetchData` function of the [`useTableCollection()`](
|
|
19
|
-
1. Define the `sections` prop on the `Table`. The prop must be a [`TableSectionsProp`](
|
|
17
|
+
1. Create a [`Table`](Table.md) collection component.
|
|
18
|
+
1. In the `fetchData` function of the [`useTableCollection()`](useTableCollection.md) hook, return data grouped by the desired field for creating sections. You can use `sort` for this, or simply return the data grouped by the field in a flat array. Patterns detects this field and sections the table data by its values.
|
|
19
|
+
1. Define the `sections` prop on the `Table`. The prop must be a [`TableSectionsProp`](TableSectionsProp.md) object, where the `renderSection` callback returns a [`Section`](CollectionSection.md) object with `id`, `title`, and optional `primaryAction` properties.
|
|
20
20
|
|
|
21
21
|
```tsx
|
|
22
22
|
import { TableSections } from '@wix/patterns';
|
package/dist/docs/Table.md
CHANGED
|
@@ -22,9 +22,9 @@ The `Table` component displays data in rows and columns, allowing you to organiz
|
|
|
22
22
|
|
|
23
23
|
#### Usage
|
|
24
24
|
|
|
25
|
-
1. Wrap your code in a `WixDesignSystemProvider` followed by a [`WixPatternsProvider`](
|
|
26
|
-
1. Wrap `Table` in a [`CollectionPage`](
|
|
27
|
-
1. Create a [`TableState`](
|
|
25
|
+
1. Wrap your code in a `WixDesignSystemProvider` followed by a [`WixPatternsProvider`](WixPatternsProvider.md).
|
|
26
|
+
1. Wrap `Table` in a [`CollectionPage`](CollectionPage.md).
|
|
27
|
+
1. Create a [`TableState`](TableState.md) using [`useTableCollection()`](useTableCollection.md).
|
|
28
28
|
1. Pass the `TableState` to the `state` prop.
|
|
29
29
|
|
|
30
30
|
```tsx
|
|
@@ -95,7 +95,7 @@ Example code: read `dist/examples/Table/fetch-total-async.tsx`
|
|
|
95
95
|
|
|
96
96
|
### Using Ambassador
|
|
97
97
|
|
|
98
|
-
If you have a crud package from ambassador you can use our [useAmbassadorCollection](
|
|
98
|
+
If you have a crud package from ambassador you can use our [useAmbassadorCollection](useAmbassadorCollection.md) hook instead using the default [useCollection](useCollection.md).
|
|
99
99
|
|
|
100
100
|
Example code: read `dist/examples/Table/using-ambassador.tsx`
|
|
101
101
|
|
package/dist/docs/TableColumn.md
CHANGED
|
@@ -8,13 +8,13 @@ Paths written as `dist/…` below are relative to the `@wix/patterns` package ro
|
|
|
8
8
|
|
|
9
9
|
### Overview
|
|
10
10
|
|
|
11
|
-
Defines a column in a [`Table`](
|
|
11
|
+
Defines a column in a [`Table`](Table.md) component. Extends the Wix Design System table column with Patterns-specific features: `sortable` / `defaultSortOrder`, `searchable`, `hideable` (for [`CustomColumns`](CustomColumns.md)), and `mobile` layout configuration.
|
|
12
12
|
|
|
13
13
|
### Description
|
|
14
14
|
|
|
15
|
-
A column of a [`Table`](
|
|
15
|
+
A column of a [`Table`](Table.md) collection component.
|
|
16
16
|
|
|
17
|
-
> **Note:** `TableColumn` properties affect the behavior of features such as [Custom Columns](./?path=/story/features-display-custom-columns--overview) and [Sortable Columns](
|
|
17
|
+
> **Note:** `TableColumn` properties affect the behavior of features such as [Custom Columns](./?path=/story/features-display-custom-columns--overview) and [Sortable Columns](<Sortable Columns.md>).
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
### Props
|
|
@@ -12,13 +12,13 @@ Some of that scaffolding is environment-scoped and is **not** needed to use this
|
|
|
12
12
|
|
|
13
13
|
### Description
|
|
14
14
|
|
|
15
|
-
Enables [drag and drop](./?path=/story/features-sort-drag-and-drop--overview) functionality on a [`Table`](
|
|
15
|
+
Enables [drag and drop](./?path=/story/features-sort-drag-and-drop--overview) functionality on a [`Table`](Table.md) component.
|
|
16
16
|
|
|
17
17
|
#### Usage
|
|
18
18
|
|
|
19
|
-
1. Define a [`Table`](
|
|
19
|
+
1. Define a [`Table`](Table.md) component.
|
|
20
20
|
1. Import and pass the `TableDragAndDrop` component to the `dragAndDrop` prop on the `Table`.
|
|
21
|
-
1. Define the relevant drag and drop props on the [`Table`](
|
|
21
|
+
1. Define the relevant drag and drop props on the [`Table`](Table.md):
|
|
22
22
|
|
|
23
23
|
* `dragAndDropSubmit`
|
|
24
24
|
* `dragAndDropCancel` (optional)
|
|
@@ -39,7 +39,7 @@ Example code: read `dist/examples/TableFolders/table-folders.tsx`
|
|
|
39
39
|
|
|
40
40
|
### With Tags
|
|
41
41
|
|
|
42
|
-
This example shows a `TableFolders` component with tags. Note that you can only assign tags to table items and not to folders. [See Tags docs](
|
|
42
|
+
This example shows a `TableFolders` component with tags. Note that you can only assign tags to table items and not to folders. [See Tags docs](<Tags Overview.md>).
|
|
43
43
|
|
|
44
44
|
Example code: read `dist/examples/TableFolders/with-tags.tsx`
|
|
45
45
|
|
|
@@ -8,11 +8,11 @@ Paths written as `dist/…` below are relative to the `@wix/patterns` package ro
|
|
|
8
8
|
|
|
9
9
|
### Overview
|
|
10
10
|
|
|
11
|
-
`TableFoldersState` manages the state for a [`TableFolders`](
|
|
11
|
+
`TableFoldersState` manages the state for a [`TableFolders`](TableFolders.md) component, which displays folders and items in a table layout. Holds separate `CollectionState` instances for folders and items, plus a shared `TableState` and toolbar. Created by [`useTableCollection`](useTableCollection.md) with a folders configuration.
|
|
12
12
|
|
|
13
13
|
### Description
|
|
14
14
|
|
|
15
|
-
`TableFoldersState` is the return value of the [`useTableFolders()`](
|
|
15
|
+
`TableFoldersState` is the return value of the [`useTableFolders()`](useTableFolders.md) hook.
|
|
16
16
|
|
|
17
17
|
### Props
|
|
18
18
|
|
|
@@ -14,9 +14,9 @@ The `TableGridSwitch` component provides a pair of icons in the toolbar for togg
|
|
|
14
14
|
|
|
15
15
|
#### Usage
|
|
16
16
|
|
|
17
|
-
1. Wrap your code in a `WixDesignSystemProvider` followed by a [`WixPatternsProvider`](
|
|
18
|
-
1. Wrap `TableGridSwitch` in a [`CollectionPage`](
|
|
19
|
-
1. Create a [`TableGridSwitchState`](
|
|
17
|
+
1. Wrap your code in a `WixDesignSystemProvider` followed by a [`WixPatternsProvider`](WixPatternsProvider.md).
|
|
18
|
+
1. Wrap `TableGridSwitch` in a [`CollectionPage`](CollectionPage.md).
|
|
19
|
+
1. Create a [`TableGridSwitchState`](TableGridSwitchState.md) using [`useTableGridSwitchCollection()`](useTableGridSwitchCollection.md).
|
|
20
20
|
1. Pass the `TableGridSwitchState` to the `state` prop.
|
|
21
21
|
|
|
22
22
|
```tsx
|
|
@@ -31,7 +31,7 @@ Example code: read `dist/examples/TableGridSwitch/basic-table-grid-switch.tsx`
|
|
|
31
31
|
|
|
32
32
|
### Custom columns
|
|
33
33
|
|
|
34
|
-
A basic table and grid switch with [custom columns](
|
|
34
|
+
A basic table and grid switch with [custom columns](CustomColumns.md). Note that custom columns are only available in the Table view.
|
|
35
35
|
|
|
36
36
|
Example code: read `dist/examples/TableGridSwitch/custom-columns.tsx`
|
|
37
37
|
|
|
@@ -8,13 +8,13 @@ Examples below are illustrative: each one demonstrates this page's API, and ever
|
|
|
8
8
|
|
|
9
9
|
### Description
|
|
10
10
|
|
|
11
|
-
Enables [drag and drop](./?path=/story/features-sort-drag-and-drop--overview) functionality on a [`TableGridSwitch`](
|
|
11
|
+
Enables [drag and drop](./?path=/story/features-sort-drag-and-drop--overview) functionality on a [`TableGridSwitch`](Grid.md) component.
|
|
12
12
|
|
|
13
13
|
#### Usage
|
|
14
14
|
|
|
15
|
-
1. Define a [`TableGridSwitch`](
|
|
15
|
+
1. Define a [`TableGridSwitch`](TableGridSwitch.md) component.
|
|
16
16
|
1. Import and pass the `TableGridSwitchDragAndDrop` to the `dragAndDrop` prop on the `TableGridSwitch`.
|
|
17
|
-
1. Define the relevant drag and drop props on the [`TableGridSwitch`](
|
|
17
|
+
1. Define the relevant drag and drop props on the [`TableGridSwitch`](TableGridSwitch.md):
|
|
18
18
|
|
|
19
19
|
* `dragAndDropSubmit`
|
|
20
20
|
* `dragAndDropCancel` (optional)
|
|
@@ -36,7 +36,7 @@ Example code: read `dist/examples/TableGridSwitchFolders/tablegridswitchfolders.
|
|
|
36
36
|
|
|
37
37
|
### With Tags
|
|
38
38
|
|
|
39
|
-
This example shows a `TableGridSwitchFolders` component with tags. Note that you can only assign tags to table items and not to folders. [See Tags docs](
|
|
39
|
+
This example shows a `TableGridSwitchFolders` component with tags. Note that you can only assign tags to table items and not to folders. [See Tags docs](<Tags Overview.md>).
|
|
40
40
|
|
|
41
41
|
Example code: read `dist/examples/TableGridSwitchFolders/with-tags.tsx`
|
|
42
42
|
|
|
@@ -46,37 +46,37 @@ Example code: read `dist/examples/TableGridSwitchFolders/with-tags.tsx`
|
|
|
46
46
|
|
|
47
47
|
| Prop | Type | Required | Default | Description |
|
|
48
48
|
|------|------|----------|---------|-------------|
|
|
49
|
-
| `state` | `TableGridSwitchFoldersState<T1, F1, T2, F2>` | Yes | - | A TableGridSwitchFoldersState instance created using [useTableGridSwitchFoldersState](
|
|
49
|
+
| `state` | `TableGridSwitchFoldersState<T1, F1, T2, F2>` | Yes | - | A TableGridSwitchFoldersState instance created using [useTableGridSwitchFoldersState](useTableGridSwitchFolders.md). |
|
|
50
50
|
| `secondaryActions` | `ToolbarSecondaryActionsElement` | No | - | Secondary buttons w/o PopoverMenu component to be rendered on the toolbar. |
|
|
51
51
|
| `search` | `boolean \| FilterElement \| CollectionSearchElement` | No | `true` | Displays a search input on the right side of the table toolbar.<br> <br> Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed. |
|
|
52
|
-
| `title` | `ToolbarTitleElement` | No | - | Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](
|
|
52
|
+
| `title` | `ToolbarTitleElement` | No | - | Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](ToolbarTitle.md) component. |
|
|
53
53
|
| `tags` | `TagsElement<T1, Partial<F1 & F2>>` | No | - | Enables tags feature. In this element you can pass the configuration |
|
|
54
|
-
| `errorState` | `((err: unknown, params: { isOnline: boolean; retry: () => void; }) => ReactElement<any, string \| JSXElementConstructor<any>>)` | No | - | A render function to be rendered when there's an error fetching data from the server.<br> The function accepts the following parameters <br> * `err`: The error thrown by the [fetchData](
|
|
55
|
-
| `renderError` | `((params: { err: unknown; isOnline: boolean; retry: () => void; }) => ReactElement<any, string \| JSXElementConstructor<any>>)` | No | - | A render function to be rendered when there's an error fetching data from the server.<br> The function accepts the following parameters <br> * `err`: The error thrown by the [fetchData](
|
|
54
|
+
| `errorState` | `((err: unknown, params: { isOnline: boolean; retry: () => void; }) => ReactElement<any, string \| JSXElementConstructor<any>>)` | No | - | A render function to be rendered when there's an error fetching data from the server.<br> The function accepts the following parameters <br> * `err`: The error thrown by the [fetchData](useCollection.md) function <br> * `isOnline`: Indicates whether internet connection is available <br> * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br> Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component. |
|
|
55
|
+
| `renderError` | `((params: { err: unknown; isOnline: boolean; retry: () => void; }) => ReactElement<any, string \| JSXElementConstructor<any>>)` | No | - | A render function to be rendered when there's an error fetching data from the server.<br> The function accepts the following parameters <br> * `err`: The error thrown by the [fetchData](useCollection.md) function <br> * `isOnline`: Indicates whether internet connection is available <br> * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br> Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component. @deprecated Use `errorState` instead. |
|
|
56
56
|
| `maxSelection` | `number` | No | - | Limits the amount of rows a visitor can select. |
|
|
57
|
-
| `views` | `CollectionViewsDropdownElement<Partial<F1 & F2>>` | No | - | Adds view options to the table headers. Accepts a [Views](
|
|
57
|
+
| `views` | `CollectionViewsDropdownElement<Partial<F1 & F2>>` | No | - | Adds view options to the table headers. Accepts a [Views](Views.md) component. |
|
|
58
58
|
| `filters` | `CollectionToolbarFiltersElement` | No | - | Adds filters to the toolbar and/or a sliding panel. Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined. |
|
|
59
|
-
| `tabs` | `TabsFilterElement<TabsFilterProps<T1>>` | No | - | Displays tabs at the left of a toolbar. Accepts a [TabsFilter](
|
|
59
|
+
| `tabs` | `TabsFilterElement<TabsFilterProps<T1>>` | No | - | Displays tabs at the left of a toolbar. Accepts a [TabsFilter](TabsFilter.md) component. |
|
|
60
60
|
| `minCardHeight` | `MinHeight<string \| number>` | No | `300px` | Minimum height for a card's container when showing:<br> - A loader<br> - Empty state<br> - Error state <br><br> If no unit is specified, `px` is used. |
|
|
61
|
-
| `emptyState` | `ReactNode` | No | - | Renders when there are no items to display. Accepts a [`CollectionEmptyState`](
|
|
62
|
-
| `noResultsState` | `ReactNode \| ((params: { hasAvailableItems: boolean; query: ComputedQuery<Partial<F1 & F2>>; }) => ReactNode)` | No | - | Shown when a search or filter has no results. Accepts a [`CollectionNoResultsState`](
|
|
63
|
-
| `summaryBar` | `ReactNode` | No | - | Display a summary bar below the toolbar. Accepts a [`SummaryBar`](
|
|
61
|
+
| `emptyState` | `ReactNode` | No | - | Renders when there are no items to display. Accepts a [`CollectionEmptyState`](CollectionEmptyState.md) component. |
|
|
62
|
+
| `noResultsState` | `ReactNode \| ((params: { hasAvailableItems: boolean; query: ComputedQuery<Partial<F1 & F2>>; }) => ReactNode)` | No | - | Shown when a search or filter has no results. Accepts a [`CollectionNoResultsState`](CollectionNoResultsState.md) component, or a function that accepts the following parameters: - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters. - `query`: An instance of [`ComputedQuery`](ComputedQuery.md) representing the query that resulted in the empty state. The function should return [`CollectionNoResultsState`](CollectionNoResultsState.md). |
|
|
63
|
+
| `summaryBar` | `ReactNode` | No | - | Display a summary bar below the toolbar. Accepts a [`SummaryBar`](SummaryBar.md) component. |
|
|
64
64
|
| `dragAndDropSubmit` | `DragAndDropSubmit<T1, Partial<F1 & F2>>` | No | - | Function that submits a drop event to the server. <br> <br> The parameter is an event object containing the following details: <br> -`from: {item: T; index: number}`: The dragged item. <br> -`after: null \| [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br> -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. @returns Promise |
|
|
65
65
|
| `dragAndDropBulkSubmit` | `DragAndDropBulkSubmit<T1, Partial<F1 & F2>>` | No | - | Function that submits an array of drop events to the server. <br> <br> The parameter is an array of event objects containing the following details: <br> -`from: {item: T; index: number}`: The dragged item. <br> -`after: null \| [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br> -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br> @returns Promise |
|
|
66
66
|
| `dragAndDropCancel` | `DragAndDropCancel<T1, Partial<F1 & F2>>` | No | - | A function that cancels a drop event. <br> Supported arguments: <br> - `from: {item: T; index: number}`: The dragged item. - `after: null \| {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`. - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop. If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value. |
|
|
67
67
|
| `extensionMenuItems` | `ExtensionMenuItemsType` | No | - | @deprecated It doesn't need to be passed implicitly anymore. |
|
|
68
68
|
| `dragAndDropReorderModeToolbar` | `ReorderModeToolbarElement \| null` | No | - | Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br> The `ReorderModeToolbar` component accepts the following props:<br> + `learnMoreUrl`: [string] A URL in the toolbar.<br> + `reorderModeTitle`: [string] A title in the toolbar. |
|
|
69
|
-
| `customColumns` | `CustomColumnsElement \| null` | No | - | Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](
|
|
70
|
-
| `multiLevelSorting` | `MultiLevelSortingElement` | No | - | Adds functionality to allow visitors to sort multiple columns simultaneously. Accepts a [MultiLevelSorting](
|
|
71
|
-
| `primaryActionButton` | `PrimaryActionButtonElement` | No | - | Adds functionality for a primary action button in the toolbar. Accepts a [PrimaryActionButton](
|
|
72
|
-
| `moreActions` | `MoreActionsElement` | No | - | A [`MoreActions`](
|
|
69
|
+
| `customColumns` | `CustomColumnsElement \| null` | No | - | Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](CustomColumns.md) component. |
|
|
70
|
+
| `multiLevelSorting` | `MultiLevelSortingElement` | No | - | Adds functionality to allow visitors to sort multiple columns simultaneously. Accepts a [MultiLevelSorting](MultiLevelSorting.md) component. |
|
|
71
|
+
| `primaryActionButton` | `PrimaryActionButtonElement` | No | - | Adds functionality for a primary action button in the toolbar. Accepts a [PrimaryActionButton](PrimaryActionButton.md) component. |
|
|
72
|
+
| `moreActions` | `MoreActionsElement` | No | - | A [`MoreActions`](<More Actions.md>) component to be rendered on the header. |
|
|
73
73
|
| `AddApplyFiltersButton` | `AddApplyFiltersButtonType` | No | - | Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';` <br> Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked. |
|
|
74
|
-
| `internalScroll` | `boolean` | No | - | Indicates whether the table should have an [internal scroll](
|
|
74
|
+
| `internalScroll` | `boolean` | No | - | Indicates whether the table should have an [internal scroll](<Internal Scroll.md>) instead of the default page scroll. |
|
|
75
75
|
| `showFieldTypeIcons` | `boolean` | No | `false` | When true, renders prefix icons for field types in column headers, filters, and the customize-columns panel. Each column and filter should have a `fieldType` property set so Cairo can render the matching icon. |
|
|
76
76
|
| `showTitleBar` | `boolean` | No | `true` | Indicates whether to show Table Title Bar or not. Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well. |
|
|
77
|
-
| `exportButton` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ExportButton />`](
|
|
77
|
+
| `exportButton` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ExportButton />`](ExportTo.md) react element to be added to the toolbar |
|
|
78
78
|
| `importButton` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ImportButton />`] react element to be added to the toolbar. |
|
|
79
|
-
| `exportModal` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ExportModal />`](
|
|
79
|
+
| `exportModal` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ExportModal />`](ExportTo.md) react element to be rendered in table's context. |
|
|
80
80
|
| `importModal` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ImportModal />`] react element to be rendered in table's context. |
|
|
81
81
|
| `dragAndDropCategories` | `(keyof F1 \| keyof F2)[][] \| null` | No | - | By default, drag and drop works only without filters. To enable drag and drop with filters, pass an array of filters to this prop. The functionality will then work only for the specified filters, and to enable without filters, you must pass an empty array. For more information, see the [Drag and Drop Overview](//?path=/story/features-sort-drag-and-drop--overview). |
|
|
82
82
|
| `actionCell` | `ActionCell<T1, F1>` | No | - | Adds an action on the grid item. For example, a delete button to delete an item. Accepts an [`ActionCellProps`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) object, or a function that returns an `ActionCellProps` object. |
|
|
@@ -86,9 +86,9 @@ Example code: read `dist/examples/TableGridSwitchFolders/with-tags.tsx`
|
|
|
86
86
|
| `folderActionCell` | `ActionCell<T2, F2>` | No | - | Same as `actionCell`, but for a folder item. |
|
|
87
87
|
| `renderFolderAddItem` | `(() => ReactElement<AddItemProps, string \| JSXElementConstructor<any>>)` | No | - | Same as `renderAddItem`, but for a folder item. |
|
|
88
88
|
| `skin` | `"standard" \| "neutral"` | No | - | @deprecated The table skin is determined internally and any value passed here is ignored. This prop will be removed in a future release. |
|
|
89
|
-
| `bulkActionToolbar` | `MultiCollectionBulkActionToolbarRenderProps` | No | - | A toolbar for performing bulk actions on multiple items. Supported parameters: + `selectedValues`: Selected item values. + `uncheckedValues`: Unselected item values. + `isSelectAll`: [bool] Whether the **Select All** option is selected. + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop. + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes. + `closeModal`: Closes the modal. + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items. + `query`: [object] Instance of [ComputedQuery](
|
|
90
|
-
| `columns` | `TableFoldersColumn<T1, T2>[]` | Yes | - | The same as [Table.columns](
|
|
91
|
-
| `hideBulkSelectionCheckbox` | `boolean` | No | - | Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](
|
|
89
|
+
| `bulkActionToolbar` | `MultiCollectionBulkActionToolbarRenderProps` | No | - | A toolbar for performing bulk actions on multiple items. Supported parameters: + `selectedValues`: Selected item values. + `uncheckedValues`: Unselected item values. + `isSelectAll`: [bool] Whether the **Select All** option is selected. + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop. + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes. + `closeModal`: Closes the modal. + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items. + `query`: [object] Instance of [ComputedQuery](ComputedQuery.md) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`. |
|
|
90
|
+
| `columns` | `TableFoldersColumn<T1, T2>[]` | Yes | - | The same as [Table.columns](Table.md), with the addition of `renderFolder` property. |
|
|
91
|
+
| `hideBulkSelectionCheckbox` | `boolean` | No | - | Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](MultiBulkActionToolbar.md) feature is enabled, this flag will have no effect. |
|
|
92
92
|
| `onSelectionChanged` | `OnSelectionChangedFn` | No | - | Defines a callback function which is called when selection happens. <br /> There are 3 types of selections: * `ALL` - bulk selection checkbox has been triggered to select all items * `SINGLE_TOGGLE` - a checkbox to select one item from the list has been triggered. The change object will also include an `id` prop with the unique item identifier and a `value` prop with the new boolean selection state of the item. * `NONE` - bulk selection has been triggered to unselect all items. |
|
|
93
93
|
| `onSelectionStarted` | `(() => void)` | No | - | Called when item selection triggered but not changed yet. |
|
|
94
94
|
| `showSelection` | `boolean` | No | `false` | Displays selection checkbox as a first column in each row. To hide the selection checkbox from a specific row, set its `row.unselectable` value to true in the data array. |
|
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
|
|
7
7
|
### Overview
|
|
8
8
|
|
|
9
|
-
`TableGridSwitchFoldersState` manages the state for a [`TableGridSwitchFolders`](
|
|
9
|
+
`TableGridSwitchFoldersState` manages the state for a [`TableGridSwitchFolders`](TableGridSwitchFolders.md) component — a collection that supports switching between table and grid views while also displaying folders. Holds a `GridFoldersState`, a `TableFoldersState`, and a `viewTypeState` for toggling layouts.
|
|
10
10
|
|
|
11
11
|
### Description
|
|
12
12
|
|
|
13
|
-
`TableGridSwitchFoldersState` is the return value of the [`useTableGridSwitchFolders()`](
|
|
13
|
+
`TableGridSwitchFoldersState` is the return value of the [`useTableGridSwitchFolders()`](useTableGridSwitchFolders.md) hook.
|
|
14
14
|
|
|
15
15
|
### Props
|
|
16
16
|
|
|
17
17
|
| Prop | Type | Required | Default | Description |
|
|
18
18
|
|------|------|----------|---------|-------------|
|
|
19
|
-
| `gridFoldersState` | `GridFoldersState<T1, F1, T2, F2>` | Yes | - | [GridFoldersState](
|
|
20
|
-
| `tableFoldersState` | `TableFoldersState<T1, F1, T2, F2>` | Yes | - | [TableFoldersState](
|
|
21
|
-
| `toolbar` | `ToolbarCollectionState<T1, {}>` | Yes | - | Underlying [ToolbarCollectionState](
|
|
19
|
+
| `gridFoldersState` | `GridFoldersState<T1, F1, T2, F2>` | Yes | - | [GridFoldersState](GridFoldersState.md) |
|
|
20
|
+
| `tableFoldersState` | `TableFoldersState<T1, F1, T2, F2>` | Yes | - | [TableFoldersState](TableFoldersState.md) |
|
|
21
|
+
| `toolbar` | `ToolbarCollectionState<T1, {}>` | Yes | - | Underlying [ToolbarCollectionState](ToolbarCollectionState.md) instance |
|
|
22
22
|
|
|
@@ -8,11 +8,11 @@ Paths written as `dist/…` below are relative to the `@wix/patterns` package ro
|
|
|
8
8
|
|
|
9
9
|
### Overview
|
|
10
10
|
|
|
11
|
-
`TableGridSwitchState` manages the state for a [`TableGridSwitch`](
|
|
11
|
+
`TableGridSwitchState` manages the state for a [`TableGridSwitch`](TableGridSwitch.md) component, which lets users switch between table and grid views. Wraps a `GridState` and a `TableState` with a shared `viewTypeState`. Created by [`useTableGridSwitchCollection`](useTableGridSwitchCollection.md).
|
|
12
12
|
|
|
13
13
|
### Description
|
|
14
14
|
|
|
15
|
-
`TableGridSwitchState` is the return value of the [`useTableGridSwitchCollection()`](
|
|
15
|
+
`TableGridSwitchState` is the return value of the [`useTableGridSwitchCollection()`](useTableGridSwitchCollection.md) hook.
|
|
16
16
|
|
|
17
17
|
### Props
|
|
18
18
|
|
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
|
|
7
7
|
### Overview
|
|
8
8
|
|
|
9
|
-
Configuration object for the `sections` prop on [`Table`](
|
|
9
|
+
Configuration object for the `sections` prop on [`Table`](Table.md). Enables grouping table rows into collapsible sections with headers. Provide a `TableSections` component, a `groupBy` function, a `renderSection` callback, and optional `collapsible` and `events` properties.
|
|
10
10
|
|
|
11
11
|
### Description
|
|
12
12
|
|
|
13
|
-
Pass to the `sections` prop of a `Table` component to create [Table Sections](
|
|
13
|
+
Pass to the `sections` prop of a `Table` component to create [Table Sections](<Table Sections.md>).
|
|
14
14
|
|
|
15
15
|
### Props
|
|
16
16
|
|
|
@@ -18,5 +18,5 @@ Pass to the `sections` prop of a `Table` component to create [Table Sections](./
|
|
|
18
18
|
|------|------|----------|---------|-------------|
|
|
19
19
|
| `TableSections` | `(<T, F extends FiltersMap>({ groupBy, renderSection, table, columns, rowDetails, collapsible, events, ...collectionTableProps }: TableSectionsProps<T, F>) => Element) & { displayName: string; }` | Yes | - | A `TableSections` component. Import and pass the component without parameters. |
|
|
20
20
|
| `groupBy` | `GroupBy<T>` | Yes | - | A function that extracts the grouping key from an item. Items with the same key will be grouped into the same section. |
|
|
21
|
-
| `renderSection` | `RenderSection<T>` | Yes | - | A callback function to render the table sections. The function receives the section ID and items in the section, and should return the `title`, and optional `primaryAction`, `badge`, or `summary` for each section. For more information, see the [section](
|
|
21
|
+
| `renderSection` | `RenderSection<T>` | Yes | - | A callback function to render the table sections. The function receives the section ID and items in the section, and should return the `title`, and optional `primaryAction`, `badge`, or `summary` for each section. For more information, see the [section](CollectionSection.md) type. |
|
|
22
22
|
|
package/dist/docs/TableState.md
CHANGED
|
@@ -8,11 +8,11 @@ Paths written as `dist/…` below are relative to the `@wix/patterns` package ro
|
|
|
8
8
|
|
|
9
9
|
### Overview
|
|
10
10
|
|
|
11
|
-
`TableState` manages the state for a [`Table`](
|
|
11
|
+
`TableState` manages the state for a [`Table`](Table.md) component. It wraps a `CollectionState` for data, a `ToolbarCollectionState` for the toolbar, tracks visible columns and sorting, and supports virtual scrolling and drag-and-drop. Created by [`useTableCollection`](useTableCollection.md).
|
|
12
12
|
|
|
13
13
|
### Description
|
|
14
14
|
|
|
15
|
-
`TableState` is the return value of the [`useTableCollection()`](
|
|
15
|
+
`TableState` is the return value of the [`useTableCollection()`](useTableCollection.md) hook.
|
|
16
16
|
|
|
17
17
|
### Props
|
|
18
18
|
|
|
@@ -37,7 +37,7 @@ Example code: read `dist/examples/TableTopNotification/nested-table.tsx`
|
|
|
37
37
|
|
|
38
38
|
### Set Message
|
|
39
39
|
|
|
40
|
-
For setting a new message after an event from the server for example, use `collection.topNotification` API returned from the [useCollection](
|
|
40
|
+
For setting a new message after an event from the server for example, use `collection.topNotification` API returned from the [useCollection](useCollection.md) state object:
|
|
41
41
|
|
|
42
42
|
```ts
|
|
43
43
|
interface TableTopNotificationAPI {
|
|
@@ -85,6 +85,6 @@ Event | Description |
|
|
|
85
85
|
|
|
86
86
|
### Usage
|
|
87
87
|
|
|
88
|
-
`getTopNotification` API is exposed from the `<Table />` [testkit](
|
|
88
|
+
`getTopNotification` API is exposed from the `<Table />` [testkit](Table.md)
|
|
89
89
|
|
|
90
90
|
|
package/dist/docs/TabsFilter.md
CHANGED
|
@@ -83,6 +83,6 @@ Event | Description |
|
|
|
83
83
|
|
|
84
84
|
### Usage
|
|
85
85
|
|
|
86
|
-
`getToolbarTabs` API is exposed from the `<Table />` [testkit](
|
|
86
|
+
`getToolbarTabs` API is exposed from the `<Table />` [testkit](Table.md)
|
|
87
87
|
|
|
88
88
|
|
|
@@ -43,7 +43,7 @@ Using tags in entity page can be used to manage tags for a specific entity. The
|
|
|
43
43
|
- Assigning new tags to the entity
|
|
44
44
|
- Removing existing tags from the entity
|
|
45
45
|
|
|
46
|
-
Read more about [Tags](
|
|
46
|
+
Read more about [Tags](TagsWidget.md).
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
## Server Prerequisites
|
package/dist/docs/Tags.md
CHANGED
|
@@ -17,7 +17,7 @@ Tags allow users a flexible way to categorize and manage their data.
|
|
|
17
17
|
Wix Patterns table supports displaying the tags as a column, bulk assign for tags and filtering by tags.
|
|
18
18
|
|
|
19
19
|
You can opt-in to the Tags feature on your collection by using the tags prop in the Table.
|
|
20
|
-
See [Tags overview](
|
|
20
|
+
See [Tags overview](<Tags Overview.md>) for an overview of the feature and the required server implementation.
|
|
21
21
|
|
|
22
22
|
## Tags API
|
|
23
23
|
|
|
@@ -32,7 +32,7 @@ Note the following limitations:
|
|
|
32
32
|
|
|
33
33
|
### Getting Started
|
|
34
34
|
|
|
35
|
-
1. Pass `Tags` to [Table](
|
|
35
|
+
1. Pass `Tags` to [Table](Table.md)
|
|
36
36
|
|
|
37
37
|
```diff
|
|
38
38
|
import React from 'react';
|
|
@@ -116,7 +116,7 @@ import { CollectionPage } from '@wix/patterns/page';
|
|
|
116
116
|
}
|
|
117
117
|
```
|
|
118
118
|
|
|
119
|
-
2. For enabling bulk assignment action add [MultiBulkActionToolbar](
|
|
119
|
+
2. For enabling bulk assignment action add [MultiBulkActionToolbar](MultiBulkActionToolbar.md).
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
## Examples
|
package/dist/docs/TagsWidget.md
CHANGED
|
@@ -23,9 +23,9 @@ Wix Patterns is responsible for interacting with the tags management service for
|
|
|
23
23
|
|
|
24
24
|
### Getting Started
|
|
25
25
|
|
|
26
|
-
1. Wrap your app with one of the Wix Patterns providers: [WixPatternsProvider](
|
|
26
|
+
1. Wrap your app with one of the Wix Patterns providers: [WixPatternsProvider](WixPatternsProvider.md).
|
|
27
27
|
|
|
28
|
-
2. Wrap your page with [WidgetsFormProvider](
|
|
28
|
+
2. Wrap your page with [WidgetsFormProvider](WidgetsFormProvider.md).
|
|
29
29
|
|
|
30
30
|
```diff
|
|
31
31
|
+ import { WidgetsFormProvider } from '@wix/patterns/page';
|
|
@@ -85,7 +85,7 @@ function MyEntityPage({ entity }: { entity: MyEntity }) {
|
|
|
85
85
|
}
|
|
86
86
|
```
|
|
87
87
|
|
|
88
|
-
4. In the previous step implementation, the tags will be updated in the server on every action of assign or unassign a tag. If you want to update the tags only on submit of a button, you can use the `TagsWidget` without the `onSubmit` prop and use the updated value of the tags from the `state` object returned from the [useWidgetsFormContext](
|
|
88
|
+
4. In the previous step implementation, the tags will be updated in the server on every action of assign or unassign a tag. If you want to update the tags only on submit of a button, you can use the `TagsWidget` without the `onSubmit` prop and use the updated value of the tags from the `state` object returned from the [useWidgetsFormContext](useWidgetsFormContext.md) hook.
|
|
89
89
|
|
|
90
90
|
```diff
|
|
91
91
|
- import { Page } from '@wix/design-system'';
|
|
@@ -15,5 +15,5 @@
|
|
|
15
15
|
| `closeSidePanel` | `() => void` | Yes | - | Closes WixPatterns side panel |
|
|
16
16
|
| `openFiltersPanel` | `() => void` | Yes | - | Opens the filters side panel |
|
|
17
17
|
| `openCustomFieldModal` | `(opts?: Pick<OpenFieldModalOptions, "onSave" \| "customOrigin" \| "initialField" \| "lockedProperties"> \| undefined) => void` | Yes | - | Opens the custom field modal on create mode. `initialField` prefills the type, name, and/or required rule; `lockedProperties` makes any of those non-editable (a `required` lock is dropped if the picked type's settings section can't apply the prefill). `onSave` fires with the new field's id once it's successfully added. |
|
|
18
|
-
| `getPendingFilter` | `<A>(filter: A) => Filter<any> \| A` | Yes | - | Use this function when using [AddApplyFiltersButton](
|
|
18
|
+
| `getPendingFilter` | `<A>(filter: A) => Filter<any> \| A` | Yes | - | Use this function when using [AddApplyFiltersButton](ToolbarFilters.md) to obtain a reference to the filter that is about to be applied. This is useful when you want to modify the filter value within a custom filter component. |
|
|
19
19
|
|
|
@@ -22,7 +22,7 @@ If you don't want any inline filters, then set `inline` to 0:
|
|
|
22
22
|
|
|
23
23
|
`<CollectionToolbarFilters inline={0}>`
|
|
24
24
|
|
|
25
|
-
> **Note:** Some filters such as the [`DateRangeFilter`](./?path=%/story/features-filter-components--daterangefilter) and [`RadioGroupFilter`](
|
|
25
|
+
> **Note:** Some filters such as the [`DateRangeFilter`](./?path=%/story/features-filter-components--daterangefilter) and [`RadioGroupFilter`](RadioGroupFilter.md), are always displayed in the side panel and aren't supported inline in the toolbar.
|
|
26
26
|
|
|
27
27
|
**Do:**
|
|
28
28
|
|
|
@@ -47,5 +47,5 @@ Example code: read `dist/examples/ToolbarSecondaryActions/grouped-actions-with-d
|
|
|
47
47
|
|
|
48
48
|
| Prop | Type | Required | Default | Description |
|
|
49
49
|
|------|------|----------|---------|-------------|
|
|
50
|
-
| `items` | `ActionSubitem[]` | Yes | - | The secondary actions to display in the toolbar. \| [ActionSubitem[][]](
|
|
50
|
+
| `items` | `ActionSubitem[]` | Yes | - | The secondary actions to display in the toolbar. \| [ActionSubitem[][]](ActionSubItem.md) |
|
|
51
51
|
|
package/dist/docs/View.md
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
### Overview
|
|
8
8
|
|
|
9
|
-
Defines a saved view in the [`Views`](
|
|
9
|
+
Defines a saved view in the [`Views`](Views.md) dropdown. A view captures a snapshot of filters, visible columns, column order, sort directions, and layout type (table or grid). Use `isDefaultView` to set the initial view when the collection loads.
|
|
10
10
|
|
|
11
11
|
### Props
|
|
12
12
|
|
package/dist/docs/Views.md
CHANGED
|
@@ -76,7 +76,7 @@ Example code: read `dist/examples/Views/views-separated-by-category-in-the-dropd
|
|
|
76
76
|
|
|
77
77
|
### Usage
|
|
78
78
|
|
|
79
|
-
Views API is exposed from the `<Table />` [testkit](
|
|
79
|
+
Views API is exposed from the `<Table />` [testkit](Table.md)
|
|
80
80
|
|
|
81
81
|
## APIs List
|
|
82
82
|
|
|
@@ -16,9 +16,9 @@ Examples below are illustrative: each one demonstrates this page's API, and ever
|
|
|
16
16
|
import { WidgetsFormProvider } from '@wix/patterns/page';
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
The `WidgetsFormProvider` is designed to being used as an alternative in cases where [EntityPage](
|
|
19
|
+
The `WidgetsFormProvider` is designed to being used as an alternative in cases where [EntityPage](EntityPage.md) doesn’t cover your needs (for example, you have a side panel and not a full page experience for editing your entity). It enables you to include form-based widgets such as [TagsWidget](TagsWidget.md) and [CustomFieldsWidget](CustomFieldsWidget.md), and access the page’s state and to validate the widgets data through the [useWidgetsFormContext](useWidgetsFormContext.md) hook.
|
|
20
20
|
|
|
21
|
-
In any case that you have a full page experience, we suggest to use [EntityPage](
|
|
21
|
+
In any case that you have a full page experience, we suggest to use [EntityPage](EntityPage.md) and not to use `WidgetsFormProvider`, so you can get more out of the box capabilities.
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
### Usage
|
|
@@ -38,7 +38,7 @@ export const MyPageProvider = () => {
|
|
|
38
38
|
}
|
|
39
39
|
```
|
|
40
40
|
|
|
41
|
-
Inside the page, you will be able to access the `state` object returned from the [useWidgetsFormContext](
|
|
41
|
+
Inside the page, you will be able to access the `state` object returned from the [useWidgetsFormContext](useWidgetsFormContext.md) hook.
|
|
42
42
|
|
|
43
43
|
```diff
|
|
44
44
|
+ import { useWidgetsFormContext } from '@wix/patterns';
|
|
@@ -24,7 +24,7 @@ Every app must be wrapped with this provider in order to be able to render `Wix
|
|
|
24
24
|
|
|
25
25
|
### Views
|
|
26
26
|
|
|
27
|
-
When using the data for the [views feature](
|
|
27
|
+
When using the data for the [views feature](Views.md) will be saved via the user-preferences API.
|
|
28
28
|
If your app runs under a specific domain, you'll need too add a mapping to the `/user-preferences` endpoint of [app-settings-service artifact fryingpan dashboard](https://fryingpan.wixpress.com/services/com.wixpress.fed.app-settings-service)
|
|
29
29
|
|
|
30
30
|
|
|
@@ -12,11 +12,11 @@ Examples below are illustrative: each one demonstrates this page's API, and ever
|
|
|
12
12
|
|
|
13
13
|
`WixPatternsProvider` is the recommended top-level provider for most Wix Patterns applications. It auto-detects the environment (BM, Essentials, Giza) and supplies the appropriate context. Wrap your entire app with this provider.
|
|
14
14
|
|
|
15
|
-
> **Note: If you're using [Yoshi BM Flow](https://bo.wix.com/pages/yoshi/docs/business-manager-flow/overview) over Business-Manager, you can use [WixPatternsBMProvider](
|
|
15
|
+
> **Note: If you're using [Yoshi BM Flow](https://bo.wix.com/pages/yoshi/docs/business-manager-flow/overview) over Business-Manager, you can use [WixPatternsBMProvider](WixPatternsBMProvider.md) if you prefer.**
|
|
16
16
|
|
|
17
|
-
> **Note: If you're using [Yoshi BM Flow](https://bo.wix.com/pages/yoshi/docs/business-manager-flow/overview) over Giza, you may choose to use [WixPatternsGizaProvider](
|
|
17
|
+
> **Note: If you're using [Yoshi BM Flow](https://bo.wix.com/pages/yoshi/docs/business-manager-flow/overview) over Giza, you may choose to use [WixPatternsGizaProvider](WixPatternsGizaProvider.md) as an option.**
|
|
18
18
|
|
|
19
|
-
> **Note: If you're using [Yoshi Fullstack](https://bo.wix.com/pages/yoshi/docs/fullstack-flow/overview), use [WixPatternsEssentialsProvider](
|
|
19
|
+
> **Note: If you're using [Yoshi Fullstack](https://bo.wix.com/pages/yoshi/docs/fullstack-flow/overview), use [WixPatternsEssentialsProvider](WixPatternsEssentialsProvider.md) instead.**
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
package/dist/docs/arrayFilter.md
CHANGED
|
@@ -14,8 +14,8 @@ A generic filter factory that can be used with the `filters` property of the `us
|
|
|
14
14
|
|
|
15
15
|
This is the base factory for the existing factories that we have:
|
|
16
16
|
|
|
17
|
-
- [idNameArrayFilter](
|
|
18
|
-
- [stringsArrayFilter](
|
|
17
|
+
- [idNameArrayFilter](idNameArrayFilter.md)
|
|
18
|
+
- [stringsArrayFilter](stringsArrayFilter.md)
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
```tsx
|
|
@@ -8,14 +8,14 @@ Examples below are illustrative: each one demonstrates this page's API, and ever
|
|
|
8
8
|
|
|
9
9
|
### Overview
|
|
10
10
|
|
|
11
|
-
`bulkActionModal` is a render-prop passed to collection components (`Table`, `Grid`, `TableFolders`, etc.) that opens a custom modal when a bulk action is triggered from the [`MultiBulkActionToolbar`](
|
|
11
|
+
`bulkActionModal` is a render-prop passed to collection components (`Table`, `Grid`, `TableFolders`, etc.) that opens a custom modal when a bulk action is triggered from the [`MultiBulkActionToolbar`](MultiBulkActionToolbar.md).
|
|
12
12
|
|
|
13
13
|
The render function receives:
|
|
14
14
|
- `selectedValues` — the items selected via the checkbox column
|
|
15
15
|
- `uncheckedValues` — the items that were unchecked (relevant when "Select All" is active)
|
|
16
16
|
- `isSelectAll` — whether the "Select All" checkbox is checked
|
|
17
17
|
- `closeModal` — closes the modal
|
|
18
|
-
- `query` — a [`ComputedQuery`](
|
|
18
|
+
- `query` — a [`ComputedQuery`](ComputedQuery.md) representing the current paging, sorting, and filtering. Useful for server-side bulk operations like `updateAll` or `deleteAll`.
|
|
19
19
|
|
|
20
20
|
Return a React element (typically a `<MessageModalLayout>` or custom modal content) from the render function.
|
|
21
21
|
|