@esri/solutions-components 0.8.67 → 0.9.0

package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts

@@ -76,6 +76,10 @@ export declare class CrowdsourceManager {
      * boolean: when true the layer table will support drag/drop of columns to adjust order
      */
     enableColumnReorder: boolean;
+    /**
+     * boolean: when true the users can have the option to create features
+     */
+    enableCreateFeatures: boolean;
     /**
      * boolean: when true the export to csv button will be available
      */

package/dist/types/components.d.ts

@@ -213,6 +213,10 @@ export namespace Components {
           * boolean: when true the layer table will support drag/drop of columns to adjust order
          */
         "enableColumnReorder": boolean;
+        /**
+          * boolean: when true the users can have the option to create features
+         */
+        "enableCreateFeatures": boolean;
         /**
           * boolean: when true the fullscreen widget will be available
          */
@@ -2588,6 +2592,10 @@ declare namespace LocalJSX {
           * boolean: when true the layer table will support drag/drop of columns to adjust order
          */
         "enableColumnReorder"?: boolean;
+        /**
+          * boolean: when true the users can have the option to create features
+         */
+        "enableCreateFeatures"?: boolean;
         /**
           * boolean: when true the fullscreen widget will be available
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.8.67",
+  "version": "0.9.0",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,11 +35,11 @@
     "@babel/core": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@babel/types": "^7.24.7",
+    "@babel/types": "^7.24.8",
     "@esri/arcgis-rest-service-admin": "^3.7.0",
     "@esri/calcite-design-tokens": "^2.2.0",
     "@esri/eslint-plugin-calcite-components": "^1.2.0",
-    "@esri/instant-apps-components": "^1.0.0-beta.236",
+    "@esri/instant-apps-components": "^1.0.0-beta.237",
     "@esri/solution-common": "5.3.7",
     "@esri/telemetry": "8.0.0",
     "@esri/telemetry-amazon": "3.0.1",
@@ -49,10 +49,9 @@
     "@stencil/sass": "^3.0.12",
     "@stencil/store": "^2.0.16",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.14.10",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.16.0",
-    "arcgis-js-api": "^4.29.10",
+    "@types/node": "^20.14.11",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
+    "@typescript-eslint/parser": "^7.17.0",
     "autoprefixer": "^10.4.19",
     "babel-jest": "^29.7.0",
     "braces": "^3.0.3",
@@ -60,7 +59,7 @@
     "eslint": "^8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-jest": "28.6.0",
-    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-prettier": "5.2.1",
     "eslint-plugin-react": "7.34.2",
     "eslint-plugin-unicorn": "^54.0.0",
     "esri-loader": "^3.7.0",
@@ -70,8 +69,8 @@
     "jest-cli": "^29.7.0",
     "mkdirp": "3.0.1",
     "ncp": "^2.0.0",
-    "prettier": "3.3.2",
-    "puppeteer": "^22.12.1",
+    "prettier": "3.3.3",
+    "puppeteer": "^22.13.1",
     "react": "^18.3.1",
     "rimraf": "^6.0.0",
     "tailwindcss": "3.4.4",
@@ -80,8 +79,9 @@
     "typescript": "^5.5.3"
   },
   "dependencies": {
+    "@arcgis/core": "^4.30.8",
     "@esri/arcgis-rest-auth": "^3.7.0",
-    "@esri/arcgis-rest-feature-layer": "^3.4.2",
+    "@esri/arcgis-rest-feature-layer": "^3.7.0",
     "@esri/arcgis-rest-portal": "^3.7.0",
     "@esri/arcgis-rest-request": "^3.7.0",
     "@esri/calcite-components": "2.8.2",

package/dist/cjs/ExpandToggle-4bf8ab4c.js

@@ -1,118 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const index = require('./index-62dddc18.js');
-const dom = require('./dom-3f868a04.js');
-const resources = require('./resources-f9c93f5a.js');
-const resources$1 = require('./resources-144a98da.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.8.2
- */
-const overflowActionsDebounceInMs = 150;
-const groupBufferPx = 2;
-const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
-const geActionDimensions = (actions) => {
-    const actionsNotSlotted = actions.filter((action) => action.slot !== resources.SLOTS.menuActions);
-    const actionLen = actionsNotSlotted?.length;
-    return {
-        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
-        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
-    };
-};
-const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
-    const maxContainerPx = layout === "horizontal" ? width : height;
-    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
-    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
-};
-const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
-    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
-};
-const queryActions = (el) => {
-    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources$1.SLOTS.trigger : true);
-};
-const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
-    let needToSlotCount = overflowCount;
-    actionGroups.reverse().forEach((group) => {
-        let slottedWithinGroupCount = 0;
-        const groupActions = queryActions(group).reverse();
-        groupActions.forEach((groupAction) => {
-            if (groupAction.slot === resources.SLOTS.menuActions) {
-                groupAction.removeAttribute("slot");
-                groupAction.textEnabled = expanded;
-            }
-        });
-        if (needToSlotCount > 0) {
-            groupActions.some((groupAction) => {
-                const unslottedActions = groupActions.filter((action) => !action.slot);
-                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
-                    groupAction.textEnabled = true;
-                    groupAction.setAttribute("slot", resources.SLOTS.menuActions);
-                    slottedWithinGroupCount++;
-                    if (slottedWithinGroupCount > 1) {
-                        needToSlotCount--;
-                    }
-                }
-                return needToSlotCount < 1;
-            });
-        }
-        index.forceUpdate(group);
-    });
-};
-
-/*!
- * 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.8.2
- */
-const ICONS = {
-    chevronsLeft: "chevrons-left",
-    chevronsRight: "chevrons-right",
-};
-function getCalcitePosition(position, el) {
-    return position || el.closest("calcite-shell-panel")?.position || "start";
-}
-function toggleChildActionText({ el, expanded, }) {
-    queryActions(el)
-        .filter((el) => el.slot !== resources.SLOTS.menuActions)
-        .forEach((action) => (action.textEnabled = expanded));
-    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
-}
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
-    if (tooltip) {
-        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
-    }
-    if (ref) {
-        ref(referenceElement);
-    }
-    return referenceElement;
-};
-const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
-    const rtl = dom.getElementDir(el) === "rtl";
-    const text = expanded ? collapseText : expandText;
-    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-    if (rtl) {
-        icons.reverse();
-    }
-    const end = getCalcitePosition(position, el) === "end";
-    const expandIcon = end ? icons[1] : icons[0];
-    const collapseIcon = end ? icons[0] : icons[1];
-    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null,
-        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-        ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
-    return actionNode;
-};
-
-exports.ExpandToggle = ExpandToggle;
-exports.geActionDimensions = geActionDimensions;
-exports.getOverflowCount = getOverflowCount;
-exports.overflowActions = overflowActions;
-exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
-exports.queryActions = queryActions;
-exports.toggleChildActionText = toggleChildActionText;

package/dist/cjs/FloatingArrow-0900fae3.js

@@ -1,50 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const index = require('./index-62dddc18.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.8.2
- */
-const CSS = {
-    arrow: "calcite-floating-ui-arrow",
-    arrowStroke: "calcite-floating-ui-arrow__stroke",
-};
-const DEFAULTS = {
-    width: 12,
-    height: 6,
-    strokeWidth: 1,
-};
-/**
- * Renders a SVG element to be used as a floating-ui arrow.
- *
- * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
- *
- * @param floatingLayout.floatingLayout
- * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
- *
- * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
- * @param floatingLayout.key
- * @param floatingLayout.ref
- */
-const FloatingArrow = ({ floatingLayout, key, ref, }) => {
-    const { width, height, strokeWidth } = DEFAULTS;
-    const svgX = width / 2;
-    const isVertical = floatingLayout === "vertical";
-    const dValue = "M0,0" +
-        ` H${width}` +
-        ` L${width - svgX},${height}` +
-        ` Q${svgX},${height} ${svgX},${height}` +
-        " Z";
-    return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0),
-        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-        ref: ref }, strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })), index.h("path", { d: dValue, stroke: "none" })));
-};
-
-exports.FloatingArrow = FloatingArrow;

package/dist/cjs/Heading-6f44a694.js

@@ -1,25 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const index = require('./index-62dddc18.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.8.2
- */
-function constrainHeadingLevel(level) {
-    return Math.min(Math.max(Math.ceil(level), 1), 6);
-}
-const Heading = (props, children) => {
-    const HeadingTag = props.level ? `h${props.level}` : "div";
-    delete props.level;
-    return index.h(HeadingTag, { ...props }, children);
-};
-
-exports.Heading = Heading;
-exports.constrainHeadingLevel = constrainHeadingLevel;

package/dist/cjs/InitiativeUiSchemaEdit-108652db.js

@@ -1,28 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-/**
- * complete edit UI Schema for Hub Initiatives
- */
-const uiSchema = {
-    type: "Layout",
-    elements: [
-        {
-            type: "Section",
-            labelKey: "{{i18nScope}}.sections.basicInfo.label",
-            elements: [
-                {
-                    labelKey: "{{i18nScope}}.fields.name.label",
-                    scope: "/properties/name",
-                    type: "Control",
-                },
-            ],
-        },
-    ],
-};
-
-exports.uiSchema = uiSchema;

package/dist/cjs/ProjectUiSchemaCreate-c1cbccc7.js

@@ -1,126 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const index = require('./index-bf47f22d.js');
-require('./_commonjsHelpers-2dd87068.js');
-require('./index-f64944ad.js');
-
-/**
- * minimal create uiSchema for Hub Projects - this defines
- * how the schema properties should be rendered in the
- * project creation experience
- */
-const uiSchema = {
-    type: "Layout",
-    elements: [
-        {
-            type: "Section",
-            options: { section: "stepper", scale: "l" },
-            elements: [
-                {
-                    type: "Step",
-                    labelKey: "{{i18nScope}}.sections.details.label",
-                    elements: [
-                        {
-                            type: "Section",
-                            labelKey: "{{i18nScope}}.sections.basicInfo.label",
-                            elements: [
-                                {
-                                    labelKey: "{{i18nScope}}.fields.name.label",
-                                    scope: "/properties/name",
-                                    type: "Control",
-                                },
-                                {
-                                    labelKey: "{{i18nScope}}.fields.summary.label",
-                                    scope: "/properties/summary",
-                                    type: "Control",
-                                    options: {
-                                        control: "hub-field-input-input",
-                                        type: "textarea",
-                                        helperText: {
-                                            labelKey: "{{i18nScope}}.fields.summary.helperText",
-                                        },
-                                    },
-                                },
-                                {
-                                    labelKey: "{{i18nScope}}.fields.status.label",
-                                    scope: "/properties/status",
-                                    type: "Control",
-                                    options: {
-                                        control: "hub-field-input-select",
-                                        enum: {
-                                            i18nScope: "{{i18nScope}}.fields.status.enum",
-                                        },
-                                    },
-                                },
-                            ],
-                        },
-                    ],
-                },
-                {
-                    type: "Step",
-                    labelKey: "{{i18nScope}}.sections.location.label",
-                    rule: {
-                        effect: index.UiSchemaRuleEffects.DISABLE,
-                        condition: {
-                            scope: "/properties/name",
-                            schema: { const: "" },
-                        },
-                    },
-                    elements: [
-                        {
-                            type: "Section",
-                            labelKey: "{{i18nScope}}.sections.location.label",
-                            elements: [
-                                {
-                                    scope: "/properties/location",
-                                    type: "Control",
-                                    options: {
-                                        control: "hub-field-input-location-picker",
-                                    },
-                                },
-                            ],
-                        },
-                    ],
-                },
-                {
-                    type: "Step",
-                    labelKey: "{{i18nScope}}.sections.sharing.label",
-                    rule: {
-                        effect: index.UiSchemaRuleEffects.DISABLE,
-                        condition: {
-                            scope: "/properties/name",
-                            schema: { const: "" },
-                        },
-                    },
-                    elements: [
-                        {
-                            scope: "/properties/access",
-                            type: "Control",
-                            options: {
-                                control: "arcgis-hub-access-level-controls",
-                                itemType: "{{{{i18nScope}}.fields.access.itemType:translate}}",
-                            },
-                        },
-                        {
-                            labelKey: "{{i18nScope}}.fields.groups.label",
-                            scope: "/properties/groups",
-                            type: "Control",
-                            options: {
-                                control: "hub-field-input-combobox",
-                                allowCustomValues: false,
-                                selectionMode: "multiple",
-                            },
-                        },
-                    ],
-                },
-            ],
-        },
-    ],
-};
-
-exports.uiSchema = uiSchema;

package/dist/cjs/ProjectUiSchemaEdit-d5f11c17.js

@@ -1,178 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-/**
- * complete edit uiSchema for Hub Projects - this defines
- * how the schema properties should be rendered in the
- * project editing experience
- */
-const uiSchema = {
-    type: "Layout",
-    elements: [
-        {
-            type: "Section",
-            labelKey: "{{i18nScope}}.sections.basicInfo.label",
-            elements: [
-                {
-                    labelKey: "{{i18nScope}}.fields.name.label",
-                    scope: "/properties/name",
-                    type: "Control",
-                },
-                {
-                    labelKey: "{{i18nScope}}.fields.summary.label",
-                    scope: "/properties/summary",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-input",
-                        type: "textarea",
-                        helperText: {
-                            labelKey: "{{i18nScope}}.fields.summary.helperText",
-                        },
-                    },
-                },
-                {
-                    labelKey: "{{i18nScope}}.fields.description.label",
-                    scope: "/properties/description",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-input",
-                        type: "textarea",
-                        helperText: {
-                            labelKey: "{{i18nScope}}.fields.description.helperText",
-                        },
-                    },
-                },
-                {
-                    labelKey: "{{i18nScope}}.fields.featuredImage.label",
-                    scope: "/properties/view/properties/featuredImage",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-image-picker",
-                        maxWidth: 727,
-                        maxHeight: 484,
-                        aspectRatio: 1.5,
-                        helperText: {
-                            labelKey: "{{i18nScope}}.fields.featuredImage.helperText",
-                        },
-                        sizeDescription: {
-                            labelKey: "{{i18nScope}}.fields.featuredImage.sizeDescription",
-                        },
-                    },
-                },
-                {
-                    labelKey: "{{i18nScope}}.fields.tags.label",
-                    scope: "/properties/tags",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-combobox",
-                        allowCustomValues: true,
-                        selectionMode: "multiple",
-                        placeholderIcon: "label",
-                        helperText: { labelKey: "{{i18nScope}}.sections.tags.helperText" },
-                    },
-                },
-                {
-                    labelKey: "{{i18nScope}}.fields.categories.label",
-                    scope: "/properties/categories",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-combobox",
-                        allowCustomValues: false,
-                        selectionMode: "multiple",
-                        placeholderIcon: "select-category",
-                        helperText: {
-                            labelKey: "{{i18nScope}}.sections.categories.helperText",
-                        },
-                    },
-                },
-            ],
-        },
-        {
-            type: "Section",
-            labelKey: "{{i18nScope}}.sections.location.label",
-            elements: [
-                {
-                    scope: "/properties/location",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-location-picker",
-                    },
-                },
-            ],
-        },
-        {
-            type: "Section",
-            labelKey: "{{i18nScope}}.sections.status.label",
-            elements: [
-                {
-                    scope: "/properties/status",
-                    type: "Control",
-                    labelKey: "{{i18nScope}}.fields.status.label",
-                    options: {
-                        control: "hub-field-input-select",
-                        enum: {
-                            i18nScope: "{{i18nScope}}.fields.status.enum",
-                        },
-                    },
-                },
-            ],
-        },
-        {
-            type: "Section",
-            labelKey: "{{i18nScope}}.sections.timeline.label",
-            elements: [
-                {
-                    scope: "/properties/view/properties/timeline",
-                    type: "Control",
-                    options: {
-                        control: "arcgis-hub-timeline-editor",
-                    },
-                },
-            ],
-        },
-        {
-            type: "Section",
-            labelKey: "{{i18nScope}}.sections.featuredContent.label",
-            options: {
-                helperText: {
-                    labelKey: "{{i18nScope}}.sections.featuredContent.helperText",
-                },
-            },
-            elements: [
-                {
-                    scope: "/properties/view/properties/featuredContentIds",
-                    type: "Control",
-                    options: {
-                        control: "hub-field-input-gallery-picker",
-                        targetEntity: "item",
-                        facets: [
-                            {
-                                label: "{{{{i18nScope}}.fields.featuredContent.facets.type:translate}}",
-                                key: "type",
-                                display: "multi-select",
-                                field: "type",
-                                options: [],
-                                operation: "OR",
-                                aggLimit: 100,
-                            },
-                            {
-                                label: "{{{{i18nScope}}.fields.featuredContent.facets.sharing:translate}}",
-                                key: "access",
-                                display: "multi-select",
-                                field: "access",
-                                options: [],
-                                operation: "OR",
-                            },
-                        ],
-                    },
-                },
-            ],
-        },
-    ],
-};
-
-exports.uiSchema = uiSchema;

package/dist/cjs/Validation-080a7842.js

@@ -1,20 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-const index = require('./index-62dddc18.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.8.2
- */
-const CSS = {
-    validationContainer: "validation-container",
-};
-const Validation = ({ scale, status, icon, message, }) => (index.h("div", { class: CSS.validationContainer }, index.h("calcite-input-message", { icon: icon, scale: scale, status: status }, message)));
-
-exports.Validation = Validation;