@wix/patterns 1.463.0 → 1.465.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
- package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js +3 -3
- package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js.map +1 -1
- package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js +3 -3
- package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js.map +1 -1
- package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +3 -3
- package/dist/cjs/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map +1 -1
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
- package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
- package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js +5 -5
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +4 -4
- package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
- package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
- package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
- package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
- package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js +2 -2
- package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js.map +1 -1
- package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
- package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
- package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
- package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
- package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/cjs/components/Router/usePatternsNavigate.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 +4 -4
- 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/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- package/dist/cjs/components/common.st.css.js +4 -4
- package/dist/cjs/components/common.st.css.js.map +1 -1
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/cjs/styles.global.css +2 -2
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/docs/EntityPageState.md +3 -6
- package/dist/docs/PatternsReactRouter.md +17 -29
- package/dist/docs/PrimaryPageButton.md +2 -0
- package/dist/docs/index.json +38 -30
- package/dist/docs/useEntity.md +1 -1
- package/dist/docs/useEntityPage.md +143 -1
- package/dist/docs/usePatternsNavigate.md +41 -14
- package/dist/docs/withDashboard.md +84 -0
- package/dist/dts-bundle/components/EntityPage.d.ts +1 -1
- package/dist/dts-bundle/components/Grid.d.ts +5 -1
- package/dist/dts-bundle/components/GridFolders.d.ts +5 -1
- package/dist/dts-bundle/components/TableFolders.d.ts +5 -1
- package/dist/dts-bundle/components/TableGridSwitch.d.ts +5 -1
- package/dist/dts-bundle/exports/index.d.ts +2 -0
- package/dist/dts-bundle/hooks/useEntity.d.ts +1 -1
- package/dist/dts-bundle/hooks/useEntityPage.d.ts +1 -1
- package/dist/dts-bundle/hooks/useEntityPageContext.d.ts +1 -1
- package/dist/dts-bundle/hooks/usePatternsNavigate.d.ts +1 -1
- package/dist/dts-bundle/index.json +43 -20
- package/dist/dts-bundle/types/ActionCell.d.ts +63 -0
- package/dist/dts-bundle/types/ActionCellProps.d.ts +5 -1
- package/dist/dts-bundle/types/CollectionTableBaseProps.d.ts +5 -1
- package/dist/dts-bundle/types/EntityPageState.d.ts +1068 -0
- package/dist/dts-bundle/types/EntityPageStateParams.d.ts +1 -1
- package/dist/dts-bundle/types/OnSaveParams.d.ts +1 -1
- package/dist/dts-bundle/types/UseEntityPageParams.d.ts +1 -1
- package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map +1 -1
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/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/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/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/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/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/Edit.st.css.js.map +1 -1
- 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/number/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/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/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBase.st.css.js +2 -2
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/Router/usePatternsNavigate.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/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/styles.global.css +2 -2
- package/dist/esm/version.js +1 -1
- package/dist/types/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionPageNew/CollectionPage.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionSectionHeader/CollectionSectionHeader.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/HeaderActionsPopover.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/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/datetime/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/email/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/text/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/url/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/url/View.st.css.d.ts.map +1 -1
- package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
- package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/Router/usePatternsNavigate.d.ts +1 -1
- package/dist/types/components/Router/usePatternsNavigate.d.ts.map +1 -1
- package/dist/types/components/SetupWidget/SetupWidget.st.css.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/version.d.ts +1 -1
- package/package.json +7 -7
- package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
- package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts +2 -2
- package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts +2 -2
- package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts +2 -2
- package/src/components/Collapse/Collapse.st.css.ts +2 -2
- package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
- package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
- package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
- package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts +2 -2
- package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
- package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
- package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
- package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
- package/src/components/EditableTable/HeaderActionsPopover.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
- package/src/components/EmptyState/EmptyStateBase.st.css.ts +2 -2
- package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
- package/src/components/Fade/Fade.st.css.ts +2 -2
- package/src/components/Heading/Heading.st.css.ts +2 -2
- package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
- package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
- package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
- package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
- package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
- package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
- package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
- package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
- package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
- package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
- package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
- package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
- package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
- package/src/components/Router/usePatternsNavigate.ts +1 -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/ToolbarItem/ToolbarItem.st.css.ts +2 -2
- package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts +2 -2
- package/src/components/common.st.css.ts +2 -2
- package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/styles.global.css +2 -2
- package/src/version.ts +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.CardContainer3308705847__root.CardContainer3308705847--mobile{border-radius:0}.CmsFieldForm2644181114__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2826391627__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection136873467__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2094159886__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2094159886__exit{height:0}.CollectionPage1282182167__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1282182167__root.CollectionPage1282182167--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1282182167__root.CollectionPage1282182167--panel{overflow:hidden;position:relative}.CollectionSectionHeader614425748__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1743838388__root td{vertical-align:middle}.CollectionTable1743838388__root.CollectionTable1743838388--mobile td:first-child{padding-left:18px}.CollectionTable1743838388__root.CollectionTable1743838388--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3268631546__root.CollectionTableWSRTable3268631546--resizable table{min-width:100%}.CollectionTableWSRTable3268631546__root.CollectionTableWSRTable3268631546--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--harmony .CollectionToolbar2935144884__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2935144884__left{min-width:0}.CollectionToolbar2935144884__left.CollectionToolbar2935144884--expandable{flex:auto}.CollectionToolbar2935144884__left.CollectionToolbar2935144884--title>*{width:100%}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-5-title .CollectionToolbar2935144884__left{flex:1 100;min-width:50px}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left,.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left.CollectionToolbar2935144884--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2935144884__root .CollectionToolbar2935144884__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--views .CollectionToolbar2935144884__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-4-tabs .CollectionToolbar2935144884__right,.CollectionToolbar2935144884__root.CollectionToolbar2935144884---responsiveMode-5-title .CollectionToolbar2935144884__right{flex:0 1 auto;min-width:0}.CollectionToolbar2935144884__root .CollectionToolbar2935144884__right.CollectionToolbar2935144884__fullWidth{margin-inline-start:0!important}.CollectionToolbar2935144884__root.CollectionToolbar2935144884--mobile:not(.CollectionToolbar2935144884--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2767854994__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2767854994__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2767854994__searchMobile:not(.SearchOrCustomFilter2767854994--expandable){left:18px}.SearchOrCustomFilter2767854994__searchMobile.SearchOrCustomFilter2767854994--expandable.SearchOrCustomFilter2767854994--expanded{left:18px}.AutoCompleteReadonly4069259101__root.AutoCompleteReadonly4069259101--disableEditing{cursor:pointer}.AutoCompleteReadonly4069259101__root.AutoCompleteReadonly4069259101--disableEditing input{cursor:pointer}.ViewsDropdown2440813327__root{width:200px}.DragHandle2231511974__root{display:flex;align-items:center}.DragHandle2231511974__root:not(.DragHandle2231511974--disabled){cursor:grab;color:#a8caff}.DragHandle2231511974__root.DragHandle2231511974--disabled{color:#acafc4}.DragHandle2231511974__root:focus-visible:not(.DragHandle2231511974--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2231511974__root.DragHandle2231511974--disabled{pointer-events:none}.DragHandle2231511974__root.DragHandle2231511974--dragging:not(.DragHandle2231511974--disabled){cursor:grabbing}td:has(>.EditableCell234905505__root){position:relative;overflow:visible}tr:has(.EditableCell234905505__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell234905505__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell234905505__root{top:0}.EditableCell234905505__root:hover:not(.EditableCell234905505--rowActive):not(.EditableCell234905505--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell234905505__root.EditableCell234905505--rowActive:not(.EditableCell234905505--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell234905505__root.EditableCell234905505--rowActive:hover:not(.EditableCell234905505--focused):not(.EditableCell234905505--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell234905505__root.EditableCell234905505--focused:not(.EditableCell234905505--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell234905505__root.EditableCell234905505--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell234905505__root.EditableCell234905505--editing:not(.EditableCell234905505--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell234905505__root.EditableCell234905505--focused.EditableCell234905505--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell234905505__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell234905505__root.EditableCell234905505--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell234905505__root.EditableCell234905505--selectionTop:not(.EditableCell234905505--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionBottom:not(.EditableCell234905505--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionLeft:not(.EditableCell234905505--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--selectionRight:not(.EditableCell234905505--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--invalid,.EditableCell234905505__root.EditableCell234905505--invalid.EditableCell234905505--rowActive:hover:not(.EditableCell234905505--focused):not(.EditableCell234905505--rangeSelected),.EditableCell234905505__root.EditableCell234905505--invalid.EditableCell234905505--focused:not(.EditableCell234905505--rangeSelected),.EditableCell234905505__root.EditableCell234905505--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell234905505__root.EditableCell234905505--copiedTop:not(.EditableCell234905505--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedBottom:not(.EditableCell234905505--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedLeft:not(.EditableCell234905505--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--copiedRight:not(.EditableCell234905505--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell234905505__root.EditableCell234905505--invalid:not(.EditableCell234905505--focused):not(.EditableCell234905505--editing){z-index:1}.EditableCell234905505__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell234905505__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3256016442__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3256016442__root,.HeaderActionsPopover3256016442__root[data-menu-open=true],.HeaderActionsPopover3256016442__root:focus-within{opacity:1}.CellViewLayout2040856133__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2040856133__root>*{flex:1;min-width:0}.Edit3815345611__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit3815345611__addressInput>div,.Edit3815345611__addressInput>div>div,.Edit3815345611__addressInput>div>div>div{width:100%;min-width:0}.Edit1350275600__jsonInput{width:100%;margin-left:-1px}.Edit1062139435__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1923901122__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1906385244__root{width:100%;height:100%;display:flex;align-items:center}.Edit2701309181__dateInput{width:100%;margin-left:-1px}.Edit3360930838__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3360930838__dateHalf{flex:60 1 0}.Edit3360930838__timeHalf{flex:40 1 0}.Edit3360930838__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3360930838__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit3360930838__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3091857899__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3091857899__datePart{flex:60 1 0}.View3091857899__timePart{flex:40 1 0}.View3091857899__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3091857899__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3833930478__emailInput{width:100%;margin-left:-1px}.Edit3717359803__numberInput{width:100%;margin-right:2px}.Edit3717359803__numberInput input{text-align:right;direction:ltr}.View3151195271__textView{width:100%;text-align:right}.Edit3494209090__jsonInput{width:100%;margin-left:-1px}.Edit4162467582__selectInput{width:100%}.Edit1953199037__editWrapper{width:100%}.Edit1953199037__inputArea{background-color:transparent;width:100%}.Edit1953199037__inputArea input,.Edit1953199037__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit1953199037__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1953199037__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1953199037__inputArea>div::after{box-shadow:none!important}.Edit1953199037__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1953199037__inputArea:not(.Edit1953199037--isFocused) textarea{resize:none;overflow:hidden}.Edit1953199037__inputArea:not(.Edit1953199037--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2783054138__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
|
|
1
|
+
.CardContainer2261743677__root.CardContainer2261743677--mobile{border-radius:0}.CmsFieldForm3396767281__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2193763586__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3891438941__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2544973682__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2544973682__exit{height:0}.CollectionPage604451781__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage604451781__root.CollectionPage604451781--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage604451781__root.CollectionPage604451781--panel{overflow:hidden;position:relative}.CollectionSectionHeader3391855656__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable88363312__root td{vertical-align:middle}.CollectionTable88363312__root.CollectionTable88363312--mobile td:first-child{padding-left:18px}.CollectionTable88363312__root.CollectionTable88363312--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1733338652__root.CollectionTableWSRTable1733338652--resizable table{min-width:100%}.CollectionTableWSRTable1733338652__root.CollectionTableWSRTable1733338652--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1870074485__root.CollectionToolbar1870074485--harmony .CollectionToolbar1870074485__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1870074485__left{min-width:0}.CollectionToolbar1870074485__left.CollectionToolbar1870074485--expandable{flex:auto}.CollectionToolbar1870074485__left.CollectionToolbar1870074485--title>*{width:100%}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-5-title .CollectionToolbar1870074485__left{flex:1 100;min-width:50px}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__left,.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__left.CollectionToolbar1870074485--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1870074485__root .CollectionToolbar1870074485__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1870074485__root.CollectionToolbar1870074485--views .CollectionToolbar1870074485__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-4-tabs .CollectionToolbar1870074485__right,.CollectionToolbar1870074485__root.CollectionToolbar1870074485---responsiveMode-5-title .CollectionToolbar1870074485__right{flex:0 1 auto;min-width:0}.CollectionToolbar1870074485__root .CollectionToolbar1870074485__right.CollectionToolbar1870074485__fullWidth{margin-inline-start:0!important}.CollectionToolbar1870074485__root.CollectionToolbar1870074485--mobile:not(.CollectionToolbar1870074485--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3570416667__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3570416667__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3570416667__searchMobile:not(.SearchOrCustomFilter3570416667--expandable){left:18px}.SearchOrCustomFilter3570416667__searchMobile.SearchOrCustomFilter3570416667--expandable.SearchOrCustomFilter3570416667--expanded{left:18px}.AutoCompleteReadonly3185250631__root.AutoCompleteReadonly3185250631--disableEditing{cursor:pointer}.AutoCompleteReadonly3185250631__root.AutoCompleteReadonly3185250631--disableEditing input{cursor:pointer}.ViewsDropdown2357510103__root{width:200px}.DragHandle2660918661__root{display:flex;align-items:center}.DragHandle2660918661__root:not(.DragHandle2660918661--disabled){cursor:grab;color:#a8caff}.DragHandle2660918661__root.DragHandle2660918661--disabled{color:#acafc4}.DragHandle2660918661__root:focus-visible:not(.DragHandle2660918661--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2660918661__root.DragHandle2660918661--disabled{pointer-events:none}.DragHandle2660918661__root.DragHandle2660918661--dragging:not(.DragHandle2660918661--disabled){cursor:grabbing}td:has(>.EditableCell437401491__root){position:relative;overflow:visible}tr:has(.EditableCell437401491__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell437401491__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell437401491__root{top:0}.EditableCell437401491__root:hover:not(.EditableCell437401491--rowActive):not(.EditableCell437401491--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell437401491__root.EditableCell437401491--rowActive:not(.EditableCell437401491--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell437401491__root.EditableCell437401491--rowActive:hover:not(.EditableCell437401491--focused):not(.EditableCell437401491--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell437401491__root.EditableCell437401491--focused:not(.EditableCell437401491--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell437401491__root.EditableCell437401491--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell437401491__root.EditableCell437401491--editing:not(.EditableCell437401491--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell437401491__root.EditableCell437401491--focused.EditableCell437401491--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell437401491__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell437401491__root.EditableCell437401491--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell437401491__root.EditableCell437401491--selectionTop:not(.EditableCell437401491--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--selectionBottom:not(.EditableCell437401491--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--selectionLeft:not(.EditableCell437401491--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--selectionRight:not(.EditableCell437401491--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--invalid,.EditableCell437401491__root.EditableCell437401491--invalid.EditableCell437401491--rowActive:hover:not(.EditableCell437401491--focused):not(.EditableCell437401491--rangeSelected),.EditableCell437401491__root.EditableCell437401491--invalid.EditableCell437401491--focused:not(.EditableCell437401491--rangeSelected),.EditableCell437401491__root.EditableCell437401491--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell437401491__root.EditableCell437401491--copiedTop:not(.EditableCell437401491--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--copiedBottom:not(.EditableCell437401491--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--copiedLeft:not(.EditableCell437401491--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--copiedRight:not(.EditableCell437401491--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell437401491__root.EditableCell437401491--invalid:not(.EditableCell437401491--focused):not(.EditableCell437401491--editing){z-index:1}.EditableCell437401491__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell437401491__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover848835967__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover848835967__root,.HeaderActionsPopover848835967__root[data-menu-open=true],.HeaderActionsPopover848835967__root:focus-within{opacity:1}.CellViewLayout3909543374__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3909543374__root>*{flex:1;min-width:0}.Edit3273874314__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit3273874314__addressInput>div,.Edit3273874314__addressInput>div>div,.Edit3273874314__addressInput>div>div>div{width:100%;min-width:0}.Edit953463967__jsonInput{width:100%;margin-left:-1px}.Edit538331484__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3742881423__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1636051476__root{width:100%;height:100%;display:flex;align-items:center}.Edit2377666985__dateInput{width:100%;margin-left:-1px}.Edit165363675__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit165363675__dateHalf{flex:60 1 0}.Edit165363675__timeHalf{flex:40 1 0}.Edit165363675__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit165363675__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit165363675__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1769087022__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1769087022__datePart{flex:60 1 0}.View1769087022__timePart{flex:40 1 0}.View1769087022__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1769087022__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit13502391__emailInput{width:100%;margin-left:-1px}.Edit2500695632__numberInput{width:100%;margin-right:2px}.Edit2500695632__numberInput input{text-align:right;direction:ltr}.View3205605498__textView{width:100%;text-align:right}.Edit727397494__jsonInput{width:100%;margin-left:-1px}.Edit3265647556__selectInput{width:100%}.Edit3633095765__editWrapper{width:100%}.Edit3633095765__inputArea{background-color:transparent;width:100%}.Edit3633095765__inputArea input,.Edit3633095765__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit3633095765__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3633095765__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3633095765__inputArea>div::after{box-shadow:none!important}.Edit3633095765__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3633095765__inputArea:not(.Edit3633095765--isFocused) textarea{resize:none;overflow:hidden}.Edit3633095765__inputArea:not(.Edit3633095765--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3325595502__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
|
|
2
2
|
--wds-font-line-height-body-small
|
|
3
|
-
)}.
|
|
3
|
+
)}.Edit3325595502__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit364588406__urlInput{width:100%;margin-left:-1px}.View1979413694__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1979413694__urlText{flex:1;min-width:0}.View1979413694__suffix{flex-shrink:0;margin-left:10px}.View1979413694__textView.View1979413694--suffixOnHover:not(:hover) .View1979413694__suffix{display:none}.EmptyStateBase2521579040__root{min-height:230px;align-items:center}.EntityPagePlain3640863969__root.EntityPagePlain3640863969--mobile{--wds-page-header-padding-horizontal:0}.Fade1107165023__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1107165023__root.Fade1107165023--exit{opacity:0}.Heading1352977074__root{visibility:visible}.Heading1352977074__root.Heading1352977074--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2011021183__fileUpload{width:100%}.InputOverflow1358242400__root.InputOverflow1358242400--selected:not(.InputOverflow1358242400--focused) input::placeholder{color:#000624}@keyframes LoadingRow226899784__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow226899784__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow226899784__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3720902640__root{opacity:1}.MaxHeightText3720902640__root.MaxHeightText3720902640--height24{line-height:24px}.MaxLines2543292102__root{overflow:hidden}.MaxLines2543292102__root.MaxLines2543292102--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar842487792__root{min-width:0}.MultiBulkActionToolbar842487792__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar842487792__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar842487792__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2906854667__root td{padding:0!important;width:100%}.NestedTableRow4282451113__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow4282451113__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow4282451113__root.NestedTableRow4282451113--expandable{cursor:pointer}.NestedTableRow4282451113__placeholder td{padding:0!important;width:100%}.NestedTableRow4282451113__root:hover td:first-of-type::before,.NestedTableRow4282451113__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect1529367754__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow1566647522__root.NestedTableDragAndDropRow1566647522--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2217859834__root{display:flex}.PickerContentAdditionalStep2571057755__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2571057755__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1602549234__root{box-sizing:border-box}.ScrollableContent2219410909__root.ScrollableContent2219410909--overflowY{overflow-y:auto}.ScrollableContent2219410909__root.ScrollableContent2219410909--overflowX{overflow-x:auto}.ScrollableContent2219410909__root.ScrollableContent2219410909--smooth{scroll-behavior:smooth}.SetupWidget1330173138__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget1330173138__row.SetupWidget1330173138--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1330173138__row.SetupWidget1330173138--focused.SetupWidget1330173138--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1330173138__completedCta,.SetupWidget1330173138__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget1330173138__row:hover .SetupWidget1330173138__completedCta,.SetupWidget1330173138__row:hover .SetupWidget1330173138__secondaryCta{opacity:1}}.SetupWidget1330173138__row:focus-within .SetupWidget1330173138__completedCta,.SetupWidget1330173138__row:focus-within .SetupWidget1330173138__secondaryCta,.SetupWidget1330173138__secondaryCta:focus-within{opacity:1}.SetupWidget1330173138__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget1330173138__card.SetupWidget1330173138--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1330173138__card.SetupWidget1330173138--clickable{cursor:pointer}.SetupWidget1330173138__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1330173138__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1330173138__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1330173138__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1819075275__headerLoading{display:block!important}.SlidingModal1056310241__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1056310241__root.SlidingModal1056310241--overlay{transition:transform 0s ease 0s}.SlidingModal1056310241__root.SlidingModal1056310241---appendTo-6-parent{position:absolute}.SlidingModal1056310241__root.SlidingModal1056310241--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1056310241__root:not(.SlidingModal1056310241--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1997812600__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1997812600__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1997812600__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter1870878102__root .TabsFilter1870878102__titleBox *{color:inherit!important}.ManageTagsModal1955119194__root{display:flex}.ManageTagsModal1955119194__root.ManageTagsModal1955119194--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1955119194__root.ManageTagsModal1955119194--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3878948067__root{min-width:0}.ToolbarItemBox4069957524__root{min-width:0}.ToolbarItemBox4069957524__root.ToolbarItemBox4069957524--removeStartPadding{margin-left:-24px}.ToolbarItemBox4069957524__root.ToolbarItemBox4069957524--expandable{flex:1 0}.common3480225819__column{display:flex;flex-direction:column}.common3480225819__fullHeight{height:100%;min-height:0}.CollectionPageHeader3996924296__root:not(.CollectionPageHeader3996924296--mobile){gap:12px}.CollectionPageHeader3996924296__root.CollectionPageHeader3996924296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3996924296__root.CollectionPageHeader3996924296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3775095531__root.FormPageHeader3775095531--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3775095531__root.FormPageHeader3775095531--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
|
package/dist/cjs/version.js
CHANGED
package/dist/cjs/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.
|
|
1
|
+
{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.465.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
**Category:** Base Components/Pages/Entity Page/State
|
|
4
4
|
|
|
5
|
+
Paths written as `dist/…` below are relative to the `@wix/patterns` package root — the directory holding its `package.json`.
|
|
6
|
+
|
|
5
7
|
## API
|
|
6
8
|
|
|
7
9
|
### Overview
|
|
@@ -23,10 +25,5 @@ import { useEntityPage } from '@wix/patterns';
|
|
|
23
25
|
|
|
24
26
|
### Props
|
|
25
27
|
|
|
26
|
-
|
|
27
|
-
|------|------|----------|---------|-------------|
|
|
28
|
-
| `panels` | `SidePanelsState \| null` | Yes | - | The page's side-panel host, the way a table's lives on its toolbar. Attached by the first feature that needs one, through `SidePanelsState.setOnPage` — so a page with no panels neither builds nor bundles the side-panel code. Everything on the page shares this host, which is what keeps one panel open at a time. |
|
|
29
|
-
| `customColumnsState` | `CustomColumnsEntityPageState \| null` | Yes | - | The fields card's "Manage fields" state, set by the card that owns it — the panel is rendered by the host with no props and reads it from here, as a table's panel reads `toolbar.customColumnsState`. |
|
|
30
|
-
| `fieldsContainer` | `PatternsFieldsAppContainer \| undefined` | Yes | - | The container the page's field renderers are built with — the one the schema carries, so a table on the same schema shares it. Initialized in `init()` below, next to the schema load the fields also wait on; the schema-entry EntityPage puts it in React context. |
|
|
31
|
-
| `holdSave` | `() => () => void` | Yes | - | Blocks `handleSubmit` until the returned release is called (idempotent). For features whose form fields are not mounted yet — react-hook-form only validates mounted controls, so a save in that window would skip their required-field validation. |
|
|
28
|
+
Read `dist/dts-bundle/types/EntityPageState.d.ts` for `EntityPageState`'s props.
|
|
32
29
|
|
|
@@ -17,6 +17,15 @@ This component extends [`BrowserRouter`](https://reactrouter.com/en/main/router-
|
|
|
17
17
|
1. Import `PatternsReactRouter` and `PatternsReactRoute`.
|
|
18
18
|
1. For each page you want to route to, add a [`PatternsReactRoute`](./?path=%2Fstory%2Fbase-components-pages-routing--patternsreactroute) component inside the `PatternsReactRouter` component.
|
|
19
19
|
|
|
20
|
+
> **Route `path`s are relative to this router's own mount point**, not to
|
|
21
|
+
> whatever host page, panel, or outer route you reached it through. Never
|
|
22
|
+
> re-prefix a route's `path` with that outer name (e.g. a router mounted on a
|
|
23
|
+
> page named "shifts" still roots its own routes at `path="/"`, not
|
|
24
|
+
> `path="/shifts"`). See [Patterns Router Overview → Paths are relative to
|
|
25
|
+
> where the router is mounted](./?path=/story/base-components-pages-routing--routingoverview).
|
|
26
|
+
> The same rule applies to `parentPath` on `useEntityPage()` and to the `path`
|
|
27
|
+
> passed to `navigateToEntityPage()` / `navigateToCollectionPage()`.
|
|
28
|
+
|
|
20
29
|
### Requirements
|
|
21
30
|
|
|
22
31
|
`PatternsReactRouter` reads the current page location through
|
|
@@ -59,35 +68,14 @@ const App = withDashboard(() => (
|
|
|
59
68
|
));
|
|
60
69
|
```
|
|
61
70
|
|
|
62
|
-
|
|
63
|
-
`export default withDashboard(MyPage)` is
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
import { dashboard, type PageLocation } from '@wix/dashboard';
|
|
71
|
-
import { WixDesignSystemProvider } from '@wix/design-system';
|
|
72
|
-
|
|
73
|
-
export default function Page() {
|
|
74
|
-
const [location, setLocation] = useState<PageLocation>();
|
|
75
|
-
|
|
76
|
-
useEffect(() => {
|
|
77
|
-
const subscription = dashboard.observeState((_pageParams, environment) => {
|
|
78
|
-
setLocation(environment.pageLocation);
|
|
79
|
-
});
|
|
80
|
-
|
|
81
|
-
return () => subscription.disconnect();
|
|
82
|
-
}, []);
|
|
83
|
-
|
|
84
|
-
return (
|
|
85
|
-
<WixDesignSystemProvider>
|
|
86
|
-
{location ? <App location={location} /> : null}
|
|
87
|
-
</WixDesignSystemProvider>
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
```
|
|
71
|
+
The component `withDashboard()` returns takes a `location` prop. Under Yoshi BM
|
|
72
|
+
flow the host passes it for you, so `export default withDashboard(MyPage)` is
|
|
73
|
+
enough. In a **Wix CLI app** nothing passes props to the dashboard page
|
|
74
|
+
component, so you must supply `location` yourself from the dashboard SDK's
|
|
75
|
+
`dashboard.observeState` — see
|
|
76
|
+
[`withDashboard`](./?path=%2Fstory%2Fbase-components-pages-router--withdashboard)
|
|
77
|
+
(`dist/docs/withDashboard.md`) for that bootstrap, kept in one place so the two
|
|
78
|
+
docs cannot drift.
|
|
91
79
|
|
|
92
80
|
Also use `parentPath`, not `parentPageId`, in the
|
|
93
81
|
[`useEntityPage()`](./?path=%2Fstory%2Fbase-components-pages-entity-page-hooks-useentitypage--useentitypage)
|
package/dist/docs/index.json
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
+
"AI Assistant": {
|
|
3
|
+
"file": "AI Assistant.md",
|
|
4
|
+
"category": "Integrations/AI Assistant",
|
|
5
|
+
"symbols": [
|
|
6
|
+
"createAiAssistant"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
2
9
|
"ActionSubItem": {
|
|
3
10
|
"file": "ActionSubItem.md",
|
|
4
11
|
"category": "Common/Types"
|
|
@@ -8,13 +15,6 @@
|
|
|
8
15
|
"category": "Features/Filter/Components",
|
|
9
16
|
"bundle": "components/AutoCompleteFilter.d.ts"
|
|
10
17
|
},
|
|
11
|
-
"AI Assistant": {
|
|
12
|
-
"file": "AI Assistant.md",
|
|
13
|
-
"category": "Integrations/AI Assistant",
|
|
14
|
-
"symbols": [
|
|
15
|
-
"createAiAssistant"
|
|
16
|
-
]
|
|
17
|
-
},
|
|
18
18
|
"CollectionEmptyState": {
|
|
19
19
|
"file": "CollectionEmptyState.md",
|
|
20
20
|
"category": "Features/Display/Empty States",
|
|
@@ -86,6 +86,10 @@
|
|
|
86
86
|
"CollectionSearch/search-highlighting.tsx"
|
|
87
87
|
]
|
|
88
88
|
},
|
|
89
|
+
"CollectionSubToolbar": {
|
|
90
|
+
"file": "CollectionSubToolbar.md",
|
|
91
|
+
"category": "Common/Components"
|
|
92
|
+
},
|
|
89
93
|
"CollectionToolbar": {
|
|
90
94
|
"file": "CollectionToolbar.md",
|
|
91
95
|
"category": "Common/Components"
|
|
@@ -139,10 +143,6 @@
|
|
|
139
143
|
"file": "CustomFieldsViewWidget.md",
|
|
140
144
|
"category": "Features/Enrich/Data Extension/Components"
|
|
141
145
|
},
|
|
142
|
-
"CollectionSubToolbar": {
|
|
143
|
-
"file": "CollectionSubToolbar.md",
|
|
144
|
-
"category": "Common/Components"
|
|
145
|
-
},
|
|
146
146
|
"CustomFieldsWidget": {
|
|
147
147
|
"file": "CustomFieldsWidget.md",
|
|
148
148
|
"category": "Features/Enrich/Data Extension/Components",
|
|
@@ -183,14 +183,14 @@
|
|
|
183
183
|
"EntityPage/input-initialization-with-controller.tsx"
|
|
184
184
|
]
|
|
185
185
|
},
|
|
186
|
-
"EntityPage.Content": {
|
|
187
|
-
"file": "EntityPage.Content.md",
|
|
188
|
-
"category": "Base Components/Pages/Entity Page"
|
|
189
|
-
},
|
|
190
186
|
"EntityPage.Card": {
|
|
191
187
|
"file": "EntityPage.Card.md",
|
|
192
188
|
"category": "Base Components/Pages/Entity Page"
|
|
193
189
|
},
|
|
190
|
+
"EntityPage.Content": {
|
|
191
|
+
"file": "EntityPage.Content.md",
|
|
192
|
+
"category": "Base Components/Pages/Entity Page"
|
|
193
|
+
},
|
|
194
194
|
"EntityPage.Header": {
|
|
195
195
|
"file": "EntityPage.Header.md",
|
|
196
196
|
"category": "Base Components/Pages/Entity Page"
|
|
@@ -370,7 +370,9 @@
|
|
|
370
370
|
"PrimaryPageButton": {
|
|
371
371
|
"file": "PrimaryPageButton.md",
|
|
372
372
|
"category": "Features/Actions/PrimaryPageButton",
|
|
373
|
-
"bundle": "components/PrimaryPageButton.d.ts"
|
|
373
|
+
"bundle": "components/PrimaryPageButton.d.ts",
|
|
374
|
+
"status": "deprecated",
|
|
375
|
+
"statusMessage": "Use `PrimaryActions` component instead."
|
|
374
376
|
},
|
|
375
377
|
"RadioGroupFilter": {
|
|
376
378
|
"file": "RadioGroupFilter.md",
|
|
@@ -699,6 +701,10 @@
|
|
|
699
701
|
"category": "Features/Actions/Action Cell",
|
|
700
702
|
"bundle": "types/ActionCellProps.d.ts"
|
|
701
703
|
},
|
|
704
|
+
"Category": {
|
|
705
|
+
"file": "Category.md",
|
|
706
|
+
"category": "Common/Types"
|
|
707
|
+
},
|
|
702
708
|
"BulkActionModalRenderProp": {
|
|
703
709
|
"file": "BulkActionModalRenderProp.md",
|
|
704
710
|
"category": "Common/Types",
|
|
@@ -708,10 +714,6 @@
|
|
|
708
714
|
"file": "BulkSelectState.md",
|
|
709
715
|
"category": "Common/State"
|
|
710
716
|
},
|
|
711
|
-
"Category": {
|
|
712
|
-
"file": "Category.md",
|
|
713
|
-
"category": "Common/Types"
|
|
714
|
-
},
|
|
715
717
|
"CollectionSection": {
|
|
716
718
|
"file": "CollectionSection.md",
|
|
717
719
|
"category": "Common/Types"
|
|
@@ -720,19 +722,14 @@
|
|
|
720
722
|
"file": "CollectionState.md",
|
|
721
723
|
"category": "Common/State"
|
|
722
724
|
},
|
|
723
|
-
"ComputedQuery": {
|
|
724
|
-
"file": "ComputedQuery.md",
|
|
725
|
-
"category": "Common/Types",
|
|
726
|
-
"bundle": "types/ComputedQuery.d.ts"
|
|
727
|
-
},
|
|
728
725
|
"CtaBaseProps": {
|
|
729
726
|
"file": "CtaBaseProps.md",
|
|
730
727
|
"category": "Common/Types"
|
|
731
728
|
},
|
|
732
|
-
"
|
|
733
|
-
"file": "
|
|
734
|
-
"category": "
|
|
735
|
-
"bundle": "
|
|
729
|
+
"ComputedQuery": {
|
|
730
|
+
"file": "ComputedQuery.md",
|
|
731
|
+
"category": "Common/Types",
|
|
732
|
+
"bundle": "types/ComputedQuery.d.ts"
|
|
736
733
|
},
|
|
737
734
|
"Data Extension Overview": {
|
|
738
735
|
"file": "Data Extension Overview.md",
|
|
@@ -750,6 +747,11 @@
|
|
|
750
747
|
"file": "Allow Users to Add Extended Fields.md",
|
|
751
748
|
"category": "Features/Enrich/Data Extension"
|
|
752
749
|
},
|
|
750
|
+
"customFilter": {
|
|
751
|
+
"file": "customFilter.md",
|
|
752
|
+
"category": "Features/Filter/Factories",
|
|
753
|
+
"bundle": "functions/customFilter.d.ts"
|
|
754
|
+
},
|
|
753
755
|
"DataResultRaw": {
|
|
754
756
|
"file": "DataResultRaw.md",
|
|
755
757
|
"category": "Common/Types",
|
|
@@ -757,7 +759,8 @@
|
|
|
757
759
|
},
|
|
758
760
|
"EntityPageState": {
|
|
759
761
|
"file": "EntityPageState.md",
|
|
760
|
-
"category": "Base Components/Pages/Entity Page/State"
|
|
762
|
+
"category": "Base Components/Pages/Entity Page/State",
|
|
763
|
+
"bundle": "types/EntityPageState.d.ts"
|
|
761
764
|
},
|
|
762
765
|
"ExportTo": {
|
|
763
766
|
"file": "ExportTo.md",
|
|
@@ -996,6 +999,11 @@
|
|
|
996
999
|
"file": "useWidgetsFormContext.md",
|
|
997
1000
|
"category": "Common/Hooks"
|
|
998
1001
|
},
|
|
1002
|
+
"withDashboard": {
|
|
1003
|
+
"file": "withDashboard.md",
|
|
1004
|
+
"category": "Base Components/Pages/Router",
|
|
1005
|
+
"bundle": "functions/withDashboard.d.ts"
|
|
1006
|
+
},
|
|
999
1007
|
"InMemoryBackend": {
|
|
1000
1008
|
"file": "InMemoryBackend.md",
|
|
1001
1009
|
"category": "Guides"
|
package/dist/docs/useEntity.md
CHANGED
|
@@ -71,5 +71,5 @@ Returns [`EntityPageState`](./?path=/story/base-components-pages-entity-page-sta
|
|
|
71
71
|
|
|
72
72
|
### Props
|
|
73
73
|
|
|
74
|
-
Read `dist/dts-bundle/hooks/useEntity.d.ts` for `useEntity`'s props.
|
|
74
|
+
Read `dist/dts-bundle/hooks/useEntity.d.ts` for `useEntity`'s props. Shared shapes cut to a one-line stub there hold 4 of them: `dist/dts-bundle/types/EntityPageState.d.ts` (4).
|
|
75
75
|
|
|
@@ -42,7 +42,9 @@ function EditShift({ shiftId }: { shiftId: string }) {
|
|
|
42
42
|
|
|
43
43
|
const state = useEntityPage<Shift, ShiftFormFields>({
|
|
44
44
|
parentPageId: '',
|
|
45
|
-
|
|
45
|
+
// Relative to the router's own mount point (the page's own root) — not
|
|
46
|
+
// the page's own route/name.
|
|
47
|
+
parentPath: '/',
|
|
46
48
|
form,
|
|
47
49
|
fetch: () => api.getShift(shiftId).then((entity) => ({ entity })),
|
|
48
50
|
// `onSave` receives `widgetsFormData` — what the widget fields
|
|
@@ -94,6 +96,146 @@ up the entity type: `state.entity` becomes `any`, and every field access below i
|
|
|
94
96
|
checked. Name both.
|
|
95
97
|
|
|
96
98
|
|
|
99
|
+
### Create route
|
|
100
|
+
|
|
101
|
+
"Add new" is an entity page too, not a modal — and it is not the edit call with the
|
|
102
|
+
id left out. Four things differ, three of them silently.
|
|
103
|
+
|
|
104
|
+
**Register it as its own route, typed `createEntity`.** One component can serve both
|
|
105
|
+
entity routes; the route is what tells them apart.
|
|
106
|
+
|
|
107
|
+
**Paths here are relative to the router's own mount point**, not to whatever host
|
|
108
|
+
page, panel, or outer route you reached it through — a router mounted on a page
|
|
109
|
+
named "shifts" still roots itself at `path="/"`. Repeating "shifts" in the path
|
|
110
|
+
below is the single most common way this example gets copied wrong. See [Patterns
|
|
111
|
+
Router Overview → Paths are relative to where the router is
|
|
112
|
+
mounted](./?path=/story/base-components-pages-routing--routingoverview).
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
```tsx
|
|
116
|
+
<PatternsReactRoute type="collection" path="/" element={<ShiftsCollectionPage />} />
|
|
117
|
+
<PatternsReactRoute type="createEntity" path="/new" element={<ShiftEntityPage />} />
|
|
118
|
+
<PatternsReactRoute type="editEntity" path="/:shiftId" element={<ShiftEntityPage />} />
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
**Navigate there without an `entity`.**
|
|
122
|
+
[`navigateToEntityPage`](./?path=%2Fstory%2Fbase-components-pages-router-hooks-usepatternsnavigate--usepatternsnavigate)
|
|
123
|
+
takes the argument so the header can render its title before the fetch resolves; on a
|
|
124
|
+
create route there is no record to give it, so omit it and the title renders when your
|
|
125
|
+
own `fetch` does. A placeholder record is the common workaround and is not needed — and
|
|
126
|
+
is worse than nothing, because until `fetch` resolves that placeholder *is*
|
|
127
|
+
`state.entity`.
|
|
128
|
+
|
|
129
|
+
**`fetch` is required, and `{ entity: undefined }` is the create answer.** Its type is
|
|
130
|
+
`() => Promise<{ entity: T | undefined }>`; the `undefined` is that case, not a loading
|
|
131
|
+
state. There is nothing to load, so resolve straight away rather than reaching for a
|
|
132
|
+
`fetch`-less variant, which does not exist.
|
|
133
|
+
|
|
134
|
+
**Set `isNewEntity`.** It is the only param that tells the page which route it is on.
|
|
135
|
+
Omitted, the page infers from data — an entity is loaded, so this must be an edit — and
|
|
136
|
+
a create page that seeds local defaults through `fetch` is then announced to the
|
|
137
|
+
collection as an *update*. The collection changes a row it does not have instead of
|
|
138
|
+
adding one: the new record never appears in the list, and the only trace is a
|
|
139
|
+
`Fetched page info for updated entity not found` console error.
|
|
140
|
+
|
|
141
|
+
A page that only ever creates passes `isNewEntity: true` and a `fetch` that resolves
|
|
142
|
+
empty. More often one component serves both routes, and the presence of the route param
|
|
143
|
+
answers all four at once:
|
|
144
|
+
|
|
145
|
+
```tsx
|
|
146
|
+
import React from 'react';
|
|
147
|
+
import { useParams } from 'react-router-dom';
|
|
148
|
+
import { EntityPage, useEntityPage } from '@wix/patterns';
|
|
149
|
+
import { useForm } from '@wix/patterns/form';
|
|
150
|
+
|
|
151
|
+
interface Shift {
|
|
152
|
+
id?: string;
|
|
153
|
+
name?: string;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
interface ShiftFormFields {
|
|
157
|
+
name?: string;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
const api = {
|
|
161
|
+
getShift: (id: string): Promise<Shift> =>
|
|
162
|
+
Promise.resolve({ id, name: 'Morning' }),
|
|
163
|
+
createShift: (values: Partial<Shift>): Promise<Shift> =>
|
|
164
|
+
Promise.resolve({ id: 'generated-id', ...values }),
|
|
165
|
+
updateShift: (id: string, values: Partial<Shift>): Promise<Shift> =>
|
|
166
|
+
Promise.resolve({ id, ...values }),
|
|
167
|
+
deleteShift: (_id: string): Promise<void> => Promise.resolve(),
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
// One component behind both entity routes — `/new` (`type="createEntity"`)
|
|
171
|
+
// and `/:shiftId` (`type="editEntity"`). Which route it is on is the
|
|
172
|
+
// presence of the param, and that one answer feeds four separate params.
|
|
173
|
+
// These paths are relative to the router's own mount point (the page's own
|
|
174
|
+
// root) — they do not repeat the page's own route/name.
|
|
175
|
+
function ShiftEntityPage() {
|
|
176
|
+
const { shiftId } = useParams<{ shiftId?: string }>();
|
|
177
|
+
const isNewEntity = !shiftId;
|
|
178
|
+
|
|
179
|
+
const form = useForm<ShiftFormFields>({ defaultValues: { name: '' } });
|
|
180
|
+
|
|
181
|
+
const state = useEntityPage<Shift, ShiftFormFields>({
|
|
182
|
+
parentPath: '/',
|
|
183
|
+
form,
|
|
184
|
+
// Decides how the save is announced to the collection — created vs
|
|
185
|
+
// updated. Omitted, the announcement follows whether an entity was
|
|
186
|
+
// loaded, so a create page that seeds defaults through `fetch` is
|
|
187
|
+
// announced as an update.
|
|
188
|
+
isNewEntity,
|
|
189
|
+
// `fetch` is required on both routes. `{ entity: undefined }` is the
|
|
190
|
+
// create case built into its return type, not a loading state.
|
|
191
|
+
fetch: () =>
|
|
192
|
+
shiftId
|
|
193
|
+
? api.getShift(shiftId).then((entity) => ({ entity }))
|
|
194
|
+
: Promise.resolve({ entity: undefined }),
|
|
195
|
+
// `updatedEntity` is the key name for an insert too.
|
|
196
|
+
onSave: async ({ widgetsFormData }) => {
|
|
197
|
+
const values = { ...form.getValues(), ...widgetsFormData };
|
|
198
|
+
const updatedEntity = shiftId
|
|
199
|
+
? await api.updateShift(shiftId, values)
|
|
200
|
+
: await api.createShift(values);
|
|
201
|
+
return { updatedEntity };
|
|
202
|
+
},
|
|
203
|
+
saveSuccessToast: isNewEntity ? 'Shift added' : 'Shift updated',
|
|
204
|
+
// A record that does not exist yet has nothing to delete.
|
|
205
|
+
...(isNewEntity
|
|
206
|
+
? {}
|
|
207
|
+
: {
|
|
208
|
+
deleteAction: {
|
|
209
|
+
onDelete: (shift: Shift) => api.deleteShift(shift.id!),
|
|
210
|
+
},
|
|
211
|
+
}),
|
|
212
|
+
});
|
|
213
|
+
|
|
214
|
+
return (
|
|
215
|
+
<EntityPage state={state}>
|
|
216
|
+
<EntityPage.Header
|
|
217
|
+
title={{ text: isNewEntity ? 'Add Shift' : state.entity?.name ?? '' }}
|
|
218
|
+
/>
|
|
219
|
+
<EntityPage.Content>
|
|
220
|
+
<EntityPage.MainContent>...</EntityPage.MainContent>
|
|
221
|
+
</EntityPage.Content>
|
|
222
|
+
</EntityPage>
|
|
223
|
+
);
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
export default ShiftEntityPage;
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
The header title is the same conditional the params are: `isNewEntity ? 'Add Shift' :
|
|
230
|
+
state.entity?.name`.
|
|
231
|
+
|
|
232
|
+
One consequence of how the hook is built: `useEntityPage` reads its params once, in a
|
|
233
|
+
`useState` initializer, so a boolean `isNewEntity` is fixed at mount. That is what you
|
|
234
|
+
want when each route mounts its own page. Pass the getter form —
|
|
235
|
+
`isNewEntity?: boolean | (() => boolean)` — to read a live source when a single mounted
|
|
236
|
+
page survives the route change instead.
|
|
237
|
+
|
|
238
|
+
|
|
97
239
|
### Props
|
|
98
240
|
|
|
99
241
|
Read `dist/dts-bundle/hooks/useEntityPage.d.ts` for `useEntityPage`'s props.
|
|
@@ -10,12 +10,18 @@ Paths written as `dist/…` below are relative to the `@wix/patterns` package ro
|
|
|
10
10
|
|
|
11
11
|
The `usePatternsNavigate` hook provides functions to navigate between pages in a Patterns React application.
|
|
12
12
|
|
|
13
|
+
> **`path` is relative to the router's own mount point**, not to whatever host
|
|
14
|
+
> page, panel, or outer route you reached it through. Never re-prefix it with
|
|
15
|
+
> that outer name; see [Patterns Router Overview → Paths are relative to where
|
|
16
|
+
> the router is mounted](./?path=/story/base-components-pages-routing--routingoverview).
|
|
13
17
|
|
|
14
18
|
### Usage
|
|
19
|
+
|
|
15
20
|
This hook returns an object with two functions that you can use:
|
|
16
21
|
|
|
17
22
|
```ts
|
|
18
|
-
const { navigateToCollectionPage, navigateToEntityPage } =
|
|
23
|
+
const { navigateToCollectionPage, navigateToEntityPage } =
|
|
24
|
+
usePatternsNavigate();
|
|
19
25
|
```
|
|
20
26
|
|
|
21
27
|
The `navigateToCollectionPage` function is used to navigate to a collection page. \
|
|
@@ -23,18 +29,18 @@ A good usecase for it, is to navigate to a collection page on a breadcrumb click
|
|
|
23
29
|
It takes the path of the collection page as an argument:
|
|
24
30
|
|
|
25
31
|
```ts
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
<Breadcrumbs
|
|
33
|
+
activeId="current"
|
|
34
|
+
items={[
|
|
35
|
+
{ id: 'root', value: 'Dummy Entity Collection' },
|
|
36
|
+
{ id: 'current', value: 'Entity Page' },
|
|
37
|
+
]}
|
|
38
|
+
onClick={(e) => {
|
|
39
|
+
if (e.id === 'root') {
|
|
40
|
+
navigateToCollectionPage({ path: '/' });
|
|
41
|
+
}
|
|
42
|
+
}}
|
|
43
|
+
/>
|
|
38
44
|
```
|
|
39
45
|
|
|
40
46
|
The `navigateToEntityPage` function is used to navigate to an entity page. \
|
|
@@ -49,7 +55,7 @@ It takes the path of the entity page, and the entity as arguments:
|
|
|
49
55
|
text: 'Edit',
|
|
50
56
|
onClick: () =>
|
|
51
57
|
navigateToEntityPage({
|
|
52
|
-
path:
|
|
58
|
+
path: `/${item.id}`,
|
|
53
59
|
entity: item,
|
|
54
60
|
}),
|
|
55
61
|
icon: <Edit />,
|
|
@@ -58,6 +64,27 @@ It takes the path of the entity page, and the entity as arguments:
|
|
|
58
64
|
}}
|
|
59
65
|
```
|
|
60
66
|
|
|
67
|
+
### Navigating to a create page
|
|
68
|
+
|
|
69
|
+
`entity` is optional, because a create page has no record to pass yet. Omit it:
|
|
70
|
+
|
|
71
|
+
```ts
|
|
72
|
+
<PrimaryActions
|
|
73
|
+
label="Add shift"
|
|
74
|
+
onClick={() => navigateToEntityPage({ path: '/new' })}
|
|
75
|
+
/>
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
Passing a placeholder object instead is a common workaround and is not needed —
|
|
79
|
+
the header simply renders without a title until your own `fetch` resolves, and
|
|
80
|
+
until then the placeholder *is* the page's `state.entity`.
|
|
81
|
+
|
|
82
|
+
The create page itself needs three more things — the `createEntity` route, a
|
|
83
|
+
`fetch` that resolves empty, and `isNewEntity`. See
|
|
84
|
+
[Create route](./?path=/story/base-components-pages-entity-page-hooks-useentitypage--useentitypage)
|
|
85
|
+
on `useEntityPage`, which has the worked component for a page serving both the
|
|
86
|
+
create and the edit route.
|
|
87
|
+
|
|
61
88
|
|
|
62
89
|
```tsx
|
|
63
90
|
import { usePatternsNavigate } from '@wix/patterns/router';
|