@wix/patterns 1.464.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/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 +60 -52
- package/dist/docs/useEntity.md +1 -1
- package/dist/docs/useEntityPage.md +18 -7
- package/dist/docs/usePatternsNavigate.md +8 -3
- 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/index.json +42 -19
- 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/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
- package/dist/esm/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/esm/components/EditableTable/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/datetime/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/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/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/time/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/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/ImportButton/ImportStepUpload.st.css.js.map +1 -1
- 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/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/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/esm/components/SetupWidget/SetupWidget.st.css.js +2 -2
- package/dist/esm/components/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/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map +1 -1
- 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/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/CollectionSectionHeader/CollectionSectionHeader.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.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/datetime/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/number/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/number/View.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/text/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/time/Edit.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/ImportButton/ImportStepUpload.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/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
- package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
- package/dist/types/components/ToolbarItemBox/ToolbarItemBox.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/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
|
-
.CardContainer1661088410__root.CardContainer1661088410--mobile{border-radius:0}.CmsFieldForm1942399932__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1509134783__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection4114333270__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse3639808176__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3639808176__exit{height:0}.CollectionPage601988902__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage601988902__root.CollectionPage601988902--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage601988902__root.CollectionPage601988902--panel{overflow:hidden;position:relative}.CollectionSectionHeader753130142__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3157952820__root td{vertical-align:middle}.CollectionTable3157952820__root.CollectionTable3157952820--mobile td:first-child{padding-left:18px}.CollectionTable3157952820__root.CollectionTable3157952820--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2842585053__root.CollectionTableWSRTable2842585053--resizable table{min-width:100%}.CollectionTableWSRTable2842585053__root.CollectionTableWSRTable2842585053--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar122482849__root.CollectionToolbar122482849--harmony .CollectionToolbar122482849__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar122482849__left{min-width:0}.CollectionToolbar122482849__left.CollectionToolbar122482849--expandable{flex:auto}.CollectionToolbar122482849__left.CollectionToolbar122482849--title>*{width:100%}.CollectionToolbar122482849__root.CollectionToolbar122482849---responsiveMode-5-title .CollectionToolbar122482849__left{flex:1 100;min-width:50px}.CollectionToolbar122482849__root.CollectionToolbar122482849---responsiveMode-4-tabs .CollectionToolbar122482849__left,.CollectionToolbar122482849__root.CollectionToolbar122482849---responsiveMode-4-tabs .CollectionToolbar122482849__left.CollectionToolbar122482849--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar122482849__root.CollectionToolbar122482849---responsiveMode-4-tabs .CollectionToolbar122482849__left>*{flex-shrink:1;min-width:0}.CollectionToolbar122482849__root .CollectionToolbar122482849__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar122482849__root.CollectionToolbar122482849--views .CollectionToolbar122482849__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar122482849__root.CollectionToolbar122482849---responsiveMode-4-tabs .CollectionToolbar122482849__right,.CollectionToolbar122482849__root.CollectionToolbar122482849---responsiveMode-5-title .CollectionToolbar122482849__right{flex:0 1 auto;min-width:0}.CollectionToolbar122482849__root .CollectionToolbar122482849__right.CollectionToolbar122482849__fullWidth{margin-inline-start:0!important}.CollectionToolbar122482849__root.CollectionToolbar122482849--mobile:not(.CollectionToolbar122482849--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter911941766__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter911941766__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter911941766__searchMobile:not(.SearchOrCustomFilter911941766--expandable){left:18px}.SearchOrCustomFilter911941766__searchMobile.SearchOrCustomFilter911941766--expandable.SearchOrCustomFilter911941766--expanded{left:18px}.AutoCompleteReadonly3123150409__root.AutoCompleteReadonly3123150409--disableEditing{cursor:pointer}.AutoCompleteReadonly3123150409__root.AutoCompleteReadonly3123150409--disableEditing input{cursor:pointer}.ViewsDropdown2059687983__root{width:200px}.DragHandle1129646570__root{display:flex;align-items:center}.DragHandle1129646570__root:not(.DragHandle1129646570--disabled){cursor:grab;color:#a8caff}.DragHandle1129646570__root.DragHandle1129646570--disabled{color:#acafc4}.DragHandle1129646570__root:focus-visible:not(.DragHandle1129646570--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1129646570__root.DragHandle1129646570--disabled{pointer-events:none}.DragHandle1129646570__root.DragHandle1129646570--dragging:not(.DragHandle1129646570--disabled){cursor:grabbing}td:has(>.EditableCell2160032866__root){position:relative;overflow:visible}tr:has(.EditableCell2160032866__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell2160032866__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>.EditableCell2160032866__root{top:0}.EditableCell2160032866__root:hover:not(.EditableCell2160032866--rowActive):not(.EditableCell2160032866--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2160032866__root.EditableCell2160032866--rowActive:not(.EditableCell2160032866--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2160032866__root.EditableCell2160032866--rowActive:hover:not(.EditableCell2160032866--focused):not(.EditableCell2160032866--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)}.EditableCell2160032866__root.EditableCell2160032866--focused:not(.EditableCell2160032866--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}.EditableCell2160032866__root.EditableCell2160032866--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2160032866__root.EditableCell2160032866--editing:not(.EditableCell2160032866--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2160032866__root.EditableCell2160032866--focused.EditableCell2160032866--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2160032866__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)}.EditableCell2160032866__root.EditableCell2160032866--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2160032866__root.EditableCell2160032866--selectionTop:not(.EditableCell2160032866--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--selectionBottom:not(.EditableCell2160032866--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--selectionLeft:not(.EditableCell2160032866--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--selectionRight:not(.EditableCell2160032866--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--invalid,.EditableCell2160032866__root.EditableCell2160032866--invalid.EditableCell2160032866--rowActive:hover:not(.EditableCell2160032866--focused):not(.EditableCell2160032866--rangeSelected),.EditableCell2160032866__root.EditableCell2160032866--invalid.EditableCell2160032866--focused:not(.EditableCell2160032866--rangeSelected),.EditableCell2160032866__root.EditableCell2160032866--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2160032866__root.EditableCell2160032866--copiedTop:not(.EditableCell2160032866--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--copiedBottom:not(.EditableCell2160032866--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--copiedLeft:not(.EditableCell2160032866--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--copiedRight:not(.EditableCell2160032866--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2160032866__root.EditableCell2160032866--invalid:not(.EditableCell2160032866--focused):not(.EditableCell2160032866--editing){z-index:1}.EditableCell2160032866__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 .EditableCell2160032866__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3444747772__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3444747772__root,.HeaderActionsPopover3444747772__root[data-menu-open=true],.HeaderActionsPopover3444747772__root:focus-within{opacity:1}.CellViewLayout1831318360__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1831318360__root>*{flex:1;min-width:0}.Edit3909204289__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}.Edit3909204289__addressInput>div,.Edit3909204289__addressInput>div>div,.Edit3909204289__addressInput>div>div>div{width:100%;min-width:0}.Edit3923592721__jsonInput{width:100%;margin-left:-1px}.Edit1687902804__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1451707083__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit2996960610__root{width:100%;height:100%;display:flex;align-items:center}.Edit3514334579__dateInput{width:100%;margin-left:-1px}.Edit2317059865__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2317059865__dateHalf{flex:60 1 0}.Edit2317059865__timeHalf{flex:40 1 0}.Edit2317059865__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2317059865__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%}.Edit2317059865__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View79639303__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}.View79639303__datePart{flex:60 1 0}.View79639303__timePart{flex:40 1 0}.View79639303__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View79639303__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2428395970__emailInput{width:100%;margin-left:-1px}.Edit514488761__numberInput{width:100%;margin-right:2px}.Edit514488761__numberInput input{text-align:right;direction:ltr}.View622751405__textView{width:100%;text-align:right}.Edit341853130__jsonInput{width:100%;margin-left:-1px}.Edit3528118946__selectInput{width:100%}.Edit3846876992__editWrapper{width:100%}.Edit3846876992__inputArea{background-color:transparent;width:100%}.Edit3846876992__inputArea input,.Edit3846876992__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}.Edit3846876992__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3846876992__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3846876992__inputArea>div::after{box-shadow:none!important}.Edit3846876992__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3846876992__inputArea:not(.Edit3846876992--isFocused) textarea{resize:none;overflow:hidden}.Edit3846876992__inputArea:not(.Edit3846876992--isFocused) textarea::-webkit-scrollbar{display:none}.Edit449740327__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,8 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"ActionSubItem": {
|
|
3
|
-
"file": "ActionSubItem.md",
|
|
4
|
-
"category": "Common/Types"
|
|
5
|
-
},
|
|
6
2
|
"AI Assistant": {
|
|
7
3
|
"file": "AI Assistant.md",
|
|
8
4
|
"category": "Integrations/AI Assistant",
|
|
@@ -10,6 +6,10 @@
|
|
|
10
6
|
"createAiAssistant"
|
|
11
7
|
]
|
|
12
8
|
},
|
|
9
|
+
"ActionSubItem": {
|
|
10
|
+
"file": "ActionSubItem.md",
|
|
11
|
+
"category": "Common/Types"
|
|
12
|
+
},
|
|
13
13
|
"AutoCompleteFilter": {
|
|
14
14
|
"file": "AutoCompleteFilter.md",
|
|
15
15
|
"category": "Features/Filter/Components",
|
|
@@ -34,11 +34,30 @@
|
|
|
34
34
|
"category": "Features/Display/Empty States",
|
|
35
35
|
"bundle": "components/CollectionNoResultsState.d.ts"
|
|
36
36
|
},
|
|
37
|
+
"CollectionOptimisticActions": {
|
|
38
|
+
"file": "CollectionOptimisticActions.md",
|
|
39
|
+
"category": "Features/Actions/Updates",
|
|
40
|
+
"bundle": "components/CollectionOptimisticActions.d.ts",
|
|
41
|
+
"examples": [
|
|
42
|
+
"CollectionOptimisticActions/create-one.tsx",
|
|
43
|
+
"CollectionOptimisticActions/create-many.tsx",
|
|
44
|
+
"CollectionOptimisticActions/update-one.tsx",
|
|
45
|
+
"CollectionOptimisticActions/update-many.tsx",
|
|
46
|
+
"CollectionOptimisticActions/update-all.tsx",
|
|
47
|
+
"CollectionOptimisticActions/delete-one.tsx",
|
|
48
|
+
"CollectionOptimisticActions/delete-many.tsx",
|
|
49
|
+
"CollectionOptimisticActions/delete-all.tsx"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
37
52
|
"CollectionPage": {
|
|
38
53
|
"file": "CollectionPage.md",
|
|
39
54
|
"category": "Base Components/Pages/Collection Page",
|
|
40
55
|
"bundle": "components/CollectionPage.d.ts"
|
|
41
56
|
},
|
|
57
|
+
"CollectionPage.Content": {
|
|
58
|
+
"file": "CollectionPage.Content.md",
|
|
59
|
+
"category": "Base Components/Pages/Collection Page"
|
|
60
|
+
},
|
|
42
61
|
"CollectionPage.Header": {
|
|
43
62
|
"file": "CollectionPage.Header.md",
|
|
44
63
|
"category": "Base Components/Pages/Collection Page",
|
|
@@ -51,25 +70,6 @@
|
|
|
51
70
|
"CollectionPage.Header/with-badges.tsx"
|
|
52
71
|
]
|
|
53
72
|
},
|
|
54
|
-
"CollectionPage.Content": {
|
|
55
|
-
"file": "CollectionPage.Content.md",
|
|
56
|
-
"category": "Base Components/Pages/Collection Page"
|
|
57
|
-
},
|
|
58
|
-
"CollectionOptimisticActions": {
|
|
59
|
-
"file": "CollectionOptimisticActions.md",
|
|
60
|
-
"category": "Features/Actions/Updates",
|
|
61
|
-
"bundle": "components/CollectionOptimisticActions.d.ts",
|
|
62
|
-
"examples": [
|
|
63
|
-
"CollectionOptimisticActions/create-one.tsx",
|
|
64
|
-
"CollectionOptimisticActions/create-many.tsx",
|
|
65
|
-
"CollectionOptimisticActions/update-one.tsx",
|
|
66
|
-
"CollectionOptimisticActions/update-many.tsx",
|
|
67
|
-
"CollectionOptimisticActions/update-all.tsx",
|
|
68
|
-
"CollectionOptimisticActions/delete-one.tsx",
|
|
69
|
-
"CollectionOptimisticActions/delete-many.tsx",
|
|
70
|
-
"CollectionOptimisticActions/delete-all.tsx"
|
|
71
|
-
]
|
|
72
|
-
},
|
|
73
73
|
"CollectionPremiumEmptyState": {
|
|
74
74
|
"file": "CollectionPremiumEmptyState.md",
|
|
75
75
|
"category": "Features/Display/Empty States",
|
|
@@ -139,6 +139,10 @@
|
|
|
139
139
|
"CustomFieldType/entity-page-form.tsx"
|
|
140
140
|
]
|
|
141
141
|
},
|
|
142
|
+
"CustomFieldsViewWidget": {
|
|
143
|
+
"file": "CustomFieldsViewWidget.md",
|
|
144
|
+
"category": "Features/Enrich/Data Extension/Components"
|
|
145
|
+
},
|
|
142
146
|
"CustomFieldsWidget": {
|
|
143
147
|
"file": "CustomFieldsWidget.md",
|
|
144
148
|
"category": "Features/Enrich/Data Extension/Components",
|
|
@@ -152,27 +156,15 @@
|
|
|
152
156
|
"CustomFieldsWidget/with-tpa-fields.tsx"
|
|
153
157
|
]
|
|
154
158
|
},
|
|
155
|
-
"CustomFieldsViewWidget": {
|
|
156
|
-
"file": "CustomFieldsViewWidget.md",
|
|
157
|
-
"category": "Features/Enrich/Data Extension/Components"
|
|
158
|
-
},
|
|
159
159
|
"DateRangeFilter": {
|
|
160
160
|
"file": "DateRangeFilter.Components.md",
|
|
161
161
|
"category": "Features/Filter/Components",
|
|
162
162
|
"bundle": "components/DateRangeFilter.d.ts"
|
|
163
163
|
},
|
|
164
|
-
"EntityPage.Card": {
|
|
165
|
-
"file": "EntityPage.Card.md",
|
|
166
|
-
"category": "Base Components/Pages/Entity Page"
|
|
167
|
-
},
|
|
168
164
|
"EntityPage.AdditionalContent": {
|
|
169
165
|
"file": "EntityPage.AdditionalContent.md",
|
|
170
166
|
"category": "Base Components/Pages/Entity Page"
|
|
171
167
|
},
|
|
172
|
-
"EntityPage.Content": {
|
|
173
|
-
"file": "EntityPage.Content.md",
|
|
174
|
-
"category": "Base Components/Pages/Entity Page"
|
|
175
|
-
},
|
|
176
168
|
"EntityPage": {
|
|
177
169
|
"file": "EntityPage.md",
|
|
178
170
|
"category": "Base Components/Pages/Entity Page",
|
|
@@ -191,8 +183,12 @@
|
|
|
191
183
|
"EntityPage/input-initialization-with-controller.tsx"
|
|
192
184
|
]
|
|
193
185
|
},
|
|
194
|
-
"EntityPage.
|
|
195
|
-
"file": "EntityPage.
|
|
186
|
+
"EntityPage.Card": {
|
|
187
|
+
"file": "EntityPage.Card.md",
|
|
188
|
+
"category": "Base Components/Pages/Entity Page"
|
|
189
|
+
},
|
|
190
|
+
"EntityPage.Content": {
|
|
191
|
+
"file": "EntityPage.Content.md",
|
|
196
192
|
"category": "Base Components/Pages/Entity Page"
|
|
197
193
|
},
|
|
198
194
|
"EntityPage.Header": {
|
|
@@ -203,6 +199,10 @@
|
|
|
203
199
|
"file": "EntityPage.MainContent.md",
|
|
204
200
|
"category": "Base Components/Pages/Entity Page"
|
|
205
201
|
},
|
|
202
|
+
"EntityPage.Slots": {
|
|
203
|
+
"file": "EntityPage.Slots.md",
|
|
204
|
+
"category": "Base Components/Pages/Entity Page"
|
|
205
|
+
},
|
|
206
206
|
"Grid": {
|
|
207
207
|
"file": "Grid.md",
|
|
208
208
|
"category": "Base Components/Collections/Grid/Grid",
|
|
@@ -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
|
|
@@ -102,11 +104,18 @@ id left out. Four things differ, three of them silently.
|
|
|
102
104
|
**Register it as its own route, typed `createEntity`.** One component can serve both
|
|
103
105
|
entity routes; the route is what tells them apart.
|
|
104
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
|
+
|
|
105
114
|
|
|
106
115
|
```tsx
|
|
107
|
-
<PatternsReactRoute type="collection" path="/
|
|
108
|
-
<PatternsReactRoute type="createEntity" path="/
|
|
109
|
-
<PatternsReactRoute type="editEntity" path="
|
|
116
|
+
<PatternsReactRoute type="collection" path="/" element={<ShiftsCollectionPage />} />
|
|
117
|
+
<PatternsReactRoute type="createEntity" path="/new" element={<ShiftEntityPage />} />
|
|
118
|
+
<PatternsReactRoute type="editEntity" path="/:shiftId" element={<ShiftEntityPage />} />
|
|
110
119
|
```
|
|
111
120
|
|
|
112
121
|
**Navigate there without an `entity`.**
|
|
@@ -158,9 +167,11 @@ const api = {
|
|
|
158
167
|
deleteShift: (_id: string): Promise<void> => Promise.resolve(),
|
|
159
168
|
};
|
|
160
169
|
|
|
161
|
-
// One component behind both entity routes — `/
|
|
162
|
-
// and
|
|
170
|
+
// One component behind both entity routes — `/new` (`type="createEntity"`)
|
|
171
|
+
// and `/:shiftId` (`type="editEntity"`). Which route it is on is the
|
|
163
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.
|
|
164
175
|
function ShiftEntityPage() {
|
|
165
176
|
const { shiftId } = useParams<{ shiftId?: string }>();
|
|
166
177
|
const isNewEntity = !shiftId;
|
|
@@ -168,7 +179,7 @@ function ShiftEntityPage() {
|
|
|
168
179
|
const form = useForm<ShiftFormFields>({ defaultValues: { name: '' } });
|
|
169
180
|
|
|
170
181
|
const state = useEntityPage<Shift, ShiftFormFields>({
|
|
171
|
-
parentPath: '/
|
|
182
|
+
parentPath: '/',
|
|
172
183
|
form,
|
|
173
184
|
// Decides how the save is announced to the collection — created vs
|
|
174
185
|
// updated. Omitted, the announcement follows whether an entity was
|
|
@@ -10,6 +10,11 @@ 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).
|
|
17
|
+
|
|
13
18
|
### Usage
|
|
14
19
|
|
|
15
20
|
This hook returns an object with two functions that you can use:
|
|
@@ -32,7 +37,7 @@ It takes the path of the collection page as an argument:
|
|
|
32
37
|
]}
|
|
33
38
|
onClick={(e) => {
|
|
34
39
|
if (e.id === 'root') {
|
|
35
|
-
navigateToCollectionPage({ path: '/
|
|
40
|
+
navigateToCollectionPage({ path: '/' });
|
|
36
41
|
}
|
|
37
42
|
}}
|
|
38
43
|
/>
|
|
@@ -50,7 +55,7 @@ It takes the path of the entity page, and the entity as arguments:
|
|
|
50
55
|
text: 'Edit',
|
|
51
56
|
onClick: () =>
|
|
52
57
|
navigateToEntityPage({
|
|
53
|
-
path:
|
|
58
|
+
path: `/${item.id}`,
|
|
54
59
|
entity: item,
|
|
55
60
|
}),
|
|
56
61
|
icon: <Edit />,
|
|
@@ -66,7 +71,7 @@ It takes the path of the entity page, and the entity as arguments:
|
|
|
66
71
|
```ts
|
|
67
72
|
<PrimaryActions
|
|
68
73
|
label="Add shift"
|
|
69
|
-
onClick={() => navigateToEntityPage({ path: '/
|
|
74
|
+
onClick={() => navigateToEntityPage({ path: '/new' })}
|
|
70
75
|
/>
|
|
71
76
|
```
|
|
72
77
|
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# withDashboard
|
|
2
|
+
|
|
3
|
+
**Category:** Base Components/Pages/Router
|
|
4
|
+
|
|
5
|
+
Paths written as `dist/…` below are relative to the `@wix/patterns` package root — the directory holding its `package.json`.
|
|
6
|
+
|
|
7
|
+
## Design
|
|
8
|
+
|
|
9
|
+
### Description
|
|
10
|
+
|
|
11
|
+
`withDashboard` is the higher-order component that renders bex-core's dashboard
|
|
12
|
+
context around a page. Patterns components read the current page location out of
|
|
13
|
+
that context, so wrapping the page is not optional for any of them that route.
|
|
14
|
+
|
|
15
|
+
### Requirements
|
|
16
|
+
|
|
17
|
+
`PatternsReactRouter` reads the current page location through
|
|
18
|
+
`container.usePageLocation()`. That value comes from the dashboard context,
|
|
19
|
+
which is rendered **only** by `withDashboard`, from its `location` prop.
|
|
20
|
+
`WixPatternsProvider` does not supply it — the provider's own
|
|
21
|
+
`environment.pageLocation` feeds the container's `componentId`, not this hook.
|
|
22
|
+
|
|
23
|
+
Without `withDashboard` above the router, `usePageLocation()` returns
|
|
24
|
+
`undefined` and the router throws:
|
|
25
|
+
|
|
26
|
+
> It appears that `PatternsReactRouter` is being used incorrectly. Please refer
|
|
27
|
+
> to the documentation to ensure proper implementation.
|
|
28
|
+
|
|
29
|
+
Nothing catches this before runtime — type checking and bundling both pass,
|
|
30
|
+
because neither renders the page.
|
|
31
|
+
|
|
32
|
+
### Supplying `location`
|
|
33
|
+
|
|
34
|
+
The component `withDashboard()` returns takes a `location` prop, and it is the
|
|
35
|
+
host's job to pass it.
|
|
36
|
+
|
|
37
|
+
Under **Yoshi BM flow** the host passes `location` to your page component, so
|
|
38
|
+
`export default withDashboard(MyPage)` is enough.
|
|
39
|
+
|
|
40
|
+
In a **Wix CLI app** nothing passes props to the dashboard page component, so
|
|
41
|
+
you must supply `location` yourself from the dashboard SDK. Read it from
|
|
42
|
+
`dashboard.observeState`, and render the wrapped page once it arrives — the
|
|
43
|
+
prop is required, so there is nothing to render before the first callback:
|
|
44
|
+
|
|
45
|
+
```tsx
|
|
46
|
+
import { useEffect, useState } from 'react';
|
|
47
|
+
import { dashboard, type PageLocation } from '@wix/dashboard';
|
|
48
|
+
import { WixDesignSystemProvider } from '@wix/design-system';
|
|
49
|
+
|
|
50
|
+
export default function Page() {
|
|
51
|
+
const [location, setLocation] = useState<PageLocation>();
|
|
52
|
+
|
|
53
|
+
useEffect(() => {
|
|
54
|
+
const subscription = dashboard.observeState((_pageParams, environment) => {
|
|
55
|
+
setLocation(environment.pageLocation);
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
return () => subscription.disconnect();
|
|
59
|
+
}, []);
|
|
60
|
+
|
|
61
|
+
return (
|
|
62
|
+
<WixDesignSystemProvider>
|
|
63
|
+
{location ? <App location={location} /> : null}
|
|
64
|
+
</WixDesignSystemProvider>
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
`App` here is the wrapped page — `withDashboard(() => …)` around
|
|
70
|
+
`WixPatternsProvider` and the routes. See
|
|
71
|
+
[`PatternsReactRouter`](./?path=%2Fstory%2Fbase-components-pages-router--patternsreactrouter)
|
|
72
|
+
for that half.
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
```tsx
|
|
76
|
+
import { withDashboard } from '@wix/patterns';
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
## API
|
|
80
|
+
|
|
81
|
+
### Props
|
|
82
|
+
|
|
83
|
+
Read `dist/dts-bundle/functions/withDashboard.d.ts` for `withDashboard`'s props.
|
|
84
|
+
|
|
@@ -223,7 +223,7 @@ interface FormPageAdditionalContentProps {
|
|
|
223
223
|
|
|
224
224
|
/**
|
|
225
225
|
* `EntityPageState` — you receive this, you don't construct it.
|
|
226
|
-
* Produced by `useEntityPage()` (also `useEntityPageContext()`).
|
|
226
|
+
* Produced by `useEntityPage()` (also `useEntityPageContext()`). Look `EntityPageState` up in the bundle index for its own API.
|
|
227
227
|
*/
|
|
228
228
|
declare class EntityPageState<T = any, V = any> {
|
|
229
229
|
[key: string]: unknown;
|