{"version":3,"file":"list-view-filter-property-dropdown-a35869bf.js","sources":["../../../app/javascript/formability/modelViews/components/list-view-filter-property-dropdown.vue","../../../app/javascript/formability/modelViews/components/list-view-filter-property-dropdown.vue?vue&type=template&lang.js"],"sourcesContent":["<template>\n  <a-select\n    :id=\"filterElement.idForProp('filter')\"\n    :placeholder=\"placeholder\"\n    :options=\"options\"\n    :selected-option-ids=\"selectedOptionIds\"\n    v-model=\"queryIds\"\n    @search:finished=\"handleSearchFinished\"\n    @selected=\"handleSelectAll\"\n    @deselected=\"handleDeselectAll\"\n    bind-by-array\n    multiselect\n    show-checkboxes\n    stay-open\n  ></a-select>\n</template>\n\n<script lang=\"ts\">\n  import Vue from \"vue\";\n  import {IVOptionSetLocal} from \"../../../common/interfaces/vSelectInterfaces\";\n  import ObjectModelProperty from \"../../../common/models/objectModelProperties/objectModelProperty\";\n  import {SelectOptionString} from \"../../../common/enums/selectOption\";\n  import listViewFilterMixin from '../../../common/mixins/listViews/listViewFilterMixin'\n  import {Hash} from \"../../../common/interfaces/hashInterfaces\";\n  import { uniqBy } from 'lodash'\n  import {ArrayHelper} from \"~/helpers/arrayHelper\";\n  import filterElementPropertyFilterableMixin from \"../../listViewBuilder/mixins/filter-element-property-filterable-mixin\";\n\n  const VALUE_KEY = 'id';\n  const LABEL_KEY = 'label_title';\n\n  export default Vue.extend({\n    mixins: [\n      listViewFilterMixin,\n      filterElementPropertyFilterableMixin,\n    ],\n    data: function () {\n      return {\n        queryIds: [],\n        filteredPropertyOptions: [],\n      };\n    },\n    created() {\n      this.initializeQueryIds();\n    },\n    computed: {\n      allOptionsOption(): Hash<string | boolean> {\n        return {[LABEL_KEY]: \"Select all\", [VALUE_KEY]: SelectOptionString.All, isPinned: true};\n      },\n      dropdownOptions(): Array<ObjectModelProperty | Hash<string>> {\n        return [\n          this.allOptionsOption,\n          ...this.objectModelProperties,\n        ]\n      },\n      objectModelProperties(): ObjectModelProperty[] {\n        if (this.filterElement.propertyToFilter.linked_relation_mapped_properties.length > 0) {\n          const mapped = this.filterElement.propertyToFilter.linked_relation_mapped_properties.map(prop => prop.mapped_object_model_properties)\n          return uniqBy<ObjectModelProperty>(mapped.flat(), \"label_title\")\n        }\n        return this.filterElement.propertyToFilter.objectModelPropertiesArray\n      },\n      options(): IVOptionSetLocal {\n        return {\n          labelKey: LABEL_KEY,\n          valueKey: VALUE_KEY,\n          options: this.dropdownOptions,\n        };\n      },\n      selectedOptionIds(): Array<string> {\n        const selectedIds = this.queryIds.slice();\n\n        // show \"Select all\" as checked if all options are selected\n        if (this.allPropertyOptionsSelected) {\n          selectedIds.push(this.allOptionsOption.id);\n        }\n\n        return selectedIds;\n      },\n      allPropertyOptionsSelected(): boolean {\n        let props: Array<ObjectModelProperty>;\n        if (this.filteredPropertyOptions.length > 0) {\n          props = this.filteredPropertyOptions;\n        } else {\n          props = this.objectModelProperties;\n        }\n\n        return props.length > 0 && props.every((prop) => this.queryIds.includes(prop.id));\n      },\n      placeholder(): string {\n        switch (this.queryIds.length) {\n          case 0:\n            return this.filterElement.placeholder_text || \"Select one...\";\n          case 1:\n            return this.objectModelProperties.find(p => p.id === this.queryIds[0])[LABEL_KEY]\n          default:\n            const selected = this.queryIds.length;\n            const total = this.objectModelProperties.length;\n            return `${selected}/${total} Selected`;\n        }\n      },\n    },\n    methods: {\n      clearQueryIfInvalid(): void {\n        const labels = decodeURIComponent(this.queryValue).split(',').filter(t => !!t);\n        if (!labels.every(label => !!this.objectModelProperties.find(prop => prop.label_title === label))) {\n          this.clearFilter({mode: 'replace'});\n        }\n      },\n      initializeQueryIds(): void {\n        if (this.queryIds.length > 0 || !this.queryValue) return;\n\n        const labels = decodeURIComponent(this.queryValue).split(',').filter(t => !!t);\n        this.queryIds = this.getSelectedValueIdentifiers({selectedValues: labels, fromKey: LABEL_KEY, toKey: VALUE_KEY});\n      },\n      getSelectedValueIdentifiers(instructions: {selectedValues: string[], fromKey: string, toKey: string}): string[] {\n        // transforms selectedValues from one identifier type to another, i.e. from :label_title to :id or vice versa\n        const {selectedValues, fromKey, toKey} = instructions;\n\n        return this.objectModelProperties.reduce((identifiers, property) => {\n          if (selectedValues.includes(property[fromKey])) {\n            identifiers.push(property[toKey]);\n          }\n          return identifiers;\n        }, []);\n      },\n      setDefaultFilter(): void {\n        if (!!this.queryValue || this.isInDashBoardDrillDown) {\n          return;\n        }\n        if (this.filterElement.default_property_filter_option_ids.length > 0) {\n          this.queryIds = this.filterElement.default_property_filter_option_ids.slice();\n        } else {\n          this.clearFilter();\n        }\n      },\n      setFilter(): void {\n        this.addFilterToQuery(this.selectedIdsQueryValues().join(','));\n      },\n      selectedIdsQueryValues(): string[] {\n        return this.getSelectedValueIdentifiers({selectedValues: this.queryIds, fromKey: VALUE_KEY, toKey: LABEL_KEY});\n      },\n      handleSearchFinished(results: Array<{ result: Array<ObjectModelProperty | Hash<string>> }>): void {\n        const options = results && results[0]?.result;\n        this.filteredPropertyOptions = options?.filter(o => o.id !== this.allOptionsOption.id) || [];\n      },\n      handleSelectAll(lastSelectedOption: { [VALUE_KEY] }): void {\n        if (lastSelectedOption[VALUE_KEY] !== this.allOptionsOption[VALUE_KEY]) return;\n\n        this.queryIds = this.objectModelProperties.map(p => p[VALUE_KEY]);\n      },\n      handleDeselectAll(lastSelectedOption: { [VALUE_KEY] }): void {\n        if (lastSelectedOption[VALUE_KEY] === this.allOptionsOption[VALUE_KEY]) {\n          this.queryIds = [];\n        } else {\n          ArrayHelper.removeFirst(this.queryIds, this.allOptionsOption[VALUE_KEY]);\n        }\n      },\n      reset(): void {\n        this.queryIds = [];\n      },\n    },\n    watch: {\n      queryIds(newVal, oldVal) {\n        if (newVal.length === 0 && oldVal.length === 0) return; // prevent changing filter on component initialization\n\n        if (newVal.length === 0) {\n          this.clearFilter();\n        } else {\n          this.setFilter();\n        }\n      },\n    }\n  });\n</script>","\n<a-select\n  :id=\"filterElement.idForProp('filter')\"\n  :placeholder=\"placeholder\"\n  :options=\"options\"\n  :selected-option-ids=\"selectedOptionIds\"\n  v-model=\"queryIds\"\n  @search:finished=\"handleSearchFinished\"\n  @selected=\"handleSelectAll\"\n  @deselected=\"handleDeselectAll\"\n  bind-by-array\n  multiselect\n  show-checkboxes\n  stay-open\n></a-select>\n"],"names":["VALUE_KEY","LABEL_KEY","__vue2_script","Vue","extend","mixins","listViewFilterMixin","filterElementPropertyFilterableMixin","data","queryIds","filteredPropertyOptions","created","this","initializeQueryIds","computed","allOptionsOption","SelectOptionString","All","isPinned","dropdownOptions","objectModelProperties","filterElement","propertyToFilter","linked_relation_mapped_properties","length","mapped","map","prop","mapped_object_model_properties","uniqBy","flat","objectModelPropertiesArray","options","labelKey","valueKey","selectedOptionIds","selectedIds","slice","allPropertyOptionsSelected","push","id","props","every","includes","placeholder","placeholder_text","find","p","methods","clearQueryIfInvalid","decodeURIComponent","queryValue","split","filter","t","label","label_title","clearFilter","mode","labels","getSelectedValueIdentifiers","selectedValues","fromKey","toKey","instructions","reduce","identifiers","property","setDefaultFilter","isInDashBoardDrillDown","default_property_filter_option_ids","setFilter","addFilterToQuery","selectedIdsQueryValues","join","handleSearchFinished","results","_a","result","o","handleSelectAll","lastSelectedOption","handleDeselectAll","ArrayHelper","removeFirst","reset","watch","newVal","oldVal","_vm","_h","$createElement","_self","_c","attrs","idForProp","multiselect","on","selected","deselected","model","value","callback","$$v","expression"],"mappings":"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"}