@esri/solutions-components 0.8.3 → 0.8.4

package/dist/esm/common-7e0dcaa2.js

@@ -1,295 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { h as updateItemResource, j as convertItemResourceToStorageResource, S as SolutionTemplateFormatVersion, k as addItemResource, u as updateItem, E as EFileType, l as removeItemResource } from './index-7fc1cba9.js';
-import { d as EUpdateType } from './interfaces-586e863c.js';
-
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Get an array from a list of nodes
- *
- * @param nodeList list of nodes
- *
- * @returns array of nodes
- */
-function nodeListToArray(nodeList) {
-    return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
-}
-/**
- * Saves any updated templates to the current solution item
- *
- * @param templates the updated templates array
- * @param thumbnailurl url for the items thumbnail
- * @param id for the solution item
- * @param data the current solution items data
- * @param authentication credentials for the request
- * @param translations translated strings for messages
- *
- * @returns a promise that will resolve with a success true/false response
- */
-async function save(id, data, models, authentication, translations) {
-    const itemInfo = { id };
-    const params = {
-        text: data
-    };
-    await _updateResources(id, models, data, authentication);
-    // TODO compare data with the source data in the model...should be able to
-    // understand if it has changes
-    // TODO...only update if has changes
-    const updateResults = await updateItem(itemInfo, authentication, undefined, params);
-    return Promise.resolve({
-        success: updateResults.success,
-        message: updateResults.success ? translations.editsSaved : translations.saveFailed
-    });
-}
-/**
- * Updates the solutions thumbnail and data resources
- *
- * @param solutionId id for the solution
- * @param models the models for the solutions templates
- * @param data the current data object for the solution
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve with response results
- */
-async function _updateResources(solutionId, models, data, authentication) {
-    return new Promise((resolve, reject) => {
-        const promises = [];
-        Object.keys(models).forEach(itemId => {
-            const model = models[itemId];
-            promises.push(_updateThumbnailResource(solutionId, model, data, authentication));
-            _updateFileResources(solutionId, model, data, promises, authentication);
-        });
-        if (promises.length > 0) {
-            Promise.all(promises).then(resolve, reject);
-        }
-        else {
-            resolve({ success: true });
-        }
-    });
-}
-/**
- * Updates the solutions thumbnail and data resources
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve with response results
- */
-function _updateThumbnailResource(solutionId, model, data, authentication) {
-    return new Promise((resolve, reject) => {
-        if (model.thumbnailNew) {
-            if (model.thumbnailOrigin) {
-                const name = model.thumbnailOrigin.name;
-                const opts = {
-                    id: solutionId,
-                    authentication,
-                    resource: model.thumbnailNew,
-                    name
-                };
-                const resources = model.resources.filter(r => r.endsWith(name));
-                if (resources.length === 1) {
-                    const nameParts = resources[0].split("/");
-                    if (nameParts.length === 2) {
-                        opts.prefix = nameParts[0];
-                    }
-                }
-                updateItemResource(opts).then(resolve, reject);
-            }
-            else {
-                // if the item does not have an origin thumb we need to add rather than update
-                const resourceFilePath = {
-                    type: EFileType.Thumbnail,
-                    folder: null,
-                    filename: model.thumbnailNew.name,
-                    url: "",
-                    blob: model.thumbnailNew,
-                    updateType: EUpdateType.Add
-                };
-                _add(solutionId, model, data, resourceFilePath, authentication, true).then(resolve, reject);
-            }
-        }
-        else {
-            resolve({ success: true });
-        }
-    });
-}
-/**
- * Updates the solutions data resources
- *
- * This function will update the provided promises argument by adding add/remove/update promises
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param data the current data object for the solution
- * @param promises list of add/remove/update promises
- * @param authentication credentials for the request
- */
-function _updateFileResources(solutionId, model, data, promises, authentication) {
-    // add/remove/update resources
-    model.resourceFilePaths.forEach(resourceFilePath => {
-        switch (resourceFilePath.updateType) {
-            case EUpdateType.Add:
-                promises.push(_add(solutionId, model, data, resourceFilePath, authentication));
-                break;
-            case EUpdateType.Remove:
-                promises.push(_remove(solutionId, model, data, resourceFilePath, authentication));
-                break;
-            case EUpdateType.Update:
-                promises.push(_update(solutionId, model, resourceFilePath, authentication));
-                break;
-            default:
-                break;
-        }
-    });
-}
-/**
- * Generates add resource request
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param data the current data object for the solution
- * @param resourceFilePath resource file info
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve to a response with success true/false
- */
-function _add(solutionId, model, data, resourceFilePath, authentication, isThumbnail = false) {
-    return new Promise((resolve, reject) => {
-        const storageName = convertItemResourceToStorageResource(model.itemId + isThumbnail.toString() ? "_info_thumbnail" :
-            (resourceFilePath.blob.name === resourceFilePath.filename
-                ? "_info_data"
-                : "_info_dataz"), resourceFilePath.blob.name, SolutionTemplateFormatVersion);
-        const opts = {
-            id: solutionId,
-            authentication,
-            resource: resourceFilePath.blob,
-            name: storageName.filename,
-            params: {}
-        };
-        if (storageName.folder) {
-            opts.params = {
-                resourcesPrefix: storageName.folder
-            };
-        }
-        addItemResource(opts).then(results => {
-            var _a;
-            if (results.success) {
-                _updateTemplateResourcePaths(data, model.itemId, EUpdateType.Add, ((_a = opts.params) === null || _a === void 0 ? void 0 : _a.resourcesPrefix) ? `${opts.params.resourcesPrefix}/${opts.name}` : opts.name, "");
-            }
-            resolve(results);
-        }, reject);
-    });
-}
-/**
- * Generates add resource request
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param data the current data object for the solution
- * @param resourceFilePath resource file info
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve to a response with success true/false
- */
-function _remove(solutionId, model, data, resourceFilePath, authentication) {
-    return new Promise((resolve, reject) => {
-        const name = resourceFilePath.filename;
-        const resources = model.resources.filter(r => r.endsWith(name));
-        if (resources.length > 0) {
-            const opts = {
-                id: solutionId,
-                authentication,
-                resource: resources[0]
-            };
-            removeItemResource(opts).then(results => {
-                if (results.success) {
-                    _updateTemplateResourcePaths(data, model.itemId, EUpdateType.Remove, resources[0], "");
-                }
-                resolve(results);
-            }, reject);
-        }
-        else {
-            resolve({ success: false });
-        }
-    });
-}
-/**
- * Generates update resource request
- *
- * @param solutionId id for the solution
- * @param model the model for the current solution template
- * @param resourceFilePath resource file info
- * @param authentication credentials for the request
- *
- * @returns a promise that will resolve to a response with success true/false
- */
-function _update(solutionId, model, resourceFilePath, authentication) {
-    const sourceFileName = resourceFilePath.sourceFileName;
-    const opts = {
-        id: solutionId,
-        authentication,
-        resource: resourceFilePath.blob,
-        name: sourceFileName
-    };
-    const resources = model.resources.filter(r => r.endsWith(sourceFileName));
-    if (resources.length === 1) {
-        const nameParts = resources[0].split("/");
-        if (nameParts.length === 2) {
-            opts.prefix = nameParts[0];
-        }
-    }
-    return updateItemResource(opts);
-}
-/**
- * Update the resources paths for a given template
- *
- * This function will update the provided data argument with any new or removed resource paths
- *
- * @param data the current data object for the solution
- * @param id the id of the current template
- * @param updateType add/update/remove
- * @param path the resource prefix/name
- * @param sourceFileName from the current resourceFilePath
- *
- */
-function _updateTemplateResourcePaths(data, id, updateType, path, sourceFileName) {
-    data.templates = data.templates.map(t => {
-        if (t.itemId === id) {
-            switch (updateType) {
-                case EUpdateType.Add:
-                    t.resources.push(path);
-                    break;
-                case EUpdateType.Update:
-                    t.resources = t.resources.filter(r => r.indexOf(sourceFileName) < 0);
-                    t.resources.push(path);
-                    break;
-                case EUpdateType.Remove:
-                    t.resources = t.resources.filter(r => r.indexOf(path) < 0);
-                    break;
-                default:
-                    break;
-            }
-        }
-        return t;
-    });
-}
-
-export { nodeListToArray as n };

package/dist/esm/conditionalSlot-a395417e.js

@@ -1,60 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { i as forceUpdate } from './index-bdfaac50.js';
-import { c as createObserver } from './observers-5ba39eee.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.0
- */
-const observed = new Set();
-let mutationObserver;
-const observerOptions = { childList: true };
-/**
- * Helper to set up a conditional slot component on connectedCallback.
- *
- * @param component
- * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
- *
- * ```
- * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
- * ```
- */
-function connectConditionalSlotComponent(component) {
-    if (!mutationObserver) {
-        mutationObserver = createObserver("mutation", processMutations);
-    }
-    mutationObserver.observe(component.el, observerOptions);
-}
-/**
- * Helper to tear down a conditional slot component on disconnectedCallback.
- *
- * @param component
- * @deprecated Use `onSlotchange` event with `slotChangeHasAssignedElement` DOM utility instead.
- *
- * ```
- * <slot onSlotchange={(event) => this.mySlotHasElement = slotChangeHasAssignedElement(event)} />}
- * ```
- */
-function disconnectConditionalSlotComponent(component) {
-    observed.delete(component.el);
-    // we explicitly process queued mutations and disconnect and reconnect
-    // the observer until MutationObserver gets an `unobserve` method
-    // see https://github.com/whatwg/dom/issues/126
-    processMutations(mutationObserver.takeRecords());
-    mutationObserver.disconnect();
-    for (const [element] of observed.entries()) {
-        mutationObserver.observe(element, observerOptions);
-    }
-}
-function processMutations(mutations) {
-    mutations.forEach(({ target }) => {
-        forceUpdate(target);
-    });
-}
-
-export { connectConditionalSlotComponent as c, disconnectConditionalSlotComponent as d };

package/dist/esm/create-feature.entry.js

@@ -1,259 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-bdfaac50.js';
-import { l as loadModules } from './loadModules-827c5581.js';
-import { a as getAllLayers } from './mapViewUtils-436a516e.js';
-import './esri-loader-af2bbfd5.js';
-import './_commonjsHelpers-3cd6d4ee.js';
-import './queryUtils-2529c537.js';
-import './interfaces-586e863c.js';
-
-const createFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.esri-editor__update-actions{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}";
-
-const CreateFeature = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.success = createEvent(this, "success", 7);
-        this.fail = createEvent(this, "fail", 7);
-        this.drawComplete = createEvent(this, "drawComplete", 7);
-        this.editingAttachment = createEvent(this, "editingAttachment", 7);
-        this.mapView = undefined;
-        this.selectedLayerId = undefined;
-        this.customizeSubmit = false;
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Watch handlers
-    //
-    //--------------------------------------------------------------------------
-    /**
-    * Called each time the mapView prop is changed.
-    */
-    async mapViewWatchHandler() {
-        await this.mapView.when(async () => {
-            await this.init();
-        });
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Destroy the Editor widget instance
-     * @returns Promise that resolves when the operation is complete
-     */
-    async close() {
-        if (this._editor) {
-            this._editor.destroy();
-        }
-    }
-    /**
-     * Submit the created feature
-     * @returns Promise that resolves when the operation is complete
-     */
-    async submit() {
-        if (this._editor) {
-            this._editor.viewModel.featureFormViewModel.submit();
-        }
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (lifecycle)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * StencilJS: Called once just after the component is first connected to the DOM.
-     * @returns Promise when complete
-     */
-    async componentWillLoad() {
-        await this.initModules();
-    }
-    /**
-     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-     */
-    async componentDidLoad() {
-        await this.init();
-    }
-    /**
-     * Renders the component.
-     */
-    render() {
-        return (h(Host, { id: "feature-form" }));
-    }
-    //--------------------------------------------------------------------------
-    //
-    //  Functions (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Init Editor widget and starts the create workflow
-     */
-    async init() {
-        if (this.mapView && this.selectedLayerId) {
-            await this.createEditorWidget();
-        }
-    }
-    /**
-     * Load esri javascript api modules
-     * @returns Promise resolving when function is done
-     * @protected
-     */
-    async initModules() {
-        const [Editor, reactiveUtils] = await loadModules([
-            "esri/widgets/Editor",
-            "esri/core/reactiveUtils"
-        ]);
-        this.Editor = Editor;
-        this.reactiveUtils = reactiveUtils;
-    }
-    /**
-     * Display editor widget to create the new feature
-     * @protected
-     */
-    async createEditorWidget() {
-        if (this._editor) {
-            this._editor.destroy();
-        }
-        const layerInfos = [];
-        const container = document.createElement("div");
-        const allMapLayers = await getAllLayers(this.mapView);
-        // eslint-disable-next-line @typescript-eslint/no-misused-promises
-        allMapLayers.forEach(async (eachLayer) => {
-            layerInfos.push({
-                layer: eachLayer,
-                enabled: (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.type) === "feature" && (eachLayer === null || eachLayer === void 0 ? void 0 : eachLayer.id) === this.selectedLayerId,
-                addEnabled: true,
-                updateEnabled: false,
-                deleteEnabled: false // default is true, set to false to disable the ability to delete features
-            });
-        });
-        this._editor = new this.Editor({
-            allowedWorkflows: "create-features",
-            view: this.mapView,
-            layerInfos: layerInfos,
-            visibleElements: {
-                snappingControls: false
-            },
-            container
-        });
-        this.el.appendChild(container);
-        //Add handle to watch if attachments are added/edited
-        const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
-            if (state === 'adding-attachment' || state === 'editing-attachment') {
-                this._addingAttachment = true;
-                this.editingAttachment.emit(true);
-            }
-            else {
-                if (this._addingAttachment) {
-                    this.editingAttachment.emit(false);
-                    this._addingAttachment = false;
-                }
-            }
-        });
-        this._editor.viewModel.addHandles(attachmentHandle);
-        //Add handle to watch featureTemplatesViewModel ready state and then start the creation
-        const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
-            if (state === 'ready') {
-                void this.startCreate();
-            }
-        });
-        this._editor.viewModel.addHandles(handle);
-    }
-    /**
-     * Start creating the feature
-     * @protected
-     */
-    async startCreate() {
-        var _a;
-        if ((_a = this._editor.viewModel.featureTemplatesViewModel.items) === null || _a === void 0 ? void 0 : _a.length) {
-            const items = this._editor.viewModel.featureTemplatesViewModel.items[0].get("items");
-            //once the feature template is selected handle the event for formSubmit and sketch complete
-            //also, hide the headers and footer in the editor as we will be showing our own submit and cancel button
-            this._editor.viewModel.featureTemplatesViewModel.on('select', () => {
-                setTimeout(() => {
-                    //on form submit 
-                    this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
-                    //on sketch complete emit the event
-                    this._editor.viewModel.sketchViewModel.on("create", (evt) => {
-                        if (evt.state === "complete") {
-                            this.drawComplete.emit();
-                        }
-                    });
-                    this.hideEditorsElements();
-                }, 700);
-                this.hideEditorsElements();
-            });
-            //if only one feature template then directly start geometry creation for that
-            //else allow feature template selection to user
-            if (items.length === 1) {
-                this._editor.viewModel.featureTemplatesViewModel.select(items[0]);
-            }
-            //hides the header and footer elements in editor widget
-            this.hideEditorsElements();
-        }
-    }
-    /**
-     * Hides the elements of editor widget
-     * @protected
-     */
-    hideEditorsElements() {
-        if (!this.customizeSubmit) {
-            return;
-        }
-        setTimeout(() => {
-            var _a;
-            //hides the header and footer on the featureForm
-            (_a = this.el.querySelector('.esri-editor').querySelectorAll('calcite-flow-item')) === null || _a === void 0 ? void 0 : _a.forEach((flowItem) => {
-                var _a, _b, _c, _d, _e;
-                const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
-                //hide the header
-                (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
-                //hide the footer
-                (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
-            });
-        }, 700);
-    }
-    /**
-     * On creation of feature emit the event that the feature is created
-     * @param evt feature submit event
-     * @protected
-     */
-    async submitted(evt) {
-        var _a;
-        //return if any attribute is invalid , focus will be shifted to the invalid attribute in feature form
-        if (evt.invalid.length) {
-            return;
-        }
-        //Submit only when valid attributes
-        //emit success or fail based on the result
-        if (evt.valid.length) {
-            try {
-                await this._editor.activeWorkflow.commit();
-                //throw errors if any failures
-                if ((_a = this._editor.viewModel.failures) === null || _a === void 0 ? void 0 : _a.length) {
-                    this._editor.viewModel.failures.some((failure) => {
-                        if (failure.error) {
-                            throw (failure.error);
-                        }
-                    });
-                }
-            }
-            catch (e) {
-                this.fail.emit(e);
-                return;
-            }
-            this.success.emit();
-        }
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "mapView": ["mapViewWatchHandler"]
-    }; }
-};
-CreateFeature.style = createFeatureCss;
-
-export { CreateFeature as create_feature };