@vuu-ui/vuu-filters 2.1.18 → 2.1.19-beta.2
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/package.json +15 -18
- package/src/FilterAggregator.js +107 -0
- package/src/FilterModel.js +161 -0
- package/src/column-filter/ColumnFilter.css.js +52 -0
- package/src/column-filter/ColumnFilter.js +59 -0
- package/src/column-filter/useColumnFilter.js +130 -0
- package/src/column-filter/utils.js +35 -0
- package/src/custom-filters/CustomFilters.js +74 -0
- package/src/custom-filters/filterBarFocusManagement.js +25 -0
- package/src/custom-filters/index.js +1 -0
- package/src/custom-filters/useCustomFilters.js +237 -0
- package/src/custom-filters/useFilterState.js +123 -0
- package/src/filter-bar/FilterBar.css.js +81 -0
- package/src/filter-bar/FilterBar.js +97 -0
- package/src/filter-bar/FilterBarMenu.js +14 -0
- package/src/filter-bar/index.js +1 -0
- package/src/filter-bar/useFilterBar.js +28 -0
- package/src/filter-clause/ExpandoCombobox.css.js +54 -0
- package/src/filter-clause/ExpandoCombobox.js +86 -0
- package/src/filter-clause/FilterClause.css.js +101 -0
- package/src/filter-clause/FilterClause.js +69 -0
- package/src/filter-clause/column-picker/ColumnPicker.js +25 -0
- package/src/filter-clause/column-picker/useColumnPicker.js +42 -0
- package/src/filter-clause/filterClauseFocusManagement.js +156 -0
- package/src/filter-clause/filterClauseTypes.js +0 -0
- package/src/filter-clause/index.js +5 -0
- package/src/filter-clause/operator-picker/OperatorPicker.js +25 -0
- package/src/filter-clause/operator-picker/operator-utils.js +23 -0
- package/src/filter-clause/operator-picker/useOperatorPicker.js +42 -0
- package/src/filter-clause/useFilterClause.js +135 -0
- package/src/filter-clause/value-editors/FilterClauseValueEditor.js +59 -0
- package/src/filter-clause/value-editors/FilterClauseValueEditorDate.js +55 -0
- package/src/filter-clause/value-editors/FilterClauseValueEditorNumber.js +32 -0
- package/src/filter-clause/value-editors/FilterClauseValueEditorText.js +182 -0
- package/src/filter-clause/value-editors/FilterClauseValueEditorTime.js +53 -0
- package/src/filter-container/ExtendedSingleValueFilterClause.js +35 -0
- package/src/filter-container/FilterContainer.css.js +13 -0
- package/src/filter-container/FilterContainer.js +121 -0
- package/src/filter-container/useFilterContainer.js +82 -0
- package/src/filter-context-menu/useFilterContextMenu.js +106 -0
- package/src/filter-display/FilterDisplay.css.js +31 -0
- package/src/filter-display/FilterDisplay.js +59 -0
- package/src/filter-editor/FilterClauseCombinator.css.js +15 -0
- package/src/filter-editor/FilterClauseCombinator.js +32 -0
- package/src/filter-editor/FilterEditor.css.js +13 -0
- package/src/filter-editor/FilterEditor.js +65 -0
- package/src/filter-editor/index.js +1 -0
- package/src/filter-editor/useFilterEditor.js +193 -0
- package/src/filter-panel/FilterPanel.css.js +22 -0
- package/src/filter-panel/FilterPanel.js +59 -0
- package/src/filter-panel/useFilterPanel.js +58 -0
- package/src/filter-pill/FilterMenu.js +48 -0
- package/src/filter-pill/FilterPill.css.js +15 -0
- package/src/filter-pill/FilterPill.js +114 -0
- package/src/filter-pill/FilterPillNext.css.js +12 -0
- package/src/filter-pill/FilterPillNext.js +65 -0
- package/src/filter-pill/filterAsReactNode.js +28 -0
- package/src/filter-pill/getFilterLabel.js +11 -0
- package/src/filter-pill/getFilterTooltipText.js +32 -0
- package/src/filter-pill/index.js +1 -0
- package/src/filter-pill/useFilterPillNext.js +53 -0
- package/src/filter-pill-menu/FilterPillMenu.css.js +8 -0
- package/src/filter-pill-menu/FilterPillMenu.js +46 -0
- package/src/filter-pill-menu/FilterPillMenuOptions.js +26 -0
- package/src/filter-pill-menu/index.js +1 -0
- package/src/filter-provider/FilterContext.js +71 -0
- package/src/filter-provider/FilterProvider.js +188 -0
- package/src/filter-provider/filter-descriptor-utils.js +41 -0
- package/src/filter-toggle-button/FilterToggleButton.css.js +22 -0
- package/src/filter-toggle-button/FilterToggleButton.js +103 -0
- package/src/filter-utils.js +300 -0
- package/src/index.js +21 -0
- package/src/inline-filter/InlineFilter.css.js +89 -0
- package/src/inline-filter/InlineFilter.js +56 -0
- package/src/inline-filter/index.js +1 -0
- package/src/inline-filter/useInlineFilter.js +11 -0
- package/src/quick-filters/QuickFilters.css.js +39 -0
- package/src/quick-filters/QuickFilters.js +81 -0
- package/src/quick-filters/index.js +1 -0
- package/src/quick-filters/useQuickFilters.js +108 -0
- package/src/saved-filters/DeleteFilterPrompt.js +23 -0
- package/src/saved-filters/FilterNamePrompt.css.js +19 -0
- package/src/saved-filters/FilterNamePrompt.js +74 -0
- package/src/saved-filters/SavedFilterPanel.css.js +21 -0
- package/src/saved-filters/SavedFilterPanel.js +53 -0
- package/src/saved-filters/useFilterNamePrompt.js +74 -0
- package/src/saved-filters/useSavedFilterPanel.js +19 -0
- package/src/tabbed-filter-container/TabbedFilterContainer.js +61 -0
- package/src/toggle-filter/ToggleFilter.css.js +10 -0
- package/src/toggle-filter/ToggleFilter.js +68 -0
- package/src/toggle-filter/useToggleFilter.js +57 -0
- package/types/filter-clause/column-picker/ColumnPicker.d.ts +1 -1
- package/types/filter-clause/operator-picker/OperatorPicker.d.ts +1 -1
- package/types/filter-clause/value-editors/FilterClauseValueEditor.d.ts +1 -1
- package/cjs/FilterAggregator.js +0 -162
- package/cjs/FilterAggregator.js.map +0 -1
- package/cjs/FilterModel.js +0 -227
- package/cjs/FilterModel.js.map +0 -1
- package/cjs/column-filter/ColumnFilter.css.js +0 -6
- package/cjs/column-filter/ColumnFilter.css.js.map +0 -1
- package/cjs/column-filter/ColumnFilter.js +0 -83
- package/cjs/column-filter/ColumnFilter.js.map +0 -1
- package/cjs/column-filter/useColumnFilter.js +0 -139
- package/cjs/column-filter/useColumnFilter.js.map +0 -1
- package/cjs/custom-filters/CustomFilters.js +0 -99
- package/cjs/custom-filters/CustomFilters.js.map +0 -1
- package/cjs/custom-filters/filterBarFocusManagement.js +0 -35
- package/cjs/custom-filters/filterBarFocusManagement.js.map +0 -1
- package/cjs/custom-filters/useCustomFilters.js +0 -266
- package/cjs/custom-filters/useCustomFilters.js.map +0 -1
- package/cjs/custom-filters/useFilterState.js +0 -149
- package/cjs/custom-filters/useFilterState.js.map +0 -1
- package/cjs/filter-bar/FilterBar.css.js +0 -6
- package/cjs/filter-bar/FilterBar.css.js.map +0 -1
- package/cjs/filter-bar/FilterBar.js +0 -123
- package/cjs/filter-bar/FilterBar.js.map +0 -1
- package/cjs/filter-bar/useFilterBar.js +0 -37
- package/cjs/filter-bar/useFilterBar.js.map +0 -1
- package/cjs/filter-clause/ExpandoCombobox.css.js +0 -6
- package/cjs/filter-clause/ExpandoCombobox.css.js.map +0 -1
- package/cjs/filter-clause/ExpandoCombobox.js +0 -114
- package/cjs/filter-clause/ExpandoCombobox.js.map +0 -1
- package/cjs/filter-clause/FilterClause.css.js +0 -6
- package/cjs/filter-clause/FilterClause.css.js.map +0 -1
- package/cjs/filter-clause/FilterClause.js +0 -102
- package/cjs/filter-clause/FilterClause.js.map +0 -1
- package/cjs/filter-clause/column-picker/ColumnPicker.js +0 -39
- package/cjs/filter-clause/column-picker/ColumnPicker.js.map +0 -1
- package/cjs/filter-clause/column-picker/useColumnPicker.js +0 -61
- package/cjs/filter-clause/column-picker/useColumnPicker.js.map +0 -1
- package/cjs/filter-clause/filterClauseFocusManagement.js +0 -204
- package/cjs/filter-clause/filterClauseFocusManagement.js.map +0 -1
- package/cjs/filter-clause/operator-picker/OperatorPicker.js +0 -40
- package/cjs/filter-clause/operator-picker/OperatorPicker.js.map +0 -1
- package/cjs/filter-clause/operator-picker/operator-utils.js +0 -34
- package/cjs/filter-clause/operator-picker/operator-utils.js.map +0 -1
- package/cjs/filter-clause/operator-picker/useOperatorPicker.js +0 -61
- package/cjs/filter-clause/operator-picker/useOperatorPicker.js.map +0 -1
- package/cjs/filter-clause/useFilterClause.js +0 -172
- package/cjs/filter-clause/useFilterClause.js.map +0 -1
- package/cjs/filter-clause/value-editors/FilterClauseValueEditor.js +0 -93
- package/cjs/filter-clause/value-editors/FilterClauseValueEditor.js.map +0 -1
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorDate.js +0 -64
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorDate.js.map +0 -1
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorNumber.js +0 -55
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorNumber.js.map +0 -1
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorText.js +0 -222
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorText.js.map +0 -1
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorTime.js +0 -62
- package/cjs/filter-clause/value-editors/FilterClauseValueEditorTime.js.map +0 -1
- package/cjs/filter-container/ExtendedSingleValueFilterClause.js +0 -63
- package/cjs/filter-container/ExtendedSingleValueFilterClause.js.map +0 -1
- package/cjs/filter-container/FilterContainer.css.js +0 -6
- package/cjs/filter-container/FilterContainer.css.js.map +0 -1
- package/cjs/filter-container/FilterContainer.js +0 -145
- package/cjs/filter-container/FilterContainer.js.map +0 -1
- package/cjs/filter-container/useFilterContainer.js +0 -137
- package/cjs/filter-container/useFilterContainer.js.map +0 -1
- package/cjs/filter-context-menu/useFilterContextMenu.js +0 -129
- package/cjs/filter-context-menu/useFilterContextMenu.js.map +0 -1
- package/cjs/filter-display/FilterDisplay.css.js +0 -6
- package/cjs/filter-display/FilterDisplay.css.js.map +0 -1
- package/cjs/filter-display/FilterDisplay.js +0 -79
- package/cjs/filter-display/FilterDisplay.js.map +0 -1
- package/cjs/filter-editor/FilterClauseCombinator.css.js +0 -6
- package/cjs/filter-editor/FilterClauseCombinator.css.js.map +0 -1
- package/cjs/filter-editor/FilterClauseCombinator.js +0 -42
- package/cjs/filter-editor/FilterClauseCombinator.js.map +0 -1
- package/cjs/filter-editor/FilterEditor.css.js +0 -6
- package/cjs/filter-editor/FilterEditor.css.js.map +0 -1
- package/cjs/filter-editor/FilterEditor.js +0 -101
- package/cjs/filter-editor/FilterEditor.js.map +0 -1
- package/cjs/filter-editor/useFilterEditor.js +0 -191
- package/cjs/filter-editor/useFilterEditor.js.map +0 -1
- package/cjs/filter-panel/FilterPanel.css.js +0 -6
- package/cjs/filter-panel/FilterPanel.css.js.map +0 -1
- package/cjs/filter-panel/FilterPanel.js +0 -91
- package/cjs/filter-panel/FilterPanel.js.map +0 -1
- package/cjs/filter-panel/useFilterPanel.js +0 -68
- package/cjs/filter-panel/useFilterPanel.js.map +0 -1
- package/cjs/filter-pill/FilterMenu.js +0 -63
- package/cjs/filter-pill/FilterMenu.js.map +0 -1
- package/cjs/filter-pill/FilterPill.css.js +0 -6
- package/cjs/filter-pill/FilterPill.css.js.map +0 -1
- package/cjs/filter-pill/FilterPill.js +0 -147
- package/cjs/filter-pill/FilterPill.js.map +0 -1
- package/cjs/filter-pill/FilterPillNext.css.js +0 -6
- package/cjs/filter-pill/FilterPillNext.css.js.map +0 -1
- package/cjs/filter-pill/FilterPillNext.js +0 -91
- package/cjs/filter-pill/FilterPillNext.js.map +0 -1
- package/cjs/filter-pill/filterAsReactNode.js +0 -27
- package/cjs/filter-pill/filterAsReactNode.js.map +0 -1
- package/cjs/filter-pill/getFilterLabel.js +0 -22
- package/cjs/filter-pill/getFilterLabel.js.map +0 -1
- package/cjs/filter-pill/getFilterTooltipText.js +0 -41
- package/cjs/filter-pill/getFilterTooltipText.js.map +0 -1
- package/cjs/filter-pill/useFilterPillNext.js +0 -65
- package/cjs/filter-pill/useFilterPillNext.js.map +0 -1
- package/cjs/filter-pill-menu/FilterPillMenuOptions.js +0 -32
- package/cjs/filter-pill-menu/FilterPillMenuOptions.js.map +0 -1
- package/cjs/filter-provider/FilterContext.js +0 -105
- package/cjs/filter-provider/FilterContext.js.map +0 -1
- package/cjs/filter-provider/FilterProvider.js +0 -240
- package/cjs/filter-provider/FilterProvider.js.map +0 -1
- package/cjs/filter-provider/filter-descriptor-utils.js +0 -67
- package/cjs/filter-provider/filter-descriptor-utils.js.map +0 -1
- package/cjs/filter-utils.js +0 -367
- package/cjs/filter-utils.js.map +0 -1
- package/cjs/index.js +0 -80
- package/cjs/index.js.map +0 -1
- package/cjs/inline-filter/InlineFilter.css.js +0 -6
- package/cjs/inline-filter/InlineFilter.css.js.map +0 -1
- package/cjs/inline-filter/InlineFilter.js +0 -70
- package/cjs/inline-filter/InlineFilter.js.map +0 -1
- package/cjs/inline-filter/useInlineFilter.js +0 -16
- package/cjs/inline-filter/useInlineFilter.js.map +0 -1
- package/cjs/quick-filters/QuickFilters.css.js +0 -6
- package/cjs/quick-filters/QuickFilters.css.js.map +0 -1
- package/cjs/quick-filters/QuickFilters.js +0 -98
- package/cjs/quick-filters/QuickFilters.js.map +0 -1
- package/cjs/quick-filters/useQuickFilters.js +0 -152
- package/cjs/quick-filters/useQuickFilters.js.map +0 -1
- package/cjs/saved-filters/DeleteFilterPrompt.js +0 -37
- package/cjs/saved-filters/DeleteFilterPrompt.js.map +0 -1
- package/cjs/saved-filters/FilterNamePrompt.css.js +0 -6
- package/cjs/saved-filters/FilterNamePrompt.css.js.map +0 -1
- package/cjs/saved-filters/FilterNamePrompt.js +0 -89
- package/cjs/saved-filters/FilterNamePrompt.js.map +0 -1
- package/cjs/saved-filters/SavedFilterPanel.css.js +0 -6
- package/cjs/saved-filters/SavedFilterPanel.css.js.map +0 -1
- package/cjs/saved-filters/SavedFilterPanel.js +0 -62
- package/cjs/saved-filters/SavedFilterPanel.js.map +0 -1
- package/cjs/saved-filters/useFilterNamePrompt.js +0 -98
- package/cjs/saved-filters/useFilterNamePrompt.js.map +0 -1
- package/cjs/saved-filters/useSavedFilterPanel.js +0 -29
- package/cjs/saved-filters/useSavedFilterPanel.js.map +0 -1
- package/cjs/tabbed-filter-container/TabbedFilterContainer.css.js +0 -6
- package/cjs/tabbed-filter-container/TabbedFilterContainer.css.js.map +0 -1
- package/cjs/tabbed-filter-container/TabbedFilterContainer.js +0 -57
- package/cjs/tabbed-filter-container/TabbedFilterContainer.js.map +0 -1
- package/cjs/toggle-filter/ToggleFilter.css.js +0 -6
- package/cjs/toggle-filter/ToggleFilter.css.js.map +0 -1
- package/cjs/toggle-filter/ToggleFilter.js +0 -85
- package/cjs/toggle-filter/ToggleFilter.js.map +0 -1
- package/cjs/toggle-filter/useToggleFilter.js +0 -67
- package/cjs/toggle-filter/useToggleFilter.js.map +0 -1
- package/esm/FilterAggregator.js +0 -160
- package/esm/FilterAggregator.js.map +0 -1
- package/esm/FilterModel.js +0 -224
- package/esm/FilterModel.js.map +0 -1
- package/esm/column-filter/ColumnFilter.css.js +0 -4
- package/esm/column-filter/ColumnFilter.css.js.map +0 -1
- package/esm/column-filter/ColumnFilter.js +0 -81
- package/esm/column-filter/ColumnFilter.js.map +0 -1
- package/esm/column-filter/useColumnFilter.js +0 -137
- package/esm/column-filter/useColumnFilter.js.map +0 -1
- package/esm/custom-filters/CustomFilters.js +0 -97
- package/esm/custom-filters/CustomFilters.js.map +0 -1
- package/esm/custom-filters/filterBarFocusManagement.js +0 -33
- package/esm/custom-filters/filterBarFocusManagement.js.map +0 -1
- package/esm/custom-filters/useCustomFilters.js +0 -263
- package/esm/custom-filters/useCustomFilters.js.map +0 -1
- package/esm/custom-filters/useFilterState.js +0 -147
- package/esm/custom-filters/useFilterState.js.map +0 -1
- package/esm/filter-bar/FilterBar.css.js +0 -4
- package/esm/filter-bar/FilterBar.css.js.map +0 -1
- package/esm/filter-bar/FilterBar.js +0 -121
- package/esm/filter-bar/FilterBar.js.map +0 -1
- package/esm/filter-bar/useFilterBar.js +0 -35
- package/esm/filter-bar/useFilterBar.js.map +0 -1
- package/esm/filter-clause/ExpandoCombobox.css.js +0 -4
- package/esm/filter-clause/ExpandoCombobox.css.js.map +0 -1
- package/esm/filter-clause/ExpandoCombobox.js +0 -112
- package/esm/filter-clause/ExpandoCombobox.js.map +0 -1
- package/esm/filter-clause/FilterClause.css.js +0 -4
- package/esm/filter-clause/FilterClause.css.js.map +0 -1
- package/esm/filter-clause/FilterClause.js +0 -100
- package/esm/filter-clause/FilterClause.js.map +0 -1
- package/esm/filter-clause/column-picker/ColumnPicker.js +0 -37
- package/esm/filter-clause/column-picker/ColumnPicker.js.map +0 -1
- package/esm/filter-clause/column-picker/useColumnPicker.js +0 -59
- package/esm/filter-clause/column-picker/useColumnPicker.js.map +0 -1
- package/esm/filter-clause/filterClauseFocusManagement.js +0 -191
- package/esm/filter-clause/filterClauseFocusManagement.js.map +0 -1
- package/esm/filter-clause/operator-picker/OperatorPicker.js +0 -38
- package/esm/filter-clause/operator-picker/OperatorPicker.js.map +0 -1
- package/esm/filter-clause/operator-picker/operator-utils.js +0 -30
- package/esm/filter-clause/operator-picker/operator-utils.js.map +0 -1
- package/esm/filter-clause/operator-picker/useOperatorPicker.js +0 -59
- package/esm/filter-clause/operator-picker/useOperatorPicker.js.map +0 -1
- package/esm/filter-clause/useFilterClause.js +0 -170
- package/esm/filter-clause/useFilterClause.js.map +0 -1
- package/esm/filter-clause/value-editors/FilterClauseValueEditor.js +0 -91
- package/esm/filter-clause/value-editors/FilterClauseValueEditor.js.map +0 -1
- package/esm/filter-clause/value-editors/FilterClauseValueEditorDate.js +0 -62
- package/esm/filter-clause/value-editors/FilterClauseValueEditorDate.js.map +0 -1
- package/esm/filter-clause/value-editors/FilterClauseValueEditorNumber.js +0 -53
- package/esm/filter-clause/value-editors/FilterClauseValueEditorNumber.js.map +0 -1
- package/esm/filter-clause/value-editors/FilterClauseValueEditorText.js +0 -220
- package/esm/filter-clause/value-editors/FilterClauseValueEditorText.js.map +0 -1
- package/esm/filter-clause/value-editors/FilterClauseValueEditorTime.js +0 -60
- package/esm/filter-clause/value-editors/FilterClauseValueEditorTime.js.map +0 -1
- package/esm/filter-container/ExtendedSingleValueFilterClause.js +0 -60
- package/esm/filter-container/ExtendedSingleValueFilterClause.js.map +0 -1
- package/esm/filter-container/FilterContainer.css.js +0 -4
- package/esm/filter-container/FilterContainer.css.js.map +0 -1
- package/esm/filter-container/FilterContainer.js +0 -142
- package/esm/filter-container/FilterContainer.js.map +0 -1
- package/esm/filter-container/useFilterContainer.js +0 -133
- package/esm/filter-container/useFilterContainer.js.map +0 -1
- package/esm/filter-context-menu/useFilterContextMenu.js +0 -127
- package/esm/filter-context-menu/useFilterContextMenu.js.map +0 -1
- package/esm/filter-display/FilterDisplay.css.js +0 -4
- package/esm/filter-display/FilterDisplay.css.js.map +0 -1
- package/esm/filter-display/FilterDisplay.js +0 -77
- package/esm/filter-display/FilterDisplay.js.map +0 -1
- package/esm/filter-editor/FilterClauseCombinator.css.js +0 -4
- package/esm/filter-editor/FilterClauseCombinator.css.js.map +0 -1
- package/esm/filter-editor/FilterClauseCombinator.js +0 -40
- package/esm/filter-editor/FilterClauseCombinator.js.map +0 -1
- package/esm/filter-editor/FilterEditor.css.js +0 -4
- package/esm/filter-editor/FilterEditor.css.js.map +0 -1
- package/esm/filter-editor/FilterEditor.js +0 -99
- package/esm/filter-editor/FilterEditor.js.map +0 -1
- package/esm/filter-editor/useFilterEditor.js +0 -189
- package/esm/filter-editor/useFilterEditor.js.map +0 -1
- package/esm/filter-panel/FilterPanel.css.js +0 -4
- package/esm/filter-panel/FilterPanel.css.js.map +0 -1
- package/esm/filter-panel/FilterPanel.js +0 -89
- package/esm/filter-panel/FilterPanel.js.map +0 -1
- package/esm/filter-panel/useFilterPanel.js +0 -66
- package/esm/filter-panel/useFilterPanel.js.map +0 -1
- package/esm/filter-pill/FilterMenu.js +0 -61
- package/esm/filter-pill/FilterMenu.js.map +0 -1
- package/esm/filter-pill/FilterPill.css.js +0 -4
- package/esm/filter-pill/FilterPill.css.js.map +0 -1
- package/esm/filter-pill/FilterPill.js +0 -145
- package/esm/filter-pill/FilterPill.js.map +0 -1
- package/esm/filter-pill/FilterPillNext.css.js +0 -4
- package/esm/filter-pill/FilterPillNext.css.js.map +0 -1
- package/esm/filter-pill/FilterPillNext.js +0 -89
- package/esm/filter-pill/FilterPillNext.js.map +0 -1
- package/esm/filter-pill/filterAsReactNode.js +0 -25
- package/esm/filter-pill/filterAsReactNode.js.map +0 -1
- package/esm/filter-pill/getFilterLabel.js +0 -20
- package/esm/filter-pill/getFilterLabel.js.map +0 -1
- package/esm/filter-pill/getFilterTooltipText.js +0 -39
- package/esm/filter-pill/getFilterTooltipText.js.map +0 -1
- package/esm/filter-pill/useFilterPillNext.js +0 -63
- package/esm/filter-pill/useFilterPillNext.js.map +0 -1
- package/esm/filter-pill-menu/FilterPillMenuOptions.js +0 -27
- package/esm/filter-pill-menu/FilterPillMenuOptions.js.map +0 -1
- package/esm/filter-provider/FilterContext.js +0 -94
- package/esm/filter-provider/FilterContext.js.map +0 -1
- package/esm/filter-provider/FilterProvider.js +0 -238
- package/esm/filter-provider/FilterProvider.js.map +0 -1
- package/esm/filter-provider/filter-descriptor-utils.js +0 -61
- package/esm/filter-provider/filter-descriptor-utils.js.map +0 -1
- package/esm/filter-utils.js +0 -344
- package/esm/filter-utils.js.map +0 -1
- package/esm/index.js +0 -26
- package/esm/index.js.map +0 -1
- package/esm/inline-filter/InlineFilter.css.js +0 -4
- package/esm/inline-filter/InlineFilter.css.js.map +0 -1
- package/esm/inline-filter/InlineFilter.js +0 -68
- package/esm/inline-filter/InlineFilter.js.map +0 -1
- package/esm/inline-filter/useInlineFilter.js +0 -14
- package/esm/inline-filter/useInlineFilter.js.map +0 -1
- package/esm/quick-filters/QuickFilters.css.js +0 -4
- package/esm/quick-filters/QuickFilters.css.js.map +0 -1
- package/esm/quick-filters/QuickFilters.js +0 -96
- package/esm/quick-filters/QuickFilters.js.map +0 -1
- package/esm/quick-filters/useQuickFilters.js +0 -150
- package/esm/quick-filters/useQuickFilters.js.map +0 -1
- package/esm/saved-filters/DeleteFilterPrompt.js +0 -35
- package/esm/saved-filters/DeleteFilterPrompt.js.map +0 -1
- package/esm/saved-filters/FilterNamePrompt.css.js +0 -4
- package/esm/saved-filters/FilterNamePrompt.css.js.map +0 -1
- package/esm/saved-filters/FilterNamePrompt.js +0 -87
- package/esm/saved-filters/FilterNamePrompt.js.map +0 -1
- package/esm/saved-filters/SavedFilterPanel.css.js +0 -4
- package/esm/saved-filters/SavedFilterPanel.css.js.map +0 -1
- package/esm/saved-filters/SavedFilterPanel.js +0 -60
- package/esm/saved-filters/SavedFilterPanel.js.map +0 -1
- package/esm/saved-filters/useFilterNamePrompt.js +0 -95
- package/esm/saved-filters/useFilterNamePrompt.js.map +0 -1
- package/esm/saved-filters/useSavedFilterPanel.js +0 -27
- package/esm/saved-filters/useSavedFilterPanel.js.map +0 -1
- package/esm/tabbed-filter-container/TabbedFilterContainer.css.js +0 -4
- package/esm/tabbed-filter-container/TabbedFilterContainer.css.js.map +0 -1
- package/esm/tabbed-filter-container/TabbedFilterContainer.js +0 -55
- package/esm/tabbed-filter-container/TabbedFilterContainer.js.map +0 -1
- package/esm/toggle-filter/ToggleFilter.css.js +0 -4
- package/esm/toggle-filter/ToggleFilter.css.js.map +0 -1
- package/esm/toggle-filter/ToggleFilter.js +0 -83
- package/esm/toggle-filter/ToggleFilter.js.map +0 -1
- package/esm/toggle-filter/useToggleFilter.js +0 -65
- package/esm/toggle-filter/useToggleFilter.js.map +0 -1
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var react = require('react');
|
|
4
|
-
var FilterContext = require('../filter-provider/FilterContext.js');
|
|
5
|
-
|
|
6
|
-
const useSavedFilterPanel = (props) => {
|
|
7
|
-
const {
|
|
8
|
-
savedFilters = [],
|
|
9
|
-
setCurrentFilter,
|
|
10
|
-
onFilterMenuAction
|
|
11
|
-
} = FilterContext.useSavedFilters(props?.filterProviderKey, {
|
|
12
|
-
availableColumns: props?.availableColumns
|
|
13
|
-
});
|
|
14
|
-
const handleClickFilter = react.useCallback(
|
|
15
|
-
(e) => {
|
|
16
|
-
const { id } = e.target;
|
|
17
|
-
setCurrentFilter(id);
|
|
18
|
-
},
|
|
19
|
-
[setCurrentFilter]
|
|
20
|
-
);
|
|
21
|
-
return {
|
|
22
|
-
onClickFilter: handleClickFilter,
|
|
23
|
-
onFilterMenuAction,
|
|
24
|
-
savedFilters
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.useSavedFilterPanel = useSavedFilterPanel;
|
|
29
|
-
//# sourceMappingURL=useSavedFilterPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSavedFilterPanel.js","sources":["../../../../packages/vuu-filters/src/saved-filters/useSavedFilterPanel.tsx"],"sourcesContent":["import { SyntheticEvent, useCallback } from \"react\";\nimport { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nexport type FilterClickHandler = (filterId: string) => void;\n\ninterface SavedFilterPanelProps {\n availableColumns?: ColumnDescriptor[];\n filterProviderKey?: string;\n}\n\nexport const useSavedFilterPanel = (props?: SavedFilterPanelProps) => {\n const {\n savedFilters = [],\n setCurrentFilter,\n onFilterMenuAction,\n } = useSavedFilters(props?.filterProviderKey, {\n availableColumns: props?.availableColumns,\n });\n\n const handleClickFilter = useCallback(\n (e: SyntheticEvent) => {\n const { id } = e.target as HTMLElement;\n setCurrentFilter(id);\n },\n [setCurrentFilter],\n );\n\n return {\n onClickFilter: handleClickFilter,\n onFilterMenuAction,\n savedFilters,\n };\n};\n"],"names":["useSavedFilters","useCallback"],"mappings":";;;;;AAWa,MAAA,mBAAA,GAAsB,CAAC,KAAkC,KAAA;AACpE,EAAM,MAAA;AAAA,IACJ,eAAe,EAAC;AAAA,IAChB,gBAAA;AAAA,IACA;AAAA,GACF,GAAIA,6BAAgB,CAAA,KAAA,EAAO,iBAAmB,EAAA;AAAA,IAC5C,kBAAkB,KAAO,EAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,iBAAoB,GAAAC,iBAAA;AAAA,IACxB,CAAC,CAAsB,KAAA;AACrB,MAAM,MAAA,EAAE,EAAG,EAAA,GAAI,CAAE,CAAA,MAAA;AACjB,MAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,KACrB;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAO,OAAA;AAAA,IACL,aAAe,EAAA,iBAAA;AAAA,IACf,kBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedFilterContainer.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var lab = require('@salt-ds/lab');
|
|
5
|
-
var styles = require('@salt-ds/styles');
|
|
6
|
-
var window = require('@salt-ds/window');
|
|
7
|
-
var cx = require('clsx');
|
|
8
|
-
var FilterPanel = require('../filter-panel/FilterPanel.js');
|
|
9
|
-
var SavedFilterPanel = require('../saved-filters/SavedFilterPanel.js');
|
|
10
|
-
var TabbedFilterContainer$1 = require('./TabbedFilterContainer.css.js');
|
|
11
|
-
|
|
12
|
-
const classBase = "vuuTabbedFilterContainer";
|
|
13
|
-
const TabbedFilterContainer = ({
|
|
14
|
-
SavedFilterPanelProps: SavedFilterPanelProps2,
|
|
15
|
-
children,
|
|
16
|
-
className,
|
|
17
|
-
filter,
|
|
18
|
-
filterProviderKey,
|
|
19
|
-
filterTabLabel = "Ad hoc",
|
|
20
|
-
onFilterApplied,
|
|
21
|
-
onFilterCleared,
|
|
22
|
-
savedFilterLabel = "Saved",
|
|
23
|
-
...htmlAttributes
|
|
24
|
-
}) => {
|
|
25
|
-
const targetWindow = window.useWindow();
|
|
26
|
-
styles.useComponentCssInjection({
|
|
27
|
-
testId: "vuu-tabbed-filter-container",
|
|
28
|
-
css: TabbedFilterContainer$1,
|
|
29
|
-
window: targetWindow
|
|
30
|
-
});
|
|
31
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxRuntime.jsxs(lab.TabsNext, { defaultValue: "ad-hoc-filter", children: [
|
|
32
|
-
/* @__PURE__ */ jsxRuntime.jsxs(lab.TabListNext, { appearance: "transparent", children: [
|
|
33
|
-
/* @__PURE__ */ jsxRuntime.jsx(lab.TabNext, { value: "ad-hoc-filter", children: /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextTrigger, { children: filterTabLabel }) }, "ad-hoc-filter"),
|
|
34
|
-
/* @__PURE__ */ jsxRuntime.jsx(lab.TabNext, { value: "saved-filters", children: /* @__PURE__ */ jsxRuntime.jsx(lab.TabNextTrigger, { children: savedFilterLabel }) }, "saved-filters")
|
|
35
|
-
] }),
|
|
36
|
-
/* @__PURE__ */ jsxRuntime.jsx(lab.TabNextPanel, { value: "ad-hoc-filter", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
37
|
-
FilterPanel.FilterPanel,
|
|
38
|
-
{
|
|
39
|
-
filter,
|
|
40
|
-
filterProviderKey,
|
|
41
|
-
onFilterApplied,
|
|
42
|
-
onFilterCleared,
|
|
43
|
-
children
|
|
44
|
-
}
|
|
45
|
-
) }, "ad-hoc-filter"),
|
|
46
|
-
/* @__PURE__ */ jsxRuntime.jsx(lab.TabNextPanel, { value: "saved-filters", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
-
SavedFilterPanel.SavedFilterPanel,
|
|
48
|
-
{
|
|
49
|
-
...SavedFilterPanelProps2,
|
|
50
|
-
filterProviderKey
|
|
51
|
-
}
|
|
52
|
-
) }, "saved-filters")
|
|
53
|
-
] }) });
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
exports.TabbedFilterContainer = TabbedFilterContainer;
|
|
57
|
-
//# sourceMappingURL=TabbedFilterContainer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedFilterContainer.js","sources":["../../../../packages/vuu-filters/src/tabbed-filter-container/TabbedFilterContainer.tsx"],"sourcesContent":["import {\n TabListNext,\n TabNext,\n TabNextPanel,\n TabNextTrigger,\n TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport { FilterPanel } from \"../filter-panel/FilterPanel\";\nimport {\n SavedFilterPanel,\n SavedFilterPanelProps,\n} from \"../saved-filters/SavedFilterPanel\";\nimport tabbedFilterContainerCss from \"./TabbedFilterContainer.css\";\n\nconst classBase = \"vuuTabbedFilterContainer\";\n\nexport interface TabbedFilterContainerProps\n extends HTMLAttributes<HTMLDivElement>,\n Pick<\n FilterContainerProps,\n \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n > {\n SavedFilterPanelProps?: Pick<\n SavedFilterPanelProps,\n \"availableColumns\" | \"filterPillPermissions\"\n >;\n children: ReactNode;\n filterTabLabel?: string;\n savedFilterLabel?: string;\n}\n\nexport const TabbedFilterContainer = ({\n SavedFilterPanelProps,\n children,\n className,\n filter,\n filterProviderKey,\n filterTabLabel = \"Ad hoc\",\n onFilterApplied,\n onFilterCleared,\n savedFilterLabel = \"Saved\",\n ...htmlAttributes\n}: TabbedFilterContainerProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-tabbed-filter-container\",\n css: tabbedFilterContainerCss,\n window: targetWindow,\n });\n\n return (\n <div {...htmlAttributes} className={cx(classBase, className)}>\n <TabsNext defaultValue=\"ad-hoc-filter\">\n <TabListNext appearance=\"transparent\">\n <TabNext value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n <TabNextTrigger>{filterTabLabel}</TabNextTrigger>\n </TabNext>\n <TabNext value=\"saved-filters\" key=\"saved-filters\">\n <TabNextTrigger>{savedFilterLabel}</TabNextTrigger>\n </TabNext>\n </TabListNext>\n <TabNextPanel value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n <FilterPanel\n filter={filter}\n filterProviderKey={filterProviderKey}\n onFilterApplied={onFilterApplied}\n onFilterCleared={onFilterCleared}\n >\n {children}\n </FilterPanel>\n </TabNextPanel>\n <TabNextPanel value=\"saved-filters\" key=\"saved-filters\">\n <SavedFilterPanel\n {...SavedFilterPanelProps}\n filterProviderKey={filterProviderKey}\n />\n </TabNextPanel>\n </TabsNext>\n </div>\n );\n};\n"],"names":["SavedFilterPanelProps","useWindow","useComponentCssInjection","tabbedFilterContainerCss","jsx","jsxs","TabsNext","TabListNext","TabNext","TabNextTrigger","TabNextPanel","FilterPanel","SavedFilterPanel"],"mappings":";;;;;;;;;;;AAmBA,MAAM,SAAY,GAAA,0BAAA;AAiBX,MAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAAA,EAAAA,sBAAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAiB,GAAA,QAAA;AAAA,EACjB,eAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAmB,GAAA,OAAA;AAAA,EACnB,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAC,uBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAS,CACzD,EAAA,QAAA,kBAAAC,eAAA,CAACC,YAAS,EAAA,EAAA,YAAA,EAAa,eACrB,EAAA,QAAA,EAAA;AAAA,oBAACD,eAAA,CAAAE,eAAA,EAAA,EAAY,YAAW,aACtB,EAAA,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,eAAQ,KAAM,EAAA,eAAA,EACb,yCAACC,kBAAgB,EAAA,EAAA,QAAA,EAAA,cAAA,EAAe,KADC,eAEnC,CAAA;AAAA,sBACAL,cAAA,CAACI,eAAQ,KAAM,EAAA,eAAA,EACb,yCAACC,kBAAgB,EAAA,EAAA,QAAA,EAAA,gBAAA,EAAiB,KADD,eAEnC;AAAA,KACF,EAAA,CAAA;AAAA,oBACAL,cAAA,CAACM,gBAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACO,uBAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QAEC;AAAA;AAAA,SAPmC,eASxC,CAAA;AAAA,oBACAP,cAAA,CAACM,gBAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAAN,cAAA;AAAA,MAACQ,iCAAA;AAAA,MAAA;AAAA,QACE,GAAGZ,sBAAAA;AAAA,QACJ;AAAA;AAAA,SAHoC,eAKxC;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var toggleFilterCss = ".vuuToggleFilter {\n .vuuToggleFilter-onlyAvailableValue:not([aria-checked=\"true\"],:hover) {\n background-color: var(--vuuToggleFilter-implicitActive-bg, var(--salt-actionable-bold-background));\n }\n}\n";
|
|
4
|
-
|
|
5
|
-
module.exports = toggleFilterCss;
|
|
6
|
-
//# sourceMappingURL=ToggleFilter.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleFilter.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var core = require('@salt-ds/core');
|
|
5
|
-
var styles = require('@salt-ds/styles');
|
|
6
|
-
var window = require('@salt-ds/window');
|
|
7
|
-
var cx = require('clsx');
|
|
8
|
-
var react = require('react');
|
|
9
|
-
var useToggleFilter = require('./useToggleFilter.js');
|
|
10
|
-
var ToggleFilter$1 = require('./ToggleFilter.css.js');
|
|
11
|
-
|
|
12
|
-
const getValues = (defaultValue, value) => {
|
|
13
|
-
if (defaultValue === void 0 && value === void 0) {
|
|
14
|
-
return ["all"];
|
|
15
|
-
} else if (defaultValue !== void 0 && value !== void 0) {
|
|
16
|
-
throw Error(
|
|
17
|
-
"[ToggleFilter] only one of defaultValue/value must be provided"
|
|
18
|
-
);
|
|
19
|
-
} else if (defaultValue === "") {
|
|
20
|
-
return ["all"];
|
|
21
|
-
} else if (value === "") {
|
|
22
|
-
return [void 0, "all"];
|
|
23
|
-
} else {
|
|
24
|
-
return [defaultValue, value];
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const classBase = "vuuToggleFilter";
|
|
28
|
-
const ToggleFilter = react.forwardRef(function ToggleFilter2({
|
|
29
|
-
className,
|
|
30
|
-
column,
|
|
31
|
-
defaultValue: defaultValueProp,
|
|
32
|
-
onCommit,
|
|
33
|
-
table,
|
|
34
|
-
value: valueProp,
|
|
35
|
-
values,
|
|
36
|
-
...ToggleButtonGroupProps2
|
|
37
|
-
}, forwardedRef) {
|
|
38
|
-
const targetWindow = window.useWindow();
|
|
39
|
-
styles.useComponentCssInjection({
|
|
40
|
-
testId: "vuu-toggle-filter",
|
|
41
|
-
css: ToggleFilter$1,
|
|
42
|
-
window: targetWindow
|
|
43
|
-
});
|
|
44
|
-
const [defaultValue, value] = getValues(defaultValueProp, valueProp);
|
|
45
|
-
const onlyAvailableValue = useToggleFilter.useToggleFilter({ column, table, values });
|
|
46
|
-
const handleChange = react.useCallback(
|
|
47
|
-
(e) => {
|
|
48
|
-
const value2 = e.currentTarget.value;
|
|
49
|
-
if (value2 === "all") {
|
|
50
|
-
onCommit(e, "");
|
|
51
|
-
} else {
|
|
52
|
-
onCommit(e, value2);
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
[onCommit]
|
|
56
|
-
);
|
|
57
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
58
|
-
core.ToggleButtonGroup,
|
|
59
|
-
{
|
|
60
|
-
...ToggleButtonGroupProps2,
|
|
61
|
-
className: cx(classBase, className),
|
|
62
|
-
defaultValue,
|
|
63
|
-
onChange: handleChange,
|
|
64
|
-
ref: forwardedRef,
|
|
65
|
-
value,
|
|
66
|
-
children: [
|
|
67
|
-
/* @__PURE__ */ jsxRuntime.jsx(core.ToggleButton, { value: "all", children: "ALL" }, "all"),
|
|
68
|
-
values.map((toggleValue) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
69
|
-
core.ToggleButton,
|
|
70
|
-
{
|
|
71
|
-
className: cx({
|
|
72
|
-
[`${classBase}-onlyAvailableValue`]: onlyAvailableValue === toggleValue
|
|
73
|
-
}),
|
|
74
|
-
value: toggleValue,
|
|
75
|
-
children: toggleValue
|
|
76
|
-
},
|
|
77
|
-
toggleValue
|
|
78
|
-
))
|
|
79
|
-
]
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
exports.ToggleFilter = ToggleFilter;
|
|
85
|
-
//# sourceMappingURL=ToggleFilter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/ToggleFilter.tsx"],"sourcesContent":["import {\n ToggleButton,\n ToggleButtonGroup,\n ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { ForwardedRef, forwardRef, SyntheticEvent, useCallback } from \"react\";\nimport { type ToggleFilterHookProps, useToggleFilter } from \"./useToggleFilter\";\n\ntype Value = ToggleButtonGroupProps[\"value\"];\n\nconst getValues = (\n defaultValue: Value | undefined,\n value: Value | undefined,\n) => {\n if (defaultValue === undefined && value === undefined) {\n return [\"all\"];\n } else if (defaultValue !== undefined && value !== undefined) {\n throw Error(\n \"[ToggleFilter] only one of defaultValue/value must be provided\",\n );\n } else if (defaultValue === \"\") {\n return [\"all\"];\n } else if (value === \"\") {\n return [undefined, \"all\"];\n } else {\n return [defaultValue, value];\n }\n};\n\nimport toggleFilterCss from \"./ToggleFilter.css\";\n/**\n * ToggleFilter is designed to work with a FilterProvider and\n * DataSourceProvider. With a DataSourceProvider, values will\n * be validated against available values from datasource.\n * With both FilterProvider and a DataSourceProvider, changes to\n * the currentFilter will also trigger re-evaluation of available\n * values from dataSource.\n * With neither of these Providers available, the ToggleFilter is\n * behaving like a regular ToggleButtonGroup.\n */\nexport interface ToggleFilterProps\n extends ToggleButtonGroupProps,\n ToggleFilterHookProps {\n onCommit: CommitHandler<HTMLElement>;\n}\n\nconst classBase = \"vuuToggleFilter\";\n\nexport const ToggleFilter = forwardRef(function ToggleFilter(\n {\n className,\n column,\n defaultValue: defaultValueProp,\n onCommit,\n table,\n value: valueProp,\n values,\n ...ToggleButtonGroupProps\n }: ToggleFilterProps,\n forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"vuu-toggle-filter\",\n css: toggleFilterCss,\n window: targetWindow,\n });\n\n const [defaultValue, value] = getValues(defaultValueProp, valueProp);\n\n const onlyAvailableValue = useToggleFilter({ column, table, values });\n\n const handleChange = useCallback(\n (e: SyntheticEvent<HTMLButtonElement>) => {\n const value = e.currentTarget.value;\n if (value === \"all\") {\n onCommit(e, \"\");\n } else {\n onCommit(e, value);\n }\n },\n [onCommit],\n );\n\n return (\n <ToggleButtonGroup\n {...ToggleButtonGroupProps}\n className={cx(classBase, className)}\n defaultValue={defaultValue}\n onChange={handleChange}\n ref={forwardedRef}\n value={value}\n >\n <ToggleButton key=\"all\" value=\"all\">\n ALL\n </ToggleButton>\n {values.map((toggleValue) => (\n <ToggleButton\n className={cx({\n [`${classBase}-onlyAvailableValue`]:\n onlyAvailableValue === toggleValue,\n })}\n key={toggleValue}\n value={toggleValue}\n >\n {toggleValue}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n );\n});\n"],"names":["forwardRef","ToggleFilter","ToggleButtonGroupProps","useWindow","useComponentCssInjection","toggleFilterCss","useToggleFilter","useCallback","value","jsxs","ToggleButtonGroup","jsx","ToggleButton"],"mappings":";;;;;;;;;;;AAcA,MAAM,SAAA,GAAY,CAChB,YAAA,EACA,KACG,KAAA;AACH,EAAI,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACrD,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACJ,MAAA,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AAC5D,IAAM,MAAA,KAAA;AAAA,MACJ;AAAA,KACF;AAAA,GACF,MAAA,IAAW,iBAAiB,EAAI,EAAA;AAC9B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACf,MAAA,IAAW,UAAU,EAAI,EAAA;AACvB,IAAO,OAAA,CAAC,QAAW,KAAK,CAAA;AAAA,GACnB,MAAA;AACL,IAAO,OAAA,CAAC,cAAc,KAAK,CAAA;AAAA;AAE/B,CAAA;AAmBA,MAAM,SAAY,GAAA,iBAAA;AAEL,MAAA,YAAA,GAAeA,gBAAW,CAAA,SAASC,aAC9C,CAAA;AAAA,EACE,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,GAAGC;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,YAAc,EAAA,KAAK,CAAI,GAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA;AAEnE,EAAA,MAAM,qBAAqBC,+BAAgB,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,QAAQ,CAAA;AAEpE,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,CAAyC,KAAA;AACxC,MAAMC,MAAAA,MAAAA,GAAQ,EAAE,aAAc,CAAA,KAAA;AAC9B,MAAA,IAAIA,WAAU,KAAO,EAAA;AACnB,QAAA,QAAA,CAAS,GAAG,EAAE,CAAA;AAAA,OACT,MAAA;AACL,QAAA,QAAA,CAAS,GAAGA,MAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAAC,eAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACE,GAAGR,uBAAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,YAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,GAAK,EAAA,YAAA;AAAA,MACL,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAS,cAAA,CAACC,iBAAuB,EAAA,EAAA,KAAA,EAAM,KAAM,EAAA,QAAA,EAAA,KAAA,EAAA,EAAlB,KAElB,CAAA;AAAA,QACC,MAAA,CAAO,GAAI,CAAA,CAAC,WACX,qBAAAD,cAAA;AAAA,UAACC,iBAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAG,CAAA;AAAA,cACZ,CAAC,CAAA,EAAG,SAAS,CAAA,mBAAA,CAAqB,GAChC,kBAAuB,KAAA;AAAA,aAC1B,CAAA;AAAA,YAED,KAAO,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,WAAA;AAAA,UAHI;AAAA,SAKR;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var FilterContext = require('../filter-provider/FilterContext.js');
|
|
4
|
-
var vuuDataReact = require('@vuu-ui/vuu-data-react');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var vuuUtils = require('@vuu-ui/vuu-utils');
|
|
7
|
-
|
|
8
|
-
const assertValid = (values, actualValues) => {
|
|
9
|
-
if (actualValues.some((val) => values.indexOf(val) === -1)) {
|
|
10
|
-
console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source
|
|
11
|
-
[${values.join()}]
|
|
12
|
-
[${actualValues.join()}]`);
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const typeaheadRefreshRequired = (f1, f2) => {
|
|
16
|
-
if (f1 === null && f2 === null) {
|
|
17
|
-
return false;
|
|
18
|
-
} else if (f1 === null || f2 === null) {
|
|
19
|
-
return true;
|
|
20
|
-
} else if (vuuUtils.filtersAreEqual(f1, f2)) {
|
|
21
|
-
return false;
|
|
22
|
-
} else {
|
|
23
|
-
return true;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const useToggleFilter = ({
|
|
27
|
-
column,
|
|
28
|
-
table,
|
|
29
|
-
values
|
|
30
|
-
}) => {
|
|
31
|
-
const { currentFilter } = FilterContext.useSavedFilters();
|
|
32
|
-
const currentFilterRef = react.useRef(currentFilter.filter);
|
|
33
|
-
const [typeaheadValues, setTypeaheadValues] = react.useState([]);
|
|
34
|
-
const getSuggestions = vuuDataReact.useTypeaheadSuggestions();
|
|
35
|
-
const refreshSuggestions = react.useCallback(
|
|
36
|
-
(table2) => {
|
|
37
|
-
const vuuTable = vuuUtils.getVuuTable(table2);
|
|
38
|
-
const params = [vuuTable, column];
|
|
39
|
-
getSuggestions(params).then((suggestions) => {
|
|
40
|
-
if (suggestions === false) {
|
|
41
|
-
setTypeaheadValues([]);
|
|
42
|
-
} else {
|
|
43
|
-
assertValid(values, suggestions);
|
|
44
|
-
setTypeaheadValues(suggestions);
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
},
|
|
48
|
-
[column, getSuggestions, values]
|
|
49
|
-
);
|
|
50
|
-
react.useMemo(() => {
|
|
51
|
-
if (table) {
|
|
52
|
-
refreshSuggestions(table);
|
|
53
|
-
}
|
|
54
|
-
}, [refreshSuggestions, table]);
|
|
55
|
-
react.useMemo(() => {
|
|
56
|
-
const { current: filter } = currentFilterRef;
|
|
57
|
-
if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {
|
|
58
|
-
refreshSuggestions(table);
|
|
59
|
-
}
|
|
60
|
-
currentFilterRef.current = currentFilter.filter;
|
|
61
|
-
}, [currentFilter.filter, refreshSuggestions, table]);
|
|
62
|
-
const [firstValue] = typeaheadValues;
|
|
63
|
-
return typeaheadValues.length === 1 ? firstValue : void 0;
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
exports.useToggleFilter = useToggleFilter;
|
|
67
|
-
//# sourceMappingURL=useToggleFilter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/useToggleFilter.ts"],"sourcesContent":["import { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { filtersAreEqual, getVuuTable } from \"@vuu-ui/vuu-utils\";\nimport type { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nconst assertValid = (values: string[], actualValues: string[]) => {\n if (actualValues.some((val) => values.indexOf(val) === -1)) {\n console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source\n [${values.join()}]\n [${actualValues.join()}]`);\n }\n};\n\nexport interface ToggleFilterHookProps {\n column: string;\n /**\n * table must be provided to enable validation\n * of values using server data.\n */\n table?: TableSchemaTable;\n values: string[];\n}\n\nconst typeaheadRefreshRequired = (\n f1: FilterContainerFilter | null,\n f2: FilterContainerFilter | null,\n) => {\n if (f1 === null && f2 === null) {\n return false;\n } else if (f1 === null || f2 === null) {\n return true;\n } else if (filtersAreEqual(f1, f2)) {\n return false;\n } else {\n return true;\n }\n};\n\nexport const useToggleFilter = ({\n column,\n table,\n values,\n}: ToggleFilterHookProps) => {\n const { currentFilter } = useSavedFilters();\n const currentFilterRef = useRef(currentFilter.filter);\n const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n const getSuggestions = useTypeaheadSuggestions();\n\n const refreshSuggestions = useCallback(\n (table: TableSchemaTable) => {\n const vuuTable = getVuuTable(table);\n const params: TypeaheadParams = [vuuTable, column];\n getSuggestions(params).then((suggestions) => {\n if (suggestions === false) {\n setTypeaheadValues([]);\n } else {\n assertValid(values, suggestions);\n setTypeaheadValues(suggestions);\n }\n });\n },\n [column, getSuggestions, values],\n );\n\n useMemo(() => {\n if (table) {\n refreshSuggestions(table);\n }\n }, [refreshSuggestions, table]);\n\n // Changes to currentFilter may affect the suggestions we receive\n // if it has changed and been applied to dataSource. If there is no FilterProvider\n // it will never change, so won't matter.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useMemo(() => {\n const { current: filter } = currentFilterRef;\n if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {\n refreshSuggestions(table);\n }\n currentFilterRef.current = currentFilter.filter;\n }, [currentFilter.filter, refreshSuggestions, table]);\n\n const [firstValue] = typeaheadValues;\n\n // onlyAvailableValue\n return typeaheadValues.length === 1 ? firstValue : undefined;\n};\n"],"names":["filtersAreEqual","useSavedFilters","useRef","useState","useTypeaheadSuggestions","useCallback","table","getVuuTable","useMemo"],"mappings":";;;;;;;AAQA,MAAM,WAAA,GAAc,CAAC,MAAA,EAAkB,YAA2B,KAAA;AAChE,EAAI,IAAA,YAAA,CAAa,KAAK,CAAC,GAAA,KAAQ,OAAO,OAAQ,CAAA,GAAG,CAAM,KAAA,CAAA,CAAE,CAAG,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAK,CAAA,CAAA;AAAA,aACF,EAAA,MAAA,CAAO,MAAM,CAAA;AAAA,aACb,EAAA,YAAA,CAAa,IAAK,EAAC,CAAG,CAAA,CAAA,CAAA;AAAA;AAErC,CAAA;AAYA,MAAM,wBAAA,GAA2B,CAC/B,EAAA,EACA,EACG,KAAA;AACH,EAAI,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AAC9B,IAAO,OAAA,KAAA;AAAA,GACE,MAAA,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AACrC,IAAO,OAAA,IAAA;AAAA,GACE,MAAA,IAAAA,wBAAA,CAAgB,EAAI,EAAA,EAAE,CAAG,EAAA;AAClC,IAAO,OAAA,KAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,IAAA;AAAA;AAEX,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAIC,6BAAgB,EAAA;AAC1C,EAAM,MAAA,gBAAA,GAAmBC,YAAO,CAAA,aAAA,CAAc,MAAM,CAAA;AACpD,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAAC,cAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiBC,oCAAwB,EAAA;AAE/C,EAAA,MAAM,kBAAqB,GAAAC,iBAAA;AAAA,IACzB,CAACC,MAA4B,KAAA;AAC3B,MAAM,MAAA,QAAA,GAAWC,qBAAYD,MAAK,CAAA;AAClC,MAAM,MAAA,MAAA,GAA0B,CAAC,QAAA,EAAU,MAAM,CAAA;AACjD,MAAA,cAAA,CAAe,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,WAAgB,KAAA;AAC3C,QAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,UAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,WAAA,CAAY,QAAQ,WAAW,CAAA;AAC/B,UAAA,kBAAA,CAAmB,WAAW,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,MAAQ,EAAA,cAAA,EAAgB,MAAM;AAAA,GACjC;AAEA,EAAAE,aAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,kBAAoB,EAAA,KAAK,CAAC,CAAA;AAM9B,EAAAA,aAAA,CAAQ,MAAM;AACZ,IAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,gBAAA;AAC5B,IAAA,IAAI,KAAS,IAAA,wBAAA,CAAyB,MAAQ,EAAA,aAAA,CAAc,MAAM,CAAG,EAAA;AACnE,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAE1B,IAAA,gBAAA,CAAiB,UAAU,aAAc,CAAA,MAAA;AAAA,KACxC,CAAC,aAAA,CAAc,MAAQ,EAAA,kBAAA,EAAoB,KAAK,CAAC,CAAA;AAEpD,EAAM,MAAA,CAAC,UAAU,CAAI,GAAA,eAAA;AAGrB,EAAO,OAAA,eAAA,CAAgB,MAAW,KAAA,CAAA,GAAI,UAAa,GAAA,KAAA,CAAA;AACrD;;;;"}
|
package/esm/FilterAggregator.js
DELETED
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import { isSingleValueFilter, isBetweenFilter, isAndFilter, isTypeDescriptor, getTypedRange, getTypedValue, isExtendedFilter, isMultiClauseFilter } from '@vuu-ui/vuu-utils';
|
|
2
|
-
import { ExtendedSingleValueFilterClause } from './filter-container/ExtendedSingleValueFilterClause.js';
|
|
3
|
-
|
|
4
|
-
var __typeError = (msg) => {
|
|
5
|
-
throw TypeError(msg);
|
|
6
|
-
};
|
|
7
|
-
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
8
|
-
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
9
|
-
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
10
|
-
var _filters;
|
|
11
|
-
function installExtendedFilters(filter, throwIfUndefined = false) {
|
|
12
|
-
if (filter !== void 0) {
|
|
13
|
-
if (isExtendedFilter(filter)) {
|
|
14
|
-
const { column, op, value, extendedOptions } = filter;
|
|
15
|
-
return new ExtendedSingleValueFilterClause(
|
|
16
|
-
column,
|
|
17
|
-
op,
|
|
18
|
-
value,
|
|
19
|
-
extendedOptions
|
|
20
|
-
);
|
|
21
|
-
} else if (isMultiClauseFilter(filter)) {
|
|
22
|
-
if (filter.filters.some(isExtendedFilter)) {
|
|
23
|
-
return {
|
|
24
|
-
op: filter.op,
|
|
25
|
-
filters: filter.filters.map((f) => installExtendedFilters(f, true))
|
|
26
|
-
};
|
|
27
|
-
} else {
|
|
28
|
-
return filter;
|
|
29
|
-
}
|
|
30
|
-
} else {
|
|
31
|
-
return filter;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
if (throwIfUndefined) {
|
|
35
|
-
throw Error("filter is undefined");
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
class FilterAggregator {
|
|
39
|
-
constructor(filter) {
|
|
40
|
-
__privateAdd(this, _filters, /* @__PURE__ */ new Map());
|
|
41
|
-
const runtimeFilter = installExtendedFilters(filter);
|
|
42
|
-
if (isSingleValueFilter(runtimeFilter)) {
|
|
43
|
-
__privateGet(this, _filters).set(runtimeFilter.column, runtimeFilter);
|
|
44
|
-
} else if (isBetweenFilter(runtimeFilter)) {
|
|
45
|
-
__privateGet(this, _filters).set(runtimeFilter.filters[0].column, runtimeFilter);
|
|
46
|
-
} else if (isAndFilter(runtimeFilter)) {
|
|
47
|
-
runtimeFilter.filters.forEach((f) => {
|
|
48
|
-
if (isBetweenFilter(f)) {
|
|
49
|
-
__privateGet(this, _filters).set(f.filters[0].column, f);
|
|
50
|
-
} else {
|
|
51
|
-
__privateGet(this, _filters).set(f.column, f);
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
add(column, value, op, extendedFilterOptions) {
|
|
57
|
-
const { serverDataType = "string", type } = column;
|
|
58
|
-
const isInclusive = op === "between-inclusive";
|
|
59
|
-
const dataType = isTypeDescriptor(type) ? type.name : type ?? serverDataType;
|
|
60
|
-
if (Array.isArray(value)) {
|
|
61
|
-
const [value1, value2] = getTypedRange(
|
|
62
|
-
value,
|
|
63
|
-
dataType,
|
|
64
|
-
extendedFilterOptions
|
|
65
|
-
);
|
|
66
|
-
if (value1 !== void 0 && value2 !== void 0) {
|
|
67
|
-
const filter = extendedFilterOptions ? {
|
|
68
|
-
op: "and",
|
|
69
|
-
filters: [
|
|
70
|
-
new ExtendedSingleValueFilterClause(
|
|
71
|
-
column.name,
|
|
72
|
-
isInclusive ? ">=" : ">",
|
|
73
|
-
value1,
|
|
74
|
-
extendedFilterOptions
|
|
75
|
-
),
|
|
76
|
-
new ExtendedSingleValueFilterClause(
|
|
77
|
-
column.name,
|
|
78
|
-
isInclusive ? "<=" : "<",
|
|
79
|
-
value2,
|
|
80
|
-
extendedFilterOptions
|
|
81
|
-
)
|
|
82
|
-
]
|
|
83
|
-
} : {
|
|
84
|
-
op: "and",
|
|
85
|
-
filters: [
|
|
86
|
-
{ column: column.name, op: ">", value: value1 },
|
|
87
|
-
{ column: column.name, op: "<", value: value2 }
|
|
88
|
-
]
|
|
89
|
-
};
|
|
90
|
-
__privateGet(this, _filters).set(column.name, filter);
|
|
91
|
-
} else if (value1 !== void 0) {
|
|
92
|
-
__privateGet(this, _filters).set(column.name, {
|
|
93
|
-
column: column.name,
|
|
94
|
-
op: "=",
|
|
95
|
-
value: value1
|
|
96
|
-
});
|
|
97
|
-
} else if (value2 !== void 0) {
|
|
98
|
-
__privateGet(this, _filters).set(column.name, {
|
|
99
|
-
column: column.name,
|
|
100
|
-
op: "<",
|
|
101
|
-
value: value2
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
} else {
|
|
105
|
-
const typedValue = getTypedValue(value.toString(), dataType, true);
|
|
106
|
-
__privateGet(this, _filters).set(column.name, {
|
|
107
|
-
column: column.name,
|
|
108
|
-
op: "=",
|
|
109
|
-
value: typedValue
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
has({ name }) {
|
|
114
|
-
return __privateGet(this, _filters).has(name);
|
|
115
|
-
}
|
|
116
|
-
get({ name }) {
|
|
117
|
-
return __privateGet(this, _filters).get(name);
|
|
118
|
-
}
|
|
119
|
-
clear() {
|
|
120
|
-
__privateGet(this, _filters).clear();
|
|
121
|
-
}
|
|
122
|
-
/**
|
|
123
|
-
* Remove filter for this column. Return false if no filter found, otw true
|
|
124
|
-
*/
|
|
125
|
-
remove(column) {
|
|
126
|
-
if (__privateGet(this, _filters).has(column.name)) {
|
|
127
|
-
__privateGet(this, _filters).delete(column.name);
|
|
128
|
-
return true;
|
|
129
|
-
} else {
|
|
130
|
-
return false;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
get isEmpty() {
|
|
134
|
-
return __privateGet(this, _filters).size === 0;
|
|
135
|
-
}
|
|
136
|
-
/**
|
|
137
|
-
* Count of the number of columns for which filters are stored
|
|
138
|
-
*/
|
|
139
|
-
get count() {
|
|
140
|
-
return __privateGet(this, _filters).size;
|
|
141
|
-
}
|
|
142
|
-
get filter() {
|
|
143
|
-
const { size } = __privateGet(this, _filters);
|
|
144
|
-
if (size === 0) {
|
|
145
|
-
return void 0;
|
|
146
|
-
} else if (size === 1) {
|
|
147
|
-
const [filter] = __privateGet(this, _filters).values();
|
|
148
|
-
return filter;
|
|
149
|
-
} else {
|
|
150
|
-
return {
|
|
151
|
-
op: "and",
|
|
152
|
-
filters: Array.from(__privateGet(this, _filters).values())
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
_filters = new WeakMap();
|
|
158
|
-
|
|
159
|
-
export { FilterAggregator };
|
|
160
|
-
//# sourceMappingURL=FilterAggregator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterAggregator.js","sources":["../../../packages/vuu-filters/src/FilterAggregator.ts"],"sourcesContent":["import {\n ColumnFilterValue,\n ExtendedFilterOptions,\n FilterClauseOp,\n FilterContainerFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n getTypedRange,\n getTypedValue,\n isAndFilter,\n isBetweenFilter,\n isExtendedFilter,\n isMultiClauseFilter,\n isSingleValueFilter,\n isTypeDescriptor,\n} from \"@vuu-ui/vuu-utils\";\nimport { ExtendedSingleValueFilterClause } from \"./filter-container/ExtendedSingleValueFilterClause\";\n\nfunction installExtendedFilters<\n F extends FilterContainerFilter = FilterContainerFilter,\n>(filter: F, throwIfUndefined: true): F;\nfunction installExtendedFilters<\n F extends FilterContainerFilter = FilterContainerFilter,\n>(filter: F | undefined, throwIfUndefined?: false): F | undefined;\n\nfunction installExtendedFilters(\n filter: FilterContainerFilter | undefined,\n throwIfUndefined = false,\n): FilterContainerFilter | undefined {\n if (filter !== undefined) {\n if (isExtendedFilter(filter)) {\n const { column, op, value, extendedOptions } = filter;\n return new ExtendedSingleValueFilterClause(\n column,\n op,\n value,\n extendedOptions,\n );\n } else if (isMultiClauseFilter(filter)) {\n if (filter.filters.some(isExtendedFilter)) {\n return {\n op: filter.op,\n filters: filter.filters.map((f) => installExtendedFilters(f, true)),\n };\n } else {\n return filter;\n }\n } else {\n return filter;\n }\n }\n if (throwIfUndefined) {\n throw Error(\"filter is undefined\");\n }\n}\n\n/**\n * Manages a filter that can be updated one clause at a time.\n * Works with FilterContainer to aggregate multiple filter\n * clauses edited via individual controls. It is just a wrapper\n * around a Map, does not support switching filters - create a\n * new FilterAggregator for a new filter.\n *\n */\nexport class FilterAggregator {\n #filters = new Map<string, FilterContainerFilter>();\n\n constructor(filter?: FilterContainerFilter) {\n const runtimeFilter = installExtendedFilters(filter);\n if (isSingleValueFilter(runtimeFilter)) {\n this.#filters.set(runtimeFilter.column, runtimeFilter);\n } else if (isBetweenFilter(runtimeFilter)) {\n this.#filters.set(runtimeFilter.filters[0].column, runtimeFilter);\n } else if (isAndFilter(runtimeFilter)) {\n runtimeFilter.filters.forEach((f) => {\n if (isBetweenFilter(f)) {\n this.#filters.set(f.filters[0].column, f);\n } else {\n this.#filters.set(f.column, f);\n }\n });\n }\n }\n\n add(\n column: ColumnDescriptor,\n value: ColumnFilterValue,\n op: FilterClauseOp | \"between\" | \"between-inclusive\",\n extendedFilterOptions?: ExtendedFilterOptions,\n ) {\n const { serverDataType = \"string\", type } = column;\n const isInclusive = op === \"between-inclusive\";\n const dataType = isTypeDescriptor(type)\n ? type.name\n : (type ?? serverDataType);\n if (Array.isArray(value)) {\n const [value1, value2] = getTypedRange(\n value,\n dataType,\n extendedFilterOptions,\n );\n if (value1 !== undefined && value2 !== undefined) {\n const filter: FilterContainerFilter = extendedFilterOptions\n ? {\n op: \"and\",\n filters: [\n new ExtendedSingleValueFilterClause(\n column.name,\n isInclusive ? \">=\" : \">\",\n value1,\n extendedFilterOptions,\n ),\n new ExtendedSingleValueFilterClause(\n column.name,\n isInclusive ? \"<=\" : \"<\",\n value2,\n extendedFilterOptions,\n ),\n ],\n }\n : {\n op: \"and\",\n filters: [\n { column: column.name, op: \">\", value: value1 },\n { column: column.name, op: \"<\", value: value2 },\n ],\n };\n\n this.#filters.set(column.name, filter);\n } else if (value1 !== undefined) {\n this.#filters.set(column.name, {\n column: column.name,\n op: \"=\",\n value: value1,\n });\n } else if (value2 !== undefined) {\n this.#filters.set(column.name, {\n column: column.name,\n op: \"<\",\n value: value2,\n });\n }\n } else {\n const typedValue = getTypedValue(value.toString(), dataType, true);\n\n this.#filters.set(column.name, {\n column: column.name,\n op: \"=\",\n value: typedValue,\n });\n }\n }\n\n has({ name }: ColumnDescriptor) {\n return this.#filters.has(name);\n }\n\n get({ name }: ColumnDescriptor) {\n return this.#filters.get(name);\n }\n\n clear() {\n this.#filters.clear();\n }\n\n /**\n * Remove filter for this column. Return false if no filter found, otw true\n */\n remove(column: ColumnDescriptor) {\n if (this.#filters.has(column.name)) {\n this.#filters.delete(column.name);\n return true;\n } else {\n return false;\n }\n }\n\n get isEmpty() {\n return this.#filters.size === 0;\n }\n\n /**\n * Count of the number of columns for which filters are stored\n */\n get count() {\n return this.#filters.size;\n }\n\n get filter(): FilterContainerFilter | undefined {\n const { size } = this.#filters;\n if (size === 0) {\n return undefined;\n } else if (size === 1) {\n const [filter] = this.#filters.values();\n return filter;\n } else {\n return {\n op: \"and\",\n filters: Array.from(this.#filters.values()),\n } as FilterContainerFilter;\n }\n }\n}\n"],"names":[],"mappings":"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"}
|