@wix/patterns 1.467.0 → 1.468.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.js +10 -7
- package/dist/cjs/components/EditableTable/EditableCell.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableCell.st.css +32 -2
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js +9 -4
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableCell.uni.driver.js +4 -0
- package/dist/cjs/components/EditableTable/EditableCell.uni.driver.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableTable.js +13 -11
- package/dist/cjs/components/EditableTable/EditableTable.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.js +7 -6
- package/dist/cjs/components/EditableTable/cellTypes/address/Edit.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/address/Edit.uni.driver.js +10 -6
- package/dist/cjs/components/EditableTable/cellTypes/address/Edit.uni.driver.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/address/View.js +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/address/View.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/address/index.js +9 -12
- package/dist/cjs/components/EditableTable/cellTypes/address/index.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/array/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/color/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js +8 -8
- package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js +7 -7
- package/dist/cjs/components/EditableTable/cellTypes/datetime/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/number/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/select/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js +4 -4
- package/dist/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js +4 -4
- package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/useClearFocusOnBlur.js +10 -2
- package/dist/cjs/components/EditableTable/useClearFocusOnBlur.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/FieldCell/FieldCell.js +24 -22
- package/dist/cjs/components/FieldCell/FieldCell.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.js +91 -44
- package/dist/cjs/components/Table/AddFieldColumnHeader.js.map +1 -1
- package/dist/cjs/components/Table/AddFieldColumnHeader.st.css +43 -20
- package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js +14 -5
- package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
- package/dist/cjs/components/Table/AddFieldColumnHeader.uni.driver.js +27 -0
- package/dist/cjs/components/Table/AddFieldColumnHeader.uni.driver.js.map +1 -0
- 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/hooks/useCollectionTableResize.js +5 -0
- package/dist/cjs/hooks/useCollectionTableResize.js.map +1 -1
- package/dist/cjs/hooks/useCreateWSRColumnBase.js +2 -1
- package/dist/cjs/hooks/useCreateWSRColumnBase.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/state/CollectionFieldsSourceState.js +13 -2
- package/dist/cjs/state/CollectionFieldsSourceState.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/ColumnSizesState.js +7 -1
- package/dist/cjs/state/ColumnSizesState.js.map +1 -1
- package/dist/cjs/state/CustomColumnsState.js +32 -2
- package/dist/cjs/state/CustomColumnsState.js.map +1 -1
- package/dist/cjs/state/EditableTable/fieldTypeToCellType.js +1 -1
- package/dist/cjs/state/EditableTable/fieldTypeToCellType.js.map +1 -1
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map +1 -1
- package/dist/cjs/state/ToolbarCollectionState.js +7 -1
- package/dist/cjs/state/ToolbarCollectionState.js.map +1 -1
- package/dist/cjs/state/buildEditableFieldColumns.js +2 -2
- package/dist/cjs/state/buildEditableFieldColumns.js.map +1 -1
- package/dist/cjs/state/buildFieldColumns.js +2 -0
- package/dist/cjs/state/buildFieldColumns.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/CustomFieldType.md +1 -1
- package/dist/docs/PatternsReactRoute.md +7 -1
- package/dist/docs/PatternsReactRouter.md +12 -2
- package/dist/docs/index.json +28 -28
- package/dist/docs/useEntityPage.md +1 -1
- package/dist/docs/usePatternsNavigate.md +1 -1
- package/dist/dts-bundle/hooks/useEntityPage.d.ts +11 -3
- package/dist/dts-bundle/index.json +5 -5
- package/dist/dts-bundle/types/EntityPageState.d.ts +11 -3
- package/dist/dts-bundle/types/EntityPageStateParams.d.ts +11 -3
- package/dist/dts-bundle/types/OnSaveParams.d.ts +11 -3
- package/dist/dts-bundle/types/UseEntityPageParams.d.ts +11 -3
- package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/esm/components/CardContainer/CardContainer.st.css.js.map +1 -1
- package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js +2 -2
- package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js +2 -2
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/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/AutoCompleteReadonly.st.css.js.map +1 -1
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/EditableCell.js +3 -2
- package/dist/esm/components/EditableTable/EditableCell.js.map +1 -1
- package/dist/esm/components/EditableTable/EditableCell.st.css +32 -2
- package/dist/esm/components/EditableTable/EditableCell.st.css.js +3 -3
- package/dist/esm/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/EditableCell.uni.driver.js +4 -0
- package/dist/esm/components/EditableTable/EditableCell.uni.driver.js.map +1 -1
- package/dist/esm/components/EditableTable/EditableTable.js +3 -3
- package/dist/esm/components/EditableTable/EditableTable.js.map +1 -1
- package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.js +2 -1
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.uni.driver.js +9 -6
- package/dist/esm/components/EditableTable/cellTypes/address/Edit.uni.driver.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/address/View.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/address/View.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/address/index.js +6 -12
- package/dist/esm/components/EditableTable/cellTypes/address/index.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/array/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/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/select/Edit.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/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/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/useClearFocusOnBlur.js +9 -2
- package/dist/esm/components/EditableTable/useClearFocusOnBlur.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/FieldCell/FieldCell.js +1 -1
- package/dist/esm/components/FieldCell/FieldCell.js.map +1 -1
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/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/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/ScrollableContent/ScrollableContent.st.css.js +2 -2
- 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/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/esm/components/Table/AddFieldColumnHeader.js +50 -25
- package/dist/esm/components/Table/AddFieldColumnHeader.js.map +1 -1
- package/dist/esm/components/Table/AddFieldColumnHeader.st.css +43 -20
- package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js +3 -3
- package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js.map +1 -1
- package/dist/esm/components/Table/AddFieldColumnHeader.uni.driver.js +22 -0
- package/dist/esm/components/Table/AddFieldColumnHeader.uni.driver.js.map +1 -0
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map +1 -1
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map +1 -1
- package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js +2 -2
- package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js.map +1 -1
- package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/hooks/useCollectionTableResize.js +5 -0
- package/dist/esm/hooks/useCollectionTableResize.js.map +1 -1
- package/dist/esm/hooks/useCreateWSRColumnBase.js +2 -2
- package/dist/esm/hooks/useCreateWSRColumnBase.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/state/CollectionFieldsSourceState.js +8 -0
- package/dist/esm/state/CollectionFieldsSourceState.js.map +1 -1
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/esm/state/ColumnSizesState.js +7 -1
- package/dist/esm/state/ColumnSizesState.js.map +1 -1
- package/dist/esm/state/CustomColumnsState.js +32 -3
- package/dist/esm/state/CustomColumnsState.js.map +1 -1
- package/dist/esm/state/EditableTable/fieldTypeToCellType.js +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/state/ToolbarCollectionState.js +9 -1
- package/dist/esm/state/ToolbarCollectionState.js.map +1 -1
- package/dist/esm/state/buildEditableFieldColumns.js +1 -2
- package/dist/esm/state/buildEditableFieldColumns.js.map +1 -1
- package/dist/esm/state/buildFieldColumns.js +1 -1
- package/dist/esm/state/buildFieldColumns.js.map +1 -1
- package/dist/esm/styles.global.css +2 -2
- package/dist/esm/version.js +1 -1
- package/dist/types/components/CardContainer/CardContainer.st.css.d.ts.map +1 -1
- package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionPageNew/CollectionPage.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/DragHandle/DragHandle.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.d.ts +2 -1
- package/dist/types/components/EditableTable/EditableCell.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.st.css.d.ts +5 -0
- package/dist/types/components/EditableTable/EditableCell.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableCell.uni.driver.d.ts +18 -2
- package/dist/types/components/EditableTable/EditableCell.uni.driver.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableTable.d.ts.map +1 -1
- package/dist/types/components/EditableTable/EditableTable.uni.driver.d.ts +26 -0
- package/dist/types/components/EditableTable/EditableTable.uni.driver.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/Edit.d.ts +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/Edit.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/Edit.uni.driver.d.ts +5 -2
- package/dist/types/components/EditableTable/cellTypes/address/Edit.uni.driver.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/View.d.ts +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/View.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/address/index.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/boolean/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/email/Edit.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/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/select/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/useClearFocusOnBlur.d.ts +2 -1
- package/dist/types/components/EditableTable/useClearFocusOnBlur.d.ts.map +1 -1
- package/dist/types/components/FieldCell/FieldCell.d.ts +5 -0
- package/dist/types/components/FieldCell/FieldCell.d.ts.map +1 -1
- package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map +1 -1
- package/dist/types/components/MaxHeightText/MaxHeightText.st.css.d.ts.map +1 -1
- package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map +1 -1
- package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map +1 -1
- package/dist/types/components/SlidingModal/SlidingModal.st.css.d.ts.map +1 -1
- package/dist/types/components/Table/AddFieldColumnHeader.d.ts +5 -1
- package/dist/types/components/Table/AddFieldColumnHeader.d.ts.map +1 -1
- package/dist/types/components/Table/AddFieldColumnHeader.st.css.d.ts +10 -1
- package/dist/types/components/Table/AddFieldColumnHeader.st.css.d.ts.map +1 -1
- package/dist/types/components/Table/AddFieldColumnHeader.uni.driver.d.ts +20 -0
- package/dist/types/components/Table/AddFieldColumnHeader.uni.driver.d.ts.map +1 -0
- package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map +1 -1
- package/dist/types/components/ToolbarItem/ToolbarItem.st.css.d.ts.map +1 -1
- package/dist/types/hooks/useCollectionTableResize.d.ts.map +1 -1
- package/dist/types/hooks/useCreateWSRColumnBase.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/state/CollectionFieldsSourceState.d.ts.map +1 -1
- package/dist/types/state/ColumnSizesState.d.ts +2 -0
- package/dist/types/state/ColumnSizesState.d.ts.map +1 -1
- package/dist/types/state/CustomColumnsState.d.ts +7 -0
- package/dist/types/state/CustomColumnsState.d.ts.map +1 -1
- package/dist/types/state/EditableTable/fieldTypeToCellType.d.ts +1 -1
- package/dist/types/state/ToolbarCollectionState.d.ts.map +1 -1
- package/dist/types/state/buildEditableFieldColumns.d.ts.map +1 -1
- package/dist/types/state/buildFieldColumns.d.ts.map +1 -1
- package/dist/types/testkit/jsdom.d.ts +26 -0
- package/dist/types/testkit/jsdom.d.ts.map +1 -1
- package/dist/types/testkit/playwright.d.ts +26 -0
- package/dist/types/testkit/playwright.d.ts.map +1 -1
- package/dist/types/testkit/puppeteer.d.ts +26 -0
- package/dist/types/testkit/puppeteer.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 +32 -2
- package/src/components/EditableTable/EditableCell.st.css.ts +3 -3
- package/src/components/EditableTable/EditableCell.tsx +4 -0
- package/src/components/EditableTable/EditableCell.uni.driver.ts +6 -0
- package/src/components/EditableTable/EditableTable.tsx +10 -3
- 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/address/Edit.tsx +6 -3
- package/src/components/EditableTable/cellTypes/address/Edit.uni.driver.ts +15 -8
- package/src/components/EditableTable/cellTypes/address/View.tsx +4 -4
- package/src/components/EditableTable/cellTypes/address/index.tsx +8 -15
- package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/object/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
- package/src/components/EditableTable/useClearFocusOnBlur.ts +13 -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/FieldCell/FieldCell.tsx +12 -1
- package/src/components/Heading/Heading.st.css.ts +2 -2
- package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
- package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
- package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
- package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
- package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
- package/src/components/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 +43 -20
- package/src/components/Table/AddFieldColumnHeader.st.css.ts +3 -3
- package/src/components/Table/AddFieldColumnHeader.tsx +103 -54
- package/src/components/Table/AddFieldColumnHeader.uni.driver.ts +33 -0
- 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/hooks/useCollectionTableResize.ts +5 -0
- package/src/hooks/useCreateWSRColumnBase.tsx +4 -2
- package/src/index.ts +1 -0
- package/src/state/CollectionFieldsSourceState.ts +12 -0
- package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
- package/src/state/ColumnSizesState.ts +8 -1
- package/src/state/CustomColumnsState.ts +38 -3
- package/src/state/EditableTable/fieldTypeToCellType.ts +1 -1
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/state/ToolbarCollectionState.ts +12 -1
- package/src/state/buildEditableFieldColumns.ts +1 -2
- package/src/state/buildFieldColumns.tsx +2 -0
- package/src/styles.global.css +2 -2
- package/src/version.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement | null>(null);\n const editInputRef = useRef<Focusable>();\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const isRangeSelection = cellInteraction.isRangeSelection;\n const isRowActive = cellInteraction.isRowActive(rowKey);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n // in select). startEdit resets editingValue, so it must come before setEditingValue.\n // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n const handleChange = useCallback(\n (newValue: any) => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\n\n const handleCancel = useCallback(\n () => cellInteraction.cancelEdit(),\n [cellInteraction],\n );\n\n const handleStartEdit = useCallback(() => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId);\n }\n }, [cellInteraction, rowKey, columnId]);\n\n const cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column || !keyedItem || !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n const showEdit =\n (isEditing ||\n (isFocused &&\n isEditable &&\n !state.updateItemDisabled &&\n (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n EditComponent;\n\n const cellContent = showEdit ? (\n <EditComponent\n value={\n cellInteraction.editingValue !== undefined\n ? cellInteraction.editingValue\n : value\n }\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n onStartEdit={handleStartEdit}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n />\n ) : (\n <ViewComponent\n value={value}\n typeConfig={column.typeConfig}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n />\n );\n\n // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n // swap, so it can own behavior that must outlive the inline editor.\n const EditWrapper = resolved.EditWrapper;\n\n return (\n <>\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n growable: !!resolved.growable,\n selectionTop: isRangeSelection && selectionBorder.top,\n selectionBottom: isRangeSelection && selectionBorder.bottom,\n selectionLeft: isRangeSelection && selectionBorder.left,\n selectionRight: isRangeSelection && selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid || undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing || undefined}\n >\n {EditWrapper ? (\n <EditWrapper\n typeConfig={column.typeConfig}\n columnId={columnId}\n rowKey={rowKey}\n >\n {cellContent}\n </EditWrapper>\n ) : (\n cellContent\n )}\n </div>\n {showErrorMessage && (\n <div\n className={classes.errorMessage}\n data-hook=\"cell-error-message\"\n data-row-key={rowKey}\n data-column-id={columnId}\n >\n <Text size=\"small\" skin=\"error\">\n {cellValidation.errors?.join(', ')}\n </Text>\n </div>\n )}\n </>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAkE,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AASlE,SAASkB,aAAaA,CAA0B;EAC9CC,KAAK;EACLC,MAAM;EACNC;AACuB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC1B,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAC5C,MAAMM,OAAO,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACnD,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAY,CAAC;EAExC,MAAME,MAAM,GAAGT,KAAK,CAACU,UAAU,CAAClB,GAAG,CAACU,QAAQ,CAAC;EAC7C,MAAMS,SAAS,GAAGX,KAAK,CAACY,aAAa,CAACX,MAAM,CAAC;EAC7C,MAAMY,QAAQ,GAAGJ,MAAM,GAAGT,KAAK,CAACc,yBAAyB,CAACL,MAAM,CAACM,EAAE,CAAC,GAAG,IAAI;EAC3E,MAAMC,KAAK,GAAGhB,KAAK,CAACiB,mBAAmB,CAAChB,MAAM,EAAEC,QAAQ,CAAC;EACzD,MAAMgB,cAAc,GAAGlB,KAAK,CAACmB,iBAAiB,CAAClB,MAAM,EAAEC,QAAQ,CAAC;EAEhE,MAAMkB,SAAS,GAAGhB,eAAe,CAACiB,aAAa,CAACpB,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMoB,SAAS,GAAGlB,eAAe,CAACmB,aAAa,CAACtB,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMsB,UAAU,GAAGpB,eAAe,CAACqB,cAAc,CAACxB,MAAM,EAAEC,QAAQ,CAAC;EACnE,MAAMwB,gBAAgB,GAAGtB,eAAe,CAACsB,gBAAgB;EACzD,MAAMC,WAAW,GAAGvB,eAAe,CAACuB,WAAW,CAAC1B,MAAM,CAAC;EACvD,MAAM2B,eAAe,GAAGxB,eAAe,CAACyB,kBAAkB,CAAC5B,MAAM,EAAEC,QAAQ,CAAC;EAC5E,MAAM4B,YAAY,GAAGzB,SAAS,CAAC0B,eAAe,CAAC9B,MAAM,EAAEC,QAAQ,CAAC;EAChE,MAAM8B,UAAU,GAAGhC,KAAK,CAACiC,cAAc,CAAChC,MAAM,EAAEC,QAAQ,CAAC;EAEzD,MAAMgC,WAAW,GAAG,IAAAC,kBAAW,EAC5BvD,CAAmB,IAAK;IACvBA,CAAC,CAACwD,eAAe,CAAC,CAAC;IACnBpC,KAAK,CAACqC,eAAe,CAACpC,MAAM,EAAEC,QAAQ,EAAEtB,CAAC,CAAC0D,QAAQ,CAAC;EACrD,CAAC,EACD,CAACtC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;EAED,MAAMqC,iBAAiB,GAAG,IAAAJ,kBAAW,EAClCvD,CAAmB,IAAK;IACvBA,CAAC,CAACwD,eAAe,CAAC,CAAC;IACnBxD,CAAC,CAAC4D,cAAc,CAAC,CAAC;IAClBxC,KAAK,CAACyC,qBAAqB,CAACxC,MAAM,EAAEC,QAAQ,CAAC;EAC/C,CAAC,EACD,CAACF,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;;EAED;EACA;EACA;EACA,MAAMwC,YAAY,GAAG,IAAAP,kBAAW,EAC7BQ,QAAa,IAAK;IACjB,IAAI,CAACvC,eAAe,CAACkB,SAAS,EAAE;MAC9BlB,eAAe,CAACwC,SAAS,CAAC3C,MAAM,EAAEC,QAAQ,EAAE,OAAO,CAAC;IACtD;IACAE,eAAe,CAACyC,eAAe,CAACF,QAAQ,CAAC;EAC3C,CAAC,EACD,CAACvC,eAAe,EAAEH,MAAM,EAAEC,QAAQ,CACpC,CAAC;EAED,MAAM4C,YAAY,GAAG,IAAAX,kBAAW,EAC9B,MAAM/B,eAAe,CAAC2C,UAAU,CAAC,CAAC,EAClC,CAAC3C,eAAe,CAClB,CAAC;EAED,MAAM4C,YAAY,GAAG,IAAAb,kBAAW,EAC9B,MAAM/B,eAAe,CAAC6C,UAAU,CAAC,CAAC,EAClC,CAAC7C,eAAe,CAClB,CAAC;EAED,MAAM8C,eAAe,GAAG,IAAAf,kBAAW,EAAC,MAAM;IACxC,IAAI,CAAC/B,eAAe,CAACkB,SAAS,EAAE;MAC9BlB,eAAe,CAACwC,SAAS,CAAC3C,MAAM,EAAEC,QAAQ,CAAC;IAC7C;EACF,CAAC,EAAE,CAACE,eAAe,EAAEH,MAAM,EAAEC,QAAQ,CAAC,CAAC;EAEvC,MAAMiD,YAAY,GAAG,IAAAC,8CAAsB,EAAC;IAC1CpD,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRI,OAAO;IACPE;EACF,CAAC,CAAC;EAEF,IAAI,CAACC,MAAM,IAAI,CAACE,SAAS,IAAI,CAACE,QAAQ,EAAE;IACtC,OAAO,IAAI;EACb;EAEA,MAAM;IAAEwC,aAAa;IAAEC;EAAc,CAAC,GAAGzC,QAAQ;EACjD,MAAM0C,gBAAgB,GAAG,CAACrC,cAAc,CAACsC,KAAK,KAAKpC,SAAS,IAAIE,SAAS,CAAC;EAE1E,MAAMmC,QAAQ,GACZ,CAACnC,SAAS,IACPF,SAAS,IACRY,UAAU,IACV,CAAChC,KAAK,CAAC0D,kBAAkB,KACxB,CAAC,CAAC7C,QAAQ,CAAC8C,WAAW,IAAI,CAAC,CAAC9C,QAAQ,CAAC+C,mBAAmB,CAAE,KAC/DN,aAAa;EAEf,MAAMO,WAAW,GAAGJ,QAAQ,gBAC1BrF,MAAA,CAAAkB,OAAA,CAAAwE,aAAA,CAACR,aAAa;IACZtC,KAAK,EACHZ,eAAe,CAAC2D,YAAY,KAAKC,SAAS,GACtC5D,eAAe,CAAC2D,YAAY,GAC5B/C,KACL;IACDiD,QAAQ,EAAEvB,YAAa;IACvBwB,QAAQ,EAAEpB,YAAa;IACvBqB,QAAQ,EAAEnB,YAAa;IACvBoB,WAAW,EAAElB,eAAgB;IAC7BmB,QAAQ,EAAE7D,YAAa;IACvB8D,UAAU,EAAE7D,MAAM,CAAC6D,UAAW;IAC9BC,WAAW,EAAEnE,eAAe,CAACmE,WAAY;IACzCC,UAAU,EAAE/D,MAAM,CAAC+D,UAAW;IAC9BtE,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IAAAwE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhG,YAAA;MAAAiG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CAAC,gBAEFzG,MAAA,CAAAkB,OAAA,CAAAwE,aAAA,CAACT,aAAa;IACZrC,KAAK,EAAEA,KAAM;IACbsD,UAAU,EAAE7D,MAAM,CAAC6D,UAAW;IAC9BE,UAAU,EAAE/D,MAAM,CAAC+D,UAAW;IAC9BtE,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IAAAwE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhG,YAAA;MAAAiG,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF;;EAED;EACA;EACA,MAAMC,WAAW,GAAGjE,QAAQ,CAACiE,WAAW;EAExC,oBACE1G,MAAA,CAAAkB,OAAA,CAAAwE,aAAA,CAAA1F,MAAA,CAAAkB,OAAA,CAAAyF,QAAA,qBACE3G,MAAA,CAAAkB,OAAA,CAAAwE,aAAA;IACEkB,GAAG,EAAE1E,OAAQ;IACb2E,SAAS,EAAE,IAAAC,qBAAE,EAACC,0BAAO,CAACC,IAAI,EAAE;MAC1BC,OAAO,EAAE/D,SAAS;MAClBgE,OAAO,EAAElE,SAAS;MAClBmE,SAAS,EAAE5D,WAAW;MACtB6D,aAAa,EAAEhE,UAAU,IAAIE,gBAAgB;MAC7C+D,OAAO,EAAE,CAACvE,cAAc,CAACsC,KAAK;MAC9BI,mBAAmB,EAAE,CAAC,CAAC/C,QAAQ,CAAC+C,mBAAmB;MACnD8B,QAAQ,EAAE,CAAC,CAAC7E,QAAQ,CAAC6E,QAAQ;MAC7BC,YAAY,EAAEjE,gBAAgB,IAAIE,eAAe,CAACgE,GAAG;MACrDC,eAAe,EAAEnE,gBAAgB,IAAIE,eAAe,CAACkE,MAAM;MAC3DC,aAAa,EAAErE,gBAAgB,IAAIE,eAAe,CAACoE,IAAI;MACvDC,cAAc,EAAEvE,gBAAgB,IAAIE,eAAe,CAACsE,KAAK;MACzDC,SAAS,EAAErE,YAAY,CAAC8D,GAAG;MAC3BQ,YAAY,EAAEtE,YAAY,CAACgE,MAAM;MACjCO,UAAU,EAAEvE,YAAY,CAACkE,IAAI;MAC7BM,WAAW,EAAExE,YAAY,CAACoE;IAC5B,CAAC,CAAE;IACHK,OAAO,EAAErE,WAAY;IACrBsE,aAAa,EAAEjE,iBAAkB;IACjCkE,SAAS,EAAEtD,YAAY,CAACsD,SAAU;IAClCC,IAAI,EAAC,UAAU;IACf,iBAAelF,UAAW;IAC1B,iBAAe,CAACQ,UAAW;IAC3B,gBAAc,CAACd,cAAc,CAACsC,KAAK,IAAIQ,SAAU;IACjD2C,QAAQ,EAAEvF,SAAS,GAAG,CAAC,GAAG,CAAC,CAAE;IAC7B,gBAAcnB,MAAO;IACrB,kBAAgBC,QAAS;IACzB,gBAAcoB,SAAS,IAAI0C,SAAU;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhG,YAAA;MAAAiG,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCC,WAAW,gBACV1G,MAAA,CAAAkB,OAAA,CAAAwE,aAAA,CAACgB,WAAW;IACVR,UAAU,EAAE7D,MAAM,CAAC6D,UAAW;IAC9BpE,QAAQ,EAAEA,QAAS;IACnBD,MAAM,EAAEA,MAAO;IAAAwE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhG,YAAA;MAAAiG,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdhB,WACU,CAAC,GAEdA,WAEC,CAAC,EACLN,gBAAgB,iBACfnF,MAAA,CAAAkB,OAAA,CAAAwE,aAAA;IACEmB,SAAS,EAAEE,0BAAO,CAACyB,YAAa;IAChC,aAAU,oBAAoB;IAC9B,gBAAc3G,MAAO;IACrB,kBAAgBC,QAAS;IAAAuE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhG,YAAA;MAAAiG,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzBzG,MAAA,CAAAkB,OAAA,CAAAwE,aAAA,CAACtF,aAAA,CAAAqI,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhG,YAAA;MAAAiG,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAA1E,qBAAA,GAC5Be,cAAc,CAAC8F,MAAM,qBAArB7G,qBAAA,CAAuB8G,IAAI,CAAC,IAAI,CAC7B,CACH,CAEP,CAAC;AAEP;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACrH,aAAa,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n onFocus,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement | null>(null);\n const editInputRef = useRef<Focusable>();\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const isRangeSelection = cellInteraction.isRangeSelection;\n const isRowActive = cellInteraction.isRowActive(rowKey);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n // in select). startEdit resets editingValue, so it must come before setEditingValue.\n // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n const handleChange = useCallback(\n (newValue: any) => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\n\n const handleCancel = useCallback(\n () => cellInteraction.cancelEdit(),\n [cellInteraction],\n );\n\n const handleStartEdit = useCallback(() => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId);\n }\n }, [cellInteraction, rowKey, columnId]);\n\n const cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column || !keyedItem || !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n const showEdit =\n (isEditing ||\n (isFocused &&\n isEditable &&\n !state.updateItemDisabled &&\n (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n EditComponent;\n\n const cellContent = showEdit ? (\n <EditComponent\n value={\n cellInteraction.editingValue !== undefined\n ? cellInteraction.editingValue\n : value\n }\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n onStartEdit={handleStartEdit}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n />\n ) : (\n <ViewComponent\n value={value}\n typeConfig={column.typeConfig}\n validation={column.validation}\n columnId={columnId}\n rowKey={rowKey}\n />\n );\n\n // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n // swap, so it can own behavior that must outlive the inline editor.\n const EditWrapper = resolved.EditWrapper;\n\n return (\n <>\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\n readOnly: !isEditable,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n growable: !!resolved.growable,\n selectionTop: isRangeSelection && selectionBorder.top,\n selectionBottom: isRangeSelection && selectionBorder.bottom,\n selectionLeft: isRangeSelection && selectionBorder.left,\n selectionRight: isRangeSelection && selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onFocus={onFocus}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid || undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing || undefined}\n >\n {EditWrapper ? (\n <EditWrapper\n typeConfig={column.typeConfig}\n columnId={columnId}\n rowKey={rowKey}\n >\n {cellContent}\n </EditWrapper>\n ) : (\n cellContent\n )}\n </div>\n {showErrorMessage && (\n <div\n className={classes.errorMessage}\n data-hook=\"cell-error-message\"\n data-row-key={rowKey}\n data-column-id={columnId}\n >\n <Text size=\"small\" skin=\"error\">\n {cellValidation.errors?.join(', ')}\n </Text>\n </div>\n )}\n </>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,6 +15,11 @@
|
|
|
15
15
|
@property st-global(--wsr-color-D60);
|
|
16
16
|
@property st-global(--wsr-color-D80);
|
|
17
17
|
@property st-global(--wsr-color-R10);
|
|
18
|
+
@property st-global(--wds-color-text-standard-primary);
|
|
19
|
+
@property st-global(--wds-color-text-disabled);
|
|
20
|
+
@property st-global(--wds-color-black-700);
|
|
21
|
+
@property st-global(--wsr-color-D10-30);
|
|
22
|
+
@property st-global(--wsr-color-D70);
|
|
18
23
|
|
|
19
24
|
:global(td):has(> .root) {
|
|
20
25
|
position: relative;
|
|
@@ -31,7 +36,7 @@
|
|
|
31
36
|
}
|
|
32
37
|
|
|
33
38
|
.root {
|
|
34
|
-
-st-states: editing, focused, rowActive, rangeSelected, invalid,
|
|
39
|
+
-st-states: editing, focused, rowActive, rangeSelected, invalid, readOnly,
|
|
35
40
|
showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
|
|
36
41
|
selectionRight, copiedTop, copiedBottom, copiedLeft, copiedRight;
|
|
37
42
|
display: flex;
|
|
@@ -75,7 +80,7 @@
|
|
|
75
80
|
box-shadow: inset 0 22px 18px -18px rgba(0, 6, 36, 0.1);
|
|
76
81
|
}
|
|
77
82
|
|
|
78
|
-
.root:rowActive:hover:not(:focused):not(:rangeSelected) {
|
|
83
|
+
.root:rowActive:hover:not(:focused):not(:rangeSelected):not(:readOnly) {
|
|
79
84
|
border-color: var(
|
|
80
85
|
--wds-input-border-color-hover,
|
|
81
86
|
var(--wsr-color-B40, #d6e6fe)
|
|
@@ -83,6 +88,31 @@
|
|
|
83
88
|
box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
|
|
84
89
|
}
|
|
85
90
|
|
|
91
|
+
/* WDS <Text> sets its own colour, so the token it reads has to be overridden;
|
|
92
|
+
color: then carries the same value to the datetime view's raw spans, which
|
|
93
|
+
set none. */
|
|
94
|
+
.root:readOnly {
|
|
95
|
+
--wds-color-text-standard-primary: var(
|
|
96
|
+
--wds-color-text-disabled,
|
|
97
|
+
var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30))
|
|
98
|
+
);
|
|
99
|
+
color: var(--wds-color-text-standard-primary);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.root:readOnly:hover:not(:rowActive):not(:rangeSelected),
|
|
103
|
+
.root:readOnly:rowActive:not(:rangeSelected) {
|
|
104
|
+
background: var(
|
|
105
|
+
--wds-color-fill-surface-raised,
|
|
106
|
+
var(--wsr-color-D80, #ffffff)
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
/* Keep above the :invalid rules — they tie with this one on specificity for
|
|
111
|
+
border-color, so source order is what keeps an invalid cell red. */
|
|
112
|
+
.root:readOnly:rowActive:hover:not(:focused):not(:rangeSelected) {
|
|
113
|
+
border-color: var(--wds-color-black-700, var(--wsr-color-D70, #eceff3));
|
|
114
|
+
}
|
|
115
|
+
|
|
86
116
|
.root:focused:not(:rangeSelected) {
|
|
87
117
|
border-color: var(
|
|
88
118
|
--wds-input-border-color-focus,
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "EditableCell1770231380";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"errorMessage": "
|
|
15
|
+
"root": "EditableCell1770231380__root",
|
|
16
|
+
"errorMessage": "EditableCell1770231380__errorMessage"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -36,6 +36,11 @@ var vars = exports.vars = {
|
|
|
36
36
|
"wsr-color-B40": "--wsr-color-B40",
|
|
37
37
|
"wsr-color-D60": "--wsr-color-D60",
|
|
38
38
|
"wsr-color-D80": "--wsr-color-D80",
|
|
39
|
-
"wsr-color-R10": "--wsr-color-R10"
|
|
39
|
+
"wsr-color-R10": "--wsr-color-R10",
|
|
40
|
+
"wds-color-text-standard-primary": "--wds-color-text-standard-primary",
|
|
41
|
+
"wds-color-text-disabled": "--wds-color-text-disabled",
|
|
42
|
+
"wds-color-black-700": "--wds-color-black-700",
|
|
43
|
+
"wsr-color-D10-30": "--wsr-color-D10-30",
|
|
44
|
+
"wsr-color-D70": "--wsr-color-D70"
|
|
40
45
|
};
|
|
41
46
|
//# sourceMappingURL=EditableCell.st.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell1770231380\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell1770231380__root\",\"errorMessage\":\"EditableCell1770231380__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,cAAc,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -10,11 +10,14 @@ var _EditUni4 = require("./cellTypes/boolean/Edit.uni.driver");
|
|
|
10
10
|
var _SpecificValuesEditUni = require("./cellTypes/text/SpecificValuesEdit.uni.driver");
|
|
11
11
|
var _EditUni5 = require("./cellTypes/date/Edit.uni.driver");
|
|
12
12
|
var _EditUni6 = require("./cellTypes/reference/Edit.uni.driver");
|
|
13
|
+
var _EditUni7 = require("./cellTypes/address/Edit.uni.driver");
|
|
13
14
|
function EditableCellUniDriver(base, body) {
|
|
14
15
|
return {
|
|
15
16
|
...(0, _unidriver.baseUniDriverFactory)(base),
|
|
16
17
|
/** Click the cell (focuses it) */
|
|
17
18
|
click: () => base.click(),
|
|
19
|
+
/** Hover the cell */
|
|
20
|
+
hover: () => base.hover(),
|
|
18
21
|
/** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */
|
|
19
22
|
doubleClick: async () => {
|
|
20
23
|
const el = await base.getNative();
|
|
@@ -70,6 +73,7 @@ function EditableCellUniDriver(base, body) {
|
|
|
70
73
|
getDateEdit: () => (0, _EditUni5.DateEditUniDriver)(base, body),
|
|
71
74
|
/** Get the reference cell edit driver (for reference columns) */
|
|
72
75
|
getReferenceEdit: () => (0, _EditUni6.ReferenceEditUniDriver)(base, body),
|
|
76
|
+
getAddressEdit: () => (0, _EditUni7.AddressEditUniDriver)(base, body),
|
|
73
77
|
/** Right-click the cell (opens context menu) */
|
|
74
78
|
rightClick: async () => {
|
|
75
79
|
const el = await base.getNative();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","EditableCellUniDriver","base","body","baseUniDriverFactory","click","doubleClick","el","getNative","isSled2","elementHandle","unwrap","clickCount","isSled3","locator","dblclick","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","getErrorMessage","rowKey","columnId","message","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","getReferenceEdit","ReferenceEditUniDriver","rightClick","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","boundingBox","pressKey","key","opts","press","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, isSled2, isSled3 } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\nimport { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n return {\n ...baseUniDriverFactory(base),\n\n /** Click the cell (focuses it) */\n click: () => base.click(),\n\n /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */\n doubleClick: async () => {\n const el = await base.getNative();\n if (isSled2(el)) {\n const elementHandle = await base.unwrap();\n await elementHandle.click({ clickCount: 2 });\n } else if (isSled3(el)) {\n const locator = await base.unwrap();\n await locator.dblclick();\n } else {\n el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n }\n },\n\n /** Get the displayed text value of the cell */\n getDisplayValue: () => base.text(),\n\n /** Whether this cell is focused */\n isFocused: async () => (await base.attr('tabindex')) === '0',\n\n /** Whether this cell is in editing mode */\n isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n /** Whether this cell is selected (part of a selection range) */\n isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n /** Whether this cell is read-only (not editable) */\n isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n /** Whether this cell has a validation error */\n isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n /** Get the row key from data attribute */\n getRowKey: () => base.attr('data-row-key'),\n\n /** Get the column id from data attribute */\n getColumnId: () => base.attr('data-column-id'),\n\n /** Error message shown under the cell while it's focused/editing (null when hidden).\n * It renders next to the cell, not inside it, so it's queried from the body. */\n getErrorMessage: async () => {\n const rowKey = await base.attr('data-row-key');\n const columnId = await base.attr('data-column-id');\n const message = body.$(\n `[data-hook=\"cell-error-message\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n );\n return (await message.exists()) ? message.text() : null;\n },\n\n /** Get the text cell edit driver (for text columns) */\n getTextEdit: () => TextEditUniDriver(base, body),\n\n /** Get the number cell edit driver (for number columns) */\n getNumberEdit: () => NumberEditUniDriver(base, body),\n\n /** Get the url cell edit driver (for url columns) */\n getUrlEdit: () => UrlEditUniDriver(base, body),\n\n /** Get the boolean cell edit driver (for boolean columns) */\n getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */\n getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n /** Get the date cell edit driver (for date columns) */\n getDateEdit: () => DateEditUniDriver(base, body),\n\n /** Get the reference cell edit driver (for reference columns) */\n getReferenceEdit: () => ReferenceEditUniDriver(base, body),\n\n /** Right-click the cell (opens context menu) */\n rightClick: async () => {\n const el = await base.getNative();\n if (isSled2(el)) {\n // Puppeteer — unwrap to get the actual ElementHandle\n const elementHandle = await base.unwrap();\n await elementHandle.click({ button: 'right' });\n } else if (isSled3(el)) {\n const locator = await base.unwrap();\n await locator.click({ button: 'right' });\n } else {\n // jsdom HTMLElement\n const rect = el.getBoundingClientRect();\n el.dispatchEvent(\n new MouseEvent('contextmenu', {\n bubbles: true,\n clientX: rect.left + 5,\n clientY: rect.top + 5,\n }),\n );\n }\n },\n\n /** Get the bounding box of the cell — returns {x, y, width, height} across all envs */\n getBoundingBox: async () => {\n const el = await base.getNative();\n if (isSled2(el)) {\n const elementHandle = await base.unwrap();\n return elementHandle.boundingBox();\n }\n if (isSled3(el)) {\n const locator = await base.unwrap();\n return locator.boundingBox();\n }\n return el.getBoundingClientRect();\n },\n\n /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n const el = await base.getNative();\n if (isSled2(el)) {\n const elementHandle = await base.unwrap();\n await elementHandle.press(key);\n } else if (isSled3(el)) {\n const locator = await base.unwrap();\n await locator.press(key);\n } else {\n el.dispatchEvent(\n new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n );\n }\n },\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","_EditUni7","EditableCellUniDriver","base","body","baseUniDriverFactory","click","hover","doubleClick","el","getNative","isSled2","elementHandle","unwrap","clickCount","isSled3","locator","dblclick","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","getErrorMessage","rowKey","columnId","message","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","getReferenceEdit","ReferenceEditUniDriver","getAddressEdit","AddressEditUniDriver","rightClick","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","boundingBox","pressKey","key","opts","press","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, isSled2, isSled3 } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\nimport { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';\nimport { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n return {\n ...baseUniDriverFactory(base),\n\n /** Click the cell (focuses it) */\n click: () => base.click(),\n\n /** Hover the cell */\n hover: () => base.hover(),\n\n /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */\n doubleClick: async () => {\n const el = await base.getNative();\n if (isSled2(el)) {\n const elementHandle = await base.unwrap();\n await elementHandle.click({ clickCount: 2 });\n } else if (isSled3(el)) {\n const locator = await base.unwrap();\n await locator.dblclick();\n } else {\n el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n }\n },\n\n /** Get the displayed text value of the cell */\n getDisplayValue: () => base.text(),\n\n /** Whether this cell is focused */\n isFocused: async () => (await base.attr('tabindex')) === '0',\n\n /** Whether this cell is in editing mode */\n isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n /** Whether this cell is selected (part of a selection range) */\n isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n /** Whether this cell is read-only (not editable) */\n isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n /** Whether this cell has a validation error */\n isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n /** Get the row key from data attribute */\n getRowKey: () => base.attr('data-row-key'),\n\n /** Get the column id from data attribute */\n getColumnId: () => base.attr('data-column-id'),\n\n /** Error message shown under the cell while it's focused/editing (null when hidden).\n * It renders next to the cell, not inside it, so it's queried from the body. */\n getErrorMessage: async () => {\n const rowKey = await base.attr('data-row-key');\n const columnId = await base.attr('data-column-id');\n const message = body.$(\n `[data-hook=\"cell-error-message\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n );\n return (await message.exists()) ? message.text() : null;\n },\n\n /** Get the text cell edit driver (for text columns) */\n getTextEdit: () => TextEditUniDriver(base, body),\n\n /** Get the number cell edit driver (for number columns) */\n getNumberEdit: () => NumberEditUniDriver(base, body),\n\n /** Get the url cell edit driver (for url columns) */\n getUrlEdit: () => UrlEditUniDriver(base, body),\n\n /** Get the boolean cell edit driver (for boolean columns) */\n getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */\n getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n /** Get the date cell edit driver (for date columns) */\n getDateEdit: () => DateEditUniDriver(base, body),\n\n /** Get the reference cell edit driver (for reference columns) */\n getReferenceEdit: () => ReferenceEditUniDriver(base, body),\n\n getAddressEdit: () => AddressEditUniDriver(base, body),\n\n /** Right-click the cell (opens context menu) */\n rightClick: async () => {\n const el = await base.getNative();\n if (isSled2(el)) {\n // Puppeteer — unwrap to get the actual ElementHandle\n const elementHandle = await base.unwrap();\n await elementHandle.click({ button: 'right' });\n } else if (isSled3(el)) {\n const locator = await base.unwrap();\n await locator.click({ button: 'right' });\n } else {\n // jsdom HTMLElement\n const rect = el.getBoundingClientRect();\n el.dispatchEvent(\n new MouseEvent('contextmenu', {\n bubbles: true,\n clientX: rect.left + 5,\n clientY: rect.top + 5,\n }),\n );\n }\n },\n\n /** Get the bounding box of the cell — returns {x, y, width, height} across all envs */\n getBoundingBox: async () => {\n const el = await base.getNative();\n if (isSled2(el)) {\n const elementHandle = await base.unwrap();\n return elementHandle.boundingBox();\n }\n if (isSled3(el)) {\n const locator = await base.unwrap();\n return locator.boundingBox();\n }\n return el.getBoundingClientRect();\n },\n\n /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n const el = await base.getNative();\n if (isSled2(el)) {\n const elementHandle = await base.unwrap();\n await elementHandle.press(key);\n } else if (isSled3(el)) {\n const locator = await base.unwrap();\n await locator.press(key);\n } else {\n el.dispatchEvent(\n new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n );\n }\n },\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -46,7 +46,8 @@ function _EditableTable(props) {
|
|
|
46
46
|
(0, _useClipboardHandler.useClipboardHandler)(state, containerRef);
|
|
47
47
|
const {
|
|
48
48
|
onFocus,
|
|
49
|
-
onBlur
|
|
49
|
+
onBlur,
|
|
50
|
+
onCellFocus
|
|
50
51
|
} = (0, _useClearFocusOnBlur.useClearFocusOnBlur)(state.cellInteraction);
|
|
51
52
|
(0, _useMouseSweepSelection.useMouseSweepSelection)(state, containerRef);
|
|
52
53
|
const builtInActions = (0, _useHeaderActions.useHeaderActions)(state, editableColumns, hideHeaderActions);
|
|
@@ -65,15 +66,16 @@ function _EditableTable(props) {
|
|
|
65
66
|
state: state,
|
|
66
67
|
rowKey: rowKey,
|
|
67
68
|
columnId: col.id,
|
|
69
|
+
onFocus: onCellFocus,
|
|
68
70
|
__self: this,
|
|
69
71
|
__source: {
|
|
70
72
|
fileName: _jsxFileName,
|
|
71
|
-
lineNumber:
|
|
73
|
+
lineNumber: 111,
|
|
72
74
|
columnNumber: 13
|
|
73
75
|
}
|
|
74
76
|
}) : null;
|
|
75
77
|
}
|
|
76
|
-
})), [editableColumns, state, builtInActions]);
|
|
78
|
+
})), [editableColumns, state, builtInActions, onCellFocus]);
|
|
77
79
|
const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
|
|
78
80
|
const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
|
|
79
81
|
const hasInvalidRows = invalidCellKeys.size > 0;
|
|
@@ -84,7 +86,7 @@ function _EditableTable(props) {
|
|
|
84
86
|
__self: this,
|
|
85
87
|
__source: {
|
|
86
88
|
fileName: _jsxFileName,
|
|
87
|
-
lineNumber:
|
|
89
|
+
lineNumber: 133,
|
|
88
90
|
columnNumber: 5
|
|
89
91
|
}
|
|
90
92
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -99,7 +101,7 @@ function _EditableTable(props) {
|
|
|
99
101
|
__self: this,
|
|
100
102
|
__source: {
|
|
101
103
|
fileName: _jsxFileName,
|
|
102
|
-
lineNumber:
|
|
104
|
+
lineNumber: 134,
|
|
103
105
|
columnNumber: 7
|
|
104
106
|
}
|
|
105
107
|
}, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
|
|
@@ -116,7 +118,7 @@ function _EditableTable(props) {
|
|
|
116
118
|
__self: this,
|
|
117
119
|
__source: {
|
|
118
120
|
fileName: _jsxFileName,
|
|
119
|
-
lineNumber:
|
|
121
|
+
lineNumber: 144,
|
|
120
122
|
columnNumber: 9
|
|
121
123
|
}
|
|
122
124
|
}), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
|
|
@@ -124,7 +126,7 @@ function _EditableTable(props) {
|
|
|
124
126
|
__self: this,
|
|
125
127
|
__source: {
|
|
126
128
|
fileName: _jsxFileName,
|
|
127
|
-
lineNumber:
|
|
129
|
+
lineNumber: 155,
|
|
128
130
|
columnNumber: 30
|
|
129
131
|
}
|
|
130
132
|
}))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
|
|
@@ -136,7 +138,7 @@ function _EditableTable(props) {
|
|
|
136
138
|
__self: this,
|
|
137
139
|
__source: {
|
|
138
140
|
fileName: _jsxFileName,
|
|
139
|
-
lineNumber:
|
|
141
|
+
lineNumber: 158,
|
|
140
142
|
columnNumber: 7
|
|
141
143
|
}
|
|
142
144
|
}), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
|
|
@@ -145,7 +147,7 @@ function _EditableTable(props) {
|
|
|
145
147
|
__self: this,
|
|
146
148
|
__source: {
|
|
147
149
|
fileName: _jsxFileName,
|
|
148
|
-
lineNumber:
|
|
150
|
+
lineNumber: 166,
|
|
149
151
|
columnNumber: 9
|
|
150
152
|
}
|
|
151
153
|
})), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
|
|
@@ -153,14 +155,14 @@ function _EditableTable(props) {
|
|
|
153
155
|
__self: this,
|
|
154
156
|
__source: {
|
|
155
157
|
fileName: _jsxFileName,
|
|
156
|
-
lineNumber:
|
|
158
|
+
lineNumber: 172,
|
|
157
159
|
columnNumber: 9
|
|
158
160
|
}
|
|
159
161
|
}), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
|
|
160
162
|
__self: this,
|
|
161
163
|
__source: {
|
|
162
164
|
fileName: _jsxFileName,
|
|
163
|
-
lineNumber:
|
|
165
|
+
lineNumber: 175,
|
|
164
166
|
columnNumber: 7
|
|
165
167
|
}
|
|
166
168
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_version","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","translate","useWixPatternsContainer","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","invalidCellKeys","Set","cellValue","_pendingCells","keys","hasInvalidRows","size","rowStatus","row","allColumns","some","messages","PatternsFieldsProvider","ref","cairoVersion","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n type EditableColumn,\n EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\nimport { version as cairoVersion } from '../../version';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface EditableTableProps<\n T,\n F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n TableVirtualProps<T, F>,\n | 'columns'\n | 'state'\n | 'onRowClick'\n | 'forceResize'\n | 'horizontalScroll'\n | 'showSelection'\n | 'showRowNumbers'\n | 'showAddFieldButton'\n | 'rowStatus'\n > {\n /** EditableTableState instance, created via useEditableTableCollection */\n state: EditableTableState<T, F>;\n\n /** Column definitions with cell types. When a `fieldsSource` is wired, its\n * columns are added by the state, so pass `[]` for source-only tables. */\n columns: EditableColumn<T>[];\n\n /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n * columns and whose field management wires into the table. Schema sources\n * attach via the `@wix/patterns/schema` collection hooks instead. */\n fieldsSource?: FieldsSourceProvider;\n\n /** When true, hides the built-in header actions popover for all columns. */\n hideHeaderActions?: boolean;\n\n /** data-hook for testkit selectors */\n dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n props: EditableTableProps<T, F>,\n) {\n const {\n state,\n columns,\n fieldsSource: _fieldsSource,\n hideHeaderActions,\n dataHook,\n children,\n ...tableBaseProps\n } = props;\n\n useEditableTableCollectionSyncProps(props);\n\n const { translate: t } = useWixPatternsContainer();\n\n const editableColumns = useMemo(\n () => [...columns, ...state.sourceColumns],\n [columns, state.sourceColumns],\n );\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const keyboard = useKeyboardNavigation(state);\n useClipboardHandler(state, containerRef);\n const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n useMouseSweepSelection(state, containerRef);\n\n const builtInActions = useHeaderActions(\n state,\n editableColumns,\n hideHeaderActions,\n );\n\n const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n const tableColumns = useMemo(\n () =>\n editableColumns.map((col) => ({\n ...col,\n name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n titleSuffix: builtInActions[col.id],\n render: (_item: T, rowNum: number) => {\n const rowKey = state.keyedItems[rowNum]?.key;\n return rowKey ? (\n <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n ) : null;\n },\n })) as TableColumn<T>[],\n [editableColumns, state, builtInActions],\n );\n\n const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());\n const hasInvalidRows = invalidCellKeys.size > 0;\n const rowStatus: NonNullable<TableVirtualProps<T, F>['rowStatus']> = (row) =>\n state.allColumns.some((col) => invalidCellKeys.has(`${row.key}:${col.id}`))\n ? { messages: [t('cairo.editableTable.row.invalidCells.tooltip')] }\n : null;\n\n return (\n <PatternsFieldsProvider>\n <div\n ref={containerRef}\n data-hook={dataHook}\n data-wix-patterns={cairoVersion}\n tabIndex={0}\n onKeyDown={keyboard.onKeyDown}\n onFocus={onFocus}\n onBlur={onBlur}\n onContextMenu={contextMenu.handleContextMenu}\n >\n <TableVirtual\n {...tableBaseProps}\n state={state.tableState}\n columns={tableColumns}\n forceResize\n horizontalScroll\n showSelection\n showRowNumbers\n showAddFieldButton\n {...(hasInvalidRows ? { rowStatus } : {})}\n >\n {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n </TableVirtual>\n </div>\n <EditableTableContextMenu\n state={state}\n position={contextMenu.position}\n cell={contextMenu.cell}\n menuRef={contextMenu.menuRef}\n onClose={contextMenu.handleClose}\n />\n {state.deleteConfirmModal.value && (\n <MessageActionModal\n state={state.deleteConfirmModal}\n {...state.deleteConfirmModal.value}\n />\n )}\n {state.toolbar.collectionFieldsSource && (\n <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n )}\n {children}\n <GlobalAudioPlayer />\n </PatternsFieldsProvider>\n );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_version","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","translate","useWixPatternsContainer","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","onCellFocus","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","invalidCellKeys","Set","cellValue","_pendingCells","keys","hasInvalidRows","size","rowStatus","row","allColumns","some","messages","PatternsFieldsProvider","ref","cairoVersion","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n type EditableColumn,\n EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\nimport { version as cairoVersion } from '../../version';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface EditableTableProps<\n T,\n F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n TableVirtualProps<T, F>,\n | 'columns'\n | 'state'\n | 'onRowClick'\n | 'forceResize'\n | 'horizontalScroll'\n | 'showSelection'\n | 'showRowNumbers'\n | 'showAddFieldButton'\n | 'rowStatus'\n > {\n /** EditableTableState instance, created via useEditableTableCollection */\n state: EditableTableState<T, F>;\n\n /** Column definitions with cell types. When a `fieldsSource` is wired, its\n * columns are added by the state, so pass `[]` for source-only tables. */\n columns: EditableColumn<T>[];\n\n /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n * columns and whose field management wires into the table. Schema sources\n * attach via the `@wix/patterns/schema` collection hooks instead. */\n fieldsSource?: FieldsSourceProvider;\n\n /** When true, hides the built-in header actions popover for all columns. */\n hideHeaderActions?: boolean;\n\n /** data-hook for testkit selectors */\n dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n props: EditableTableProps<T, F>,\n) {\n const {\n state,\n columns,\n fieldsSource: _fieldsSource,\n hideHeaderActions,\n dataHook,\n children,\n ...tableBaseProps\n } = props;\n\n useEditableTableCollectionSyncProps(props);\n\n const { translate: t } = useWixPatternsContainer();\n\n const editableColumns = useMemo(\n () => [...columns, ...state.sourceColumns],\n [columns, state.sourceColumns],\n );\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const keyboard = useKeyboardNavigation(state);\n useClipboardHandler(state, containerRef);\n const { onFocus, onBlur, onCellFocus } = useClearFocusOnBlur(\n state.cellInteraction,\n );\n useMouseSweepSelection(state, containerRef);\n\n const builtInActions = useHeaderActions(\n state,\n editableColumns,\n hideHeaderActions,\n );\n\n const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n const tableColumns = useMemo(\n () =>\n editableColumns.map((col) => ({\n ...col,\n name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n titleSuffix: builtInActions[col.id],\n render: (_item: T, rowNum: number) => {\n const rowKey = state.keyedItems[rowNum]?.key;\n return rowKey ? (\n <EditableCell\n state={state}\n rowKey={rowKey}\n columnId={col.id}\n onFocus={onCellFocus}\n />\n ) : null;\n },\n })) as TableColumn<T>[],\n [editableColumns, state, builtInActions, onCellFocus],\n );\n\n const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());\n const hasInvalidRows = invalidCellKeys.size > 0;\n const rowStatus: NonNullable<TableVirtualProps<T, F>['rowStatus']> = (row) =>\n state.allColumns.some((col) => invalidCellKeys.has(`${row.key}:${col.id}`))\n ? { messages: [t('cairo.editableTable.row.invalidCells.tooltip')] }\n : null;\n\n return (\n <PatternsFieldsProvider>\n <div\n ref={containerRef}\n data-hook={dataHook}\n data-wix-patterns={cairoVersion}\n tabIndex={0}\n onKeyDown={keyboard.onKeyDown}\n onFocus={onFocus}\n onBlur={onBlur}\n onContextMenu={contextMenu.handleContextMenu}\n >\n <TableVirtual\n {...tableBaseProps}\n state={state.tableState}\n columns={tableColumns}\n forceResize\n horizontalScroll\n showSelection\n showRowNumbers\n showAddFieldButton\n {...(hasInvalidRows ? { rowStatus } : {})}\n >\n {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n </TableVirtual>\n </div>\n <EditableTableContextMenu\n state={state}\n position={contextMenu.position}\n cell={contextMenu.cell}\n menuRef={contextMenu.menuRef}\n onClose={contextMenu.handleClose}\n />\n {state.deleteConfirmModal.value && (\n <MessageActionModal\n state={state.deleteConfirmModal}\n {...state.deleteConfirmModal.value}\n />\n )}\n {state.toolbar.collectionFieldsSource && (\n <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n )}\n {children}\n <GlobalAudioPlayer />\n </PatternsFieldsProvider>\n );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "HeaderActionsPopover1067728408";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "HeaderActionsPopover1067728408__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover1067728408\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"HeaderActionsPopover1067728408__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "CellViewLayout1002375023";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
15
|
+
"root": "CellViewLayout1002375023__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout1002375023\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CellViewLayout1002375023__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -33,6 +33,7 @@ const AddressEdit = ({
|
|
|
33
33
|
const handleKeyDownCapture = (0, _react.useCallback)(e => {
|
|
34
34
|
if (e.key === 'Escape') {
|
|
35
35
|
e.preventDefault();
|
|
36
|
+
e.stopPropagation();
|
|
36
37
|
onCancel();
|
|
37
38
|
}
|
|
38
39
|
}, [onCancel]);
|
|
@@ -51,7 +52,7 @@ const AddressEdit = ({
|
|
|
51
52
|
__self: void 0,
|
|
52
53
|
__source: {
|
|
53
54
|
fileName: _jsxFileName,
|
|
54
|
-
lineNumber:
|
|
55
|
+
lineNumber: 68,
|
|
55
56
|
columnNumber: 5
|
|
56
57
|
}
|
|
57
58
|
}, /*#__PURE__*/_react.default.createElement(_patternsFields.AddressInput, {
|
|
@@ -60,8 +61,8 @@ const AddressEdit = ({
|
|
|
60
61
|
inputRef.current = instance;
|
|
61
62
|
}
|
|
62
63
|
},
|
|
63
|
-
value: value,
|
|
64
|
-
onChange: onChange,
|
|
64
|
+
value: value ?? undefined,
|
|
65
|
+
onChange: address => onChange(address ?? null),
|
|
65
66
|
onSelectAddress: onCommit,
|
|
66
67
|
atlasService: atlasService,
|
|
67
68
|
initialSearchText: initialSearchText,
|
|
@@ -79,7 +80,7 @@ const AddressEdit = ({
|
|
|
79
80
|
__self: void 0,
|
|
80
81
|
__source: {
|
|
81
82
|
fileName: _jsxFileName,
|
|
82
|
-
lineNumber:
|
|
83
|
+
lineNumber: 90,
|
|
83
84
|
columnNumber: 11
|
|
84
85
|
}
|
|
85
86
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
|
|
@@ -88,14 +89,14 @@ const AddressEdit = ({
|
|
|
88
89
|
__self: void 0,
|
|
89
90
|
__source: {
|
|
90
91
|
fileName: _jsxFileName,
|
|
91
|
-
lineNumber:
|
|
92
|
+
lineNumber: 91,
|
|
92
93
|
columnNumber: 13
|
|
93
94
|
}
|
|
94
95
|
}, t('EditableTable.fields.no_addresses_found'))),
|
|
95
96
|
__self: void 0,
|
|
96
97
|
__source: {
|
|
97
98
|
fileName: _jsxFileName,
|
|
98
|
-
lineNumber:
|
|
99
|
+
lineNumber: 75,
|
|
99
100
|
columnNumber: 7
|
|
100
101
|
}
|
|
101
102
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_react2","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddressEdit","value","onChange","onCommit","onCancel","inputRef","editTrigger","typeConfig","atlasService","translate","useWixPatternsContainer","initialSearchText","kind","key","length","undefined","handleKeyDownCapture","useCallback","preventDefault","handleBlur","currentTarget","contains","relatedTarget","createElement","onKeyDownCapture","onBlur","onClick","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_react2","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddressEdit","value","onChange","onCommit","onCancel","inputRef","editTrigger","typeConfig","atlasService","translate","useWixPatternsContainer","initialSearchText","kind","key","length","undefined","handleKeyDownCapture","useCallback","preventDefault","stopPropagation","handleBlur","currentTarget","contains","relatedTarget","createElement","onKeyDownCapture","onBlur","onClick","onMouseDown","className","classes","addressInput","__self","__source","fileName","lineNumber","columnNumber","AddressInput","ref","instance","current","address","onSelectAddress","size","border","popoverProps","appendTo","moveBy","y","noResultsText","Box","padding","align","Text","light","secondary","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/address/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { AddressInput } from '@wix/patterns-fields';\nimport type { Address, AtlasService } from '@wix/patterns-fields';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport interface AddressCellTypeConfig {\n /**\n * Atlas service used to fetch address suggestions. Defaults to the SDK-backed\n * WixAtlasService, which requires Wix runtime/auth context. Inject a custom\n * implementation for tests or non-Wix consumers.\n */\n atlasService?: AtlasService;\n}\n\n/**\n * Bridges patterns-fields AddressInput into EditableTable. State seeding,\n * popover focus handling, and Enter-to-select are owned by AddressInput;\n * here we only forward the cell-framework callbacks.\n */\nexport const AddressEdit: React.FC<\n CellEditProps<Address | null | undefined>\n> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n inputRef,\n editTrigger,\n typeConfig,\n}) => {\n const { atlasService } =\n (typeConfig as AddressCellTypeConfig | undefined) ?? {};\n const { translate: t } = useWixPatternsContainer();\n\n const initialSearchText =\n editTrigger &&\n typeof editTrigger === 'object' &&\n editTrigger.kind === 'type' &&\n editTrigger.key.length === 1\n ? editTrigger.key\n : undefined;\n\n const handleKeyDownCapture = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n onCancel();\n }\n },\n [onCancel],\n );\n\n const handleBlur = useCallback(\n (e: React.FocusEvent<HTMLDivElement>) => {\n if (e.currentTarget.contains(e.relatedTarget as Node | null)) {\n return;\n }\n onCommit();\n },\n [onCommit],\n );\n\n return (\n <div\n onKeyDownCapture={handleKeyDownCapture}\n onBlur={handleBlur}\n onClick={(e) => e.stopPropagation()}\n onMouseDown={(e) => e.stopPropagation()}\n className={classes.addressInput}\n >\n <AddressInput\n ref={(instance) => {\n if (inputRef) {\n inputRef.current = instance;\n }\n }}\n value={value ?? undefined}\n onChange={(address) => onChange(address ?? null)}\n onSelectAddress={onCommit}\n atlasService={atlasService}\n initialSearchText={initialSearchText}\n size=\"small\"\n border=\"none\"\n popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n noResultsText={\n <Box padding=\"SP1\" align=\"center\">\n <Text light secondary>\n {t('EditableTable.fields.no_addresses_found')}\n </Text>\n </Box>\n }\n />\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|