@esri/solutions-components 1.2.0-next.181 → 1.2.0-next.183
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/IDGWY7NE.js +84 -0
- package/dist/cdn/{W5WIPHFJ.js → SFSI46XY.js} +1 -1
- package/dist/cdn/VOQPIDRD.js +155 -0
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/main.css +1 -1
- package/dist/components/solutions-deploy-app/customElement.js +3 -0
- package/dist/components/solutions-deployed-shell/customElement.js +2 -6
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.d.ts +0 -10
- package/dist/loader.js +0 -1
- package/dist/solutions-components_commit.txt +8 -5
- package/dist/types/lumina.d.ts +0 -6
- package/dist/types/preact.d.ts +0 -7
- package/dist/types/react.d.ts +0 -8
- package/dist/types/stencil.d.ts +0 -6
- package/package.json +1 -1
- package/dist/cdn/6RIBHYGR.js +0 -155
- package/dist/cdn/EEK7QNU3.js +0 -53
- package/dist/cdn/VZWMKKMR.js +0 -84
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.ar.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.bg.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.bs.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.ca.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.cs.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.da.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.de.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.el.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.en.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.es.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.et.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.fi.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.fr.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.he.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.hr.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.hu.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.id.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.it.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.ja.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.ko.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.lt.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.lv.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.nl.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.no.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.pl.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.pt-BR.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.pt-PT.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.ro.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.ru.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.sk.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.sl.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.sr.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.sv.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.th.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.tr.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.uk.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.vi.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.zh-CN.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.zh-HK.json +0 -8
- package/dist/cdn/assets/solutions-deployed-filter-panel/t9n/messages.zh-TW.json +0 -8
- package/dist/components/solutions-deployed-filter-panel/customElement.d.ts +0 -59
- package/dist/components/solutions-deployed-filter-panel/customElement.js +0 -155
- package/dist/components/solutions-deployed-filter-panel/index.d.ts +0 -1
- package/dist/components/solutions-deployed-filter-panel/index.js +0 -6
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../index.d.ts" />
|
|
2
|
-
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
3
|
-
import type { IFilterOption, ISearchOption } from "../../utils/interfaces.js";
|
|
4
|
-
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
5
|
-
|
|
6
|
-
export abstract class SolutionsDeployedFilterPanel extends LitElement {
|
|
7
|
-
/** @internal */
|
|
8
|
-
protected _translations: {
|
|
9
|
-
mySolutions: string;
|
|
10
|
-
myOrgSolutions: string;
|
|
11
|
-
owner: string;
|
|
12
|
-
search: { solutions: string; };
|
|
13
|
-
} & T9nMeta<{
|
|
14
|
-
mySolutions: string;
|
|
15
|
-
myOrgSolutions: string;
|
|
16
|
-
owner: string;
|
|
17
|
-
search: { solutions: string; };
|
|
18
|
-
}>;
|
|
19
|
-
/**
|
|
20
|
-
* Determines if the Owner section should be shown.
|
|
21
|
-
*
|
|
22
|
-
* @default false
|
|
23
|
-
*/
|
|
24
|
-
accessor isAllSolutions: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Detemines if the layout should be mobile view. False means it is desktop view.
|
|
27
|
-
*
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
accessor isMobile: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* Flag to store if logged in user is an admin to this ArcGIS Enterprise.
|
|
33
|
-
*
|
|
34
|
-
* @default false
|
|
35
|
-
*/
|
|
36
|
-
accessor isOrgAdmin: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Changes the filter to show only solutions that the user owns or the solutions within the organization.
|
|
39
|
-
* This function is only available when the application is in the My Solutions view.
|
|
40
|
-
*
|
|
41
|
-
* @param isMySolutions - Flag to show user's solution or organization's solutions.
|
|
42
|
-
* @param emit - (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
|
|
43
|
-
*/
|
|
44
|
-
changeOwnerFilter(isMySolutions: boolean, emit?: boolean): void;
|
|
45
|
-
/**
|
|
46
|
-
* Filters the solutions by a text search phrase.
|
|
47
|
-
*
|
|
48
|
-
* @param searchTerm - the string lookup solutions by.
|
|
49
|
-
* @param emit - (Optional) Flag whether to emit. useful when you don't want to emit multiple times for example in clear filter.
|
|
50
|
-
*/
|
|
51
|
-
changeSearchFilter(searchTerm: string, emit?: boolean): void;
|
|
52
|
-
/** Clears all the filters include search, industry and owner. */
|
|
53
|
-
clearFilters(): void;
|
|
54
|
-
/** The event that gets emitted after any filter option has changed. */
|
|
55
|
-
readonly applyFilter: import("@arcgis/lumina").TargetedEvent<this, IFilterOption[] | IFilterOption | ISearchOption | null>;
|
|
56
|
-
readonly "@eventTypes": {
|
|
57
|
-
applyFilter: SolutionsDeployedFilterPanel["applyFilter"]["detail"];
|
|
58
|
-
};
|
|
59
|
-
}
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
/* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
|
|
2
|
-
import { c as customElement } from "../../chunks/runtime.js";
|
|
3
|
-
import { css, html } from "lit";
|
|
4
|
-
import { u as useT9n } from "../../chunks/useT9n.js";
|
|
5
|
-
import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
|
|
6
|
-
const styles = css`/** @license
|
|
7
|
-
* Copyright 2025 Esri
|
|
8
|
-
*
|
|
9
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
10
|
-
* you may not use this file except in compliance with the License.
|
|
11
|
-
* You may obtain a copy of the License at
|
|
12
|
-
*
|
|
13
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
14
|
-
*
|
|
15
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
16
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
17
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
18
|
-
* See the License for the specific language governing permissions and
|
|
19
|
-
* limitations under the License.
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
|
-
.header-button-padding {
|
|
23
|
-
padding-top: .5rem;
|
|
24
|
-
padding-bottom: .5rem;
|
|
25
|
-
padding-inline-end: 1rem;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.width-full {
|
|
29
|
-
width: 100%;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.filter-layout-flex-row {
|
|
33
|
-
display: flex;
|
|
34
|
-
flex-direction: row;
|
|
35
|
-
flex: 1;
|
|
36
|
-
background-color: var(--calcite-color-foreground-2);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.filter-layout-flex-column {
|
|
40
|
-
display: flex;
|
|
41
|
-
flex-direction: column;
|
|
42
|
-
flex: 1;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.top-bottom-padding {
|
|
46
|
-
padding-top: .5rem;
|
|
47
|
-
padding-bottom: .5rem;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
calcite-panel {
|
|
51
|
-
--calcite-panel-background-color: var(--calcite-color-foreground-1);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.border-color {
|
|
55
|
-
--calcite-block-border-color: #00000000;
|
|
56
|
-
/*transparent*/
|
|
57
|
-
}`;
|
|
58
|
-
class SolutionsDeployedFilterPanel extends LitElement {
|
|
59
|
-
constructor() {
|
|
60
|
-
super();
|
|
61
|
-
this.isAllSolutions = false;
|
|
62
|
-
this.isMobile = false;
|
|
63
|
-
this.isOrgAdmin = false;
|
|
64
|
-
this._activeFilterSettings = {
|
|
65
|
-
categories: [],
|
|
66
|
-
isOwnerMySolutions: true,
|
|
67
|
-
searchTerm: ""
|
|
68
|
-
};
|
|
69
|
-
this._translations = useT9n({ name: "solutions-deployed-filter-panel", blocking: true });
|
|
70
|
-
this.applyFilter = createEvent();
|
|
71
|
-
this._handleFilterRemoved = (event) => {
|
|
72
|
-
const detail = event.detail;
|
|
73
|
-
if (Array.isArray(detail)) {
|
|
74
|
-
this._activeFilterSettings = {
|
|
75
|
-
...this._activeFilterSettings,
|
|
76
|
-
categories: [...detail]
|
|
77
|
-
};
|
|
78
|
-
} else {
|
|
79
|
-
if (typeof detail === "string" && detail.toLowerCase() === `My organization's solutions`.toLowerCase()) {
|
|
80
|
-
this.changeOwnerFilter(true, true);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
this._resetToMySolutions = () => {
|
|
85
|
-
this.changeOwnerFilter(true, true);
|
|
86
|
-
};
|
|
87
|
-
this._handleTabChanged = () => {
|
|
88
|
-
this.changeSearchFilter("", true);
|
|
89
|
-
};
|
|
90
|
-
this.listenOn(window, "filterRemoved", this._handleFilterRemoved);
|
|
91
|
-
this.listenOn(window, "deployProgressEnd", this._resetToMySolutions);
|
|
92
|
-
this.listenOn(window, "tabChanged", this._handleTabChanged);
|
|
93
|
-
}
|
|
94
|
-
static {
|
|
95
|
-
this.properties = { isAllSolutions: [5, {}, { type: Boolean }], isMobile: [5, {}, { type: Boolean }], isOrgAdmin: [5, {}, { type: Boolean }], _activeFilterSettings: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
|
|
96
|
-
}
|
|
97
|
-
static {
|
|
98
|
-
this.styles = styles;
|
|
99
|
-
}
|
|
100
|
-
changeOwnerFilter(isMySolutions, emit) {
|
|
101
|
-
this.isAllSolutions = !isMySolutions;
|
|
102
|
-
this._activeFilterSettings = {
|
|
103
|
-
...this._activeFilterSettings,
|
|
104
|
-
isOwnerMySolutions: isMySolutions
|
|
105
|
-
};
|
|
106
|
-
const emitObject = {
|
|
107
|
-
displayValue: this._activeFilterSettings.isOwnerMySolutions ? this._translations.mySolutions : this._translations.myOrgSolutions,
|
|
108
|
-
type: "owner",
|
|
109
|
-
value: this._activeFilterSettings.isOwnerMySolutions ? "My solutions" : "My organization's solutions"
|
|
110
|
-
};
|
|
111
|
-
if (emit) {
|
|
112
|
-
this.applyFilter.emit(emitObject);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
changeSearchFilter(searchTerm, emit) {
|
|
116
|
-
this._activeFilterSettings = {
|
|
117
|
-
...this._activeFilterSettings,
|
|
118
|
-
searchTerm
|
|
119
|
-
};
|
|
120
|
-
if (emit) {
|
|
121
|
-
this.applyFilter.emit({ searchTerm });
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
clearFilters() {
|
|
125
|
-
this.changeSearchFilter("");
|
|
126
|
-
this.applyFilter.emit(null);
|
|
127
|
-
setTimeout(() => {
|
|
128
|
-
this.changeOwnerFilter(true, true);
|
|
129
|
-
}, 500);
|
|
130
|
-
}
|
|
131
|
-
render() {
|
|
132
|
-
return html`<div class=${safeClassMap(this.isMobile ? "filter-layout-flex-column" : "filter-layout-flex-row")}>${this.isOrgAdmin && this.renderOwnerBlock() || ""}<calcite-input-text class="width-full top-bottom-padding" clearable icon=search @keyup=${(event) => {
|
|
133
|
-
const target = event.target;
|
|
134
|
-
if (event.key === "Enter") {
|
|
135
|
-
this.changeSearchFilter(target.value, true);
|
|
136
|
-
} else {
|
|
137
|
-
this.changeSearchFilter(target.value, target.value.length >= 3 || target.value.length === 0);
|
|
138
|
-
}
|
|
139
|
-
}} @blur=${(event) => {
|
|
140
|
-
const target = event.target;
|
|
141
|
-
this.changeSearchFilter(target.value, true);
|
|
142
|
-
}} .placeholder=${this._translations.search.solutions} slot=content-top .value=${this._activeFilterSettings.searchTerm}></calcite-input-text></div>`;
|
|
143
|
-
}
|
|
144
|
-
renderOwnerBlock() {
|
|
145
|
-
return html`<calcite-dropdown width=m overlay-positioning=fixed><calcite-button appearance=outline-fill class="header-button-padding" .iconStart=${!this.isAllSolutions ? "user" : "organization"} kind=neutral slot=trigger>${!this.isAllSolutions ? this._translations.mySolutions : this._translations.myOrgSolutions}</calcite-button><calcite-dropdown-group group-title=${this._translations.owner ?? nothing}><calcite-dropdown-item icon-start=user @click=${() => {
|
|
146
|
-
this.changeOwnerFilter(true, true);
|
|
147
|
-
}} .selected=${!this.isAllSolutions}>${this._translations.mySolutions}</calcite-dropdown-item><calcite-dropdown-item icon-start=organization @click=${() => {
|
|
148
|
-
this.changeOwnerFilter(false, true);
|
|
149
|
-
}} .selected=${this.isAllSolutions}>${this._translations.myOrgSolutions}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`;
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
customElement("solutions-deployed-filter-panel", SolutionsDeployedFilterPanel);
|
|
153
|
-
export {
|
|
154
|
-
SolutionsDeployedFilterPanel
|
|
155
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./customElement.js";
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import "@esri/calcite-components/components/calcite-input-text";
|
|
2
|
-
import "@esri/calcite-components/components/calcite-dropdown";
|
|
3
|
-
import "@esri/calcite-components/components/calcite-button";
|
|
4
|
-
import "@esri/calcite-components/components/calcite-dropdown-group";
|
|
5
|
-
import "@esri/calcite-components/components/calcite-dropdown-item";
|
|
6
|
-
export * from "./customElement.js";
|