@arcgis/lumina 4.33.0-next.135 → 4.33.0-next.137

package/dist/controllers/ControllerManager.d.ts

@@ -1,4 +1,4 @@
-import { BaseController, ReactiveTrackingTarget } from './types';
+import { BaseController } from './types';
 import { GenericController } from './Controller';
 import { PropertyValues } from 'lit';
 import { LitElement } from '../LitElement';
@@ -28,25 +28,6 @@ export declare class ControllerManager extends GenericController<undefined> {
      * @private
      */
     _isEnforcingReadonly: boolean;
-    /**
-     * A possible reference to JS API's createTrackingTarget() function to create
-     * an observer that will keep track of what properties were accessed during
-     * render().
-     *
-     * This property is set by useAccessor() if it was used on the component
-     *
-     * @private
-     */
-    _createTrackingTarget?: (callback: () => void) => ReactiveTrackingTarget;
-    /**
-     * A possible reference to JS API's runTracked() function to run update() with
-     * property accesses tracking enabled.
-     *
-     * This property is set by useAccessor() if it was used on the component
-     *
-     * @private
-     */
-    _runTracked?: (target: ReactiveTrackingTarget, callback: () => void) => void;
     /** @private */
     _trackedValue: unknown;
     /** @private */

package/dist/controllers/accessor/index.d.ts

@@ -1,2 +1,4 @@
-export { makeAccessorController, AccessorController, reCreateAccessor, makeBinderProxy, getAccessorControllerBoundProperties, } from './useAccessor';
 export { reEmitEvent } from './reEmitEvent';
+export { makeAccessorController, AccessorController, reCreateAccessor, makeBinderProxy, getAccessorControllerBoundProperties, } from './useAccessor';
+export { createStore, createLegacyStore } from './store';
+export type { ObservableMap } from './store';

package/dist/controllers/accessor/index.js

@@ -1,8 +1,22 @@
-import { G as GenericController, l as trackPropKey, t as trackKey, r as retrieveComponent, f as createEventFactory } from "../../Controller-BQOv8BAL.js";
-import { p as proxyExports } from "../../proxyExports-Cdzj7WL_.js";
 import { isEsriInternalEnv } from "@arcgis/components-utils";
-import { watch, on } from "@arcgis/core/core/reactiveUtils.js";
-import { createObservable, createTrackingTarget, runTracked, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { r as retrieveComponent, f as createEventFactory, G as GenericController, l as trackPropKey, t as trackKey } from "../../Controller-BQOv8BAL.js";
+import { on, watch } from "@arcgis/core/core/reactiveUtils.js";
+import { p as proxyExports } from "../../proxyExports-Cdzj7WL_.js";
+import { createObservable, trackAccess } from "@arcgis/core/applications/Components/reactiveUtils.js";
+import { property, subclass } from "@arcgis/core/core/accessorSupport/decorators.js";
+import Accessor from "@arcgis/core/core/Accessor.js";
+const reEmitEvent = (getEventedAccessor, eventName) => {
+  const component = retrieveComponent();
+  const manager = component.manager;
+  manager.onLoaded(() => manager.onLifecycle(() => on(getEventedAccessor, eventName, emitter.emit)));
+  const emitter = createEventFactory();
+  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
+    if (typeof emitter !== "object" || emitter === null || !("emit" in emitter) || typeof emitter.emit !== "function") {
+      throw new Error(`Expected to find $createEvent static property on Lumina's LitElement`);
+    }
+  }
+  return emitter;
+};
 const makeAccessorController = (createInstance, _options) => (component) => proxy(component, createInstance);
 class AccessorController extends GenericController {
   constructor(component, createInstance) {
@@ -12,8 +26,6 @@ class AccessorController extends GenericController {
     const that = this;
     that.#createInstance = createInstance;
     that.Z();
-    component.manager.A = createTrackingTarget;
-    component.manager.B = runTracked;
     that.setProvisionalExports(
       makeBinderProxy(
         component,
@@ -156,10 +168,7 @@ const makeBinderProxy = (component, accessorControllerRef, accessorControllerInd
 const watchBoundProperty = (controllerRef, descriptor, propertyName, propName, shouldFlipBoolean, _handle) => _handle = watch(
   () => {
     const controller = controllerRef.deref();
-    return controller === void 0 || controller.component.manager.destroyed ? (
-      // eslint-disable-next-line @typescript-eslint/no-confusing-void-expression
-      _handle = _handle.remove()
-    ) : controller.exports[propertyName];
+    return controller === void 0 || controller.component.manager.destroyed ? _handle = _handle.remove() : controller.exports[propertyName];
   },
   (_, oldValue) => {
     if (!_handle) {
@@ -203,20 +212,31 @@ const reCreateAccessor = (instance, component) => {
     console.error("Unable to resolve the useAccessor controller from the provided value");
   }
 };
-const reEmitEvent = (getEventedAccessor, eventName) => {
-  const component = retrieveComponent();
-  const manager = component.manager;
-  manager.onLoaded(() => manager.onLifecycle(() => on(getEventedAccessor, eventName, emitter.emit)));
-  const emitter = createEventFactory();
-  if (process.env.NODE_ENV !== "production" && isEsriInternalEnv()) {
-    if (typeof emitter !== "object" || emitter === null || !("emit" in emitter) || typeof emitter.emit !== "function") {
-      throw new Error(`Expected to find $createEvent static property on Lumina's LitElement`);
-    }
-  }
-  return emitter;
+const createStore = (defaultValues) => {
+  const SubClass = class extends Accessor {
+  };
+  Object.entries(defaultValues).forEach(([name, value]) => property({ value })(SubClass.prototype, name));
+  const State = subclass()(SubClass);
+  return new State();
+};
+const createLegacyStore = (defaultState) => {
+  const defaultValues = typeof defaultState === "function" ? defaultState() : defaultState;
+  const state = createStore(defaultValues);
+  return {
+    state,
+    get: (propName) => state[propName],
+    set: (propName, value) => state.set(propName, value),
+    onChange: (propName, callback) => watch(
+      () => state[propName],
+      (newValue) => callback(newValue),
+      { sync: true }
+    ).remove
+  };
 };
 export {
   AccessorController,
+  createLegacyStore,
+  createStore,
   getAccessorControllerBoundProperties,
   makeAccessorController,
   makeBinderProxy,

package/dist/controllers/accessor/store.d.ts

@@ -0,0 +1,17 @@
+import { default as Accessor } from '@arcgis/core/core/Accessor.js';
+/**
+ * See https://qawebgis.esri.com/components/lumina/controllers/useAccessor#createstore-utility
+ */
+export declare const createStore: <T extends Record<string, unknown>>(defaultValues: T | (() => T)) => __esri.Accessor & T;
+/** @deprecated Use {@link createStore} instead */
+export declare const createLegacyStore: <T extends Record<string, unknown>>(defaultState: T | (() => T)) => ObservableMap<T>;
+/** @deprecated Use {@link createStore} instead */
+export type ObservableMap<T> = {
+    state: Accessor & T;
+    /** @deprecated Use state[propertyName] instead */
+    get: <P extends keyof T>(propName: P & string) => T[P];
+    /** @deprecated Use state[propertyName]=value instead */
+    set: <P extends keyof T>(propName: P & string, value: T[P]) => void;
+    /** @deprecated Use reactiveUtils.watch instead */
+    onChange: <Key extends keyof T>(propName: Key, callback: (newValue: T[Key]) => void) => () => void;
+};

package/dist/index.js

@@ -354,7 +354,7 @@ class LitElement extends LitElement$1 {
     if (this.el.hasAttribute("defer-hydration")) {
       return;
     }
-    const trackingTarget = this.manager.A?.(() => this.requestUpdate());
+    const trackingTarget = this.constructor.K.c?.(() => this.requestUpdate());
     this.#trackingTarget = trackingTarget;
     const isFirstCall = !this.manager.connectedCalled;
     super.connectedCallback();
@@ -375,7 +375,10 @@ class LitElement extends LitElement$1 {
   #doTrackedUpdate(changedProperties) {
     try {
       this.#trackingTarget.clear();
-      this.manager.B(this.#trackingTarget, () => super.update(changedProperties));
+      this.constructor.K.r(
+        this.#trackingTarget,
+        () => super.update(changedProperties)
+      );
     } catch (error) {
       this.#trackingTarget.clear();
       throw error;
@@ -626,10 +629,13 @@ const makeReactWrapperFactory = (react, createComponent) => (options) => {
      */
     get prototype() {
       if (customElementPrototype === void 0) {
-        customElementPrototype = customElements.get(tagName)?.prototype;
-        if (!customElementPrototype) {
+        const customElement = customElements.get(tagName);
+        if (!customElement) {
           throw new Error(`Custom element "${tagName}" not found`);
         }
+        customElement.F?.();
+        customElement.F = emptyFunction;
+        customElementPrototype = customElement.prototype;
         Object.defineProperty(elementClass, "prototype", { value: customElementPrototype });
       }
       return customElementPrototype;

package/dist/makeRuntime.d.ts

@@ -1,6 +1,6 @@
 import { CSSResult } from 'lit';
 import { LitElement } from './LitElement';
-import { AccessorObservableLike } from './controllers/types';
+import { AccessorObservableLike, ReactiveTrackingTarget } from './controllers/types';
 /**
  * `@arcgis/lumina` package may be bundled once but used by multiple packages with
  * different configuration options. For that reason, the configuration options
@@ -73,8 +73,25 @@ export type Runtime = RuntimeOptions & {
      * In CDN build, we can only import @arcgis/core async, so the lazy loader will need
      * to await this promise before beginning hydration so that the reactiveUtils
      * integration modules had time to load.
+     *
+     * @private
      */
     p?: Promise<void>;
+    /**
+     * A possible reference to JS API's createTrackingTarget() function to create
+     * an observer that will keep track of what properties were accessed during
+     * render().
+     *
+     * @private
+     */
+    c?: (callback: () => void) => ReactiveTrackingTarget;
+    /**
+     * A possible reference to JS API's runTracked() function to run update() with
+     * property accesses tracking enabled.
+     *
+     * @private
+     */
+    r?: (target: ReactiveTrackingTarget, callback: () => void) => void;
 };
 export type RuntimeOptions = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/lumina",
-  "version": "4.33.0-next.135",
+  "version": "4.33.0-next.137",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -22,7 +22,7 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/components-utils": "4.33.0-next.135",
+    "@arcgis/components-utils": "4.33.0-next.137",
     "@lit-labs/ssr": "^3.2.2",
     "@lit-labs/ssr-client": "^1.1.7",
     "@lit/context": "^1.1.5",