[ACS-5183] properties facet file size and file type (#8766)

* ACS-5183 Created component which displays form to search nodes by file type and size * ACS-5183 Validate proper value in number input and allow to use custom file types * ACS-5183 Corrected problem with styles, case insensitive compare for extensions * ACS-5183 Added translations, styles for selecting type, proper comparator for types * ACS-5183 Prevent adding custom file type when selecting existing one * ACS-5183 Corrected bytes for each file size unit and clear number input when value is incorrect * ACS-5183 Added documentation for search properties component, updated documentation for search chip autocomplete input and taking values from settings * ACS-5183 Unit tests * ACS-5183 Added automation ids * ACS-5183 Added missing license header * ACS-5183 Fixed lint issues * ACS-5183 Fixed build issue
2025-07-24 17:32:15 +00:00 · 2023-07-18 15:45:00 +02:00
parent cffbdd51e4
commit d70f689e06
21 changed files with 1093 additions and 39 deletions
--- a/docs/README.md
+++ b/docs/README.md
@@ -297,6 +297,7 @@ for more information about installing and using the source code.
 | [Search Filter component](content-services/components/search-filter.component.md) | Represents a main container component for custom search and faceted search settings. | [Source](../lib/content-services/src/lib/search/components/search-filter/search-filter.component.ts) |
 | [Search Form component](content-services/components/search-form.component.md) | Search Form screenshot | [Source](../lib/content-services/src/lib/search/components/search-form/search-form.component.ts) |
 | [Search Logical Filter component](content-services/components/search-logical-filter.component.md) | Displays 3 chip inputs each representing different logical condition for search query. | [Source](../lib/content-services/src/lib/search/components/search-logical-filter/search-logical-filter.component.ts) |
+| [Search Properties component](content-services/components/search-properties.component.md) | Allows to search by file size and type.| [Source](../lib/content-services/src/lib/search/components/search-properties/search-properties.component.ts) |
 | [Search number range component](content-services/components/search-number-range.component.md) | Implements a number range widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-number-range/search-number-range.component.ts) |
 | [Search radio component](content-services/components/search-radio.component.md) | Implements a radio button list widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-radio/search-radio.component.ts) |
 | [Search slider component](content-services/components/search-slider.component.md) | Implements a numeric slider widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-slider/search-slider.component.ts) |
--- a/docs/content-services/components/search-chip-autocomplete-input.component.md
+++ b/docs/content-services/components/search-chip-autocomplete-input.component.md
@@ -29,6 +29,10 @@ Represents an input with autocomplete options.
 | autocompleteOptions       | `string[]` | [] | Options for autocomplete                                                                      |
 | onReset$                  | [`Observable`](https://rxjs.dev/guide/observable)`<void>` |    | Observable that will listen to any reset event causing component to clear the chips and input |
 | allowOnlyPredefinedValues | boolean | true | A flag that indicates whether it is possible to add a value not from the predefined ones      |
+| placeholder               | string | 'SEARCH.FILTER.ACTIONS.ADD_OPTION' | Placeholder which should be displayed in input. |
+| compareOption             | (option1: string, option2: string) => boolean |  | Function which is used to selected options with all options so it allows to detect which options are already selected. |
+| formatChipValue           | (option: string) => string |  | Function which is used to format custom typed options. |
+| filter                    | (options: string[], value: string) => string[] |  | Function which is used to filter out possibile options from hint. By default it checks if option includes typed value and is case insensitive. |

 ### Events

--- a/docs/content-services/components/search-properties.component.md
+++ b/docs/content-services/components/search-properties.component.md
@@ -0,0 +1,61 @@
+---
+Title: Search Properties component
+Added: v6.2.0
+Status: Active
+Last reviewed: 2023-07-13
+---
+
+# [Search Properties component](../../../lib/content-services/src/lib/search/components/search-properties/search-properties.component.ts "Defined in search-properties.component.ts")
+
+Allows to search by file size and type.
+
+![Search Properties](../../docassets/images/search-properties.png)
+
+## Basic usage
+
+```json
+{
+    "id": "properties",
+    "name": "Properties",
+    "enabled": true,
+    "component": {
+        "selector": "properties",
+        "settings": {
+            "field": "content.size,cm:name",
+            "fileExtensions": [
+                "3g2", "3gp", "acp", "aep", "ai", "aiff", "apk", "arw", "avi", "bin", "bmp", "cgm", "class", "cr2",
+                "css", "csv", "dita", "dng", "doc", "docm", "docx", "dotm","dwg", "dwt", "eps", "flac", "flv", "fm",
+                "fodg", "gif", "gtar", "gz", "htm", "html", "icns", "ics", "ief", "indd", "jar", "java", "jp2", "jpeg",
+                "jpg", "js", "json", "jsp", "m4v", "man", "md", "mov", "mp3", "mp4", "mpeg", "mpp", "mrw", "msg", "nef",
+                "numbers", "odb", "odf", "odg", "odi", "odm", "odp", "ods", "odt", "oga", "ogg", "ogv", "ogx", "orf",
+                "ott", "pages", "pbm", "pdf", "pef", "pgm", "pmd", "png", "pnm", "pot", "potx", "ppam", "ppj", "pps",
+                "ppsm", "ppt", "pptm", "pptx", "ps", "psd", "rad", "raf", "rar", "rgb", "rss", "rtf", "rw2", "rwl",
+                "sda", "sdc", "sdd", "sdp", "sds", "sdw", "sgi", "sgl", "sgml", "sh", "sldm", "smf", "stw", "svg",
+                "swf", "sxi", "tar", "tex", "texi", "tif", "tiff", "ts", "tsv", "txt", "vsd", "vsdm", "vsdx", "vssm",
+                "vstm", "vstx", "wav", "webm", "wma", "wmv", "wpd", "wrl", "x3f", "xdp", "xhtml", "xla", "xlam", "xls",
+                "xlsb", "xlsm", "xlsx", "xltm", "xml", "xpm", "xwd", "z", "zip"
+            ]
+        }
+    }
+}
+```
+
+### Settings
+
+| Name           | Type     | Description                                                                               |
+|----------------|----------|-------------------------------------------------------------------------------------------|
+| field          | string   | Field/fields to apply the query to. First field for size, second for name. Required value |
+| fileExtensions | string[] | List of preconfigured hints for extensions.                                               |
+
+
+## See also
+
+-   [Search Configuration Guide](../../user-guide/search-configuration-guide.md)
+-   [Search Query Builder service](../services/search-query-builder.service.md)
+-   [Search Widget Interface](../interfaces/search-widget.interface.md)
+-   [Search check list component](search-check-list.component.md)
+-   [Search date range component](search-date-range.component.md)
+-   [Search number range component](search-number-range.component.md)
+-   [Search radio component](search-radio.component.md)
+-   [Search slider component](search-slider.component.md)
+-   [Search text component](search-text.component.md)
--- a/docs/docassets/images/search-properties.png
+++ b/docs/docassets/images/search-properties.png
--- a/docs/versionIndex.md
+++ b/docs/versionIndex.md
@@ -12,6 +12,7 @@ backend services have been tested with each released version of ADF.

 ## Versions

+-   [v6.2.0](#v620)
 -   [v6.1.0](#v610)
 -   [v6.0.0](#v600)
 -   [v5.1.0](#v510)
@@ -42,6 +43,14 @@ backend services have been tested with each released version of ADF.
 -   [v2.1.0](#v210)
 -   [v2.0.0](#v200)

+## v6.2.0
+
+<!--v620 start-->
+
+-   [Search Properties component](content-services/components/search-properties.component.md)
+
+<!--v620 end-->
+
 ## v6.1.0

 <!--v610 start-->