@servicetitan/anvil2 1.46.8 → 1.46.9

package/dist/{TextField-uCHgwO5F.js → TextField-CGfnQPiO.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { T as TextField$1 } from './TextField-D9gD-34Q.js';
+import { T as TextField$1 } from './TextField-Duo_mY8Y.js';
 
 const TextField = forwardRef(
   (props, ref) => {
@@ -10,4 +10,4 @@ const TextField = forwardRef(
 TextField.displayName = "TextField";
 
 export { TextField as T };
-//# sourceMappingURL=TextField-uCHgwO5F.js.map
+//# sourceMappingURL=TextField-CGfnQPiO.js.map

package/dist/{TextField-uCHgwO5F.js.map → TextField-CGfnQPiO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextField-uCHgwO5F.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (props, ref) => {\n    return <CoreTextField ref={ref} {...props} />;\n  },\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["CoreTextField"],"mappings":";;;;AAWO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,WAAA,EAAA,EAAc,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC7C;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}
+{"version":3,"file":"TextField-CGfnQPiO.js","sources":["../src/components/TextField/TextField.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  TextField as CoreTextField,\n  TextFieldProps as CoreTextFieldProps,\n} from \"./internal/TextField\";\nimport { MaxLengthCounterProps } from \"../../types\";\n\nexport type TextFieldProps = Omit<CoreTextFieldProps, \"prefix\"> & {\n  prefix?: string;\n} & MaxLengthCounterProps;\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (props, ref) => {\n    return <CoreTextField ref={ref} {...props} />;\n  },\n);\n\nTextField.displayName = \"TextField\";\n"],"names":["CoreTextField"],"mappings":";;;;AAWO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,uBAAO,GAAA,CAACA,WAAA,EAAA,EAAc,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAC7C;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;;;"}

package/dist/{TextField-D9gD-34Q.js → TextField-Duo_mY8Y.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useMemo, useId } from 'react';
 import { S as Spinner } from './Spinner-wmO8Epw0.js';
-import { t as textfieldStyles } from './TextField.module-EkKlj66e.js';
+import { t as textFieldStyles } from './TextField.module-pD1felN8.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { F as FieldLabel } from './FieldLabel-Bgl3iu13.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
@@ -100,7 +100,7 @@ const TextField = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cx(textfieldStyles["textfield"], className),
+        className: cx(textFieldStyles["textfield"], className),
         "data-anv": "textfield",
         style: styleCombined,
         children: [
@@ -118,9 +118,9 @@ const TextField = forwardRef(
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cx(textfieldStyles["input-wrapper"], {
-                [textfieldStyles["small"]]: size === "small",
-                [textfieldStyles["large"]]: size === "large"
+              className: cx(textFieldStyles["input-wrapper"], {
+                [textFieldStyles["small"]]: size === "small",
+                [textFieldStyles["large"]]: size === "large"
               }),
               role: "presentation",
               onClick: () => inputRef.current?.focus(),
@@ -129,7 +129,7 @@ const TextField = forwardRef(
                   "div",
                   {
                     "aria-hidden": true,
-                    className: textfieldStyles["prefix"],
+                    className: textFieldStyles["prefix"],
                     id: `prefix${prefixUid}`,
                     children: prefix
                   }
@@ -138,8 +138,8 @@ const TextField = forwardRef(
                   "input",
                   {
                     id,
-                    className: cx(textfieldStyles["input"], {
-                      [textfieldStyles["error"]]: error
+                    className: cx(textFieldStyles["input"], {
+                      [textFieldStyles["error"]]: error
                     }),
                     onChange: onChangeHandler,
                     onFocus: focusHandler,
@@ -158,11 +158,11 @@ const TextField = forwardRef(
                     "aria-invalid": error ? !!error : void 0
                   }
                 ),
-                loading ? /* @__PURE__ */ jsx("div", { className: textfieldStyles["loading-spinner-wrapper"], children: /* @__PURE__ */ jsx(Spinner, {}) }) : null,
+                loading ? /* @__PURE__ */ jsx("div", { className: textFieldStyles["loading-spinner-wrapper"], children: /* @__PURE__ */ jsx(Spinner, {}) }) : null,
                 suffix ? /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: textfieldStyles["suffix"],
+                    className: textFieldStyles["suffix"],
                     "aria-hidden": true,
                     id: `suffix${suffixUid}`,
                     children: suffix
@@ -193,4 +193,4 @@ const TextField = forwardRef(
 TextField.displayName = "InternalTextField";
 
 export { TextField as T };
-//# sourceMappingURL=TextField-D9gD-34Q.js.map
+//# sourceMappingURL=TextField-Duo_mY8Y.js.map

package/dist/{TextField-D9gD-34Q.js.map → TextField-Duo_mY8Y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextField-D9gD-34Q.js","sources":["../src/components/TextField/internal/TextField.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  ReactElement,\n  ReactNode,\n  Ref,\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  Size,\n  MaxLengthCounterProps,\n} from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { Spinner } from \"../../Spinner\";\nimport styles from \"../TextField.module.scss\";\nimport cx from \"classnames\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { childrenToString } from \"../../../internal/functions\";\n\nexport type TextFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\"\n> &\n  LayoutUtilProps & {\n    error?: ReactElement | string | boolean;\n    label?: FieldLabelProps[\"children\"];\n    prefix?: string | ReactElement;\n    suffix?: string | ReactElement;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    type?: \"text\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n    description?: HelperProps[\"description\"];\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    loading?: boolean;\n    disabled?: boolean;\n    labelProps?: FieldLabelProps;\n    moreInfo?: ReactNode;\n  } & MaxLengthCounterProps &\n  DataTrackingId;\n\nexport const TextField = forwardRef(\n  (props: TextFieldProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      labelProps: props.labelProps,\n      prefix: childrenToString(props.prefix),\n      hint: childrenToString(props.hint),\n      description: childrenToString(props.description),\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"TextField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: errorAriaLiveProp = \"assertive\",\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      type = \"text\",\n      required,\n      onChange,\n      onFocus,\n      onBlur,\n      id: idProp,\n      description,\n      hint,\n      showCounter,\n      maxLength,\n      loading,\n      disabled,\n      labelProps,\n      style,\n      placeholder,\n      ...rest\n    } = componentProps;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isTyping, setIsTyping] = useState(false);\n    const [openInfo, setOpenInfo] = useState(false);\n    const [errorAriaLive, setErrorAriaLive] =\n      useState<HelperProps[\"errorAriaLive\"]>(\"off\");\n\n    // Use the optionally controlled state for value\n    const [value, setValue] = useOptionallyControlledState<typeof valueProp>({\n      controlledValue: valueProp,\n      defaultValue: defaultValueProp,\n    });\n\n    const length = useMemo(() => {\n      if (\n        typeof value === \"string\" ||\n        typeof value === \"number\" ||\n        Array.isArray(value)\n      ) {\n        return String(value).length;\n      }\n      return 0;\n    }, [value]);\n\n    const onChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {\n      setValue(e.target.value);\n      onChange?.(e);\n      if (!isTyping) {\n        setIsTyping(true);\n      }\n    };\n\n    const focusHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onFocus?.(e);\n      setOpenInfo(true);\n      setErrorAriaLive(errorAriaLiveProp);\n    };\n\n    const blurHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onBlur?.(e);\n      setOpenInfo(false);\n      setErrorAriaLive(\"off\");\n      if (isTyping) {\n        setIsTyping(false);\n      }\n    };\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n\n    const prefixUid = useId();\n    const suffixUid = useId();\n\n    const helperUid = useId();\n\n    const errorMessage = typeof error !== \"boolean\" ? error : undefined;\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    return (\n      <div\n        className={cx(styles[\"textfield\"], className)}\n        data-anv=\"textfield\"\n        style={styleCombined}\n      >\n        {label && (\n          <FieldLabel\n            moreInfo={moreInfo}\n            openMoreInfo={openInfo}\n            required={required}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cx(styles[\"input-wrapper\"], {\n            [styles[\"small\"]]: size === \"small\",\n            [styles[\"large\"]]: size === \"large\",\n          })}\n          role=\"presentation\"\n          onClick={() => inputRef.current?.focus()}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={styles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(styles[\"input\"], {\n              [styles[\"error\"]]: error,\n            })}\n            onChange={onChangeHandler}\n            onFocus={focusHandler}\n            onBlur={blurHandler}\n            ref={useMergeRefs([ref, inputRef])}\n            required={required}\n            maxLength={maxLength}\n            placeholder={placeholder}\n            type={type}\n            disabled={disabled}\n            value={value ?? \"\"}\n            data-tracking-id={trackingId}\n            {...rest}\n            aria-label={label ? undefined : placeholder}\n            aria-describedby={helperUid}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div className={styles[\"loading-spinner-wrapper\"]}>\n              <Spinner />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={styles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n        {hint || showCounter || errorMessage || description ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            maxLength={maxLength}\n            inputLength={length}\n            isTyping={isTyping}\n            showCounter={showCounter}\n            errorMessage={errorMessage}\n            errorAriaLive={errorAriaLive}\n            description={description}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nTextField.displayName = \"InternalTextField\";\n"],"names":["styles"],"mappings":"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"}
+{"version":3,"file":"TextField-Duo_mY8Y.js","sources":["../src/components/TextField/internal/TextField.tsx"],"sourcesContent":["import {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEventHandler,\n  ReactElement,\n  ReactNode,\n  Ref,\n  forwardRef,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTrackingId, useMergeRefs } from \"../../../hooks\";\nimport {\n  DataTrackingId,\n  LayoutUtilProps,\n  Size,\n  MaxLengthCounterProps,\n} from \"../../../types\";\nimport {\n  useLayoutPropsUtil,\n  useOptionallyControlledState,\n} from \"../../../internal/hooks\";\nimport { Helper, HelperProps } from \"../../../internal/components\";\nimport { Spinner } from \"../../Spinner\";\nimport styles from \"../TextField.module.scss\";\nimport cx from \"classnames\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { childrenToString } from \"../../../internal/functions\";\n\nexport type TextFieldProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"size\" | \"prefix\"\n> &\n  LayoutUtilProps & {\n    error?: ReactElement | string | boolean;\n    label?: FieldLabelProps[\"children\"];\n    prefix?: string | ReactElement;\n    suffix?: string | ReactElement;\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n    type?: \"text\" | \"email\" | \"tel\" | \"url\" | \"password\" | \"number\";\n    description?: HelperProps[\"description\"];\n    errorAriaLive?: HelperProps[\"errorAriaLive\"];\n    hint?: HelperProps[\"hint\"];\n    loading?: boolean;\n    disabled?: boolean;\n    labelProps?: FieldLabelProps;\n    moreInfo?: ReactNode;\n  } & MaxLengthCounterProps &\n  DataTrackingId;\n\nexport const TextField = forwardRef(\n  (props: TextFieldProps, ref: Ref<HTMLInputElement>) => {\n    const data = {\n      label: childrenToString(props.label),\n      labelProps: props.labelProps,\n      prefix: childrenToString(props.prefix),\n      hint: childrenToString(props.hint),\n      description: childrenToString(props.description),\n      size: props.size,\n      type: props.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"TextField\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      className,\n      error,\n      errorAriaLive: errorAriaLiveProp = \"assertive\",\n      defaultValue: defaultValueProp,\n      value: valueProp,\n      label,\n      moreInfo,\n      prefix,\n      suffix,\n      size,\n      type = \"text\",\n      required,\n      onChange,\n      onFocus,\n      onBlur,\n      id: idProp,\n      description,\n      hint,\n      showCounter,\n      maxLength,\n      loading,\n      disabled,\n      labelProps,\n      style,\n      placeholder,\n      ...rest\n    } = componentProps;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isTyping, setIsTyping] = useState(false);\n    const [openInfo, setOpenInfo] = useState(false);\n    const [errorAriaLive, setErrorAriaLive] =\n      useState<HelperProps[\"errorAriaLive\"]>(\"off\");\n\n    // Use the optionally controlled state for value\n    const [value, setValue] = useOptionallyControlledState<typeof valueProp>({\n      controlledValue: valueProp,\n      defaultValue: defaultValueProp,\n    });\n\n    const length = useMemo(() => {\n      if (\n        typeof value === \"string\" ||\n        typeof value === \"number\" ||\n        Array.isArray(value)\n      ) {\n        return String(value).length;\n      }\n      return 0;\n    }, [value]);\n\n    const onChangeHandler: ChangeEventHandler<HTMLInputElement> = (e) => {\n      setValue(e.target.value);\n      onChange?.(e);\n      if (!isTyping) {\n        setIsTyping(true);\n      }\n    };\n\n    const focusHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onFocus?.(e);\n      setOpenInfo(true);\n      setErrorAriaLive(errorAriaLiveProp);\n    };\n\n    const blurHandler: FocusEventHandler<HTMLInputElement> = (e) => {\n      onBlur?.(e);\n      setOpenInfo(false);\n      setErrorAriaLive(\"off\");\n      if (isTyping) {\n        setIsTyping(false);\n      }\n    };\n\n    const labelUid = useId();\n    const id = idProp ?? labelUid;\n\n    const prefixUid = useId();\n    const suffixUid = useId();\n\n    const helperUid = useId();\n\n    const errorMessage = typeof error !== \"boolean\" ? error : undefined;\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    return (\n      <div\n        className={cx(styles[\"textfield\"], className)}\n        data-anv=\"textfield\"\n        style={styleCombined}\n      >\n        {label && (\n          <FieldLabel\n            moreInfo={moreInfo}\n            openMoreInfo={openInfo}\n            required={required}\n            htmlFor={id}\n            {...labelProps}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cx(styles[\"input-wrapper\"], {\n            [styles[\"small\"]]: size === \"small\",\n            [styles[\"large\"]]: size === \"large\",\n          })}\n          role=\"presentation\"\n          onClick={() => inputRef.current?.focus()}\n        >\n          {prefix ? (\n            <div\n              aria-hidden\n              className={styles[\"prefix\"]}\n              id={`prefix${prefixUid}`}\n            >\n              {prefix}\n            </div>\n          ) : null}\n          <input\n            id={id}\n            className={cx(styles[\"input\"], {\n              [styles[\"error\"]]: error,\n            })}\n            onChange={onChangeHandler}\n            onFocus={focusHandler}\n            onBlur={blurHandler}\n            ref={useMergeRefs([ref, inputRef])}\n            required={required}\n            maxLength={maxLength}\n            placeholder={placeholder}\n            type={type}\n            disabled={disabled}\n            value={value ?? \"\"}\n            data-tracking-id={trackingId}\n            {...rest}\n            aria-label={label ? undefined : placeholder}\n            aria-describedby={helperUid}\n            aria-invalid={error ? !!error : undefined}\n          />\n          {loading ? (\n            <div className={styles[\"loading-spinner-wrapper\"]}>\n              <Spinner />\n            </div>\n          ) : null}\n          {suffix ? (\n            <div\n              className={styles[\"suffix\"]}\n              aria-hidden\n              id={`suffix${suffixUid}`}\n            >\n              {suffix}\n            </div>\n          ) : null}\n        </div>\n        {hint || showCounter || errorMessage || description ? (\n          <Helper\n            id={helperUid}\n            hint={hint}\n            maxLength={maxLength}\n            inputLength={length}\n            isTyping={isTyping}\n            showCounter={showCounter}\n            errorMessage={errorMessage}\n            errorAriaLive={errorAriaLive}\n            description={description}\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\nTextField.displayName = \"InternalTextField\";\n"],"names":["styles"],"mappings":"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"}

package/dist/TextField.js

@@ -1,2 +1,2 @@
-export { T as TextField, T as default } from './TextField-uCHgwO5F.js';
+export { T as TextField, T as default } from './TextField-CGfnQPiO.js';
 //# sourceMappingURL=TextField.js.map

package/dist/{TextField.module-EkKlj66e.js → TextField.module-pD1felN8.js}

@@ -5,7 +5,7 @@ const suffix = "_suffix_v737q_42";
 const small = "_small_v737q_104";
 const large = "_large_v737q_107";
 const error = "_error_v737q_116";
-const textfieldStyles = {
+const textFieldStyles = {
 	textfield: textfield,
 	input: input,
 	"input-wrapper": "_input-wrapper_v737q_28",
@@ -16,5 +16,5 @@ const textfieldStyles = {
 	large: large,
 	error: error};
 
-export { textfieldStyles as t };
-//# sourceMappingURL=TextField.module-EkKlj66e.js.map
+export { textFieldStyles as t };
+//# sourceMappingURL=TextField.module-pD1felN8.js.map

package/dist/TextField.module-pD1felN8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.module-pD1felN8.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/{TimeField-CGg_yTaJ.js → TimeField-DohKibUE.js}

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { useState, useEffect, forwardRef, useRef, useMemo, useCallback, useImperativeHandle } from 'react';
 import { g as maskitoTimeOptionsGenerator, a as maskitoWithPlaceholder, u as useMaskito } from './index.esm-BwMVvxTV.js';
 import { I as Icon } from './Icon-D8SPKeO4.js';
-import { T as TextField } from './TextField-D9gD-34Q.js';
+import { T as TextField } from './TextField-Duo_mY8Y.js';
 import { c as cx } from './index-tZvMCc77.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { P as Popover } from './Popover-Du2PBdp1.js';
-import { L as Listbox } from './Listbox-DxGx630W.js';
+import { L as Listbox } from './Listbox-CWi30Cwg.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as usePopoverSupport } from './usePopoverSupport-CWTCDfN2.js';
@@ -928,4 +928,4 @@ const TimeField = (props) => {
 TimeField.displayName = "TimeField";
 
 export { TimeField as T };
-//# sourceMappingURL=TimeField-CGg_yTaJ.js.map
+//# sourceMappingURL=TimeField-DohKibUE.js.map