@wix/patterns 1.366.0 → 1.370.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map +1 -1
- package/dist/cjs/components/Collapse/Collapse.st.css.js +3 -3
- package/dist/cjs/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/cjs/components/CollectionPageNew/CollectionPage.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +3 -3
- package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/cjs/components/CollectionTable/CollectionTable.st.css.js.map +1 -1
- package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js +6 -3
- package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.js +25 -30
- package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbarActionsGroupProps.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js +66 -17
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map +1 -1
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.js +22 -14
- package/dist/cjs/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.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/CollectionToolbar/ToolbarOverflowMenu.js +329 -0
- package/dist/cjs/components/CollectionToolbar/ToolbarOverflowMenu.js.map +1 -0
- package/dist/cjs/components/CollectionToolbar/useToolbarOverflowItems.js +85 -0
- package/dist/cjs/components/CollectionToolbar/useToolbarOverflowItems.js.map +1 -0
- 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/CtaProps.js.map +1 -1
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.js +59 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css +4 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js +23 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.uni.driver.js +20 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/Edit.uni.driver.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.js +23 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css +4 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js +23 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.uni.driver.js +12 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/View.uni.driver.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/index.js +31 -0
- package/dist/cjs/components/EditableTable/cellTypes/email/index.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/index.js +5 -1
- package/dist/cjs/components/EditableTable/cellTypes/index.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.js +4 -9
- package/dist/cjs/components/EditableTable/cellTypes/number/Edit.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.js +4 -5
- package/dist/cjs/components/EditableTable/cellTypes/number/View.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.js +79 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css +4 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js +23 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.uni.driver.js +20 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/Edit.uni.driver.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.js +30 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css +4 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js +23 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.uni.driver.js +12 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/View.uni.driver.js.map +1 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/index.js +45 -0
- package/dist/cjs/components/EditableTable/cellTypes/object/index.js.map +1 -0
- 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/select/View.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/select/View.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 +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js +3 -3
- package/dist/cjs/components/EditableTable/cellTypes/url/Edit.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js +5 -5
- package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js +15 -0
- package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js.map +1 -1
- package/dist/cjs/components/EditableTable/useKeyboardNavigation.js +10 -0
- package/dist/cjs/components/EditableTable/useKeyboardNavigation.js.map +1 -1
- package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
- package/dist/cjs/components/Fade/Fade.st.css.js +2 -2
- package/dist/cjs/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/cjs/components/Heading/Heading.st.css.js +2 -2
- package/dist/cjs/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js +3 -3
- package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map +1 -1
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map +1 -1
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map +1 -1
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +5 -5
- package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js +5 -5
- package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map +1 -1
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map +1 -1
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js +4 -4
- package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/cjs/components/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/TableGridSwitchButton/TableGridSwitchButton.js +14 -38
- package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.js.map +1 -1
- package/dist/cjs/components/TableGridSwitchButton/layoutConfig.js +34 -0
- package/dist/cjs/components/TableGridSwitchButton/layoutConfig.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/useStaticListFilterCollection.js +2 -1
- package/dist/cjs/hooks/useStaticListFilterCollection.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/EditableTable/CellInteractionState.js +65 -0
- package/dist/cjs/state/EditableTable/CellInteractionState.js.map +1 -1
- package/dist/cjs/state/EditableTable/types.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/TableState.js +2 -0
- package/dist/cjs/state/TableState.js.map +1 -1
- package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js +38 -4
- package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js.map +1 -1
- package/dist/cjs/state/Toolbar/computeResponsiveTargetState.js +56 -17
- package/dist/cjs/state/Toolbar/computeResponsiveTargetState.js.map +1 -1
- package/dist/cjs/state/Toolbar/toolbarResponsiveConstants.js +5 -1
- package/dist/cjs/state/Toolbar/toolbarResponsiveConstants.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/version.js.map +1 -1
- package/dist/docs/AI Assistant.md +171 -0
- package/dist/docs/ActionCellProps.md +40 -0
- package/dist/docs/ActionSubItem.md +24 -0
- package/dist/docs/Allow Users to Add Extended Fields.md +194 -0
- package/dist/docs/AutoCompleteFilter.md +276 -0
- package/dist/docs/BulkActionModalRenderProp.md +22 -0
- package/dist/docs/BulkSelectState.md +18 -0
- package/dist/docs/Category.md +19 -0
- package/dist/docs/CollectionEmptyState.md +240 -0
- package/dist/docs/CollectionErrorState.md +107 -0
- package/dist/docs/CollectionNoResultsState.md +116 -0
- package/dist/docs/CollectionOptimisticActions.md +1074 -0
- package/dist/docs/CollectionPage.Content.md +154 -0
- package/dist/docs/CollectionPage.Header.md +216 -0
- package/dist/docs/CollectionPage.md +183 -0
- package/dist/docs/CollectionPremiumEmptyState.md +115 -0
- package/dist/docs/CollectionSearch.md +345 -0
- package/dist/docs/CollectionSection.md +16 -0
- package/dist/docs/CollectionState.md +29 -0
- package/dist/docs/CollectionSubToolbar.md +14 -0
- package/dist/docs/CollectionToolbar.md +18 -0
- package/dist/docs/Component Tests.md +191 -0
- package/dist/docs/ComputedQuery.md +45 -0
- package/dist/docs/CtaBaseProps.md +19 -0
- package/dist/docs/CustomColumns.md +916 -0
- package/dist/docs/CustomFieldsViewWidget.md +191 -0
- package/dist/docs/CustomFieldsWidget.md +635 -0
- package/dist/docs/Data Extension Overview.md +85 -0
- package/dist/docs/DataResultRaw.md +25 -0
- package/dist/docs/DateRangeFilter.md +202 -0
- package/dist/docs/Display Extended Fields.md +244 -0
- package/dist/docs/Enable Filters for Extended Fields.md +243 -0
- package/dist/docs/EntityPage.AdditionalContent.md +25 -0
- package/dist/docs/EntityPage.Card.md +250 -0
- package/dist/docs/EntityPage.Content.md +24 -0
- package/dist/docs/EntityPage.Header.md +260 -0
- package/dist/docs/EntityPage.MainContent.md +24 -0
- package/dist/docs/EntityPage.Slots.md +75 -0
- package/dist/docs/EntityPage.md +1030 -0
- package/dist/docs/EntityPageState.md +23 -0
- package/dist/docs/Explore Apps.md +170 -0
- package/dist/docs/ExportTo.md +894 -0
- package/dist/docs/Filter Overview.md +448 -0
- package/dist/docs/FilterProps.md +26 -0
- package/dist/docs/FormPageState.md +17 -0
- package/dist/docs/Grid Sections.md +170 -0
- package/dist/docs/Grid.md +598 -0
- package/dist/docs/GridDragAndDrop.md +131 -0
- package/dist/docs/GridFolders.md +259 -0
- package/dist/docs/GridFoldersSection.md +16 -0
- package/dist/docs/GridFoldersState.md +20 -0
- package/dist/docs/GridSectionsProp.md +22 -0
- package/dist/docs/GridState.md +22 -0
- package/dist/docs/Highlighted Search.md +114 -0
- package/dist/docs/InMemoryBackend.md +81 -0
- package/dist/docs/Indeterminate.md +273 -0
- package/dist/docs/Internal Scroll.md +236 -0
- package/dist/docs/More Actions.md +1015 -0
- package/dist/docs/MoreActionsItem.md +33 -0
- package/dist/docs/MultiAutoInlineCheckboxFilter.md +850 -0
- package/dist/docs/MultiBulkActionToolbar.md +1174 -0
- package/dist/docs/MultiInlineCheckboxFilter.md +871 -0
- package/dist/docs/MultiLevelSorting.md +376 -0
- package/dist/docs/MultiSelectCheckboxFilter.md +369 -0
- package/dist/docs/MultiSelectCollectionFilter.md +218 -0
- package/dist/docs/NestedTable.md +1101 -0
- package/dist/docs/NestedTableLevel.md +24 -0
- package/dist/docs/NestedTableNodeState.md +23 -0
- package/dist/docs/NestedTableOptimisticActions.md +21 -0
- package/dist/docs/NestedTableState.md +21 -0
- package/dist/docs/Next.js.md +143 -0
- package/dist/docs/NumberRangeFilter.md +230 -0
- package/dist/docs/OperatorFilterPicker.md +195 -0
- package/dist/docs/PageWrapper.md +50 -0
- package/dist/docs/PatternsReactRoute.md +31 -0
- package/dist/docs/PatternsReactRouter.md +24 -0
- package/dist/docs/PickerContent.md +129 -0
- package/dist/docs/PickerModal.md +680 -0
- package/dist/docs/PickerStandalone.md +332 -0
- package/dist/docs/PrimaryActionButton.md +323 -0
- package/dist/docs/PrimaryActions.md +173 -0
- package/dist/docs/PrimaryPageButton.md +140 -0
- package/dist/docs/RadioGroupFilter.md +73 -0
- package/dist/docs/RequestId.md +58 -0
- package/dist/docs/SecondaryActions.md +175 -0
- package/dist/docs/SettingsPage.AdditionalContent.md +25 -0
- package/dist/docs/SettingsPage.Card.md +246 -0
- package/dist/docs/SettingsPage.Content.md +24 -0
- package/dist/docs/SettingsPage.Header.md +176 -0
- package/dist/docs/SettingsPage.MainContent.md +24 -0
- package/dist/docs/SettingsPage.md +680 -0
- package/dist/docs/SettingsPageState.md +22 -0
- package/dist/docs/SingleSelectFilter.md +401 -0
- package/dist/docs/Sled Tests.md +109 -0
- package/dist/docs/Sortable Columns.md +250 -0
- package/dist/docs/Suggestions.md +370 -0
- package/dist/docs/SummaryBar.md +515 -0
- package/dist/docs/Table Sections.md +473 -0
- package/dist/docs/Table.md +1065 -0
- package/dist/docs/TableColumn.md +35 -0
- package/dist/docs/TableDragAndDrop.md +502 -0
- package/dist/docs/TableFolders.md +419 -0
- package/dist/docs/TableFoldersState.md +22 -0
- package/dist/docs/TableGridSwitch.md +298 -0
- package/dist/docs/TableGridSwitchDragAndDrop.md +170 -0
- package/dist/docs/TableGridSwitchFolders.md +446 -0
- package/dist/docs/TableGridSwitchFoldersState.md +22 -0
- package/dist/docs/TableGridSwitchState.md +23 -0
- package/dist/docs/TableSectionsProp.md +22 -0
- package/dist/docs/TableState.md +24 -0
- package/dist/docs/TableTopNotification.md +314 -0
- package/dist/docs/TabsFilter.md +484 -0
- package/dist/docs/Tags Overview.md +118 -0
- package/dist/docs/Tags.md +718 -0
- package/dist/docs/TagsWidget.md +419 -0
- package/dist/docs/ToolbarCollectionState.md +19 -0
- package/dist/docs/ToolbarFilters.md +1588 -0
- package/dist/docs/ToolbarSecondaryActions.md +383 -0
- package/dist/docs/ToolbarTitle.md +324 -0
- package/dist/docs/View.md +23 -0
- package/dist/docs/Views.md +786 -0
- package/dist/docs/WidgetsFormProvider.md +61 -0
- package/dist/docs/WixPatternsBMProvider.md +31 -0
- package/dist/docs/WixPatternsBaseProvider.md +87 -0
- package/dist/docs/WixPatternsEssentialsProvider.md +43 -0
- package/dist/docs/WixPatternsGizaProvider.md +37 -0
- package/dist/docs/WixPatternsProvider.md +68 -0
- package/dist/docs/Working with Cache.md +114 -0
- package/dist/docs/arrayFilter.md +226 -0
- package/dist/docs/bulkActionModal.md +40 -0
- package/dist/docs/createNestedTableLevel.md +24 -0
- package/dist/docs/createNestedTableSingleEntityLevels.md +20 -0
- package/dist/docs/customFilter.md +182 -0
- package/dist/docs/dateRangeFilter.md +55 -0
- package/dist/docs/deleteSecondaryAction.md +122 -0
- package/dist/docs/idNameArrayFilter.md +206 -0
- package/dist/docs/index.json +662 -0
- package/dist/docs/operatorFilter.md +183 -0
- package/dist/docs/stringFilter.md +204 -0
- package/dist/docs/stringsArrayFilter.md +118 -0
- package/dist/docs/useAmbassadorCollection.md +45 -0
- package/dist/docs/useCollection.md +61 -0
- package/dist/docs/useCreateCollection.md +32 -0
- package/dist/docs/useCreateNestedOptimisticActions.md +21 -0
- package/dist/docs/useEntity.md +44 -0
- package/dist/docs/useEntityPage.md +57 -0
- package/dist/docs/useEntityPageContext.md +28 -0
- package/dist/docs/useFilterCollection.md +163 -0
- package/dist/docs/useGridCollection.md +58 -0
- package/dist/docs/useGridFolders.md +25 -0
- package/dist/docs/useItemsSelectionFilter.md +60 -0
- package/dist/docs/useNestedTable.md +66 -0
- package/dist/docs/useOptimisticActions.md +1288 -0
- package/dist/docs/usePatternsNavigate.md +57 -0
- package/dist/docs/usePickerContent.md +61 -0
- package/dist/docs/usePickerModal.md +68 -0
- package/dist/docs/usePickerStandalone.md +56 -0
- package/dist/docs/useSelector.md +181 -0
- package/dist/docs/useSettingsPage.md +54 -0
- package/dist/docs/useSettingsPageContext.md +28 -0
- package/dist/docs/useStaticListFilterCollection.md +194 -0
- package/dist/docs/useTableCollection.md +58 -0
- package/dist/docs/useTableFolders.md +25 -0
- package/dist/docs/useTableGridSwitchCollection.md +58 -0
- package/dist/docs/useTableGridSwitchFolders.md +25 -0
- package/dist/docs/useWidgetsFormContext.md +19 -0
- package/dist/esm/components/CardContainer/CardContainer.st.css.js +2 -2
- package/dist/esm/components/Collapse/Collapse.st.css.js +2 -2
- package/dist/esm/components/Collapse/Collapse.st.css.js.map +1 -1
- package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js +2 -2
- package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTable.st.css.js +2 -2
- package/dist/esm/components/CollectionTable/CollectionTableWSRTable.js +3 -1
- package/dist/esm/components/CollectionTable/CollectionTableWSRTable.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.js +3 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js +39 -6
- package/dist/esm/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.js +2 -1
- package/dist/esm/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js +2 -2
- package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map +1 -1
- package/dist/esm/components/CollectionToolbar/ToolbarOverflowMenu.js +110 -0
- package/dist/esm/components/CollectionToolbar/ToolbarOverflowMenu.js.map +1 -0
- package/dist/esm/components/CollectionToolbar/useToolbarOverflowItems.js +74 -0
- package/dist/esm/components/CollectionToolbar/useToolbarOverflowItems.js.map +1 -0
- package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js +2 -2
- package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map +1 -1
- package/dist/esm/components/DragHandle/DragHandle.st.css.js +2 -2
- package/dist/esm/components/EditableTable/EditableCell.st.css.js +2 -2
- package/dist/esm/components/EditableTable/EditableCell.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.js +21 -0
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css +4 -0
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js +15 -0
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.uni.driver.js +13 -0
- package/dist/esm/components/EditableTable/cellTypes/email/Edit.uni.driver.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.js +5 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.st.css +4 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js +15 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.uni.driver.js +8 -0
- package/dist/esm/components/EditableTable/cellTypes/email/View.uni.driver.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/email/index.js +22 -0
- package/dist/esm/components/EditableTable/cellTypes/email/index.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/index.js +5 -1
- package/dist/esm/components/EditableTable/cellTypes/index.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/number/Edit.js +2 -5
- package/dist/esm/components/EditableTable/cellTypes/number/Edit.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/View.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/number/View.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.js +39 -0
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css +4 -0
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js +15 -0
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.uni.driver.js +13 -0
- package/dist/esm/components/EditableTable/cellTypes/object/Edit.uni.driver.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.js +5 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css +4 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js +15 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.uni.driver.js +8 -0
- package/dist/esm/components/EditableTable/cellTypes/object/View.uni.driver.js.map +1 -0
- package/dist/esm/components/EditableTable/cellTypes/object/index.js +47 -0
- package/dist/esm/components/EditableTable/cellTypes/object/index.js.map +1 -0
- 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/select/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js +2 -2
- package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js.map +1 -1
- package/dist/esm/components/EditableTable/useCellFocusAndEditing.js +15 -1
- package/dist/esm/components/EditableTable/useCellFocusAndEditing.js.map +1 -1
- package/dist/esm/components/EditableTable/useKeyboardNavigation.js +10 -0
- package/dist/esm/components/EditableTable/useKeyboardNavigation.js.map +1 -1
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js +2 -2
- package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map +1 -1
- package/dist/esm/components/Fade/Fade.st.css.js +2 -2
- package/dist/esm/components/Fade/Fade.st.css.js.map +1 -1
- package/dist/esm/components/Heading/Heading.st.css.js +2 -2
- package/dist/esm/components/Heading/Heading.st.css.js.map +1 -1
- package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js +2 -2
- package/dist/esm/components/InputOverflow/InputOverflow.st.css.js +2 -2
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js +3 -3
- package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map +1 -1
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js +2 -2
- package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js.map +1 -1
- package/dist/esm/components/MaxLines/MaxLines.st.css.js +2 -2
- package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js +2 -2
- package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map +1 -1
- package/dist/esm/components/NestedTable/NestedTableRow.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js +2 -2
- package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContent.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js +2 -2
- package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map +1 -1
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js +2 -2
- package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map +1 -1
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js +2 -2
- package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map +1 -1
- package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js +2 -2
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js +2 -2
- package/dist/esm/components/SlidingModal/SlidingModal.st.css.js.map +1 -1
- package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.js +2 -12
- package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.js.map +1 -1
- package/dist/esm/components/TableGridSwitchButton/layoutConfig.js +14 -0
- package/dist/esm/components/TableGridSwitchButton/layoutConfig.js.map +1 -0
- package/dist/esm/components/TabsFilter/TabsFilter.st.css.js +2 -2
- package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js +2 -2
- package/dist/esm/components/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/ToolbarItemBox/ToolbarItemBox.st.css.js +2 -2
- package/dist/esm/components/common.st.css.js +2 -2
- package/dist/esm/hooks/useStaticListFilterCollection.js +1 -0
- package/dist/esm/hooks/useStaticListFilterCollection.js.map +1 -1
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js +2 -2
- package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map +1 -1
- package/dist/esm/state/EditableTable/CellInteractionState.js +58 -0
- package/dist/esm/state/EditableTable/CellInteractionState.js.map +1 -1
- package/dist/esm/state/FormPage/FormPageHeader.st.css.js +2 -2
- package/dist/esm/state/TableState.js +2 -0
- package/dist/esm/state/TableState.js.map +1 -1
- package/dist/esm/state/Toolbar/ToolbarResponsiveState.js +40 -5
- package/dist/esm/state/Toolbar/ToolbarResponsiveState.js.map +1 -1
- package/dist/esm/state/Toolbar/computeResponsiveTargetState.js +46 -18
- package/dist/esm/state/Toolbar/computeResponsiveTargetState.js.map +1 -1
- package/dist/esm/state/Toolbar/toolbarResponsiveConstants.js +4 -0
- package/dist/esm/state/Toolbar/toolbarResponsiveConstants.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/types/components/Collapse/Collapse.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionTable/CollectionTable.uni.driver.d.ts +24 -24
- package/dist/types/components/CollectionTable/CollectionTableWSRTable.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbar.uni.driver.d.ts +11 -11
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupProps.d.ts +3 -0
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupProps.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.d.ts +5 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/SearchOrCustomFilter.st.css.d.ts.map +1 -1
- package/dist/types/components/CollectionToolbar/ToolbarOverflowMenu.d.ts +24 -0
- package/dist/types/components/CollectionToolbar/ToolbarOverflowMenu.d.ts.map +1 -0
- package/dist/types/components/CollectionToolbar/useToolbarOverflowItems.d.ts +17 -0
- package/dist/types/components/CollectionToolbar/useToolbarOverflowItems.d.ts.map +1 -0
- package/dist/types/components/CollectionViewsDropdown/ViewsDropdown.st.css.d.ts.map +1 -1
- package/dist/types/components/CtaProps.d.ts +1 -1
- package/dist/types/components/CustomFieldModal/CustomFieldModal.uni.driver.d.ts +2 -2
- package/dist/types/components/CustomFieldsWidget/CustomFieldsWidget.uni.driver.d.ts +3 -3
- package/dist/types/components/DropdownFilter/CollectionDropdownFilter.uni.driver.d.ts +1 -1
- package/dist/types/components/EditableTable/EditableCell.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/email/Edit.d.ts +4 -0
- package/dist/types/components/EditableTable/cellTypes/email/Edit.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/email/Edit.st.css.d.ts +14 -0
- package/dist/types/components/EditableTable/cellTypes/email/Edit.st.css.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/email/Edit.uni.driver.d.ts +22 -0
- package/dist/types/components/EditableTable/cellTypes/email/Edit.uni.driver.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/email/View.d.ts +4 -0
- package/dist/types/components/EditableTable/cellTypes/email/View.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/email/View.st.css.d.ts +14 -0
- package/dist/types/components/EditableTable/cellTypes/email/View.st.css.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/email/View.uni.driver.d.ts +15 -0
- package/dist/types/components/EditableTable/cellTypes/email/View.uni.driver.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/email/index.d.ts +5 -0
- package/dist/types/components/EditableTable/cellTypes/email/index.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/index.d.ts +3 -1
- package/dist/types/components/EditableTable/cellTypes/index.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/number/Edit.d.ts.map +1 -1
- package/dist/types/components/EditableTable/cellTypes/number/View.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/Edit.d.ts +4 -0
- package/dist/types/components/EditableTable/cellTypes/object/Edit.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts +14 -0
- package/dist/types/components/EditableTable/cellTypes/object/Edit.st.css.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/object/Edit.uni.driver.d.ts +22 -0
- package/dist/types/components/EditableTable/cellTypes/object/Edit.uni.driver.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/object/View.d.ts +4 -0
- package/dist/types/components/EditableTable/cellTypes/object/View.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/object/View.st.css.d.ts +14 -0
- package/dist/types/components/EditableTable/cellTypes/object/View.st.css.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/object/View.uni.driver.d.ts +15 -0
- package/dist/types/components/EditableTable/cellTypes/object/View.uni.driver.d.ts.map +1 -0
- package/dist/types/components/EditableTable/cellTypes/object/index.d.ts +5 -0
- package/dist/types/components/EditableTable/cellTypes/object/index.d.ts.map +1 -0
- 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/cellTypes/url/View.st.css.d.ts.map +1 -1
- package/dist/types/components/EditableTable/useCellFocusAndEditing.d.ts.map +1 -1
- package/dist/types/components/EditableTable/useKeyboardNavigation.d.ts.map +1 -1
- package/dist/types/components/EntityPage/EntityPagePlain.st.css.d.ts.map +1 -1
- package/dist/types/components/Fade/Fade.st.css.d.ts.map +1 -1
- package/dist/types/components/FiltersPanel/FiltersPanel.uni.driver.d.ts +4 -4
- package/dist/types/components/Grid/Grid.uni.driver.d.ts +13 -13
- package/dist/types/components/Grid/GridFolders.uni.driver.d.ts +38 -38
- package/dist/types/components/Grid/GridFoldersSection.uni.driver.d.ts +13 -13
- package/dist/types/components/Heading/Heading.st.css.d.ts.map +1 -1
- package/dist/types/components/Kanban/Kanban.uni.driver.d.ts +11 -11
- package/dist/types/components/LoadingRow/LoadingRow.st.css.d.ts.map +1 -1
- package/dist/types/components/MaxHeightText/MaxHeightText.st.css.d.ts.map +1 -1
- package/dist/types/components/NestedTable/NestedTable.uni.driver.d.ts +37 -37
- package/dist/types/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerContent/PickerContentAdditionalStep.st.css.d.ts.map +1 -1
- package/dist/types/components/PickerTableListItem/PickerTableListItem.st.css.d.ts.map +1 -1
- package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map +1 -1
- package/dist/types/components/SlidingModal/SlidingModal.st.css.d.ts.map +1 -1
- package/dist/types/components/SummaryBar/SummaryBar.uni.driver.d.ts +1 -1
- package/dist/types/components/Table/Table.uni.driver.d.ts +26 -26
- package/dist/types/components/TableFolders/TableFolders.uni.driver.d.ts +37 -37
- package/dist/types/components/TableGridSwitch/TableGridSwitch.uni.driver.d.ts +40 -40
- package/dist/types/components/TableGridSwitchButton/TableGridSwitchButton.d.ts.map +1 -1
- package/dist/types/components/TableGridSwitchButton/layoutConfig.d.ts +9 -0
- package/dist/types/components/TableGridSwitchButton/layoutConfig.d.ts.map +1 -0
- package/dist/types/components/TabsFilter/TabsFilter.uni.driver.d.ts +1 -1
- package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map +1 -1
- package/dist/types/hooks/useStaticListFilterCollection.d.ts.map +1 -1
- package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map +1 -1
- package/dist/types/state/EditableTable/CellInteractionState.d.ts +7 -0
- package/dist/types/state/EditableTable/CellInteractionState.d.ts.map +1 -1
- package/dist/types/state/EditableTable/types.d.ts +2 -0
- package/dist/types/state/EditableTable/types.d.ts.map +1 -1
- package/dist/types/state/TableState.d.ts +2 -0
- package/dist/types/state/TableState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts +3 -0
- package/dist/types/state/Toolbar/ToolbarResponsiveState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/computeResponsiveTargetState.d.ts +8 -1
- package/dist/types/state/Toolbar/computeResponsiveTargetState.d.ts.map +1 -1
- package/dist/types/state/Toolbar/toolbarResponsiveConstants.d.ts +2 -0
- package/dist/types/state/Toolbar/toolbarResponsiveConstants.d.ts.map +1 -1
- package/dist/types/testkit/enzyme.d.ts +194 -194
- package/dist/types/testkit/jsdom.d.ts +207 -207
- package/dist/types/testkit/playwright.d.ts +194 -194
- package/dist/types/testkit/puppeteer.d.ts +205 -205
- package/dist/types/version.d.ts +1 -1
- package/package.json +10 -7
- package/src/components/CardContainer/CardContainer.st.css.ts +2 -2
- package/src/components/Collapse/Collapse.st.css.ts +2 -2
- package/src/components/CollectionPageNew/CollectionPage.st.css.ts +2 -2
- package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts +2 -2
- package/src/components/CollectionTable/CollectionTable.st.css.ts +2 -2
- package/src/components/CollectionTable/CollectionTableWSRTable.tsx +3 -0
- package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts +2 -2
- package/src/components/CollectionToolbar/CollectionToolbar.tsx +11 -4
- package/src/components/CollectionToolbar/CollectionToolbarActionsGroupProps.ts +3 -0
- package/src/components/CollectionToolbar/CollectionToolbarActionsGroupResponsiveLayout.tsx +73 -16
- package/src/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.tsx +4 -0
- package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts +2 -2
- package/src/components/CollectionToolbar/ToolbarOverflowMenu.tsx +323 -0
- package/src/components/CollectionToolbar/useToolbarOverflowItems.ts +112 -0
- package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts +2 -2
- package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts +2 -2
- package/src/components/CtaProps.ts +1 -1
- package/src/components/DragHandle/DragHandle.st.css.ts +2 -2
- package/src/components/EditableTable/EditableCell.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/date/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/email/Edit.st.css +4 -0
- package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts +25 -0
- package/src/components/EditableTable/cellTypes/email/Edit.tsx +46 -0
- package/src/components/EditableTable/cellTypes/email/Edit.uni.driver.ts +23 -0
- package/src/components/EditableTable/cellTypes/email/View.st.css +4 -0
- package/src/components/EditableTable/cellTypes/email/View.st.css.ts +25 -0
- package/src/components/EditableTable/cellTypes/email/View.tsx +8 -0
- package/src/components/EditableTable/cellTypes/email/View.uni.driver.ts +9 -0
- package/src/components/EditableTable/cellTypes/email/index.ts +23 -0
- package/src/components/EditableTable/cellTypes/index.ts +6 -0
- package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/Edit.tsx +3 -8
- package/src/components/EditableTable/cellTypes/number/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/number/View.tsx +2 -4
- package/src/components/EditableTable/cellTypes/object/Edit.st.css +4 -0
- package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts +25 -0
- package/src/components/EditableTable/cellTypes/object/Edit.tsx +72 -0
- package/src/components/EditableTable/cellTypes/object/Edit.uni.driver.ts +22 -0
- package/src/components/EditableTable/cellTypes/object/View.st.css +4 -0
- package/src/components/EditableTable/cellTypes/object/View.st.css.ts +25 -0
- package/src/components/EditableTable/cellTypes/object/View.tsx +12 -0
- package/src/components/EditableTable/cellTypes/object/View.uni.driver.ts +9 -0
- package/src/components/EditableTable/cellTypes/object/index.ts +49 -0
- package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/select/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/text/View.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts +2 -2
- package/src/components/EditableTable/cellTypes/url/View.st.css.ts +2 -2
- package/src/components/EditableTable/useCellFocusAndEditing.ts +16 -1
- package/src/components/EditableTable/useKeyboardNavigation.ts +11 -0
- package/src/components/EntityPage/EntityPagePlain.st.css.ts +2 -2
- package/src/components/Fade/Fade.st.css.ts +2 -2
- package/src/components/Heading/Heading.st.css.ts +2 -2
- package/src/components/ImportButton/ImportStepUpload.st.css.ts +2 -2
- package/src/components/InputOverflow/InputOverflow.st.css.ts +2 -2
- package/src/components/LoadingRow/LoadingRow.st.css.ts +3 -3
- package/src/components/MaxHeightText/MaxHeightText.st.css.ts +2 -2
- package/src/components/MaxLines/MaxLines.st.css.ts +2 -2
- package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts +2 -2
- package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts +2 -2
- package/src/components/NestedTable/NestedTableRow.st.css.ts +2 -2
- package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts +2 -2
- package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts +2 -2
- package/src/components/PickerContent/PickerContent.st.css.ts +2 -2
- package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts +2 -2
- package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts +2 -2
- package/src/components/ScrollableContent/ScrollableContent.st.css.ts +2 -2
- package/src/components/SkeletonCard/SkeletonCard.st.css.ts +2 -2
- package/src/components/SlidingModal/SlidingModal.st.css.ts +2 -2
- package/src/components/TableGridSwitchButton/TableGridSwitchButton.tsx +2 -21
- package/src/components/TableGridSwitchButton/layoutConfig.tsx +20 -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/useStaticListFilterCollection.ts +1 -0
- package/src/state/CollectionPage/CollectionPageHeader.st.css.ts +2 -2
- package/src/state/EditableTable/CellInteractionState.ts +63 -0
- package/src/state/EditableTable/types.ts +2 -0
- package/src/state/FormPage/FormPageHeader.st.css.ts +2 -2
- package/src/state/TableState.ts +3 -0
- package/src/state/Toolbar/ToolbarResponsiveState.ts +64 -10
- package/src/state/Toolbar/computeResponsiveTargetState.ts +68 -18
- package/src/state/Toolbar/toolbarResponsiveConstants.ts +4 -0
- package/src/styles.global.css +1 -1
- package/src/version.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.CardContainer2295250283__root.CardContainer2295250283--mobile{border-radius:0}.Collapse269535241__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse269535241__exit{height:0}.CollectionPage3573774927__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3573774927__root.CollectionPage3573774927--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3573774927__root.CollectionPage3573774927--panel{overflow:hidden;position:relative}.CollectionSectionHeader3937441446__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2673478244__root td{vertical-align:middle}.CollectionTable2673478244__root.CollectionTable2673478244--mobile td:first-child{padding-left:18px}.CollectionTable2673478244__root.CollectionTable2673478244--mobile td:last-child{padding-right:18px}.CollectionToolbar1478562778__left{min-width:0}.CollectionToolbar1478562778__left.CollectionToolbar1478562778--expandable{flex:auto}.CollectionToolbar1478562778__left.CollectionToolbar1478562778--title>*{width:100%}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-5-title .CollectionToolbar1478562778__left{flex:1 100;min-width:50px}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__left,.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__left.CollectionToolbar1478562778--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1478562778__root .CollectionToolbar1478562778__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1478562778__root.CollectionToolbar1478562778--views .CollectionToolbar1478562778__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__right,.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-5-title .CollectionToolbar1478562778__right{flex:0 1 auto;min-width:0}.CollectionToolbar1478562778__root .CollectionToolbar1478562778__right.CollectionToolbar1478562778__fullWidth{margin-inline-start:0!important}.CollectionToolbar1478562778__root.CollectionToolbar1478562778--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter281901088__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter281901088__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter281901088__searchMobile:not(.SearchOrCustomFilter281901088--expandable){left:18px}.SearchOrCustomFilter281901088__searchMobile.SearchOrCustomFilter281901088--expandable.SearchOrCustomFilter281901088--expanded{left:18px}.AutoCompleteReadonly3238632147__root.AutoCompleteReadonly3238632147--disableEditing{cursor:pointer}.AutoCompleteReadonly3238632147__root.AutoCompleteReadonly3238632147--disableEditing input{cursor:pointer}.ViewsDropdown767838626__root{width:200px}.DragHandle1649945225__root{display:flex;align-items:center}.DragHandle1649945225__root:not(.DragHandle1649945225--disabled){cursor:grab;color:#a8caff}.DragHandle1649945225__root.DragHandle1649945225--disabled{color:#acafc4}.DragHandle1649945225__root:focus-visible:not(.DragHandle1649945225--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1649945225__root.DragHandle1649945225--disabled{pointer-events:none}.DragHandle1649945225__root.DragHandle1649945225--dragging:not(.DragHandle1649945225--disabled){cursor:grabbing}td:has(>.EditableCell3084944771__root){position:relative;min-height:24px}.EditableCell3084944771__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3084944771__root.EditableCell3084944771--selected{background:rgba(56,153,236,.08)}.EditableCell3084944771__root.EditableCell3084944771--focused:not(.EditableCell3084944771--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3084944771__root.EditableCell3084944771--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3084944771__root.EditableCell3084944771--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--invalid:not(.EditableCell3084944771--editing){background:rgba(229,0,77,.06)}.EditableCell3084944771__root.EditableCell3084944771--copiedTop:not(.EditableCell3084944771--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--copiedBottom:not(.EditableCell3084944771--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--copiedLeft:not(.EditableCell3084944771--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--copiedRight:not(.EditableCell3084944771--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.Edit2756468535__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1734812011__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2954194738__dateInput{width:100%;margin-left:-1px}.View3496179537__textView{width:100%;padding:9px 12px}.Edit1086718486__numberInput{width:100%;margin-right:2px}.Edit1086718486__numberInput input{text-align:right;direction:ltr}.View489596864__textView{width:100%;padding:9px 12px;text-align:right}.Edit2171501204__selectInput{width:100%}.View2274296977__textView{width:100%;padding:9px 12px}.Edit659033210__editWrapper{width:100%}.Edit659033210__inputArea{background-color:transparent;width:100%}.Edit659033210__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit659033210__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit659033210__inputArea:not(.Edit659033210--isFocused) textarea{resize:none;overflow:hidden}.Edit659033210__inputArea:not(.Edit659033210--isFocused) textarea::-webkit-scrollbar{display:none}.View985561481__textView{width:100%;padding:9px 12px}.Edit4061833648__urlInput{width:100%;margin-left:-1px}.View793386274__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View793386274__urlText{flex:1;min-width:0}.View793386274__suffix{flex-shrink:0;margin-left:10px}.View793386274__textView.View793386274--suffixOnHover:not(:hover) .View793386274__suffix{display:none}.EntityPagePlain1681091989__root.EntityPagePlain1681091989--mobile{--wds-page-header-padding-horizontal:0}.Fade817618918__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade817618918__root.Fade817618918--exit{opacity:0}.Heading2420093600__root{visibility:visible}.Heading2420093600__root.Heading2420093600--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload972892750__fileUpload{width:100%}.InputOverflow2859286953__root.InputOverflow2859286953--selected:not(.InputOverflow2859286953--focused) input::placeholder{color:#000624}@keyframes LoadingRow641118317__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow641118317__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow641118317__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText222894855__root{opacity:1}.MaxHeightText222894855__root.MaxHeightText222894855--height24{line-height:24px}.MaxLines3413711216__root{overflow:hidden}.MaxLines3413711216__root.MaxLines3413711216--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2017077380__root{min-width:0}.MultiBulkActionToolbar2017077380__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2017077380__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2017077380__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3998706015__root td{padding:0!important;width:100%}.NestedTableRow1007766577__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1007766577__root:hover{background-color:#e7f0ff!important}.NestedTableRow1007766577__root.NestedTableRow1007766577--expandable{cursor:pointer}.NestedTableRow1007766577__placeholder td{padding:0!important;width:100%}.NestedTableRow1007766577__root:hover td:first-of-type::before,.NestedTableRow1007766577__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2755059664__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1618883091__root.NestedTableDragAndDropRow1618883091--draggingInto td{background-color:#e7f0ff!important}.PickerContent3783271928__root{display:flex}.PickerContentAdditionalStep769599043__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep769599043__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1878736355__root{box-sizing:border-box}.ScrollableContent3878505752__root.ScrollableContent3878505752--overflowY{overflow-y:auto}.ScrollableContent3878505752__root.ScrollableContent3878505752--overflowX{overflow-x:auto}.ScrollableContent3878505752__root.ScrollableContent3878505752--smooth{scroll-behavior:smooth}.SkeletonCard3453398691__headerLoading{display:block!important}.SlidingModal823534629__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal823534629__root.SlidingModal823534629--overlay{transition:transform 0s ease 0s}.SlidingModal823534629__root.SlidingModal823534629---appendTo-6-parent{position:absolute}.SlidingModal823534629__root:not(.SlidingModal823534629--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4088703764__root .TabsFilter4088703764__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter4088703764__root.TabsFilter4088703764--selected .TabsFilter4088703764__title,.TabsFilter4088703764__root:hover .TabsFilter4088703764__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1570584659__root{display:flex}.ToolbarItem3734550434__root{min-width:0}.ToolbarItemBox1032297372__root{min-width:0}.ToolbarItemBox1032297372__root.ToolbarItemBox1032297372--removeStartPadding{margin-left:-24px}.ToolbarItemBox1032297372__root.ToolbarItemBox1032297372--expandable{flex:1 0}.common2705747369__column{display:flex;flex-direction:column}.common2705747369__fullHeight{height:100%;min-height:0}.CollectionPageHeader2247944408__root:not(.CollectionPageHeader2247944408--mobile){gap:12px}.CollectionPageHeader2247944408__root.CollectionPageHeader2247944408--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2247944408__root.CollectionPageHeader2247944408--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1910830305__root.FormPageHeader1910830305--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1910830305__root.FormPageHeader1910830305--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
|
|
1
|
+
.CardContainer3555152876__root.CardContainer3555152876--mobile{border-radius:0}.Collapse2301766540__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2301766540__exit{height:0}.CollectionPage3573206972__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3573206972__root.CollectionPage3573206972--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3573206972__root.CollectionPage3573206972--panel{overflow:hidden;position:relative}.CollectionSectionHeader1276621223__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3392875705__root td{vertical-align:middle}.CollectionTable3392875705__root.CollectionTable3392875705--mobile td:first-child{padding-left:18px}.CollectionTable3392875705__root.CollectionTable3392875705--mobile td:last-child{padding-right:18px}.CollectionToolbar979818899__left{min-width:0}.CollectionToolbar979818899__left.CollectionToolbar979818899--expandable{flex:auto}.CollectionToolbar979818899__left.CollectionToolbar979818899--title>*{width:100%}.CollectionToolbar979818899__root.CollectionToolbar979818899---responsiveMode-5-title .CollectionToolbar979818899__left{flex:1 100;min-width:50px}.CollectionToolbar979818899__root.CollectionToolbar979818899---responsiveMode-4-tabs .CollectionToolbar979818899__left,.CollectionToolbar979818899__root.CollectionToolbar979818899---responsiveMode-4-tabs .CollectionToolbar979818899__left.CollectionToolbar979818899--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar979818899__root.CollectionToolbar979818899---responsiveMode-4-tabs .CollectionToolbar979818899__left>*{flex-shrink:1;min-width:0}.CollectionToolbar979818899__root .CollectionToolbar979818899__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar979818899__root.CollectionToolbar979818899--views .CollectionToolbar979818899__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar979818899__root.CollectionToolbar979818899---responsiveMode-4-tabs .CollectionToolbar979818899__right,.CollectionToolbar979818899__root.CollectionToolbar979818899---responsiveMode-5-title .CollectionToolbar979818899__right{flex:0 1 auto;min-width:0}.CollectionToolbar979818899__root .CollectionToolbar979818899__right.CollectionToolbar979818899__fullWidth{margin-inline-start:0!important}.CollectionToolbar979818899__root.CollectionToolbar979818899--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3211790940__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3211790940__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3211790940__searchMobile:not(.SearchOrCustomFilter3211790940--expandable){left:18px}.SearchOrCustomFilter3211790940__searchMobile.SearchOrCustomFilter3211790940--expandable.SearchOrCustomFilter3211790940--expanded{left:18px}.AutoCompleteReadonly3014010660__root.AutoCompleteReadonly3014010660--disableEditing{cursor:pointer}.AutoCompleteReadonly3014010660__root.AutoCompleteReadonly3014010660--disableEditing input{cursor:pointer}.ViewsDropdown2267900924__root{width:200px}.DragHandle2165418528__root{display:flex;align-items:center}.DragHandle2165418528__root:not(.DragHandle2165418528--disabled){cursor:grab;color:#a8caff}.DragHandle2165418528__root.DragHandle2165418528--disabled{color:#acafc4}.DragHandle2165418528__root:focus-visible:not(.DragHandle2165418528--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2165418528__root.DragHandle2165418528--disabled{pointer-events:none}.DragHandle2165418528__root.DragHandle2165418528--dragging:not(.DragHandle2165418528--disabled){cursor:grabbing}td:has(>.EditableCell771327262__root){position:relative;min-height:24px}.EditableCell771327262__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell771327262__root.EditableCell771327262--selected{background:rgba(56,153,236,.08)}.EditableCell771327262__root.EditableCell771327262--focused:not(.EditableCell771327262--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell771327262__root.EditableCell771327262--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell771327262__root.EditableCell771327262--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--invalid:not(.EditableCell771327262--editing){background:rgba(229,0,77,.06)}.EditableCell771327262__root.EditableCell771327262--copiedTop:not(.EditableCell771327262--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--copiedBottom:not(.EditableCell771327262--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--copiedLeft:not(.EditableCell771327262--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell771327262__root.EditableCell771327262--copiedRight:not(.EditableCell771327262--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell771327262__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.Edit2088892532__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2530445919__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3674829988__dateInput{width:100%;margin-left:-1px}.View2865880142__textView{width:100%;padding:9px 12px}.Edit3567699263__emailInput{width:100%;margin-left:-1px}.View4150585778__textView{width:100%;padding:9px 12px}.Edit3063205289__numberInput{width:100%;margin-right:2px}.Edit3063205289__numberInput input{text-align:right;direction:ltr}.View3566891687__textView{width:100%;padding:9px 12px;text-align:right}.Edit637385836__jsonInput{width:100%;margin-left:-1px}.View2331007370__textView{width:100%;padding:9px 12px}.Edit242516165__selectInput{width:100%}.View1636281048__textView{width:100%;padding:9px 12px}.Edit590536607__editWrapper{width:100%}.Edit590536607__inputArea{background-color:transparent;width:100%}.Edit590536607__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit590536607__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit590536607__inputArea:not(.Edit590536607--isFocused) textarea{resize:none;overflow:hidden}.Edit590536607__inputArea:not(.Edit590536607--isFocused) textarea::-webkit-scrollbar{display:none}.View3336919398__textView{width:100%;padding:9px 12px}.Edit2839749871__urlInput{width:100%;margin-left:-1px}.View3689951381__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3689951381__urlText{flex:1;min-width:0}.View3689951381__suffix{flex-shrink:0;margin-left:10px}.View3689951381__textView.View3689951381--suffixOnHover:not(:hover) .View3689951381__suffix{display:none}.EntityPagePlain255593874__root.EntityPagePlain255593874--mobile{--wds-page-header-padding-horizontal:0}.Fade1904023258__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1904023258__root.Fade1904023258--exit{opacity:0}.Heading631206345__root{visibility:visible}.Heading631206345__root.Heading631206345--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload682956499__fileUpload{width:100%}.InputOverflow1888816698__root.InputOverflow1888816698--selected:not(.InputOverflow1888816698--focused) input::placeholder{color:#000624}@keyframes LoadingRow1551075534__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1551075534__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1551075534__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1750146259__root{opacity:1}.MaxHeightText1750146259__root.MaxHeightText1750146259--height24{line-height:24px}.MaxLines2865630370__root{overflow:hidden}.MaxLines2865630370__root.MaxLines2865630370--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3961301781__root{min-width:0}.MultiBulkActionToolbar3961301781__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3961301781__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3961301781__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow427905307__root td{padding:0!important;width:100%}.NestedTableRow2700507870__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2700507870__root:hover{background-color:#e7f0ff!important}.NestedTableRow2700507870__root.NestedTableRow2700507870--expandable{cursor:pointer}.NestedTableRow2700507870__placeholder td{padding:0!important;width:100%}.NestedTableRow2700507870__root:hover td:first-of-type::before,.NestedTableRow2700507870__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2076868338__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow4108718964__root.NestedTableDragAndDropRow4108718964--draggingInto td{background-color:#e7f0ff!important}.PickerContent1301254967__root{display:flex}.PickerContentAdditionalStep1687238386__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1687238386__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem516305905__root{box-sizing:border-box}.ScrollableContent538538114__root.ScrollableContent538538114--overflowY{overflow-y:auto}.ScrollableContent538538114__root.ScrollableContent538538114--overflowX{overflow-x:auto}.ScrollableContent538538114__root.ScrollableContent538538114--smooth{scroll-behavior:smooth}.SkeletonCard1494168202__headerLoading{display:block!important}.SlidingModal4082068842__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4082068842__root.SlidingModal4082068842--overlay{transition:transform 0s ease 0s}.SlidingModal4082068842__root.SlidingModal4082068842---appendTo-6-parent{position:absolute}.SlidingModal4082068842__root:not(.SlidingModal4082068842--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1361871225__root .TabsFilter1361871225__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1361871225__root.TabsFilter1361871225--selected .TabsFilter1361871225__title,.TabsFilter1361871225__root:hover .TabsFilter1361871225__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal419307129__root{display:flex}.ToolbarItem2037336493__root{min-width:0}.ToolbarItemBox2569423773__root{min-width:0}.ToolbarItemBox2569423773__root.ToolbarItemBox2569423773--removeStartPadding{margin-left:-24px}.ToolbarItemBox2569423773__root.ToolbarItemBox2569423773--expandable{flex:1 0}.common3076010149__column{display:flex;flex-direction:column}.common3076010149__fullHeight{height:100%;min-height:0}.CollectionPageHeader983132906__root:not(.CollectionPageHeader983132906--mobile){gap:12px}.CollectionPageHeader983132906__root.CollectionPageHeader983132906--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader983132906__root.CollectionPageHeader983132906--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1954382581__root.FormPageHeader1954382581--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1954382581__root.FormPageHeader1954382581--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
|
package/dist/cjs/version.js
CHANGED
package/dist/cjs/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.
|
|
1
|
+
{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.370.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
# AI Assistant
|
|
2
|
+
|
|
3
|
+
**Category:** Integrations/AI Assistant
|
|
4
|
+
|
|
5
|
+
## Design
|
|
6
|
+
|
|
7
|
+
### Description
|
|
8
|
+
|
|
9
|
+
Wix Patterns allows you to integrate your AI Assistant with a [collection](./?path=%2Fstory%2Fbase-components-collections--overview) and use it to add items to that collection. Items are added smoothly with a dedicated animation.
|
|
10
|
+
|
|
11
|
+
> **Note:** Currently only tables are supported.
|
|
12
|
+
|
|
13
|
+
### How it works
|
|
14
|
+
|
|
15
|
+
Once you integrate the AI Assistant, your collection will automatically listen to the appropriate events emitted from your AI Assistant. When such an event is emitted, your collection will automatically play an animation indicating that an item is being added, and then the item will be added to the collection.
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
### Integrate an AI Assistant with your patterns component
|
|
20
|
+
|
|
21
|
+
To integrate your AI Assistant:
|
|
22
|
+
1. Configure your collection to listen to events from your AI Assistant.
|
|
23
|
+
1. Configure your AI Assistant to emit events in a specific format.
|
|
24
|
+
|
|
25
|
+
#### Before you begin
|
|
26
|
+
|
|
27
|
+
You must have a [collection with an `fqdn` property](figure out how to link), and an AI Assistant.
|
|
28
|
+
|
|
29
|
+
#### Step 1 | Configure your collection
|
|
30
|
+
|
|
31
|
+
Configure your collection as follows:
|
|
32
|
+
|
|
33
|
+
1. Add the following import statement:
|
|
34
|
+
|
|
35
|
+
```js
|
|
36
|
+
import { createAiAssistant } from '@wix/patterns';
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
2. Add the following property to your collection in your call to `useTableCollection()`:
|
|
40
|
+
|
|
41
|
+
```js
|
|
42
|
+
aiAssistant: createAiAssistant({ appDefId: {{aiAssistantAppDefId}} })
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Replace `{{aiAssistantAppDefId}}` with the `appDefId` of your AI Assistant app.
|
|
46
|
+
|
|
47
|
+
#### Step 2 | Configure your AI Assistant
|
|
48
|
+
|
|
49
|
+
Follow the instructions for [sending events](https://github.com/wix-private/genie/blob/9a4923156f68f7763da4908df9a6a2242410581f/packages/agent-platform-bm-sdk/README.md?plain=1#L22).
|
|
50
|
+
|
|
51
|
+
Your AI Assistant must emit events with the name:
|
|
52
|
+
```js
|
|
53
|
+
"ITEM_CREATED_{{collectionFqdn}}"
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
and the structure:
|
|
57
|
+
```js
|
|
58
|
+
{
|
|
59
|
+
item: {{newItemToAdd}}
|
|
60
|
+
}
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
- Replace `{{collectionFqdn}}` with the `fqdn` property of your collection. For example, the full value could be `"ITEM_CREATED_wix.contacts.v4.contact"`.
|
|
65
|
+
- Replace `{{aiAssistantAppDefId}}` with the `appDefId` of your AI Assistant app.
|
|
66
|
+
- Replace `{{newItemToAdd}}` with the object generated by your AI Assistant. This object must match the structure of the entity with the given `fqdn`.
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
### Basic
|
|
70
|
+
|
|
71
|
+
Use createAiAssistant with your appDefId to start integrate with your AI assistant
|
|
72
|
+
|
|
73
|
+
```tsx
|
|
74
|
+
import { Avatar } from '@wix/design-system';
|
|
75
|
+
import React from 'react';
|
|
76
|
+
import {
|
|
77
|
+
Table,
|
|
78
|
+
useTableCollection,
|
|
79
|
+
PrimaryActions,
|
|
80
|
+
createAiAssistant,
|
|
81
|
+
} from '@wix/patterns';
|
|
82
|
+
import { CollectionPage } from '@wix/patterns/page';
|
|
83
|
+
import { contacts } from '@wix/crm';
|
|
84
|
+
|
|
85
|
+
function AiAssistant() {
|
|
86
|
+
const aiAssistantAppDefId = 'your-app-def-id';
|
|
87
|
+
|
|
88
|
+
const state = useTableCollection<contacts.Contact>({
|
|
89
|
+
aiAssistant: createAiAssistant({ appDefId: aiAssistantAppDefId }),
|
|
90
|
+
fqdn: 'wix.cairo.contactsService.v1.contact',
|
|
91
|
+
queryName: 'contacts-AiAssistant',
|
|
92
|
+
itemName: (contact) =>
|
|
93
|
+
`${contact.info?.name?.first} ${contact.info?.name?.last}`,
|
|
94
|
+
fetchData: (query) => {
|
|
95
|
+
const { limit, offset, search, filters } = query;
|
|
96
|
+
|
|
97
|
+
let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);
|
|
98
|
+
|
|
99
|
+
if (search) {
|
|
100
|
+
queryBuilder = queryBuilder.startsWith('info.name.first', search);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
return queryBuilder.find().then(({ items = [], totalCount: total }) => ({
|
|
104
|
+
items,
|
|
105
|
+
total,
|
|
106
|
+
}));
|
|
107
|
+
},
|
|
108
|
+
fetchErrorMessage: () => 'Error fetching contacts',
|
|
109
|
+
filters: {},
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
return (
|
|
113
|
+
<CollectionPage height="400px">
|
|
114
|
+
<CollectionPage.Header
|
|
115
|
+
title={{ text: 'Contacts' }}
|
|
116
|
+
primaryAction={
|
|
117
|
+
<PrimaryActions
|
|
118
|
+
label="Add new item via AI assistant"
|
|
119
|
+
onClick={() => {
|
|
120
|
+
const newItem: contacts.Contact = {
|
|
121
|
+
_id: 'new-item' + Math.random(),
|
|
122
|
+
info: { name: { first: 'New', last: 'Contact' } },
|
|
123
|
+
};
|
|
124
|
+
// This simulates what is happened behind the scenes when the user adds a new item via ai assitant
|
|
125
|
+
// The ai assistant should emit an event on the required structure
|
|
126
|
+
state.loadingRowState.addLoadingItem(newItem._id || '');
|
|
127
|
+
state.collection.addItem(newItem);
|
|
128
|
+
}}
|
|
129
|
+
/>
|
|
130
|
+
}
|
|
131
|
+
/>
|
|
132
|
+
<CollectionPage.Content>
|
|
133
|
+
<Table
|
|
134
|
+
state={state}
|
|
135
|
+
columns={[
|
|
136
|
+
{
|
|
137
|
+
id: 'avatar',
|
|
138
|
+
name: 'Avatar',
|
|
139
|
+
title: '',
|
|
140
|
+
width: '50px',
|
|
141
|
+
hideable: false,
|
|
142
|
+
render: (contact) => (
|
|
143
|
+
<Avatar
|
|
144
|
+
name={`${contact.info?.name?.first} ${contact.info?.name?.last}`}
|
|
145
|
+
imgProps={{ src: contact.info?.picture?.image }}
|
|
146
|
+
/>
|
|
147
|
+
),
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
id: 'name',
|
|
151
|
+
title: 'Name',
|
|
152
|
+
width: '250px',
|
|
153
|
+
render: (contact) =>
|
|
154
|
+
`${contact.info?.name?.first} ${contact.info?.name?.last}`,
|
|
155
|
+
},
|
|
156
|
+
]}
|
|
157
|
+
/>
|
|
158
|
+
</CollectionPage.Content>
|
|
159
|
+
</CollectionPage>
|
|
160
|
+
);
|
|
161
|
+
}
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
## API
|
|
165
|
+
|
|
166
|
+
### Props
|
|
167
|
+
|
|
168
|
+
| Prop | Type | Required | Default | Description |
|
|
169
|
+
|------|------|----------|---------|-------------|
|
|
170
|
+
| `appDefId` | `string` | Yes | - | App def id of your ai-assistant |
|
|
171
|
+
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
# ActionCellProps
|
|
2
|
+
|
|
3
|
+
**Category:** Features/Actions/Action Cell
|
|
4
|
+
|
|
5
|
+
## API
|
|
6
|
+
|
|
7
|
+
### Extends
|
|
8
|
+
|
|
9
|
+
[TableActionCellProps](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell)
|
|
10
|
+
|
|
11
|
+
### Props
|
|
12
|
+
|
|
13
|
+
| Prop | Type | Required | Default | Description |
|
|
14
|
+
|------|------|----------|---------|-------------|
|
|
15
|
+
| `primaryAction` | `TableActionCellPrimaryAction \| TableActionCellMainAction[]` | No | - | Primary call to action for each item in a table. Controls the behavior and appearance of the primary action. <br> Can be a single action object or an array of actions. When an array is provided, the first action becomes the primary action and the rest are added to secondary actions. <br> Supported parameters: + `disabledMessage`: Message to show when the action is disabled. Relevant only to grid. + `text`: Specifies action label. + `skin`: Deprecated property that was previously used to control the visual appearance of a button. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options. + `onClick`: Defines a callback function which is called on button click. + `disabled`: [bool] Whether user interactions are disabled. + `prefixIcon`: Icon in front of a button label. + `suffixIcon`: Icon after a button label. + `as`: Renders button as another component or a DOM tag. + `visibility`: Specifies whether the primary action button is visible. When the value is set to `'onHover'`, the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to `'always'`, the button is always visible and appears as a secondary button. This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component. |
|
|
16
|
+
| `secondaryActions` | `SecondaryAction[]` | No | - | Secondary CTAs for each item in a table. Controls the behavior and appearance of the secondary actions. <br> Supported parameters: + `deleteSecondaryAction:` A function that adds a "Delete" action as a secondary action. + `text`: Specifies action label to be shown in the tooltip or popover menu. + `icon`: Action icon. + `onClick`: Defines a callback function which is called on button click. + `subtitle`: Action subtitle. + `disabled`: [bool] Whether user interactions are disabled. + `dataHook`: A data-hook HTML attribute to be used in the tests. + `disabledDescription`: [string] Text to display in tooltip when action is visible and disabled. + `tooltipProps`: Controls the tooltip appearance. + `skin`: Controls the skin of the item. OR Divider object containing + `divider`: A divider between the action items in popover menu. This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component. |
|
|
17
|
+
| `containerId` | `string` | No | - | This ID is used to specify the target container for [dashboard menu plugin](./?path=/story/features-enrich-slots-and-plugins--slots-and-plugins) items. |
|
|
18
|
+
|
|
19
|
+
## BI
|
|
20
|
+
|
|
21
|
+
### Action Cell BI Events
|
|
22
|
+
|
|
23
|
+
Event | Description |
|
|
24
|
+
--------- | --------------- |
|
|
25
|
+
[144:115](https://bo.wix.com/data-tools/bi-catalog-app/event/144:115) | Sent when a user clicks a CTA ('save', 'add', 'delete', 'continue', etc.) in a Wix Patterns component
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Component load events
|
|
30
|
+
Event | Description |
|
|
31
|
+
--------- | --------------- |
|
|
32
|
+
[144:110](https://bo.wix.com/data-tools/bi-catalog-app/event/144:110) | Sent when a Wix Patterns component starts loading
|
|
33
|
+
[144:111](https://bo.wix.com/data-tools/bi-catalog-app/event/144:111) | Sent when a Wix Patterns component is done loading
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
#### 🐪 Couldn't find what you need?
|
|
37
|
+
* Check our [BI Catalog](https://bo.wix.com/data-tools/bi-catalog-app?viewId=all-items-view&selectedColumns=src%2Cevid%2Cname%2Cowner%2Cproduct%2CuserType+false%2CdateUpdated%2CdateCreated+false%2CcreatedBy+false%2Cstatus&source=%5B%7B%22id%22%3A%22144%22%2C%22name%22%3A%22144+-+Cairo%22%7D%5D)
|
|
38
|
+
* Contact us on [#cairo-bi](https://wix.slack.com/archives/C03N53KURH9)
|
|
39
|
+
|
|
40
|
+
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# ActionSubItem
|
|
2
|
+
|
|
3
|
+
**Category:** Common/Types
|
|
4
|
+
|
|
5
|
+
## Design
|
|
6
|
+
|
|
7
|
+
### Description
|
|
8
|
+
|
|
9
|
+
Pass `ActionSubItem` to PrimaryActions, SecondaryActions , or in [MultiBulkActionToolbar](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar&tab=API).
|
|
10
|
+
|
|
11
|
+
| Name | Is optional | Type | Description |
|
|
12
|
+
| ---------------- | ----------- | ----------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
13
|
+
| onClick | yes | any | A callback that is called each time the button is clicked. |
|
|
14
|
+
| label | yes | string | Button label. |
|
|
15
|
+
| prefixIcon | yes | IconElement | An icon displayed before the button text. |
|
|
16
|
+
| tooltip | yes | string | Tooltip text. |
|
|
17
|
+
| disabled | yes | boolean | Disabled flag. |
|
|
18
|
+
| dataHook | yes | string | Data-hook for a button. |
|
|
19
|
+
| subItems | yes | ActionSubItem[] / ActionSubItem[][] | Array of action items to render in a popover menu.
|
|
20
|
+
Actions can be grouped by using an array of arrays,
|
|
21
|
+
and a divider will be added between each group. |
|
|
22
|
+
| popoverMenuProps | yes | Partial | [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu. |
|
|
23
|
+
|
|
24
|
+
|
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
# Allow Users to Add Extended Fields
|
|
2
|
+
|
|
3
|
+
**Category:** Features/Enrich/Data Extension
|
|
4
|
+
|
|
5
|
+
## Guide
|
|
6
|
+
|
|
7
|
+
This guide shows you how to let users add and manage extended fields.
|
|
8
|
+
|
|
9
|
+
By the end, they'll be able to click **Add Field** from the customize columns view or the entity page and see a modal like this:
|
|
10
|
+
|
|
11
|
+

|
|
12
|
+
|
|
13
|
+
### Before you begin
|
|
14
|
+
|
|
15
|
+
Make sure that you have:
|
|
16
|
+
|
|
17
|
+
* A Patterns [`Table`](./?path=%2Fstory%2Fbase-components-collections-table-table--table) component.
|
|
18
|
+
* A server configured to [support data extensions](https://dev.wix.com/docs/rnd-general/articles/open-platform/data-extensions/data-extensions-101#backend).
|
|
19
|
+
* Set up the basics to [display extended fields in your table](.?path=/story/features-enrich-data-extension--display-extended-fields).
|
|
20
|
+
|
|
21
|
+
### Allow users to add extended fields
|
|
22
|
+
|
|
23
|
+
To manage extended fields from the entity page:
|
|
24
|
+
|
|
25
|
+
1. Wrap your entity page in a [`WidgetsFormProvider`](./?path=/story/base-components-providers--widgetsformprovider).
|
|
26
|
+
|
|
27
|
+
```diff
|
|
28
|
+
+ import { WidgetsFormProvider } from '@wix/patterns/page';
|
|
29
|
+
|
|
30
|
+
export const MyPageProvider = ({ children }) => {
|
|
31
|
+
return (
|
|
32
|
+
+
|
|
33
|
+
|
|
34
|
+
+
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
1. Add the [`CustomFieldsWidget`](./?path=/story/features-enrich-data-extension-components--customfieldswidget) component to your entity page.
|
|
40
|
+
|
|
41
|
+
```diff
|
|
42
|
+
import { MyEntityCard } from '../components/MyEntityCard';
|
|
43
|
+
import { MyEntity } from '@wix/ambassador-v1-entity/types';
|
|
44
|
+
+ import { CustomFieldsViewWidget } from '@wix/patterns';
|
|
45
|
+
|
|
46
|
+
function MyPageContent({ entity }: { entity: MyEntity }) {
|
|
47
|
+
return (
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
+
|
|
54
|
+
+ " />
|
|
55
|
+
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
);
|
|
59
|
+
}
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
1. Use the [`useWidgetsFormContext`](/?path=/story/common-hooks--usewidgetsformcontext) hook to get the state object and use it to validate the `CustomFieldsWidget` data.
|
|
63
|
+
|
|
64
|
+
```diff
|
|
65
|
+
import { MyEntity } from '@wix/ambassador-v1-entity/types';
|
|
66
|
+
import { updateEntity } from '@wix/ambassador-v1-entity/http';
|
|
67
|
+
+ import { useWidgetsFormContext } from '@wix/patterns';
|
|
68
|
+
|
|
69
|
+
function MySaveButton({ entity }: { entity: MyEntity }) {
|
|
70
|
+
const [isLoading, setLoading] = React.useState(false);
|
|
71
|
+
const httpClient = useHttpClient();
|
|
72
|
+
+ const state = useWidgetsFormContext();
|
|
73
|
+
|
|
74
|
+
return (
|
|
75
|
+
{
|
|
76
|
+
setLoading(true);
|
|
77
|
+
+ const { isValid, data } = await state.validate();
|
|
78
|
+
+ if (isValid) {
|
|
79
|
+
httpClient.request(updateEntity({
|
|
80
|
+
entity: {
|
|
81
|
+
...entity
|
|
82
|
+
+ extendedFields: data.extendedFields
|
|
83
|
+
}
|
|
84
|
+
})).then(() => {
|
|
85
|
+
setLoading(false);
|
|
86
|
+
});
|
|
87
|
+
+ }
|
|
88
|
+
}}
|
|
89
|
+
>
|
|
90
|
+
{isLoading ? : 'Save'}
|
|
91
|
+
|
|
92
|
+
);
|
|
93
|
+
}
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
Now, users can manage extended fields effectively!
|
|
97
|
+
|
|
98
|
+

|
|
99
|
+
|
|
100
|
+
### Change default permissions
|
|
101
|
+
|
|
102
|
+
You can change the default field permissions view by using the `defaultPermissions` prop. For an example, see the **Examples** tab of this article.
|
|
103
|
+
|
|
104
|
+
### See also
|
|
105
|
+
|
|
106
|
+
* [Data Extension Overview](./?path=/story/features-enrich-data-extension--data-extension-overview)
|
|
107
|
+
|
|
108
|
+
## Examples
|
|
109
|
+
|
|
110
|
+
### Override default permissions for the field
|
|
111
|
+
|
|
112
|
+
Use `defaultPermissions` to set the default permissions for new user added fields. For example, if certain entities can't be edited by site visitors, showing site visitor permissions is unnecessary and can be removed from view.
|
|
113
|
+
|
|
114
|
+
```tsx
|
|
115
|
+
import React from 'react';
|
|
116
|
+
import { CollectionPage } from '@wix/patterns/page';
|
|
117
|
+
import {
|
|
118
|
+
DataExtension,
|
|
119
|
+
useTableCollection,
|
|
120
|
+
Table,
|
|
121
|
+
CursorQuery,
|
|
122
|
+
} from '@wix/patterns';
|
|
123
|
+
import {
|
|
124
|
+
Contact,
|
|
125
|
+
SearchContactsRequest,
|
|
126
|
+
} from '@wix/ambassador-contacts-v5-contact/types';
|
|
127
|
+
import { searchContacts } from '@wix/ambassador-contacts-v5-contact/http';
|
|
128
|
+
import { useHttpClient } from '@wix/yoshi-flow-bm';
|
|
129
|
+
|
|
130
|
+
function DefaultPermissions() {
|
|
131
|
+
const httpClient = useHttpClient();
|
|
132
|
+
|
|
133
|
+
const state = useTableCollection<Contact>({
|
|
134
|
+
queryName: 'contacts-DefaultPermissions',
|
|
135
|
+
paginationMode: 'cursor',
|
|
136
|
+
fqdn: 'wix.patterns.dummyservice.v1.dummy_entity',
|
|
137
|
+
toExtendedFields: (item) => item.extendedFields,
|
|
138
|
+
persistQueryToUrl: true,
|
|
139
|
+
|
|
140
|
+
fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {
|
|
141
|
+
const querySearch: SearchContactsRequest = {
|
|
142
|
+
search: {
|
|
143
|
+
search: { expression: search, fields: ['name'] },
|
|
144
|
+
cursorPaging: { limit, cursor },
|
|
145
|
+
},
|
|
146
|
+
};
|
|
147
|
+
return await httpClient
|
|
148
|
+
.request(searchContacts(querySearch))
|
|
149
|
+
.then(({ data: { contacts, pagingMetadata } }) => ({
|
|
150
|
+
items: contacts || [],
|
|
151
|
+
total: pagingMetadata?.total,
|
|
152
|
+
cursor: pagingMetadata?.cursors?.next,
|
|
153
|
+
}));
|
|
154
|
+
},
|
|
155
|
+
fetchErrorMessage: ({ err }) => `Error: ${err}`,
|
|
156
|
+
itemKey: (item) => item.id!,
|
|
157
|
+
itemName: (item) => item.name?.first || '',
|
|
158
|
+
});
|
|
159
|
+
|
|
160
|
+
return (
|
|
161
|
+
<CollectionPage height="400px">
|
|
162
|
+
<CollectionPage.Header title={{ text: 'Contacts' }} />
|
|
163
|
+
<CollectionPage.Content>
|
|
164
|
+
<Table
|
|
165
|
+
state={state}
|
|
166
|
+
horizontalScroll
|
|
167
|
+
dataExtension={
|
|
168
|
+
<DataExtension
|
|
169
|
+
defaultPermissions={{
|
|
170
|
+
installedApps: {
|
|
171
|
+
defaultRead: true,
|
|
172
|
+
defaultWrite: true,
|
|
173
|
+
},
|
|
174
|
+
siteVisitors: {
|
|
175
|
+
hide: true,
|
|
176
|
+
},
|
|
177
|
+
}}
|
|
178
|
+
/>
|
|
179
|
+
}
|
|
180
|
+
columns={[
|
|
181
|
+
{
|
|
182
|
+
id: 'name',
|
|
183
|
+
title: 'Name',
|
|
184
|
+
width: '250px',
|
|
185
|
+
render: (item) => item.name,
|
|
186
|
+
},
|
|
187
|
+
]}
|
|
188
|
+
/>
|
|
189
|
+
</CollectionPage.Content>
|
|
190
|
+
</CollectionPage>
|
|
191
|
+
);
|
|
192
|
+
}
|
|
193
|
+
```
|
|
194
|
+
|