@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/hooks/index.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkFMBWVJNXcjs = require('../chunk-FMBWVJNX.cjs');
+
+
+var _chunk5UCT6JIFcjs = require('../chunk-5UCT6JIF.cjs');
+
+
+var _chunkDH3F4ATScjs = require('../chunk-DH3F4ATS.cjs');
+
+
+var _chunkCBZWRFNUcjs = require('../chunk-CBZWRFNU.cjs');
+require('../chunk-TXCUXXQQ.cjs');
+require('../chunk-IO33D4VH.cjs');
+require('../chunk-WNB3MZJO.cjs');
+require('../chunk-4FRWKWXJ.cjs');
+require('../chunk-YEN2IQ6Z.cjs');
+require('../chunk-YIDQ2YI5.cjs');
+require('../chunk-BAUCJTNO.cjs');
+require('../chunk-XHXTTU65.cjs');
+require('../chunk-MEPSDTIK.cjs');
+require('../chunk-J26VDYFV.cjs');
+require('../chunk-QV4YFGGG.cjs');
+require('../chunk-V6U2YSQU.cjs');
+require('../chunk-GNRTDXIC.cjs');
+
+
+var _chunkKL5ZQSVOcjs = require('../chunk-KL5ZQSVO.cjs');
+
+
+var _chunk3JTH7BHIcjs = require('../chunk-3JTH7BHI.cjs');
+
+
+var _chunkJZ3TGO3Dcjs = require('../chunk-JZ3TGO3D.cjs');
+
+
+var _chunkO3AC5VB6cjs = require('../chunk-O3AC5VB6.cjs');
+
+
+var _chunkWDN77DVOcjs = require('../chunk-WDN77DVO.cjs');
+
+
+var _chunkLIAWB4ZOcjs = require('../chunk-LIAWB4ZO.cjs');
+
+
+var _chunkTPVPCMRQcjs = require('../chunk-TPVPCMRQ.cjs');
+require('../chunk-Z6EUSUAD.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useClipboard = _chunkJZ3TGO3Dcjs.useClipboard; exports.useDebounce = _chunkO3AC5VB6cjs.useDebounce; exports.useDocumentTitle = _chunkWDN77DVOcjs.useDocumentTitle; exports.useFields = _chunkLIAWB4ZOcjs.useFields; exports.useIsomorphicLayoutEffect = _chunkTPVPCMRQcjs.useIsomorphicLayoutEffect; exports.useLiveRef = _chunkKL5ZQSVOcjs.useLiveRef; exports.useMaxScaleIOS = _chunkFMBWVJNXcjs.useMaxScaleIOS; exports.useNumberInput = _chunkCBZWRFNUcjs.useNumberInput; exports.useQueryParams = _chunk5UCT6JIFcjs.useQueryParams; exports.useResizeObserver = _chunk3JTH7BHIcjs.useResizeObserver; exports.useWhatChanged = _chunkDH3F4ATScjs.useWhatChanged;

package/dist/hooks/index.d.cts

@@ -0,0 +1,14 @@
+export { useClipboard } from './useClipboard.cjs';
+export { useDebounce } from './useDebounce.cjs';
+export { useDocumentTitle } from './useDocumentTitle.cjs';
+export { default as useFields } from './useFields.cjs';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.cjs';
+export { useLiveRef } from './useLiveRef.cjs';
+export { useMaxScaleIOS } from './useMaxScaleIOS.cjs';
+export { useNumberInput } from './useNumberInput/useNumberInput.cjs';
+export { useQueryParams } from './useQueryParams.cjs';
+export { useResizeObserver } from './useResizeObserver.cjs';
+export { useWhatChanged } from '@simbathesailor/use-what-changed';
+import 'lodash';
+import 'react';
+import './useNumberInput/types.cjs';

package/dist/hooks/index.d.ts

@@ -0,0 +1,14 @@
+export { useClipboard } from './useClipboard.js';
+export { useDebounce } from './useDebounce.js';
+export { useDocumentTitle } from './useDocumentTitle.js';
+export { default as useFields } from './useFields.js';
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
+export { useLiveRef } from './useLiveRef.js';
+export { useMaxScaleIOS } from './useMaxScaleIOS.js';
+export { useNumberInput } from './useNumberInput/useNumberInput.js';
+export { useQueryParams } from './useQueryParams.js';
+export { useResizeObserver } from './useResizeObserver.js';
+export { useWhatChanged } from '@simbathesailor/use-what-changed';
+import 'lodash';
+import 'react';
+import './useNumberInput/types.js';

package/dist/hooks/index.js

@@ -0,0 +1,60 @@
+import {
+  useMaxScaleIOS
+} from "../chunk-FHYBFAVA.js";
+import {
+  useQueryParams
+} from "../chunk-2FEYG26P.js";
+import {
+  useWhatChanged
+} from "../chunk-JOT3EVGV.js";
+import {
+  useNumberInput
+} from "../chunk-T6Q43UMB.js";
+import "../chunk-U54SGYGZ.js";
+import "../chunk-GWTYSYM2.js";
+import "../chunk-7TOYXXZB.js";
+import "../chunk-AKU26XW3.js";
+import "../chunk-LIVX4NT2.js";
+import "../chunk-PMVCK3WB.js";
+import "../chunk-J5JBFO7A.js";
+import "../chunk-QBRDZ3U5.js";
+import "../chunk-EVBIWR7K.js";
+import "../chunk-VGCIBO3Q.js";
+import "../chunk-HHOQWXGY.js";
+import "../chunk-KP23WTR4.js";
+import "../chunk-NANOYEVH.js";
+import {
+  useLiveRef
+} from "../chunk-UDFJ6IWI.js";
+import {
+  useResizeObserver
+} from "../chunk-ZSWFGISK.js";
+import {
+  useClipboard
+} from "../chunk-QHODHUW2.js";
+import {
+  useDebounce
+} from "../chunk-3KRQU3PT.js";
+import {
+  useDocumentTitle
+} from "../chunk-QLLGA3JU.js";
+import {
+  useFields
+} from "../chunk-2VVOVGDU.js";
+import {
+  useIsomorphicLayoutEffect
+} from "../chunk-ABSTTY5Q.js";
+import "../chunk-W7FAWX6T.js";
+export {
+  useClipboard,
+  useDebounce,
+  useDocumentTitle,
+  useFields,
+  useIsomorphicLayoutEffect,
+  useLiveRef,
+  useMaxScaleIOS,
+  useNumberInput,
+  useQueryParams,
+  useResizeObserver,
+  useWhatChanged
+};

package/dist/hooks/useDebounce.cjs

@@ -1,26 +1,7 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-Z6EUSUAD.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-// src/hooks/useDebounce.tsx
-var _lodashes = require('lodash-es');
-var _react = require('react');
-function useDebounce(value, delay = 0, options) {
-  const [current, setCurrent] = _react.useState.call(void 0, value);
-  const jsonOptions = JSON.stringify(options);
-  _react.useEffect.call(void 0, () => {
-    const debounced = _lodashes.debounce.call(void 0, 
-      () => {
-        setCurrent(value);
-      },
-      delay,
-      options
-    );
-    debounced();
-    return () => {
-      debounced.cancel();
-    };
-  }, [value, delay, jsonOptions]);
-  return current;
-}
+var _chunkO3AC5VB6cjs = require('../chunk-O3AC5VB6.cjs');
+require('../chunk-Z6EUSUAD.cjs');
 
 
-exports.useDebounce = useDebounce;
+exports.useDebounce = _chunkO3AC5VB6cjs.useDebounce;

package/dist/hooks/useDebounce.js

@@ -1,26 +1,7 @@
+import {
+  useDebounce
+} from "../chunk-3KRQU3PT.js";
 import "../chunk-W7FAWX6T.js";
-
-// src/hooks/useDebounce.tsx
-import { debounce } from "lodash-es";
-import { useEffect, useState } from "react";
-function useDebounce(value, delay = 0, options) {
-  const [current, setCurrent] = useState(value);
-  const jsonOptions = JSON.stringify(options);
-  useEffect(() => {
-    const debounced = debounce(
-      () => {
-        setCurrent(value);
-      },
-      delay,
-      options
-    );
-    debounced();
-    return () => {
-      debounced.cancel();
-    };
-  }, [value, delay, jsonOptions]);
-  return current;
-}
 export {
   useDebounce
 };

package/dist/hooks/useDocumentTitle.cjs

@@ -1,20 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTPVPCMRQcjs = require('../chunk-TPVPCMRQ.cjs');
+var _chunkWDN77DVOcjs = require('../chunk-WDN77DVO.cjs');
+require('../chunk-TPVPCMRQ.cjs');
 require('../chunk-Z6EUSUAD.cjs');
 
-// src/hooks/useDocumentTitle.tsx
-var _react = require('react');
-var useDocumentTitle = (defaultPrefix, title) => {
-  _chunkTPVPCMRQcjs.useIsomorphicLayoutEffect.call(void 0, () => {
-    window.document.title = `${defaultPrefix} - ${title}`;
-  }, [title, defaultPrefix]);
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      window.document.title = defaultPrefix;
-    };
-  }, [defaultPrefix]);
-};
 
-
-exports.useDocumentTitle = useDocumentTitle;
+exports.useDocumentTitle = _chunkWDN77DVOcjs.useDocumentTitle;

package/dist/hooks/useDocumentTitle.js

@@ -1,20 +1,8 @@
 import {
-  useIsomorphicLayoutEffect
-} from "../chunk-ABSTTY5Q.js";
+  useDocumentTitle
+} from "../chunk-QLLGA3JU.js";
+import "../chunk-ABSTTY5Q.js";
 import "../chunk-W7FAWX6T.js";
-
-// src/hooks/useDocumentTitle.tsx
-import { useEffect } from "react";
-var useDocumentTitle = (defaultPrefix, title) => {
-  useIsomorphicLayoutEffect(() => {
-    window.document.title = `${defaultPrefix} - ${title}`;
-  }, [title, defaultPrefix]);
-  useEffect(() => {
-    return () => {
-      window.document.title = defaultPrefix;
-    };
-  }, [defaultPrefix]);
-};
 export {
   useDocumentTitle
 };

package/dist/hooks/useFields.cjs

@@ -1,250 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZ6EUSUADcjs = require('../chunk-Z6EUSUAD.cjs');
+var _chunkLIAWB4ZOcjs = require('../chunk-LIAWB4ZO.cjs');
+require('../chunk-Z6EUSUAD.cjs');
 
-// src/hooks/useFields.tsx
-var _core = require('@uma-sdk/core');
-var _deepobjectdiff = require('deep-object-diff');
-var _lodashes = require('lodash-es');
-var _react = require('react');
-var defaultMsgs = {
-  email: "Please enter a valid email address.",
-  phone: "Please enter a valid phone number.",
-  postalCode: "Please enter a valid zip code.",
-  state: "Please enter a valid two-letter state abbreviation.",
-  name: "Name must be at least three characters.",
-  code: "Code must be eight characters long.",
-  password: "Password must be at least eight characters.",
-  required: "This field is required.",
-  umaAddress: "Please enter a valid UMA address."
-};
-var regexp = {
-  phone: /^[2-9]{1}[0-9]{9}$/,
-  postalCode: /(^\d{5}$)|(^\d{5}-\d{4}$)/,
-  email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
-  state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/
-};
-var v = {
-  email: (msg = defaultMsgs.email) => (value) => !regexp.email.test(value) ? msg : false,
-  phone: (msg = defaultMsgs.phone) => (value) => !regexp.phone.test(value) ? msg : false,
-  postalCode: (msg = defaultMsgs.postalCode) => (value) => !regexp.postalCode.test(value) ? msg : false,
-  state: (msg = defaultMsgs.state) => (value) => !regexp.state.test(value) ? msg : false,
-  name: (msg = defaultMsgs.name) => (value) => value.trim().length < 3 ? msg : false,
-  code: (msg = defaultMsgs.code) => (value) => value.trim().length !== 8 ? msg : false,
-  umaAddress: (msg = defaultMsgs.umaAddress) => (value) => !_core.isValidUmaAddress.call(void 0, value) ? msg : false,
-  required: (msg = defaultMsgs.required) => (value) => value.trim() === "" ? msg : false,
-  min: (msg, minLength = 3) => (value) => {
-    const len = typeof minLength === "number" ? minLength : 3;
-    return value.trim().length < len ? msg || `Must be at least ${len} characters long.` : false;
-  }
-};
-var defaultValidators = {
-  password: [
-    v.required("Password is required."),
-    // This needs to stay as 8 otherwise users with old shorter passwords
-    // can't login.
-    v.min("Password must be at least eight characters.", 8)
-  ],
-  city: [v.required("City is required.")],
-  name: [v.required("Name is required."), v.name()],
-  code: [v.required("Please enter a code."), v.code()],
-  email: [v.required("Email is required."), v.email()],
-  phoneNumber: [v.required("Phone number is required."), v.phone()],
-  birthdayDay: [v.min("Day is required.", 1)],
-  birthdayMonth: [v.min("Day is required.", 1)],
-  birthdayYear: [v.min("Day is required.", 4)],
-  postalCode: [v.required("Zip code is required."), v.postalCode()],
-  addressCountryCode: [v.required("Country code is required.")],
-  addressLine1: [v.required("Address is required.")],
-  addressLine2: [],
-  addressCity: [v.required("City is required.")],
-  addressState: [v.required("State is required.")],
-  addressZipCode: [v.required("Zip code is required.")]
-};
-var f = {
-  numeric: (value) => value.replace(/[^0-9]/g, "")
-};
-var defaultFormatters = {
-  birthdayDay: f.numeric,
-  birthdayMonth: f.numeric,
-  birthdayYear: f.numeric
-};
-function getFirstFieldError(fieldName, fieldValue, validatorsArg) {
-  if (typeof validatorsArg === "undefined" || validatorsArg === true) {
-    const validators = defaultValidators[fieldName];
-    if (validators) {
-      for (const validator of validators) {
-        const errorMsg = validator(fieldValue);
-        if (errorMsg) {
-          return errorMsg;
-        }
-      }
-    }
-  } else if (typeof validatorsArg !== "undefined") {
-    if (validatorsArg === false) {
-      return null;
-    }
-    for (const validator of validatorsArg) {
-      const errorMsg = validator(fieldValue);
-      if (errorMsg) {
-        return errorMsg;
-      }
-    }
-  }
-  return null;
-}
-function reduceToUndef(fields) {
-  return Object.keys(fields).reduce(
-    (acc, key) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: void 0 }),
-    {}
-  );
-}
-function reduceToFalse(fields) {
-  return Object.keys(fields).reduce(
-    (acc, key) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: false }),
-    {}
-  );
-}
-function reduceToFields(fields) {
-  return Object.entries(fields).reduce((acc, [key, fieldValueArg]) => {
-    if (typeof fieldValueArg === "string") {
-      return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg });
-    }
-    return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg[0] });
-  }, {});
-}
-function useFields(defaultFieldsFn, deps = []) {
-  const defaultFields = _react.useMemo.call(void 0, defaultFieldsFn, deps);
-  const prevDefaultFields = _react.useRef.call(void 0, defaultFields);
-  const [fields, setFields] = _react.useState.call(void 0, reduceToFields(defaultFields));
-  const [fieldErrors, setFieldErrors] = _react.useState.call(void 0, reduceToUndef(defaultFields));
-  const [blurredFields, setBlurredFields] = _react.useState.call(void 0, 
-    reduceToFalse(defaultFields)
-  );
-  const checkFieldForError = _react.useCallback.call(void 0, 
-    (fieldName, fieldValue) => {
-      const defaultField = defaultFields[fieldName];
-      const customValidators = typeof defaultField === "string" ? void 0 : defaultField[1];
-      const fieldError = getFirstFieldError(
-        fieldName,
-        fieldValue,
-        customValidators
-      );
-      if (blurredFields[fieldName]) {
-        setFieldErrors((currentFieldErrors) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, currentFieldErrors), {
-          [fieldName]: fieldError
-        }));
-      }
-      return fieldError;
-    },
-    [defaultFields, blurredFields]
-  );
-  const checkFieldsForError = _react.useCallback.call(void 0, 
-    (fieldsToCheck) => {
-      Object.entries(fieldsToCheck).forEach(([key, value]) => {
-        checkFieldForError(key, value);
-      });
-    },
-    [checkFieldForError]
-  );
-  const setFieldBlurred = _react.useCallback.call(void 0, 
-    (fieldName) => {
-      const newBlurredFields = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, blurredFields), {
-        [fieldName]: true
-      });
-      setBlurredFields(newBlurredFields);
-    },
-    [blurredFields]
-  );
-  const getSetFieldBlurred = _react.useCallback.call(void 0, 
-    (fieldName) => {
-      return () => {
-        setFieldBlurred(fieldName);
-      };
-    },
-    [setFieldBlurred]
-  );
-  const formatValue = _react.useCallback.call(void 0, (fieldName, value) => {
-    const formatter = defaultFormatters[fieldName];
-    return formatter ? formatter(value) : value;
-  }, []);
-  const mergeWithFields = _react.useCallback.call(void 0, 
-    (updatedFields) => {
-      setFields((latestFields) => {
-        const formatted = Object.entries(updatedFields).reduce(
-          (acc, [key, value]) => {
-            const val = typeof value === "string" ? value : Array.isArray(value) && typeof value[0] === "string" ? value[0] : "";
-            return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), {
-              [key]: formatValue(key, val)
-            });
-          },
-          {}
-        );
-        return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, latestFields), formatted);
-      });
-      checkFieldsForError(updatedFields);
-    },
-    [checkFieldsForError, formatValue]
-  );
-  const allFieldsValid = _react.useMemo.call(void 0, () => {
-    const valid = !Object.entries(fields).some(([fieldName, fieldValue]) => {
-      const defaultField = defaultFields[fieldName];
-      const customValidators = typeof defaultField === "string" ? void 0 : defaultField[1];
-      const firstFieldError = getFirstFieldError(
-        fieldName,
-        fieldValue,
-        customValidators
-      );
-      return firstFieldError;
-    });
-    return valid;
-  }, [fields, defaultFields]);
-  const getUpdateField = _react.useCallback.call(void 0, 
-    (fieldName) => {
-      return (newValue) => {
-        mergeWithFields({
-          [fieldName]: formatValue(fieldName, newValue)
-        });
-      };
-    },
-    [mergeWithFields, formatValue]
-  );
-  _react.useEffect.call(void 0, () => {
-    const newFields = {};
-    const diffProps = _deepobjectdiff.diff.call(void 0, prevDefaultFields.current, defaultFields);
-    Object.entries(diffProps).forEach(([key, value]) => {
-      if (typeof value === "string") {
-        newFields[key] = value;
-      } else if (_lodashes.isObject.call(void 0, value)) {
-        Object.entries(value).forEach(([arrayKey, arrayValue]) => {
-          if (arrayKey === "0" && typeof arrayValue === "string") {
-            newFields[key] = arrayValue;
-          }
-        });
-      }
-    });
-    mergeWithFields(newFields);
-    prevDefaultFields.current = defaultFields;
-  }, [defaultFields, mergeWithFields]);
-  _react.useEffect.call(void 0, () => {
-    checkFieldsForError(fields);
-  }, [blurredFields, fields, checkFieldsForError]);
-  return {
-    blurredFields,
-    getUpdateField,
-    allFieldsValid,
-    checkFieldForError,
-    fieldErrors,
-    /* needs to be a new object to ensure downstream effects are notified on updates: */
-    fields: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, fields),
-    mergeWithFields,
-    setFieldBlurred,
-    getSetFieldBlurred,
-    setFieldErrors
-  };
-}
 
 
-
-exports.default = useFields; exports.v = v;
+exports.default = _chunkLIAWB4ZOcjs.useFields; exports.v = _chunkLIAWB4ZOcjs.v;