@servicetitan/anvil2 1.44.2 → 1.45.1

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './hooks';
 export * from './providers';
+export * from './types';

package/dist/{index.esm-dyoPQhi6.js → index.esm-D889iexm.js}

@@ -842,6 +842,119 @@ class Maskito extends MaskHistory {
     }
 }
 
+/**
+ * React adds `_valueTracker` property to every textfield elements for its internal logic with controlled inputs.
+ * Also, React monkey-patches `value`-setter of the native textfield elements to update state inside its `_valueTracker`.
+ * @see https://github.com/facebook/react/blob/ee76351917106c6146745432a52e9a54a41ee181/packages/react-dom-bindings/src/client/inputValueTracking.js#L12-L19
+ *
+ * React depends on `_valueTracker` to know if the value was changed to decide:
+ * - should it revert state for controlled input (if its state handler does not update value)
+ * - should it dispatch its synthetic (not native!) `change` event
+ *
+ * When Maskito patches textfield with a valid value (using setter of `value` property),
+ * it also updates `_valueTracker` state and React mistakenly decides that nothing has happened.
+ * React should update `_valueTracker` state by itself!
+ * ___
+ * @see https://github.com/facebook/react/blob/ee76351917106c6146745432a52e9a54a41ee181/packages/react-dom-bindings/src/client/inputValueTracking.js#L173-L177
+ */
+function adaptReactControlledElement(element) {
+  var _a;
+  const valueSetter = (_a = Object.getOwnPropertyDescriptor(getPrototype(element), 'value')) === null || _a === void 0 ? void 0 : _a.set;
+  if (!valueSetter) {
+    return element;
+  }
+  const adapter = {
+    set value(value) {
+      /**
+       * Mimics exactly what happens when a browser silently changes the value property.
+       * Bypass the React monkey-patching.
+       */
+      valueSetter.call(element, value);
+    }
+  };
+  return new Proxy(element, {
+    get(target, prop) {
+      const nativeProperty = target[prop];
+      return typeof nativeProperty === 'function' ? nativeProperty.bind(target) : nativeProperty;
+    },
+    // eslint-disable-next-line @typescript-eslint/max-params
+    set(target, prop, val, receiver) {
+      return Reflect.set(prop in adapter ? adapter : target, prop, val, receiver);
+    }
+  });
+}
+function getPrototype(element) {
+  var _a, _b;
+  switch (element.nodeName) {
+    case 'INPUT':
+      return (_a = globalThis.HTMLInputElement) === null || _a === void 0 ? void 0 : _a.prototype;
+    case 'TEXTAREA':
+      return (_b = globalThis.HTMLTextAreaElement) === null || _b === void 0 ? void 0 : _b.prototype;
+    default:
+      return null;
+  }
+}
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+function isThenable(x) {
+  return x && typeof x === 'object' && 'then' in x;
+}
+/**
+ * Hook for convenient use of Maskito in React
+ * @description For controlled inputs use `onInput` event
+ * @param options options used for creating Maskito
+ * @param elementPredicate function that can help find nested Input or TextArea
+ * @returns ref callback to pass it in React Element
+ * @example
+ * // To avoid unnecessary hook runs with Maskito recreation pass named variables
+ * // good example ✅
+ * useMaskito({ options: maskitoOptions, elementPredicate: maskitoPredicate })
+ *
+ * // bad example ❌
+ * useMaskito({ options: { mask: /^.*$/ }, elementPredicate: () => e.querySelector('input') })
+ */
+const useMaskito = ({
+  options = null,
+  elementPredicate = MASKITO_DEFAULT_ELEMENT_PREDICATE
+} = {}) => {
+  const [hostElement, setHostElement] = useState(null);
+  const [element, setElement] = useState(null);
+  const onRefChange = useCallback(node => {
+    setHostElement(node);
+  }, []);
+  const latestPredicateRef = useRef(elementPredicate);
+  const latestOptionsRef = useRef(options);
+  latestPredicateRef.current = elementPredicate;
+  latestOptionsRef.current = options;
+  useIsomorphicLayoutEffect(() => {
+    if (!hostElement) {
+      return;
+    }
+    const elementOrPromise = elementPredicate(hostElement);
+    if (isThenable(elementOrPromise)) {
+      void elementOrPromise.then(el => {
+        if (latestPredicateRef.current === elementPredicate && latestOptionsRef.current === options) {
+          setElement(el);
+        }
+      });
+    } else {
+      setElement(elementOrPromise);
+    }
+  }, [hostElement, elementPredicate, latestPredicateRef, options, latestOptionsRef]);
+  useIsomorphicLayoutEffect(() => {
+    if (!element || !options) {
+      return;
+    }
+    const maskedElement = new Maskito(adaptReactControlledElement(element), options);
+    return () => {
+      maskedElement.destroy();
+      setElement(null);
+    };
+  }, [options, element]);
+  return onRefChange;
+};
+
 /**
  * Clamps a value between two inclusive limits
  *
@@ -2840,118 +2953,5 @@ function maskitoNumberOptionsGenerator({ max = Number.MAX_SAFE_INTEGER, min = Nu
             : 'shift' });
 }
 
-/**
- * React adds `_valueTracker` property to every textfield elements for its internal logic with controlled inputs.
- * Also, React monkey-patches `value`-setter of the native textfield elements to update state inside its `_valueTracker`.
- * @see https://github.com/facebook/react/blob/ee76351917106c6146745432a52e9a54a41ee181/packages/react-dom-bindings/src/client/inputValueTracking.js#L12-L19
- *
- * React depends on `_valueTracker` to know if the value was changed to decide:
- * - should it revert state for controlled input (if its state handler does not update value)
- * - should it dispatch its synthetic (not native!) `change` event
- *
- * When Maskito patches textfield with a valid value (using setter of `value` property),
- * it also updates `_valueTracker` state and React mistakenly decides that nothing has happened.
- * React should update `_valueTracker` state by itself!
- * ___
- * @see https://github.com/facebook/react/blob/ee76351917106c6146745432a52e9a54a41ee181/packages/react-dom-bindings/src/client/inputValueTracking.js#L173-L177
- */
-function adaptReactControlledElement(element) {
-  var _a;
-  const valueSetter = (_a = Object.getOwnPropertyDescriptor(getPrototype(element), 'value')) === null || _a === void 0 ? void 0 : _a.set;
-  if (!valueSetter) {
-    return element;
-  }
-  const adapter = {
-    set value(value) {
-      /**
-       * Mimics exactly what happens when a browser silently changes the value property.
-       * Bypass the React monkey-patching.
-       */
-      valueSetter.call(element, value);
-    }
-  };
-  return new Proxy(element, {
-    get(target, prop) {
-      const nativeProperty = target[prop];
-      return typeof nativeProperty === 'function' ? nativeProperty.bind(target) : nativeProperty;
-    },
-    // eslint-disable-next-line @typescript-eslint/max-params
-    set(target, prop, val, receiver) {
-      return Reflect.set(prop in adapter ? adapter : target, prop, val, receiver);
-    }
-  });
-}
-function getPrototype(element) {
-  var _a, _b;
-  switch (element.nodeName) {
-    case 'INPUT':
-      return (_a = globalThis.HTMLInputElement) === null || _a === void 0 ? void 0 : _a.prototype;
-    case 'TEXTAREA':
-      return (_b = globalThis.HTMLTextAreaElement) === null || _b === void 0 ? void 0 : _b.prototype;
-    default:
-      return null;
-  }
-}
-
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-
-function isThenable(x) {
-  return x && typeof x === 'object' && 'then' in x;
-}
-/**
- * Hook for convenient use of Maskito in React
- * @description For controlled inputs use `onInput` event
- * @param options options used for creating Maskito
- * @param elementPredicate function that can help find nested Input or TextArea
- * @returns ref callback to pass it in React Element
- * @example
- * // To avoid unnecessary hook runs with Maskito recreation pass named variables
- * // good example ✅
- * useMaskito({ options: maskitoOptions, elementPredicate: maskitoPredicate })
- *
- * // bad example ❌
- * useMaskito({ options: { mask: /^.*$/ }, elementPredicate: () => e.querySelector('input') })
- */
-const useMaskito = ({
-  options = null,
-  elementPredicate = MASKITO_DEFAULT_ELEMENT_PREDICATE
-} = {}) => {
-  const [hostElement, setHostElement] = useState(null);
-  const [element, setElement] = useState(null);
-  const onRefChange = useCallback(node => {
-    setHostElement(node);
-  }, []);
-  const latestPredicateRef = useRef(elementPredicate);
-  const latestOptionsRef = useRef(options);
-  latestPredicateRef.current = elementPredicate;
-  latestOptionsRef.current = options;
-  useIsomorphicLayoutEffect(() => {
-    if (!hostElement) {
-      return;
-    }
-    const elementOrPromise = elementPredicate(hostElement);
-    if (isThenable(elementOrPromise)) {
-      void elementOrPromise.then(el => {
-        if (latestPredicateRef.current === elementPredicate && latestOptionsRef.current === options) {
-          setElement(el);
-        }
-      });
-    } else {
-      setElement(elementOrPromise);
-    }
-  }, [hostElement, elementPredicate, latestPredicateRef, options, latestOptionsRef]);
-  useIsomorphicLayoutEffect(() => {
-    if (!element || !options) {
-      return;
-    }
-    const maskedElement = new Maskito(adaptReactControlledElement(element), options);
-    return () => {
-      maskedElement.destroy();
-      setElement(null);
-    };
-  }, [options, element]);
-  return onRefChange;
-};
-
-export { maskitoWithPlaceholder as a, maskitoParseDate as b, maskitoDateOptionsGenerator as c, maskitoTimeOptionsGenerator as d, maskitoNumberOptionsGenerator as e, maskitoParseNumber as f, maskitoStringifyNumber as g, maskitoDateRangeOptionsGenerator as m, useMaskito as u };
-//# sourceMappingURL=index.esm-dyoPQhi6.js.map
+export { maskitoWithPlaceholder as a, maskitoParseDate as b, maskitoDateRangeOptionsGenerator as c, maskitoNumberOptionsGenerator as d, maskitoParseNumber as e, maskitoStringifyNumber as f, maskitoTimeOptionsGenerator as g, maskitoDateOptionsGenerator as m, useMaskito as u };
+//# sourceMappingURL=index.esm-D889iexm.js.map