powerpagestoolkit 2.7.121-2.1 → 2.7.121

package/README.md

@@ -35,7 +35,7 @@ createRef(
   options: {
     multiple: (() => boolean) | boolean = false,
     root: HTMLElement,
-    timeoutMs:number
+    timeout: number
   }
 ): Promise<DOMNodeReference | DOMNodeReference[]>;
 ```
@@ -66,7 +66,7 @@ createRef takes two main arguments:
         <pre><code class="language-javascript">{
   multiple: () => boolean | boolean,
   root: HTMLElement,
-  timeoutMs:number
+  timeout: number
 }</code></pre>
       </td>
       <td style="border: 1px solid #ddd; padding: 8px;">
@@ -98,7 +98,7 @@ const nodes = await createRef(".my-class", { multiple: true });
 
 // If the node you are targeting is not available at the initial execution
 // of the script, set a timeout for 2 seconds
-const node2 = await createRef("#target", { timeoutMs:2000 });
+const node2 = await createRef("#target", { timeout: 2000 });
 
 // need to target a node within a specific node? use that node as the root
 const otherElement = document.getElementById("id");
@@ -107,7 +107,7 @@ const node3 = await createRef("#target", { root: otherElement });
 // implement all options:
 const nodes2 = await createRef("#target", {
   multiple: true,
-  timeoutMs:4000,
+  timeout: 4000,
   root: otherElement,
 });
 ```

package/dist/bundle.js

@@ -102,11 +102,11 @@ var API = {
 };
 var API_default = API;
 
-// src/core/waitFor.ts
+// src/utils/waitFor.ts
 function waitFor(target, root = document, multiple = false, debounceTime2) {
   return new Promise((resolve, reject) => {
     if (multiple) {
-      let timeoutMs;
+      let timeout;
       const observedElements = [];
       const observedSet = /* @__PURE__ */ new Set();
       if (debounceTime2 < 1) {
@@ -122,8 +122,8 @@ function waitFor(target, root = document, multiple = false, debounceTime2) {
             observedElements.push(element);
           }
         });
-        clearTimeout(timeoutMs);
-        timeoutMs = setTimeout(() => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
           if (observedElements.length > 0) {
             observer.disconnect();
             resolve(observedElements);

package/dist/types/core/DOMNodeReference.d.ts

@@ -1,31 +1,4 @@
 import * as s from "@/constants/symbols.js";
-declare type BusinessRule = {
-    /**
-     * @param condition A function that returns a boolean to determine
-     * the visibility of the target element. If `condition()` returns true, the element is shown;
-     * otherwise, it is hidden.
-     
-     * @param clearValuesOnHide Should the values in the targeted field be cleared when hidden? Defaults to true
-     */
-    setVisibility?: [condition: () => boolean, clearValuesOnHide?: boolean];
-    /**
-     * @param isRequired Function determining if field is required
-     * @param isValid Function validating field input.
-     */
-    setRequired?: [isRequired: () => boolean, isValid: () => boolean];
-    /**
-     * @param condition A function to determine if the value provided should be applied to this field
-     * @param value The value to set for the HTML element.
-     * for parents of boolean radios, pass true or false as value, or
-     * an expression returning a boolean
-     */
-    setValue?: [condition: () => boolean, value: () => any | any];
-    /**
-     * @param condition A function to determine if this field
-     * should be enabled in a form, or disabled. True || 1 = disabled. False || 0 = enabled
-     */
-    setDisabled?: () => boolean;
-};
 export default class DOMNodeReference {
     target: Element | string;
     logicalName?: string;
@@ -278,4 +251,3 @@ export default class DOMNodeReference {
      */
     onceLoaded(callback: (instance: DOMNodeReference) => any): any;
 }
-export {};

package/dist/types/core/bindForm.d.ts

@@ -1,13 +1,10 @@
 import DOMNodeReference from "./DOMNodeReference.js";
 import DOMNodeReferenceArray from "./DOMNodeReferenceArray.js";
-declare type BoundForm = DOMNodeReferenceArray & Record<string, DOMNodeReference>;
 /**
  * Get all controls related to the form for manipulating with the
  * DOMNodeReference class. Rather than having to instantiate each fields that you need manually,
  * you can call this method once with the form ID and gain access to all fields
  * @param formId The string GUID of the form you want to bind to
- * @returns An array of DOMNodeReferences, accessible as properties of a Record<string, DOMNodeReference> i.e. formProp = form["some_logicalName"]
- * @see {@link BoundForm}
+ * @returns An array of DOMNodeReferences
  */
-export default function bindForm(formId: string): Promise<BoundForm>;
-export {};
+export default function bindForm<T extends string>(formId: string): Promise<DOMNodeReferenceArray & Record<T, DOMNodeReference>>;

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import "./style.css";
 import API from "./core/API.js";
 import createRef from "./core/createDOMNodeReferences.js";
-import waitFor from "./core/waitFor.js";
+import waitFor from "./utils/waitFor.js";
 import bindForm from "./core/bindForm.js";
 export { API, createRef, waitFor, bindForm };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerpagestoolkit",
-  "version": "2.7.1212.001",
+  "version": "2.7.121",
   "description": "Reference, manipulate, and engage with Power Pages sites through the nodes in the DOM; use a variety of custom methods that allow customizing your power pages site quicker and easier.  ",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",