pne-ui 4.2.2 → 4.3.0-rc.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/README.md +159 -0
- package/cjs/component/AutoTestAttribute.d.ts +22 -5
- package/cjs/component/AutoTestAttribute.js +27 -23
- package/cjs/component/AutoTestAttribute.js.map +1 -1
- package/cjs/component/dropdown/PneAsyncAutocomplete.d.ts +5 -0
- package/cjs/component/dropdown/PneAsyncAutocomplete.js +10 -5
- package/cjs/component/dropdown/PneAsyncAutocomplete.js.map +1 -1
- package/cjs/component/dropdown/PneAutocomplete.d.ts +8 -2
- package/cjs/component/dropdown/PneAutocomplete.js +8 -2
- package/cjs/component/dropdown/PneAutocomplete.js.map +1 -1
- package/cjs/component/dropdown/PneSelect.d.ts +4 -0
- package/cjs/component/dropdown/PneSelect.js +5 -2
- package/cjs/component/dropdown/PneSelect.js.map +1 -1
- package/cjs/component/non-abstract-entity-selector/AbstractEntitySelectModal.d.ts +6 -1
- package/cjs/component/non-abstract-entity-selector/AbstractEntitySelectModal.js +4 -2
- package/cjs/component/non-abstract-entity-selector/AbstractEntitySelectModal.js.map +1 -1
- package/cjs/component/non-abstract-entity-selector/AbstractEntitySelector.d.ts +18 -0
- package/cjs/component/non-abstract-entity-selector/AbstractEntitySelector.js +11 -10
- package/cjs/component/non-abstract-entity-selector/AbstractEntitySelector.js.map +1 -1
- package/cjs/component/non-abstract-entity-selector/ItemEntitySelector.d.ts +5 -1
- package/cjs/component/non-abstract-entity-selector/ItemEntitySelector.js +3 -3
- package/cjs/component/non-abstract-entity-selector/ItemEntitySelector.js.map +1 -1
- package/cjs/component/non-abstract-entity-selector/styled.d.ts +6 -2
- package/cjs/component/non-abstract-entity-selector/styled.js.map +1 -1
- package/cjs/component/search-ui/SearchUI.d.ts +7 -3
- package/cjs/component/search-ui/SearchUI.js +3 -3
- package/cjs/component/search-ui/SearchUI.js.map +1 -1
- package/cjs/component/search-ui/filters/AutoTestScope.d.ts +20 -0
- package/cjs/component/search-ui/filters/AutoTestScope.js +31 -0
- package/cjs/component/search-ui/filters/AutoTestScope.js.map +1 -0
- package/cjs/component/search-ui/filters/CriterionContainer.js +10 -6
- package/cjs/component/search-ui/filters/CriterionContainer.js.map +1 -1
- package/cjs/component/search-ui/filters/SearchUIFilters.d.ts +8 -4
- package/cjs/component/search-ui/filters/SearchUIFilters.js +30 -22
- package/cjs/component/search-ui/filters/SearchUIFilters.js.map +1 -1
- package/cjs/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.d.ts +1 -0
- package/cjs/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js +5 -3
- package/cjs/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js.map +1 -1
- package/cjs/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.d.ts +1 -0
- package/cjs/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js +5 -3
- package/cjs/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/CriterionRight.js +7 -2
- package/cjs/component/search-ui/filters/component/criterion/CriterionRight.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/CustomerLevelCriterion.js +21 -4
- package/cjs/component/search-ui/filters/component/criterion/CustomerLevelCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/DateRangeCriterion.js +126 -6
- package/cjs/component/search-ui/filters/component/criterion/DateRangeCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js +29 -1
- package/cjs/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/ExactSearchCriterion.js +7 -0
- package/cjs/component/search-ui/filters/component/criterion/ExactSearchCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/GroupingCriterion.js +77 -4
- package/cjs/component/search-ui/filters/component/criterion/GroupingCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/MarkerStatusCriterion.js +3 -9
- package/cjs/component/search-ui/filters/component/criterion/MarkerStatusCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/MultigetCriterionPanel.js +35 -6
- package/cjs/component/search-ui/filters/component/criterion/MultigetCriterionPanel.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/ProcessorLogEntryTypesCriterion.js +12 -2
- package/cjs/component/search-ui/filters/component/criterion/ProcessorLogEntryTypesCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/ProjectCurrencyCriterion.js +57 -16
- package/cjs/component/search-ui/filters/component/criterion/ProjectCurrencyCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/StatusCriterion.js +3 -9
- package/cjs/component/search-ui/filters/component/criterion/StatusCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/ThreeDCriterion.js +8 -14
- package/cjs/component/search-ui/filters/component/criterion/ThreeDCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.js +55 -6
- package/cjs/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCountrySelect.js +48 -12
- package/cjs/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCountrySelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.js +11 -0
- package/cjs/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.d.ts +7 -0
- package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.js +26 -3
- package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.js +58 -47
- package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIAddFilter.js +15 -2
- package/cjs/component/search-ui/filters/component/select/SearchUIAddFilter.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.d.ts +13 -1
- package/cjs/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js +153 -60
- package/cjs/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUICountriesSelect.js +56 -31
- package/cjs/component/search-ui/filters/component/select/SearchUICountriesSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.js +19 -2
- package/cjs/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIEnumChipSelect.d.ts +10 -0
- package/cjs/component/search-ui/filters/component/select/SearchUIEnumChipSelect.js +21 -0
- package/cjs/component/search-ui/filters/component/select/SearchUIEnumChipSelect.js.map +1 -0
- package/cjs/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js +17 -2
- package/cjs/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.js +19 -2
- package/cjs/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.js +19 -2
- package/cjs/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.js +29 -4
- package/cjs/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.js.map +1 -1
- package/cjs/component/search-ui/filters/component/template/SearchUITemplatePanel.js +19 -3
- package/cjs/component/search-ui/filters/component/template/SearchUITemplatePanel.js.map +1 -1
- package/cjs/component/search-ui/filters/component/template/SearchUITemplatesMenu.js +29 -5
- package/cjs/component/search-ui/filters/component/template/SearchUITemplatesMenu.js.map +1 -1
- package/cjs/component/search-ui/filters/state/actions.js +0 -1
- package/cjs/component/search-ui/filters/state/actions.js.map +1 -1
- package/cjs/component/search-ui/filters/styled.d.ts +1 -1
- package/cjs/component/search-ui/filters/styled.js +9 -3
- package/cjs/component/search-ui/filters/styled.js.map +1 -1
- package/cjs/component/search-ui/multiget_select/MultigetSelect.js +20 -7
- package/cjs/component/search-ui/multiget_select/MultigetSelect.js.map +1 -1
- package/cjs/component/search-ui/multiget_select/MultigetSelectTable.js +30 -6
- package/cjs/component/search-ui/multiget_select/MultigetSelectTable.js.map +1 -1
- package/cjs/component/table/AbstractTable.d.ts +7 -0
- package/cjs/component/table/AbstractTable.js +10 -8
- package/cjs/component/table/AbstractTable.js.map +1 -1
- package/cjs/component/table/PneHeaderTableCell.d.ts +6 -1
- package/cjs/component/table/PneHeaderTableCell.js +5 -2
- package/cjs/component/table/PneHeaderTableCell.js.map +1 -1
- package/cjs/component/table/PneTablePaginationActions.js +4 -13
- package/cjs/component/table/PneTablePaginationActions.js.map +1 -1
- package/cjs/component/table/useTable.js +7 -8
- package/cjs/component/table/useTable.js.map +1 -1
- package/cjs/exports/entities.d.ts +1 -1
- package/cjs/exports/entities.js.map +1 -1
- package/cjs/exports/inputs.d.ts +2 -1
- package/cjs/exports/inputs.js.map +1 -1
- package/cjs/exports/search.d.ts +2 -2
- package/cjs/exports/search.js.map +1 -1
- package/cjs/exports/table.d.ts +1 -0
- package/cjs/exports/table.js.map +1 -1
- package/cjs/exports/utils.d.ts +1 -1
- package/cjs/exports/utils.js +2 -1
- package/cjs/exports/utils.js.map +1 -1
- package/docs/i18n.md +66 -0
- package/docs/selenium-locators.md +640 -0
- package/esm/component/AutoTestAttribute.d.ts +22 -5
- package/esm/component/AutoTestAttribute.js +25 -22
- package/esm/component/AutoTestAttribute.js.map +1 -1
- package/esm/component/dropdown/PneAsyncAutocomplete.d.ts +5 -0
- package/esm/component/dropdown/PneAsyncAutocomplete.js +10 -5
- package/esm/component/dropdown/PneAsyncAutocomplete.js.map +1 -1
- package/esm/component/dropdown/PneAutocomplete.d.ts +8 -2
- package/esm/component/dropdown/PneAutocomplete.js +8 -2
- package/esm/component/dropdown/PneAutocomplete.js.map +1 -1
- package/esm/component/dropdown/PneSelect.d.ts +4 -0
- package/esm/component/dropdown/PneSelect.js +5 -2
- package/esm/component/dropdown/PneSelect.js.map +1 -1
- package/esm/component/non-abstract-entity-selector/AbstractEntitySelectModal.d.ts +6 -1
- package/esm/component/non-abstract-entity-selector/AbstractEntitySelectModal.js +4 -2
- package/esm/component/non-abstract-entity-selector/AbstractEntitySelectModal.js.map +1 -1
- package/esm/component/non-abstract-entity-selector/AbstractEntitySelector.d.ts +18 -0
- package/esm/component/non-abstract-entity-selector/AbstractEntitySelector.js +11 -10
- package/esm/component/non-abstract-entity-selector/AbstractEntitySelector.js.map +1 -1
- package/esm/component/non-abstract-entity-selector/ItemEntitySelector.d.ts +5 -1
- package/esm/component/non-abstract-entity-selector/ItemEntitySelector.js +4 -4
- package/esm/component/non-abstract-entity-selector/ItemEntitySelector.js.map +1 -1
- package/esm/component/non-abstract-entity-selector/styled.d.ts +6 -2
- package/esm/component/non-abstract-entity-selector/styled.js.map +1 -1
- package/esm/component/search-ui/SearchUI.d.ts +7 -3
- package/esm/component/search-ui/SearchUI.js +3 -3
- package/esm/component/search-ui/SearchUI.js.map +1 -1
- package/esm/component/search-ui/filters/AutoTestScope.d.ts +20 -0
- package/esm/component/search-ui/filters/AutoTestScope.js +23 -0
- package/esm/component/search-ui/filters/AutoTestScope.js.map +1 -0
- package/esm/component/search-ui/filters/CriterionContainer.js +10 -6
- package/esm/component/search-ui/filters/CriterionContainer.js.map +1 -1
- package/esm/component/search-ui/filters/SearchUIFilters.d.ts +8 -4
- package/esm/component/search-ui/filters/SearchUIFilters.js +31 -23
- package/esm/component/search-ui/filters/SearchUIFilters.js.map +1 -1
- package/esm/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.d.ts +1 -0
- package/esm/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js +5 -3
- package/esm/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderClearButton.js.map +1 -1
- package/esm/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.d.ts +1 -0
- package/esm/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js +5 -3
- package/esm/component/search-ui/filters/component/button/SearchUIFiltersCriterionHeaderRemoveButton.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/CriterionRight.js +7 -2
- package/esm/component/search-ui/filters/component/criterion/CriterionRight.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/CustomerLevelCriterion.js +21 -4
- package/esm/component/search-ui/filters/component/criterion/CustomerLevelCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/DateRangeCriterion.js +126 -6
- package/esm/component/search-ui/filters/component/criterion/DateRangeCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js +29 -1
- package/esm/component/search-ui/filters/component/criterion/ErrorCodeCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ExactSearchCriterion.js +7 -0
- package/esm/component/search-ui/filters/component/criterion/ExactSearchCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/GroupingCriterion.js +77 -4
- package/esm/component/search-ui/filters/component/criterion/GroupingCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/MarkerStatusCriterion.js +3 -9
- package/esm/component/search-ui/filters/component/criterion/MarkerStatusCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/MultigetCriterionPanel.js +35 -6
- package/esm/component/search-ui/filters/component/criterion/MultigetCriterionPanel.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ProcessorLogEntryTypesCriterion.js +12 -2
- package/esm/component/search-ui/filters/component/criterion/ProcessorLogEntryTypesCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ProjectCurrencyCriterion.js +57 -16
- package/esm/component/search-ui/filters/component/criterion/ProjectCurrencyCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/StatusCriterion.js +3 -9
- package/esm/component/search-ui/filters/component/criterion/StatusCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/ThreeDCriterion.js +8 -14
- package/esm/component/search-ui/filters/component/criterion/ThreeDCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.js +55 -6
- package/esm/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCountrySelect.js +48 -12
- package/esm/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCountrySelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.js +11 -0
- package/esm/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.d.ts +7 -0
- package/esm/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.js +26 -3
- package/esm/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.js +60 -49
- package/esm/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIAddFilter.js +15 -2
- package/esm/component/search-ui/filters/component/select/SearchUIAddFilter.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.d.ts +13 -1
- package/esm/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js +154 -61
- package/esm/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUICountriesSelect.js +57 -32
- package/esm/component/search-ui/filters/component/select/SearchUICountriesSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.js +19 -2
- package/esm/component/search-ui/filters/component/select/SearchUIDateRangeSpecTypeSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIEnumChipSelect.d.ts +10 -0
- package/esm/component/search-ui/filters/component/select/SearchUIEnumChipSelect.js +16 -0
- package/esm/component/search-ui/filters/component/select/SearchUIEnumChipSelect.js.map +1 -0
- package/esm/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js +17 -2
- package/esm/component/search-ui/filters/component/select/SearchUIExactSearchLabelSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.js +19 -2
- package/esm/component/search-ui/filters/component/select/SearchUIGroupingDateTypeSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.js +19 -2
- package/esm/component/search-ui/filters/component/select/SearchUIOrderDateTypeSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.js +30 -5
- package/esm/component/search-ui/filters/component/select/SearchUIOrdersSearchLabelSelect.js.map +1 -1
- package/esm/component/search-ui/filters/component/template/SearchUITemplatePanel.js +19 -3
- package/esm/component/search-ui/filters/component/template/SearchUITemplatePanel.js.map +1 -1
- package/esm/component/search-ui/filters/component/template/SearchUITemplatesMenu.js +30 -6
- package/esm/component/search-ui/filters/component/template/SearchUITemplatesMenu.js.map +1 -1
- package/esm/component/search-ui/filters/state/actions.js +0 -1
- package/esm/component/search-ui/filters/state/actions.js.map +1 -1
- package/esm/component/search-ui/filters/styled.d.ts +1 -1
- package/esm/component/search-ui/filters/styled.js +9 -3
- package/esm/component/search-ui/filters/styled.js.map +1 -1
- package/esm/component/search-ui/multiget_select/MultigetSelect.js +20 -7
- package/esm/component/search-ui/multiget_select/MultigetSelect.js.map +1 -1
- package/esm/component/search-ui/multiget_select/MultigetSelectTable.js +30 -6
- package/esm/component/search-ui/multiget_select/MultigetSelectTable.js.map +1 -1
- package/esm/component/table/AbstractTable.d.ts +7 -0
- package/esm/component/table/AbstractTable.js +10 -8
- package/esm/component/table/AbstractTable.js.map +1 -1
- package/esm/component/table/PneHeaderTableCell.d.ts +6 -1
- package/esm/component/table/PneHeaderTableCell.js +5 -2
- package/esm/component/table/PneHeaderTableCell.js.map +1 -1
- package/esm/component/table/PneTablePaginationActions.js +4 -13
- package/esm/component/table/PneTablePaginationActions.js.map +1 -1
- package/esm/component/table/useTable.js +7 -8
- package/esm/component/table/useTable.js.map +1 -1
- package/esm/exports/entities.d.ts +1 -1
- package/esm/exports/entities.js.map +1 -1
- package/esm/exports/inputs.d.ts +2 -1
- package/esm/exports/inputs.js.map +1 -1
- package/esm/exports/search.d.ts +2 -2
- package/esm/exports/search.js.map +1 -1
- package/esm/exports/table.d.ts +1 -0
- package/esm/exports/table.js.map +1 -1
- package/esm/exports/utils.d.ts +1 -1
- package/esm/exports/utils.js +1 -1
- package/esm/exports/utils.js.map +1 -1
- package/package.json +22 -4
- package/cjs/component/table/state/actions.d.ts +0 -3
- package/cjs/component/table/state/actions.js +0 -12
- package/cjs/component/table/state/actions.js.map +0 -1
- package/cjs/component/table/state/initial.d.ts +0 -2
- package/cjs/component/table/state/initial.js +0 -8
- package/cjs/component/table/state/initial.js.map +0 -1
- package/cjs/component/table/state/store.d.ts +0 -11
- package/cjs/component/table/state/store.js +0 -12
- package/cjs/component/table/state/store.js.map +0 -1
- package/cjs/component/table/state/type.d.ts +0 -7
- package/cjs/component/table/state/type.js +0 -3
- package/cjs/component/table/state/type.js.map +0 -1
- package/esm/component/table/state/actions.d.ts +0 -3
- package/esm/component/table/state/actions.js +0 -8
- package/esm/component/table/state/actions.js.map +0 -1
- package/esm/component/table/state/initial.d.ts +0 -2
- package/esm/component/table/state/initial.js +0 -4
- package/esm/component/table/state/initial.js.map +0 -1
- package/esm/component/table/state/store.d.ts +0 -11
- package/esm/component/table/state/store.js +0 -9
- package/esm/component/table/state/store.js.map +0 -1
- package/esm/component/table/state/type.d.ts +0 -7
- package/esm/component/table/state/type.js +0 -2
- package/esm/component/table/state/type.js.map +0 -1
package/cjs/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.js
CHANGED
|
@@ -7,14 +7,27 @@ const material_1 = require("@mui/material");
|
|
|
7
7
|
const __1 = require("../../../../..");
|
|
8
8
|
const store_1 = require("../../state/store");
|
|
9
9
|
const react_i18next_1 = require("react-i18next");
|
|
10
|
+
const AutoTestAttribute_1 = require("../../../../AutoTestAttribute");
|
|
11
|
+
const AutoTestScope_1 = require("../../AutoTestScope");
|
|
12
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_AUTOTEST_ID = 'criterion-transaction-session-status';
|
|
13
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_GROUP_VALUE_AUTOTEST_ID = 'criterion-transaction-session-status-group-value';
|
|
14
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_GROUP_AUTOTEST_ID = 'criterion-transaction-session-status-group';
|
|
15
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_GROUP_OPTIONS_AUTOTEST_ID = 'criterion-transaction-session-status-group-options';
|
|
16
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_GROUP_OPTION_AUTOTEST_ID = 'criterion-transaction-session-status-group-option';
|
|
17
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_OPTION_AUTOTEST_ID = 'criterion-transaction-session-status-option';
|
|
18
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_PANEL_AUTOTEST_ID = 'criterion-transaction-session-status-panel';
|
|
19
|
+
const CRITERION_TRANSACTION_SESSION_STATUS_VALUE_AUTOTEST_ID = 'criterion-transaction-session-status-value';
|
|
10
20
|
const TransactionSessionStatusCriterion = () => {
|
|
11
21
|
const { open, handleOpen, handleClose, } = (0, __1.useModal)();
|
|
12
22
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
23
|
+
const autoTestOwner = (0, AutoTestScope_1.useSearchUIAutoTestScope)();
|
|
24
|
+
const panelId = react_1.default.useId();
|
|
13
25
|
const transactionSessionStatusGroup = (0, store_1.useSearchUIFiltersStore)(s => s.transactionSessionStatusGroup);
|
|
14
26
|
const transactionSessionStatuses = (0, store_1.useSearchUIFiltersStore)(s => s.transactionSessionStatuses);
|
|
15
27
|
const setGroup = (0, store_1.useSearchUIFiltersStore)(s => s.setTransactionSessionStatusGroupCriterion);
|
|
16
28
|
const setStatuses = (0, store_1.useSearchUIFiltersStore)(s => s.setTransactionSessionStatusesCriterion);
|
|
17
29
|
const availableStatuses = (0, store_1.useSearchUIFiltersStore)(s => s.prefetchedData.transactionSessionStatuses);
|
|
30
|
+
const loading = (0, store_1.useSearchUIFiltersStore)(s => s.prefetchedDataLoading.transactionSessionStatuses);
|
|
18
31
|
const copyStatuses = (statuses) => statuses.map(status => ({ ...status }));
|
|
19
32
|
const toggleStatus = (statusDisplayName) => {
|
|
20
33
|
setStatuses(transactionSessionStatuses.map(status => {
|
|
@@ -34,24 +47,60 @@ const TransactionSessionStatusCriterion = () => {
|
|
|
34
47
|
};
|
|
35
48
|
const groupOptions = availableStatuses ? Array.from(availableStatuses.keys()) : [];
|
|
36
49
|
const selectedStatuses = transactionSessionStatuses.filter(status => status.selected);
|
|
50
|
+
const triggerLabel = t('react.searchUI.transactionSessionStatus', {
|
|
51
|
+
defaultValue: 'Transaction session statuses',
|
|
52
|
+
});
|
|
53
|
+
const groupLabel = t('react.searchUI.transactionSessionStatusGroup', {
|
|
54
|
+
defaultValue: 'Transaction session status group',
|
|
55
|
+
});
|
|
56
|
+
const modalTitle = t('react.searchUI.addSessionStatusTitle');
|
|
57
|
+
const groupValue = groupOptions.includes(transactionSessionStatusGroup)
|
|
58
|
+
? transactionSessionStatusGroup
|
|
59
|
+
: '';
|
|
37
60
|
return react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
|
-
react_1.default.createElement(material_1.Box, { sx: containerSx, onClick: handleOpen },
|
|
61
|
+
react_1.default.createElement(material_1.Box, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_AUTOTEST_ID, transactionSessionStatusGroup), component: 'button', type: 'button', sx: containerSx, onClick: handleOpen, "aria-label": triggerLabel, "aria-controls": open ? panelId : undefined, "aria-expanded": open, "aria-haspopup": 'dialog', "aria-busy": loading },
|
|
39
62
|
react_1.default.createElement(material_1.Box, { sx: chipsRowSx },
|
|
40
|
-
react_1.default.createElement(material_1.Chip, { label: transactionSessionStatusGroup, size: 'small' })),
|
|
41
|
-
react_1.default.createElement(material_1.Box, { sx: chipsRowSx }, selectedStatuses.map(status => react_1.default.createElement(material_1.Chip, { label: status.displayName, size: 'small', key: status.displayName })))),
|
|
42
|
-
react_1.default.createElement(__1.PneModal, { open: open, onClose: handleClose, title:
|
|
63
|
+
react_1.default.createElement(material_1.Chip, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_GROUP_VALUE_AUTOTEST_ID, transactionSessionStatusGroup), label: transactionSessionStatusGroup, size: 'small' })),
|
|
64
|
+
react_1.default.createElement(material_1.Box, { sx: chipsRowSx }, selectedStatuses.map(status => react_1.default.createElement(material_1.Chip, { ...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_VALUE_AUTOTEST_ID, status.displayName), label: status.displayName, size: 'small', key: status.displayName })))),
|
|
65
|
+
react_1.default.createElement(__1.PneModal, { open: open, onClose: handleClose, title: modalTitle, containerSx: modalContainerSx, containerProps: {
|
|
66
|
+
...(0, AutoTestScope_1.createSearchUIOwnedAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_PANEL_AUTOTEST_ID, autoTestOwner),
|
|
67
|
+
id: panelId,
|
|
68
|
+
role: 'dialog',
|
|
69
|
+
'aria-label': modalTitle,
|
|
70
|
+
'aria-modal': true,
|
|
71
|
+
'aria-busy': loading,
|
|
72
|
+
}, closeButtonProps: {
|
|
73
|
+
'aria-label': t('close', { defaultValue: 'Close' }),
|
|
74
|
+
} },
|
|
43
75
|
react_1.default.createElement(material_1.Box, { sx: modalContentSx },
|
|
44
|
-
react_1.default.createElement(__1.PneSelect, { value:
|
|
76
|
+
react_1.default.createElement(__1.PneSelect, { value: groupValue, onChange: value => changeGroup(value), options: groupOptions, label: groupLabel, disabled: loading || groupOptions.length === 0, getOptionProps: option => (0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_GROUP_OPTION_AUTOTEST_ID, option.value), MenuProps: {
|
|
77
|
+
slotProps: {
|
|
78
|
+
list: (0, AutoTestScope_1.createSearchUIOwnedAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_GROUP_OPTIONS_AUTOTEST_ID, autoTestOwner),
|
|
79
|
+
},
|
|
80
|
+
}, SelectDisplayProps: {
|
|
81
|
+
...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_GROUP_AUTOTEST_ID, transactionSessionStatusGroup),
|
|
82
|
+
'aria-label': groupLabel,
|
|
83
|
+
'aria-busy': loading,
|
|
84
|
+
} }),
|
|
45
85
|
react_1.default.createElement(material_1.Box, { sx: checkboxesSx }, transactionSessionStatuses.map(status => (react_1.default.createElement(material_1.Box, { key: status.displayName, sx: checkboxItemSx },
|
|
46
|
-
react_1.default.createElement(material_1.FormControlLabel, { label: status.displayName, control: react_1.default.createElement(__1.PneCheckbox, { checked: status.selected, onChange: () => toggleStatus(status.displayName)
|
|
86
|
+
react_1.default.createElement(material_1.FormControlLabel, { label: status.displayName, control: react_1.default.createElement(__1.PneCheckbox, { checked: status.selected, disabled: loading, onChange: () => toggleStatus(status.displayName), slotProps: {
|
|
87
|
+
input: (0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_TRANSACTION_SESSION_STATUS_OPTION_AUTOTEST_ID, status.displayName),
|
|
88
|
+
} }) }))))))));
|
|
47
89
|
};
|
|
48
90
|
exports.TransactionSessionStatusCriterion = TransactionSessionStatusCriterion;
|
|
49
91
|
exports.default = exports.TransactionSessionStatusCriterion;
|
|
50
92
|
const containerSx = {
|
|
93
|
+
appearance: 'none',
|
|
94
|
+
background: 'transparent',
|
|
95
|
+
border: 0,
|
|
96
|
+
color: 'inherit',
|
|
51
97
|
display: 'flex',
|
|
52
98
|
flexDirection: 'column',
|
|
99
|
+
font: 'inherit',
|
|
53
100
|
rowGap: '4px',
|
|
54
101
|
cursor: 'pointer',
|
|
102
|
+
padding: 0,
|
|
103
|
+
textAlign: 'left',
|
|
55
104
|
width: '100%',
|
|
56
105
|
m: '8px 0',
|
|
57
106
|
};
|
package/cjs/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionSessionStatusCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,4CAAoE;AACpE,sCAA2E;AAC3E,6CAA2D;AAE3D,iDAA8C;
|
|
1
|
+
{"version":3,"file":"TransactionSessionStatusCriterion.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/criterion/TransactionSessionStatusCriterion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,29 +10,65 @@ const style_1 = require("../../select/style");
|
|
|
10
10
|
const PneSelect_1 = tslib_1.__importDefault(require("../../../../../dropdown/PneSelect"));
|
|
11
11
|
const SearchUIProvider_1 = require("../../../../SearchUIProvider");
|
|
12
12
|
const react_i18next_1 = require("react-i18next");
|
|
13
|
+
const AutoTestAttribute_1 = require("../../../../../AutoTestAttribute");
|
|
14
|
+
const AutoTestScope_1 = require("../../../AutoTestScope");
|
|
15
|
+
const CRITERION_INPUT_AUTOTEST_ID = 'criterion-input';
|
|
16
|
+
const CRITERION_INPUT_OPTIONS_AUTOTEST_ID = 'criterion-input-options';
|
|
17
|
+
const CRITERION_INPUT_OPTION_AUTOTEST_ID = 'criterion-input-option';
|
|
13
18
|
const OrdersSearchCountrySelect = () => {
|
|
14
19
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
15
20
|
const setOrderSearchCriterionValue = (0, store_1.useSearchUIFiltersStore)(s => s.setOrderSearchCriterionValue);
|
|
21
|
+
const ordersSearchValue = (0, store_1.useSearchUIFiltersStore)(s => s.ordersSearchValue);
|
|
16
22
|
const [availableCountries, setAvailableCountries] = (0, react_1.useState)([]);
|
|
17
|
-
const [
|
|
23
|
+
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
18
24
|
const { getCountries } = (0, react_1.useContext)(SearchUIProvider_1.SearchUIDefaultsContext);
|
|
25
|
+
const autoTestOwner = (0, AutoTestScope_1.useSearchUIAutoTestScope)();
|
|
19
26
|
(0, react_1.useEffect)(() => {
|
|
27
|
+
let active = true;
|
|
28
|
+
setLoading(true);
|
|
20
29
|
getCountries()
|
|
21
30
|
.then(response => {
|
|
22
|
-
|
|
31
|
+
if (active) {
|
|
32
|
+
setAvailableCountries(response);
|
|
33
|
+
setLoading(false);
|
|
34
|
+
}
|
|
23
35
|
})
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
36
|
+
.catch(error => {
|
|
37
|
+
if (active) {
|
|
38
|
+
setAvailableCountries([]);
|
|
39
|
+
setLoading(false);
|
|
40
|
+
console.error(error);
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
return () => {
|
|
44
|
+
active = false;
|
|
45
|
+
};
|
|
46
|
+
}, [getCountries]);
|
|
27
47
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
48
|
+
const selectedCountry = availableCountries.find(country => (String(country.id) === ordersSearchValue));
|
|
49
|
+
const disabled = loading || availableCountries.length === 0;
|
|
50
|
+
const inputAriaLabel = t('react.searchUI.ordersSearch.value', { defaultValue: 'Order search value' });
|
|
51
|
+
(0, react_1.useEffect)(() => {
|
|
52
|
+
if (disabled)
|
|
53
|
+
setOpen(false);
|
|
54
|
+
}, [disabled]);
|
|
55
|
+
const openSelect = () => {
|
|
56
|
+
if (!disabled)
|
|
57
|
+
setOpen(true);
|
|
58
|
+
};
|
|
28
59
|
return react_1.default.createElement(material_1.Box, { sx: { position: 'relative' } },
|
|
29
|
-
react_1.default.createElement(material_1.Chip, { onDelete:
|
|
30
|
-
react_1.default.createElement(PneSelect_1.default, { open: open, onClose: () => setOpen(false), onOpen:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
60
|
+
react_1.default.createElement(material_1.Chip, { onDelete: openSelect, deleteIcon: react_1.default.createElement(ExpandMore_1.default, null), label: selectedCountry?.displayName ?? t('react.searchUI.countrySelectPlaceholder'), size: 'small', "aria-hidden": true, tabIndex: -1, sx: { pointerEvents: 'none' } }),
|
|
61
|
+
react_1.default.createElement(PneSelect_1.default, { disabled: disabled, open: open, onClose: () => setOpen(false), onOpen: openSelect, sx: style_1.selectUnderChipSx, value: (selectedCountry?.id ?? ''), onChange: (value) => {
|
|
62
|
+
setOrderSearchCriterionValue(String(value.id));
|
|
63
|
+
}, options: availableCountries, getOptionProps: option => (0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_INPUT_OPTION_AUTOTEST_ID, option.value), MenuProps: {
|
|
64
|
+
slotProps: {
|
|
65
|
+
list: (0, AutoTestScope_1.createSearchUIOwnedAutoTestAttributes)(CRITERION_INPUT_OPTIONS_AUTOTEST_ID, autoTestOwner),
|
|
66
|
+
},
|
|
67
|
+
}, SelectDisplayProps: {
|
|
68
|
+
...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_INPUT_AUTOTEST_ID, selectedCountry?.id),
|
|
69
|
+
'aria-label': inputAriaLabel,
|
|
70
|
+
'aria-busy': loading,
|
|
71
|
+
} }));
|
|
36
72
|
};
|
|
37
73
|
exports.OrdersSearchCountrySelect = OrdersSearchCountrySelect;
|
|
38
74
|
//# sourceMappingURL=OrdersSearchCountrySelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrdersSearchCountrySelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCountrySelect.tsx"],"names":[],"mappings":";;;;AAAA,uDAA6D;AAC7D,4CAAwC;AACxC,wFAA4D;AAC5D,gDAA6D;AAC7D,8CAAqD;AACrD,0FAA0D;AAC1D,mEAAqE;AAErE,iDAA6C;
|
|
1
|
+
{"version":3,"file":"OrdersSearchCountrySelect.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/orders-search/OrdersSearchCountrySelect.tsx"],"names":[],"mappings":"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"}
|
package/cjs/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.js
CHANGED
|
@@ -10,12 +10,19 @@ const actions_1 = require("../../../state/actions");
|
|
|
10
10
|
const AmountMaskInput_1 = require("./AmountMaskInput");
|
|
11
11
|
const Card6And4MaskInput_1 = require("./Card6And4MaskInput");
|
|
12
12
|
const OrdersSearchCountrySelect_1 = require("./OrdersSearchCountrySelect");
|
|
13
|
+
const AutoTestAttribute_1 = require("../../../../../AutoTestAttribute");
|
|
14
|
+
const CRITERION_INPUT_AUTOTEST_ID = 'criterion-input';
|
|
13
15
|
const OrdersSearchInput = () => {
|
|
14
16
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
15
17
|
const ordersSearchLabel = (0, store_1.useSearchUIFiltersStore)(s => s.ordersSearchLabel);
|
|
16
18
|
const ordersSearchValue = (0, store_1.useSearchUIFiltersStore)(s => s.ordersSearchValue);
|
|
17
19
|
const setOrderSearchCriterionValue = (0, store_1.useSearchUIFiltersStore)(s => s.setOrderSearchCriterionValue);
|
|
18
20
|
const inputType = actions_1.OrdersSearchLabelsConfig[ordersSearchLabel];
|
|
21
|
+
const inputAriaLabel = t('react.searchUI.ordersSearch.value', { defaultValue: 'Order search value' });
|
|
22
|
+
const nativeInputProps = {
|
|
23
|
+
...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_INPUT_AUTOTEST_ID),
|
|
24
|
+
'aria-label': inputAriaLabel,
|
|
25
|
+
};
|
|
19
26
|
const handleTextChange = (event) => {
|
|
20
27
|
let newValue = event.target.value;
|
|
21
28
|
if (inputType.type === 'integer') {
|
|
@@ -38,6 +45,7 @@ const OrdersSearchInput = () => {
|
|
|
38
45
|
input: {
|
|
39
46
|
disableUnderline: true,
|
|
40
47
|
},
|
|
48
|
+
htmlInput: nativeInputProps,
|
|
41
49
|
} });
|
|
42
50
|
case 'amount':
|
|
43
51
|
return react_1.default.createElement(index_1.PneTextField, { value: ordersSearchValue, onChange: handleMaskedChange, placeholder: t('search'), size: 'small', variant: 'filled', sx: valueInputSx, slotProps: {
|
|
@@ -45,12 +53,14 @@ const OrdersSearchInput = () => {
|
|
|
45
53
|
disableUnderline: true,
|
|
46
54
|
inputComponent: AmountMaskInput_1.AmountMaskInput,
|
|
47
55
|
},
|
|
56
|
+
htmlInput: nativeInputProps,
|
|
48
57
|
} });
|
|
49
58
|
case 'ip':
|
|
50
59
|
return react_1.default.createElement(index_1.PneTextField, { value: ordersSearchValue, onChange: handleTextChange, placeholder: 'IPv4 / IPv6', size: 'small', variant: 'filled', sx: valueInputSx, slotProps: {
|
|
51
60
|
input: {
|
|
52
61
|
disableUnderline: true,
|
|
53
62
|
},
|
|
63
|
+
htmlInput: nativeInputProps,
|
|
54
64
|
} });
|
|
55
65
|
case 'card6and4':
|
|
56
66
|
return react_1.default.createElement(index_1.PneTextField, { value: ordersSearchValue, onChange: handleMaskedChange, placeholder: t('search'), size: 'small', variant: 'filled', sx: valueInputSx, slotProps: {
|
|
@@ -58,6 +68,7 @@ const OrdersSearchInput = () => {
|
|
|
58
68
|
disableUnderline: true,
|
|
59
69
|
inputComponent: Card6And4MaskInput_1.Card6And4MaskInput,
|
|
60
70
|
},
|
|
71
|
+
htmlInput: nativeInputProps,
|
|
61
72
|
} });
|
|
62
73
|
case 'country':
|
|
63
74
|
return react_1.default.createElement(OrdersSearchCountrySelect_1.OrdersSearchCountrySelect, null);
|
package/cjs/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrdersSearchInput.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyC;AACzC,gDAA6D;AAC7D,mDAAsE;AAEtE,iDAA6C;AAC7C,oDAAgE;AAChE,uDAAkD;AAClD,6DAAwD;AACxD,2EAAsE;
|
|
1
|
+
{"version":3,"file":"OrdersSearchInput.js","sourceRoot":"","sources":["../../../../../../../src/component/search-ui/filters/component/criterion/orders-search/OrdersSearchInput.tsx"],"names":[],"mappings":"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"}
|
package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.d.ts
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { AbstractEntity } from '../../../../..';
|
|
3
|
+
interface AutoTestContract {
|
|
4
|
+
controlId: string;
|
|
5
|
+
optionsId: string;
|
|
6
|
+
optionId: string;
|
|
7
|
+
}
|
|
3
8
|
interface IProps {
|
|
4
9
|
value: AbstractEntity | null;
|
|
5
10
|
onChange: (value: AbstractEntity) => void;
|
|
6
11
|
options: readonly AbstractEntity[];
|
|
7
12
|
placeholder?: ReactNode;
|
|
8
13
|
disabled?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
9
15
|
ariaLabel?: string;
|
|
16
|
+
autoTest?: AutoTestContract;
|
|
10
17
|
}
|
|
11
18
|
declare const SearchUIAbstractEntityChipSelect: (props: IProps) => React.JSX.Element;
|
|
12
19
|
export default SearchUIAbstractEntityChipSelect;
|
package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.js
CHANGED
|
@@ -6,11 +6,17 @@ const material_1 = require("@mui/material");
|
|
|
6
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
const react_i18next_1 = require("react-i18next");
|
|
8
8
|
const __1 = require("../../../../..");
|
|
9
|
+
const AutoTestAttribute_1 = require("../../../../AutoTestAttribute");
|
|
10
|
+
const AutoTestScope_1 = require("../../AutoTestScope");
|
|
9
11
|
const style_1 = require("./style");
|
|
10
12
|
const SearchUIAbstractEntityChipSelect = (props) => {
|
|
11
13
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
12
|
-
const { value, onChange, options, placeholder = t('react.chooseOne'), disabled = false, ariaLabel, } = props;
|
|
14
|
+
const { value, onChange, options, placeholder = t('react.chooseOne'), disabled = false, loading, ariaLabel, autoTest, } = props;
|
|
13
15
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
16
|
+
const autoTestOwner = (0, AutoTestScope_1.useSearchUIAutoTestScope)();
|
|
17
|
+
const selectedOption = value === null
|
|
18
|
+
? undefined
|
|
19
|
+
: options.find(option => option.id === value.id);
|
|
14
20
|
(0, react_1.useEffect)(() => {
|
|
15
21
|
if (disabled) {
|
|
16
22
|
setOpen(false);
|
|
@@ -26,8 +32,25 @@ const SearchUIAbstractEntityChipSelect = (props) => {
|
|
|
26
32
|
display: 'inline-flex',
|
|
27
33
|
maxWidth: '100%',
|
|
28
34
|
} },
|
|
29
|
-
react_1.default.createElement(material_1.Chip, { disabled: disabled, onDelete: openSelect, deleteIcon: react_1.default.createElement(ExpandMore_1.default, null), label: value?.displayName ?? placeholder, size: 'small',
|
|
30
|
-
|
|
35
|
+
react_1.default.createElement(material_1.Chip, { disabled: disabled, onDelete: openSelect, deleteIcon: react_1.default.createElement(ExpandMore_1.default, null), label: value?.displayName ?? placeholder, size: 'small', "aria-hidden": autoTest ? true : undefined, tabIndex: autoTest ? -1 : undefined, sx: {
|
|
36
|
+
maxWidth: '100%',
|
|
37
|
+
pointerEvents: autoTest ? 'none' : undefined,
|
|
38
|
+
} }),
|
|
39
|
+
react_1.default.createElement(__1.PneSelect, { disabled: disabled, open: open, onClose: () => setOpen(false), onOpen: openSelect, sx: style_1.selectUnderChipSx, getOptionLabel: option => option.label, value: (selectedOption?.id ?? ''), onChange: value => onChange(value), options: options, getOptionProps: autoTest
|
|
40
|
+
? option => (0, AutoTestAttribute_1.createAutoTestAttributes)(autoTest.optionId, option.value)
|
|
41
|
+
: undefined, MenuProps: autoTest
|
|
42
|
+
? {
|
|
43
|
+
slotProps: {
|
|
44
|
+
list: (0, AutoTestScope_1.createSearchUIOwnedAutoTestAttributes)(autoTest.optionsId, autoTestOwner),
|
|
45
|
+
},
|
|
46
|
+
}
|
|
47
|
+
: undefined, SelectDisplayProps: {
|
|
48
|
+
...(autoTest
|
|
49
|
+
? (0, AutoTestAttribute_1.createAutoTestAttributes)(autoTest.controlId, value?.id)
|
|
50
|
+
: {}),
|
|
51
|
+
...(ariaLabel ? { 'aria-label': ariaLabel } : {}),
|
|
52
|
+
'aria-busy': loading,
|
|
53
|
+
} }));
|
|
31
54
|
};
|
|
32
55
|
exports.default = SearchUIAbstractEntityChipSelect;
|
|
33
56
|
//# sourceMappingURL=SearchUIAbstractEntityChipSelect.js.map
|
package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchUIAbstractEntityChipSelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.tsx"],"names":[],"mappings":";;;AAAA,wFAA2D;AAC3D,4CAAyC;AACzC,uDAA6D;AAC7D,iDAA8C;AAC9C,sCAA0D;AAC1D,mCAA2C;
|
|
1
|
+
{"version":3,"file":"SearchUIAbstractEntityChipSelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIAbstractEntityChipSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,69 +1,80 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
+
const CheckBox_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckBox"));
|
|
5
|
+
const CheckBoxOutlineBlank_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckBoxOutlineBlank"));
|
|
6
|
+
const material_1 = require("@mui/material");
|
|
4
7
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
8
|
const react_i18next_1 = require("react-i18next");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
9
|
const __1 = require("../../../../..");
|
|
10
|
+
const AutoTestAttribute_1 = require("../../../../AutoTestAttribute");
|
|
11
|
+
const AutoTestScope_1 = require("../../AutoTestScope");
|
|
8
12
|
const ALL_OPTION_ID = -1;
|
|
13
|
+
const ALL_AUTOTEST_VALUE = 'all';
|
|
14
|
+
const CRITERION_COLLECTION_AUTOTEST_ID = 'criterion-collection';
|
|
15
|
+
const CRITERION_COLLECTION_PANEL_AUTOTEST_ID = 'criterion-collection-panel';
|
|
16
|
+
const CRITERION_COLLECTION_OPTIONS_AUTOTEST_ID = 'criterion-collection-options';
|
|
17
|
+
const CRITERION_COLLECTION_OPTION_AUTOTEST_ID = 'criterion-collection-option';
|
|
18
|
+
const CRITERION_COLLECTION_VALUE_AUTOTEST_ID = 'criterion-collection-value';
|
|
9
19
|
const SearchUIAbstractEntitySelect = (props) => {
|
|
10
20
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
11
21
|
const { value, onChange, options, } = props;
|
|
12
|
-
const
|
|
22
|
+
const autoTestOwner = (0, AutoTestScope_1.useSearchUIAutoTestScope)();
|
|
23
|
+
const criterionAriaLabel = autoTestOwner?.criterionType === undefined
|
|
24
|
+
? t('react.searchUI.values', { defaultValue: 'Filter values' })
|
|
25
|
+
: t(`react.CriterionTypeEnum.${autoTestOwner.criterionType}`);
|
|
26
|
+
const allOptionLabel = t('react.searchUI.all');
|
|
27
|
+
const allOption = (0, react_1.useMemo)(() => ({
|
|
13
28
|
id: ALL_OPTION_ID,
|
|
14
|
-
displayName:
|
|
15
|
-
};
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const optLength = options?.length ?? 0;
|
|
27
|
-
setIsSelectAllChecked(entities.length === 0 || entities.length === optLength);
|
|
28
|
-
}, [options, value.entities]);
|
|
29
|
-
const onOptionChange = (value) => {
|
|
30
|
-
if (value.length === 0
|
|
31
|
-
|| (value.length === 1 && value[0].id === ALL_OPTION_ID)) {
|
|
32
|
-
setIsSelectAllChecked(true);
|
|
33
|
-
onChange({
|
|
34
|
-
all: true,
|
|
35
|
-
entities: [],
|
|
36
|
-
});
|
|
29
|
+
displayName: allOptionLabel,
|
|
30
|
+
}), [allOptionLabel]);
|
|
31
|
+
const optionsWithAll = (0, react_1.useMemo)(() => [allOption, ...options], [allOption, options]);
|
|
32
|
+
const onOptionChange = (selectedOptions, changedOption) => {
|
|
33
|
+
if (changedOption?.id === ALL_OPTION_ID) {
|
|
34
|
+
if (!value.all) {
|
|
35
|
+
onChange({
|
|
36
|
+
all: true,
|
|
37
|
+
entities: [],
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return;
|
|
37
41
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
onChange({
|
|
41
|
-
all: false,
|
|
42
|
-
entities: value.filter(v => v.id !== ALL_OPTION_ID),
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
const onSelectAllOptionClick = (selected) => {
|
|
47
|
-
if (!selected) {
|
|
48
|
-
setIsSelectAllChecked(true);
|
|
42
|
+
const selectedEntities = selectedOptions.filter(option => option.id !== ALL_OPTION_ID);
|
|
43
|
+
if (selectedEntities.length === 0) {
|
|
49
44
|
onChange({
|
|
50
45
|
all: true,
|
|
51
46
|
entities: [],
|
|
52
47
|
});
|
|
48
|
+
return;
|
|
53
49
|
}
|
|
50
|
+
onChange({
|
|
51
|
+
all: false,
|
|
52
|
+
entities: selectedEntities,
|
|
53
|
+
});
|
|
54
54
|
};
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
55
|
+
const getAutoTestValue = (option) => (option.id === ALL_OPTION_ID ? ALL_AUTOTEST_VALUE : option.id);
|
|
56
|
+
return react_1.default.createElement(__1.PneAutocomplete, { value: value.all ? [allOption] : (value.entities ?? []), options: optionsWithAll, onChange: (_event, selectedOptions, _reason, details) => onOptionChange(selectedOptions, details?.option), sx: selectSx, multiple: true, htmlInputProps: {
|
|
57
|
+
...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_COLLECTION_AUTOTEST_ID),
|
|
58
|
+
'aria-label': criterionAriaLabel,
|
|
59
|
+
}, slotProps: {
|
|
60
|
+
paper: (0, AutoTestScope_1.createSearchUIOwnedAutoTestAttributes)(CRITERION_COLLECTION_PANEL_AUTOTEST_ID, autoTestOwner),
|
|
61
|
+
listbox: {
|
|
62
|
+
...(0, AutoTestScope_1.createSearchUIOwnedAutoTestAttributes)(CRITERION_COLLECTION_OPTIONS_AUTOTEST_ID, autoTestOwner),
|
|
63
|
+
'aria-label': criterionAriaLabel,
|
|
64
|
+
'aria-labelledby': undefined,
|
|
65
|
+
},
|
|
66
|
+
}, renderOption: (autocompleteProps, option, { selected }) => {
|
|
67
|
+
const { key, ...optionProps } = autocompleteProps;
|
|
68
|
+
const AllIcon = selected ? CheckBox_1.default : CheckBoxOutlineBlank_1.default;
|
|
69
|
+
return react_1.default.createElement("li", { ...optionProps, ...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_COLLECTION_OPTION_AUTOTEST_ID, getAutoTestValue(option)), key: key },
|
|
70
|
+
option.id === ALL_OPTION_ID
|
|
71
|
+
? react_1.default.createElement(AllIcon, { "aria-hidden": true, fontSize: 'small', sx: { mr: 1, pointerEvents: 'none' } })
|
|
72
|
+
: null,
|
|
73
|
+
option.displayName);
|
|
64
74
|
}, renderValue: (tagValue, getItemProps) => tagValue.map((option, index) => {
|
|
65
|
-
const { key, onDelete, ...tagProps } = getItemProps({ index });
|
|
66
|
-
|
|
75
|
+
const { key: _itemKey, onDelete, ...tagProps } = getItemProps({ index });
|
|
76
|
+
const autoTestValue = getAutoTestValue(option);
|
|
77
|
+
return react_1.default.createElement(material_1.Chip, { ...tagProps, ...(0, AutoTestAttribute_1.createAutoTestAttributes)(CRITERION_COLLECTION_VALUE_AUTOTEST_ID, autoTestValue), key: autoTestValue, label: option.displayName, size: 'small', onDelete: option.id === ALL_OPTION_ID ? undefined : onDelete });
|
|
67
78
|
}), disableClearable: true, disableCloseOnSelect: true, size: 'small' });
|
|
68
79
|
};
|
|
69
80
|
exports.default = SearchUIAbstractEntitySelect;
|
package/cjs/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchUIAbstractEntitySelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"SearchUIAbstractEntitySelect.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIAbstractEntitySelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,14 +6,26 @@ const material_1 = require("@mui/material");
|
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
7
|
const ExpandMore_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandMore"));
|
|
8
8
|
const __1 = require("../../../../..");
|
|
9
|
+
const AutoTestAttribute_1 = require("../../../../AutoTestAttribute");
|
|
10
|
+
const AutoTestScope_1 = require("../../AutoTestScope");
|
|
11
|
+
const ADD_FILTER_AUTOTEST_ID = 'add-filter';
|
|
12
|
+
const ADD_FILTER_OPTIONS_AUTOTEST_ID = 'add-filter-options';
|
|
9
13
|
const SearchUIAddFilter = (props) => {
|
|
10
14
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
11
15
|
const { t: optionRenderer } = (0, react_i18next_1.useTranslation)('', { keyPrefix: 'react.CriterionTypeEnum' });
|
|
16
|
+
const autoTestScope = (0, AutoTestScope_1.useSearchUIAutoTestScope)()?.scope;
|
|
12
17
|
const { onChange, options, } = props;
|
|
13
18
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
14
19
|
return react_1.default.createElement(material_1.Box, { sx: relativeContainerSx },
|
|
15
|
-
react_1.default.createElement(__1.PneButton, {
|
|
16
|
-
react_1.default.createElement(__1.PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), options: options, onChange: (value) => onChange(value), sx: selectSx, value: '', getOptionLabel: opt => optionRenderer(opt.label)
|
|
20
|
+
react_1.default.createElement(__1.PneButton, { size: 'small', color: 'pneNeutral', endIcon: react_1.default.createElement(ExpandMore_1.default, null), sx: addFilterButtonSx, "aria-hidden": true, tabIndex: -1 }, t('react.searchUI.addCriterion')),
|
|
21
|
+
react_1.default.createElement(__1.PneSelect, { open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true), options: options, onChange: (value) => onChange(value), sx: selectSx, value: '', getOptionLabel: opt => optionRenderer(opt.label), MenuProps: {
|
|
22
|
+
slotProps: {
|
|
23
|
+
list: (0, AutoTestAttribute_1.createAutoTestAttributes)(ADD_FILTER_OPTIONS_AUTOTEST_ID, autoTestScope),
|
|
24
|
+
},
|
|
25
|
+
}, SelectDisplayProps: {
|
|
26
|
+
...(0, AutoTestAttribute_1.createAutoTestAttributes)(ADD_FILTER_AUTOTEST_ID),
|
|
27
|
+
'aria-label': t('react.searchUI.addCriterion'),
|
|
28
|
+
} }));
|
|
17
29
|
};
|
|
18
30
|
exports.default = SearchUIAddFilter;
|
|
19
31
|
const relativeContainerSx = {
|
|
@@ -22,6 +34,7 @@ const relativeContainerSx = {
|
|
|
22
34
|
const addFilterButtonSx = {
|
|
23
35
|
whiteSpace: 'nowrap',
|
|
24
36
|
px: '12px',
|
|
37
|
+
pointerEvents: 'none',
|
|
25
38
|
'& .MuiButton-endIcon': {
|
|
26
39
|
ml: '8px',
|
|
27
40
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchUIAddFilter.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIAddFilter.tsx"],"names":[],"mappings":";;;AAAA,uDAAsC;AAEtC,4CAA2C;AAC3C,iDAA6C;AAC7C,wFAA4D;AAC5D,sCAAoD;
|
|
1
|
+
{"version":3,"file":"SearchUIAddFilter.js","sourceRoot":"","sources":["../../../../../../src/component/search-ui/filters/component/select/SearchUIAddFilter.tsx"],"names":[],"mappings":";;;AAAA,uDAAsC;AAEtC,4CAA2C;AAC3C,iDAA6C;AAC7C,wFAA4D;AAC5D,sCAAoD;AACpD,qEAAuE;AACvE,uDAA6D;AAE7D,MAAM,sBAAsB,GAAG,YAAY,CAAC;AAC5C,MAAM,8BAA8B,GAAG,oBAAoB,CAAC;AAO5D,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,MAAM,EAAC,CAAC,EAAC,GAAG,IAAA,8BAAc,GAAE,CAAA;IAC5B,MAAM,EAAC,CAAC,EAAE,cAAc,EAAC,GAAG,IAAA,8BAAc,EAAC,EAAE,EAAE,EAAC,SAAS,EAAE,yBAAyB,EAAC,CAAC,CAAA;IACtF,MAAM,aAAa,GAAG,IAAA,wCAAwB,GAAE,EAAE,KAAK,CAAA;IACvD,MAAM,EACF,QAAQ,EACR,OAAO,GACV,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,8BAAC,cAAG,IAAC,EAAE,EAAE,mBAAmB;QAC/B,8BAAC,aAAS,IACN,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,8BAAC,oBAAc,OAAE,EAC1B,EAAE,EAAE,iBAAiB,iBACR,IAAI,EACjB,QAAQ,EAAE,CAAC,CAAC,IACd,CAAC,CAAC,6BAA6B,CAAC,CAAa;QAC/C,8BAAC,aAAS,IACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAA0B,CAAC,EACzD,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,EAAE,EACT,cAAc,EAAE,GAAG,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE;gBACP,SAAS,EAAE;oBACP,IAAI,EAAE,IAAA,4CAAwB,EAAC,8BAA8B,EAAE,aAAa,CAAC;iBAChF;aACJ,EACD,kBAAkB,EAAE;gBAChB,GAAG,IAAA,4CAAwB,EAAC,sBAAsB,CAAC;gBACnD,YAAY,EAAE,CAAC,CAAC,6BAA6B,CAAC;aACjD,GACH,CACA,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,iBAAiB,CAAA;AAEhC,MAAM,mBAAmB,GAAY;IACjC,QAAQ,EAAE,UAAU;CACvB,CAAA;AAED,MAAM,iBAAiB,GAAY;IAC/B,UAAU,EAAE,QAAQ;IACpB,EAAE,EAAE,MAAM;IACV,aAAa,EAAE,MAAM;IACrB,sBAAsB,EAAE;QACpB,EAAE,EAAE,KAAK;KACZ;CACJ,CAAA;AAED,MAAM,QAAQ,GAAY;IACtB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,mCAAmC,EAAE;QACjC,OAAO,EAAE,MAAM;KAClB;IACD,qBAAqB,EAAE;QACnB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,CAAC;KACd;IACD,oCAAoC,EAAE;QAClC,WAAW,EAAE,wBAAwB;KACxC;IACD,+DAA+D,EAAE;QAC7D,MAAM,EAAE,MAAM;KACjB;CACJ,CAAA"}
|
package/cjs/component/search-ui/filters/component/select/SearchUICollapsableGroupSelect.d.ts
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { OrderSearchLabel } from "../../types";
|
|
3
|
+
interface GroupConfig {
|
|
4
|
+
id: string;
|
|
5
|
+
autoTestValue: string;
|
|
6
|
+
label: string;
|
|
7
|
+
items: {
|
|
8
|
+
value: OrderSearchLabel;
|
|
9
|
+
label: string;
|
|
10
|
+
}[];
|
|
11
|
+
}
|
|
12
|
+
export declare const ORDERS_SEARCH_LABEL_GROUPS: GroupConfig[];
|
|
2
13
|
type Props = {
|
|
14
|
+
anchorEl: HTMLButtonElement | null;
|
|
15
|
+
id: string;
|
|
3
16
|
open: boolean;
|
|
4
17
|
onClose: () => void;
|
|
5
|
-
onOpen: () => void;
|
|
6
18
|
};
|
|
7
19
|
export declare const SearchUICollapsableGroupSelect: (props: Props) => React.JSX.Element;
|
|
8
20
|
export {};
|