@simplybusiness/mobius 5.13.0 → 5.14.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 5.14.1
+
+### Patch Changes
+
+- Updated dependencies [d7b97da]
+  - @simplybusiness/icons@4.18.0
+
+## 5.14.0
+
+### Minor Changes
+
+- bf49853: Add min/max/step props to `TextFieldProps`
+
+### Patch Changes
+
+- bf49853: Make `NumberField` inherit from `TextField` so we can use prefixes and suffixes
+
 ## 5.13.0
 
 ### Minor Changes

package/dist/cjs/components/NumberField/NumberField.js

@@ -12,108 +12,34 @@ Object.defineProperty(exports, "NumberField", {
 const _jsxruntime = require("react/jsx-runtime");
 const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
 const _react = require("react");
-const _hooks = require("../../hooks");
-const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
-const _ErrorMessage = require("../ErrorMessage");
-const _Label = require("../Label");
-const _Stack = require("../Stack");
+const _TextField = require("../TextField");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const NumberField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { id, isDisabled, isRequired, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, errorMessage, validationState, isInvalid, isReadOnly, minValue, maxValue, step, placeholder, defaultValue = 0, onChange } = props;
-    const inputRef = (0, _react.useRef)(null);
-    const [value, setValue] = (0, _react.useState)(defaultValue);
-    const valueWithoutLeadingZero = value.toString().replace(/^0+/, "");
-    const optional = typeof isRequired === "boolean" && !isRequired;
-    const required = typeof isRequired === "boolean" && isRequired;
-    const { labelProps, fieldProps } = (0, _hooks.useLabel)({
-        id,
-        label,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy
-    });
-    const containerClasses = (0, _dedupe.default)("mobius-number-field", className, {
-        "--is-optional": optional
-    });
-    const validationClasses = (0, _hooks.useValidationClasses)({
-        validationState,
-        isInvalid
-    });
-    const inputClasses = (0, _dedupe.default)("mobius-number-field__input", className, {
-        "--is-required": required,
-        "--is-optional": optional,
-        "--is-disabled": isDisabled
-    }, validationClasses);
-    const labelClasses = (0, _dedupe.default)("mobius-number-field__label", {
-        "--is-disabled": isDisabled
-    }, validationClasses);
-    const errorMessageId = (0, _react.useId)();
-    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
-    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
-        shouldErrorMessageShow,
-        ariaDescribedBy
-    ]);
-    const handleChange = (event)=>{
-        // Only allow change between min and max values
-        const enteredValue = Number(event.target.value);
-        if (minValue && enteredValue < minValue || maxValue && enteredValue > maxValue) {
-            return;
-        }
-        setValue(enteredValue);
-        if (onChange) {
-            onChange(event);
-        }
-    };
-    // Only allow numeric input
+    const { minValue, maxValue, step, defaultValue, className, ...otherProps } = props;
+    const containerClasses = (0, _dedupe.default)("mobius-number-field", className);
     const handleBeforeInput = (event)=>{
-        const allowedChars = /[\d]/;
-        if (event.data && !allowedChars.test(event.data)) {
+        const { data } = event.nativeEvent;
+        if (step != null && Number.isInteger(step) && data === ".") {
+            event.preventDefault();
+        }
+        if (minValue != null && minValue >= 0 && data === "-") {
             event.preventDefault();
-            event.stopPropagation();
         }
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.Stack, {
-        gap: "xs",
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.TextField, {
+        ...otherProps,
         className: containerClasses,
-        children: [
-            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
-                ...labelProps,
-                className: labelClasses,
-                children: label
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "mobius-number-field__input-wrapper",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    ...fieldProps,
-                    ref: inputRef || ref,
-                    className: inputClasses,
-                    type: "number",
-                    onChange: handleChange,
-                    onBeforeInput: handleBeforeInput,
-                    max: maxValue,
-                    min: minValue,
-                    step: step,
-                    value: valueWithoutLeadingZero,
-                    placeholder: placeholder,
-                    required: required,
-                    "aria-describedby": describedBy,
-                    "aria-errormessage": shouldErrorMessageShow,
-                    "aria-invalid": isInvalid,
-                    readOnly: isReadOnly,
-                    disabled: isDisabled,
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: "false"
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
-                id: errorMessageId,
-                errorMessage: errorMessage
-            })
-        ]
+        onBeforeInput: handleBeforeInput,
+        type: "number",
+        min: minValue !== null && minValue !== void 0 ? minValue : undefined,
+        max: maxValue !== null && maxValue !== void 0 ? maxValue : undefined,
+        step: step,
+        ref: ref,
+        defaultValue: defaultValue != null ? defaultValue.toString() : defaultValue
     });
 });
 

package/dist/cjs/components/NumberField/NumberField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  CompositionEvent,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, useLabel, useValidationClasses } from \"../../hooks\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Validation } from \"../../types\";\nimport { Stack } from \"../Stack\";\n\nexport type NumberFieldElementType = HTMLInputElement;\n\nexport interface NumberFieldProps\n  extends DOMProps,\n    Validation,\n    UseLabelProps,\n    RefAttributes<NumberFieldElementType> {\n  id?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** The smallest value allowed for the input. */\n  minValue?: number;\n  /** The largest value allowed for the input. */\n  maxValue?: number;\n  /** The amount that the input value changes with each increment or decrement \"tick\". */\n  step?: number; // ??\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler that is called when the value changes. */\n  onChange?: (event: ChangeEvent<NumberFieldElementType>) => void;\n  /** Temporary text that occupies the text input when it is empty. */\n  placeholder?: string;\n  /** Whether user input is required on the input before form submission. */\n  isRequired?: boolean;\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n  /** Whether the input can be selected but not changed by the user. */\n  isReadOnly?: boolean;\n  /** An error message for the field. */\n  errorMessage?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string | undefined;\n}\n\nexport type NumberFieldRef = Ref<NumberFieldElementType>;\n\nexport const NumberField: ForwardedRefComponent<\n  NumberFieldProps,\n  NumberFieldElementType\n> = forwardRef((props: NumberFieldProps, ref: NumberFieldRef) => {\n  const {\n    id,\n    isDisabled,\n    isRequired,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    className,\n    errorMessage,\n    validationState,\n    isInvalid,\n    isReadOnly,\n    minValue,\n    maxValue,\n    step,\n    placeholder,\n    defaultValue = 0,\n    onChange,\n  } = props;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [value, setValue] = useState<number>(defaultValue);\n  const valueWithoutLeadingZero = value.toString().replace(/^0+/, \"\");\n  const optional = typeof isRequired === \"boolean\" && !isRequired;\n  const required = typeof isRequired === \"boolean\" && isRequired;\n\n  const { labelProps, fieldProps } = useLabel({\n    id,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n\n  const containerClasses = classNames(\"mobius-number-field\", className, {\n    \"--is-optional\": optional,\n  });\n\n  const validationClasses = useValidationClasses({\n    validationState,\n    isInvalid,\n  });\n\n  const inputClasses = classNames(\n    \"mobius-number-field__input\",\n    className,\n    {\n      \"--is-required\": required,\n      \"--is-optional\": optional,\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const labelClasses = classNames(\n    \"mobius-number-field__label\",\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    ariaDescribedBy,\n  ]);\n\n  const handleChange = (event: ChangeEvent<NumberFieldElementType>) => {\n    // Only allow change between min and max values\n    const enteredValue = Number(event.target.value);\n    if (\n      (minValue && enteredValue < minValue) ||\n      (maxValue && enteredValue > maxValue)\n    ) {\n      return;\n    }\n    setValue(enteredValue);\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  // Only allow numeric input\n  const handleBeforeInput = (\n    event: CompositionEvent<NumberFieldElementType>,\n  ) => {\n    const allowedChars = /[\\d]/;\n\n    if (event.data && !allowedChars.test(event.data)) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <Stack gap=\"xs\" className={containerClasses}>\n      {label && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-number-field__input-wrapper\">\n        <input\n          {...fieldProps}\n          ref={inputRef || ref}\n          className={inputClasses}\n          type=\"number\"\n          onChange={handleChange}\n          onBeforeInput={handleBeforeInput}\n          max={maxValue}\n          min={minValue}\n          step={step}\n          value={valueWithoutLeadingZero}\n          placeholder={placeholder}\n          required={required}\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={isInvalid}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n        />\n      </div>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </Stack>\n  );\n});\n"],"names":["NumberField","forwardRef","props","ref","id","isDisabled","isRequired","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","className","errorMessage","validationState","isInvalid","isReadOnly","minValue","maxValue","step","placeholder","defaultValue","onChange","inputRef","useRef","value","setValue","useState","valueWithoutLeadingZero","toString","replace","optional","required","labelProps","fieldProps","useLabel","containerClasses","classNames","validationClasses","useValidationClasses","inputClasses","labelClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","event","enteredValue","Number","target","handleBeforeInput","allowedChars","data","test","preventDefault","stopPropagation","Stack","gap","Label","div","input","type","onBeforeInput","max","min","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","autoComplete","autoCorrect","spellCheck","ErrorMessage"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { type Ref, type RefAttributes, forwardRef } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  TextField,\n  type TextFieldElementType,\n  type TextFieldProps,\n} from \"../TextField\";\n\nexport type NumberFieldElementType = TextFieldElementType;\n\nexport interface NumberFieldProps\n  extends Omit<TextFieldProps, \"type\" | \"defaultValue\" | \"inputElementType\">,\n    RefAttributes<NumberFieldElementType> {\n  /** The smallest value allowed for the input. */\n  minValue?: number;\n  /** The largest value allowed for the input. */\n  maxValue?: number;\n  /** The amount that the input value changes with each increment or decrement \"tick\". */\n  step?: number; // ??\n  /** The default value for the input. */\n  defaultValue?: number;\n}\n\nexport type NumberFieldRef = Ref<NumberFieldElementType>;\n\nexport const NumberField: ForwardedRefComponent<\n  NumberFieldProps,\n  NumberFieldElementType\n> = forwardRef((props: NumberFieldProps, ref: NumberFieldRef) => {\n  const { minValue, maxValue, step, defaultValue, className, ...otherProps } =\n    props;\n\n  const containerClasses = classNames(\"mobius-number-field\", className);\n\n  const handleBeforeInput = (\n    event: React.FormEvent<NumberFieldElementType>,\n  ) => {\n    const { data } = event.nativeEvent as InputEvent;\n    if (step != null && Number.isInteger(step) && data === \".\") {\n      event.preventDefault();\n    }\n    if (minValue != null && minValue >= 0 && data === \"-\") {\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <TextField\n      {...otherProps}\n      className={containerClasses}\n      onBeforeInput={handleBeforeInput}\n      type=\"number\"\n      min={minValue ?? undefined}\n      max={maxValue ?? undefined}\n      step={step}\n      ref={ref}\n      defaultValue={\n        defaultValue != null ? defaultValue.toString() : defaultValue\n      }\n    />\n  );\n});\n"],"names":["NumberField","forwardRef","props","ref","minValue","maxValue","step","defaultValue","className","otherProps","containerClasses","classNames","handleBeforeInput","event","data","nativeEvent","Number","isInteger","preventDefault","TextField","onBeforeInput","type","min","undefined","max","toString"],"mappings":"AAAA;;;;;+BA4BaA;;;eAAAA;;;;+DA1BU;uBACkC;2BAMlD;;;;;;AAmBA,MAAMA,4BAGTC,IAAAA,iBAAU,EAAC,CAACC,OAAyBC;IACvC,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,EAAE,GAAGC,YAAY,GACxEP;IAEF,MAAMQ,mBAAmBC,IAAAA,eAAU,EAAC,uBAAuBH;IAE3D,MAAMI,oBAAoB,CACxBC;QAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD,MAAME,WAAW;QAClC,IAAIT,QAAQ,QAAQU,OAAOC,SAAS,CAACX,SAASQ,SAAS,KAAK;YAC1DD,MAAMK,cAAc;QACtB;QACA,IAAId,YAAY,QAAQA,YAAY,KAAKU,SAAS,KAAK;YACrDD,MAAMK,cAAc;QACtB;IACF;IAEA,qBACE,qBAACC,oBAAS;QACP,GAAGV,UAAU;QACdD,WAAWE;QACXU,eAAeR;QACfS,MAAK;QACLC,KAAKlB,qBAAAA,sBAAAA,WAAYmB;QACjBC,KAAKnB,qBAAAA,sBAAAA,WAAYkB;QACjBjB,MAAMA;QACNH,KAAKA;QACLI,cACEA,gBAAgB,OAAOA,aAAakB,QAAQ,KAAKlB;;AAIzD"}

package/dist/cjs/components/TextField/TextField.js

@@ -23,7 +23,7 @@ function _interop_require_default(obj) {
     };
 }
 const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { isDisabled, isReadOnly, type = "text", validationState, isInvalid, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
+    const { isDisabled, type = "text", validationState, isInvalid, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
     const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)({
         ...props,
         "aria-errormessage": errorMessage
@@ -69,8 +69,7 @@ const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                                 ...inputProps,
                                 ref: ref,
                                 type: type,
-                                className: inputClasses,
-                                readOnly: isReadOnly
+                                className: inputClasses
                             }),
                             (0, _adornmentWithClassName.adornmentWithClassName)(suffixInside, labelClasses, "mobius-text-field__suffix-inside")
                         ]

package/dist/cjs/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      isReadOnly,\n      type = \"text\",\n      validationState,\n      isInvalid,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius-text-field\",\n      sharedClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius-text-field__input\",\n      sharedClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius-text-field__input-wrapper\",\n      sharedClasses,\n    );\n\n    return (\n      <Stack gap=\"xs\" className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius-text-field__inner-container\">\n          {adornmentWithClassName(\n            prefixOutside,\n            labelClasses,\n            \"mobius-text-field__prefix-outside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              labelClasses,\n              \"mobius-text-field__prefix-inside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n              readOnly={isReadOnly}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              labelClasses,\n              \"mobius-text-field__suffix-inside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            labelClasses,\n            \"mobius-text-field__suffix-outside\",\n          )}\n        </div>\n        {children && (\n          <div className=\"mobius-text-field__children\">{children}</div>\n        )}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Stack>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","isReadOnly","type","validationState","isInvalid","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","validationClasses","useValidationClasses","textfieldClasses","sharedClasses","classNames","labelClasses","containerClasses","inputClasses","inputWrapperClasses","Stack","gap","Label","div","adornmentWithClassName","input","readOnly","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BA4KSA;;;eAAAA;;;;+DA1Kc;uBAQhB;uBAKA;8BAGsB;uBACP;uBACA;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGhB;IAEJ,MAAM,EAAEiB,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGpB,KAAK;QACR,qBAAqBS;IACvB;IAEA,MAAMY,SAASjB,SAAS;IAExB,MAAMkB,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7ClB;QACAC;IACF;IAEA,MAAMkB,mBAAmB;QACvB,iBAAiBtB;QACjB,iBAAiB,OAAOS,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMkB,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,eAAeD,IAAAA,eAAU,EAC7B;QACE,iBAAiBxB;IACnB,GACAoB;IAGF,MAAMM,mBAAmBF,IAAAA,eAAU,EACjC,UACA,qBACAD;IAGF,MAAMI,eAAeH,IAAAA,eAAU,EAC7B,UACA,4BACAD;IAGF,MAAMK,sBAAsBJ,IAAAA,eAAU,EACpC,oCACAD;IAGF,qBACE,sBAACM,YAAK;QAACC,KAAI;QAAKzB,WAAWqB;;YACxBpB,SAAS,CAACa,wBACT,qBAACY,YAAK;gBAAE,GAAGf,UAAU;gBAAEX,WAAWoB;0BAC/BnB;;0BAGL,sBAAC0B;gBAAI3B,WAAU;;oBACZ4B,IAAAA,8CAAsB,EACrBtB,eACAc,cACA;kCAEF,sBAACO;wBAAI3B,WAAWuB;;4BACbK,IAAAA,8CAAsB,EACrBvB,cACAe,cACA;0CAEF,qBAACS;gCACE,GAAGpB,UAAU;gCACb,GAAGC,UAAU;gCACdhB,KAAKA;gCACLG,MAAMA;gCACNG,WAAWsB;gCACXQ,UAAUlC;;4BAEXgC,IAAAA,8CAAsB,EACrBrB,cACAa,cACA;;;oBAGHQ,IAAAA,8CAAsB,EACrBpB,eACAY,cACA;;;YAGHjB,0BACC,qBAACwB;gBAAI3B,WAAU;0BAA+BG;;0BAGhD,qBAAC4B,0BAAY;gBAAE,GAAGnB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFX,UAAUyC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      isInvalid,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius-text-field\",\n      sharedClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius-text-field__input\",\n      sharedClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius-text-field__input-wrapper\",\n      sharedClasses,\n    );\n\n    return (\n      <Stack gap=\"xs\" className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius-text-field__inner-container\">\n          {adornmentWithClassName(\n            prefixOutside,\n            labelClasses,\n            \"mobius-text-field__prefix-outside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              labelClasses,\n              \"mobius-text-field__prefix-inside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              labelClasses,\n              \"mobius-text-field__suffix-inside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            labelClasses,\n            \"mobius-text-field__suffix-outside\",\n          )}\n        </div>\n        {children && (\n          <div className=\"mobius-text-field__children\">{children}</div>\n        )}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Stack>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","isInvalid","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","validationClasses","useValidationClasses","textfieldClasses","sharedClasses","classNames","labelClasses","containerClasses","inputClasses","inputWrapperClasses","Stack","gap","Label","div","adornmentWithClassName","input","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BA0KSA;;;eAAAA;;;;+DAxKc;uBAQhB;uBAKA;8BAGsB;uBACP;uBACA;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGf;IAEJ,MAAM,EAAEgB,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGnB,KAAK;QACR,qBAAqBQ;IACvB;IAEA,MAAMY,SAASjB,SAAS;IAExB,MAAMkB,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7ClB;QACAC;IACF;IAEA,MAAMkB,mBAAmB;QACvB,iBAAiBrB;QACjB,iBAAiB,OAAOQ,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMkB,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,eAAeD,IAAAA,eAAU,EAC7B;QACE,iBAAiBvB;IACnB,GACAmB;IAGF,MAAMM,mBAAmBF,IAAAA,eAAU,EACjC,UACA,qBACAD;IAGF,MAAMI,eAAeH,IAAAA,eAAU,EAC7B,UACA,4BACAD;IAGF,MAAMK,sBAAsBJ,IAAAA,eAAU,EACpC,oCACAD;IAGF,qBACE,sBAACM,YAAK;QAACC,KAAI;QAAKzB,WAAWqB;;YACxBpB,SAAS,CAACa,wBACT,qBAACY,YAAK;gBAAE,GAAGf,UAAU;gBAAEX,WAAWoB;0BAC/BnB;;0BAGL,sBAAC0B;gBAAI3B,WAAU;;oBACZ4B,IAAAA,8CAAsB,EACrBtB,eACAc,cACA;kCAEF,sBAACO;wBAAI3B,WAAWuB;;4BACbK,IAAAA,8CAAsB,EACrBvB,cACAe,cACA;0CAEF,qBAACS;gCACE,GAAGpB,UAAU;gCACb,GAAGC,UAAU;gCACdf,KAAKA;gCACLE,MAAMA;gCACNG,WAAWsB;;4BAEZM,IAAAA,8CAAsB,EACrBrB,cACAa,cACA;;;oBAGHQ,IAAAA,8CAAsB,EACrBpB,eACAY,cACA;;;YAGHjB,0BACC,qBAACwB;gBAAI3B,WAAU;0BAA+BG;;0BAGhD,qBAAC2B,0BAAY;gBAAE,GAAGlB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFV,UAAUuC,WAAW,GAAG"}

package/dist/cjs/hooks/useTextField/useTextField.js

@@ -37,6 +37,7 @@ function useTextField(props) {
             onChange: props.onChange,
             disabled: isDisabled,
             readOnly: isReadOnly,
+            required: isRequired,
             "aria-required": isRequired === true ? true : undefined,
             "aria-invalid": props.isInvalid,
             "aria-describedby": ariaDescribedBy,

package/dist/cjs/hooks/useTextField/useTextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useTextField/useTextField.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n"],"names":["useTextField","props","isDisabled","isReadOnly","isRequired","inputElementType","labelProps","fieldProps","useLabel","descriptionId","useId","descriptionProps","id","errorMessageId","errorMessageProps","ariaDescribedBy","spaceDelimitedList","description","errorMessage","inputProps","defaultValue","value","onChange","disabled","readOnly","undefined","isInvalid","role","type","pattern","autoComplete","maxLength","minLength","name","placeholder","inputMode","onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onSelect","onBeforeInput","onInput","onFocus","onBlur"],"mappings":";;;;+BAKgBA;;;eAAAA;;;uBALM;oCACa;0BACV;AAGlB,SAASA,aAAaC,KAAwB;IACnD,MAAM,EACJC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,mBAAmB,OAAO,EAC3B,GAAGJ;IACJ,MAAM,EAAEK,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAACP;IAE5C,MAAMQ,gBAAgBC,IAAAA,YAAK;IAC3B,MAAMC,mBAAmB;QAAEC,IAAIH;IAAc;IAE7C,MAAMI,iBAAiBH,IAAAA,YAAK;IAC5B,MAAMI,oBAAoB;QAAEF,IAAIC;IAAe;IAE/C,MAAME,kBAAkBC,IAAAA,sCAAkB,EAAC;QACzCf,MAAMgB,WAAW,IAAIR;QACrBR,MAAMiB,YAAY,IAAIL;QACtBZ,KAAK,CAAC,mBAAmB;KAC1B;IAED,OAAO;QACLU;QACAG;QACAR;QACAa,YAAY;YACVC,cAAcnB,MAAMmB,YAAY;YAChCC,OAAOpB,MAAMoB,KAAK;YAClBC,UAAUrB,MAAMqB,QAAQ;YACxBC,UAAUrB;YACVsB,UAAUrB;YACV,iBAAiBC,eAAe,OAAO,OAAOqB;YAC9C,gBAAgBxB,MAAMyB,SAAS;YAC/B,oBAAoBX;YACpB,qBAAqBd,KAAK,CAAC,oBAAoB;YAC/C0B,MAAM1B,MAAM0B,IAAI;YAEhBC,MAAMvB,qBAAqB,UAAUJ,MAAM2B,IAAI,GAAGH;YAClDI,SAASxB,qBAAqB,UAAUJ,MAAM4B,OAAO,GAAGJ;YAExDK,cAAc7B,MAAM6B,YAAY;YAChCC,WAAW9B,MAAM8B,SAAS;YAC1BC,WAAW/B,MAAM+B,SAAS;YAC1BC,MAAMhC,MAAMgC,IAAI;YAChBC,aAAajC,MAAMiC,WAAW;YAC9BC,WAAWlC,MAAMkC,SAAS;YAE1B,mBAAmB;YACnBC,QAAQnC,MAAMmC,MAAM;YACpBC,OAAOpC,MAAMoC,KAAK;YAClBC,SAASrC,MAAMqC,OAAO;YAEtB,qBAAqB;YACrBC,kBAAkBtC,MAAMsC,gBAAgB;YACxCC,oBAAoBvC,MAAMuC,kBAAkB;YAC5CC,qBAAqBxC,MAAMwC,mBAAmB;YAE9C,mBAAmB;YACnBC,UAAUzC,MAAMyC,QAAQ;YAExB,eAAe;YACfC,eAAe1C,MAAM0C,aAAa;YAClCC,SAAS3C,MAAM2C,OAAO;YAEtB,eAAe;YACfC,SAAS5C,MAAM4C,OAAO;YACtBC,QAAQ7C,MAAM6C,MAAM;YAEpB,GAAGvC,UAAU;QACf;IACF;AACF"}
+{"version":3,"sources":["../../../../src/hooks/useTextField/useTextField.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n"],"names":["useTextField","props","isDisabled","isReadOnly","isRequired","inputElementType","labelProps","fieldProps","useLabel","descriptionId","useId","descriptionProps","id","errorMessageId","errorMessageProps","ariaDescribedBy","spaceDelimitedList","description","errorMessage","inputProps","defaultValue","value","onChange","disabled","readOnly","required","undefined","isInvalid","role","type","pattern","autoComplete","maxLength","minLength","name","placeholder","inputMode","onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onSelect","onBeforeInput","onInput","onFocus","onBlur"],"mappings":";;;;+BAKgBA;;;eAAAA;;;uBALM;oCACa;0BACV;AAGlB,SAASA,aAAaC,KAAwB;IACnD,MAAM,EACJC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,mBAAmB,OAAO,EAC3B,GAAGJ;IACJ,MAAM,EAAEK,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAACP;IAE5C,MAAMQ,gBAAgBC,IAAAA,YAAK;IAC3B,MAAMC,mBAAmB;QAAEC,IAAIH;IAAc;IAE7C,MAAMI,iBAAiBH,IAAAA,YAAK;IAC5B,MAAMI,oBAAoB;QAAEF,IAAIC;IAAe;IAE/C,MAAME,kBAAkBC,IAAAA,sCAAkB,EAAC;QACzCf,MAAMgB,WAAW,IAAIR;QACrBR,MAAMiB,YAAY,IAAIL;QACtBZ,KAAK,CAAC,mBAAmB;KAC1B;IAED,OAAO;QACLU;QACAG;QACAR;QACAa,YAAY;YACVC,cAAcnB,MAAMmB,YAAY;YAChCC,OAAOpB,MAAMoB,KAAK;YAClBC,UAAUrB,MAAMqB,QAAQ;YACxBC,UAAUrB;YACVsB,UAAUrB;YACVsB,UAAUrB;YACV,iBAAiBA,eAAe,OAAO,OAAOsB;YAC9C,gBAAgBzB,MAAM0B,SAAS;YAC/B,oBAAoBZ;YACpB,qBAAqBd,KAAK,CAAC,oBAAoB;YAC/C2B,MAAM3B,MAAM2B,IAAI;YAEhBC,MAAMxB,qBAAqB,UAAUJ,MAAM4B,IAAI,GAAGH;YAClDI,SAASzB,qBAAqB,UAAUJ,MAAM6B,OAAO,GAAGJ;YAExDK,cAAc9B,MAAM8B,YAAY;YAChCC,WAAW/B,MAAM+B,SAAS;YAC1BC,WAAWhC,MAAMgC,SAAS;YAC1BC,MAAMjC,MAAMiC,IAAI;YAChBC,aAAalC,MAAMkC,WAAW;YAC9BC,WAAWnC,MAAMmC,SAAS;YAE1B,mBAAmB;YACnBC,QAAQpC,MAAMoC,MAAM;YACpBC,OAAOrC,MAAMqC,KAAK;YAClBC,SAAStC,MAAMsC,OAAO;YAEtB,qBAAqB;YACrBC,kBAAkBvC,MAAMuC,gBAAgB;YACxCC,oBAAoBxC,MAAMwC,kBAAkB;YAC5CC,qBAAqBzC,MAAMyC,mBAAmB;YAE9C,mBAAmB;YACnBC,UAAU1C,MAAM0C,QAAQ;YAExB,eAAe;YACfC,eAAe3C,MAAM2C,aAAa;YAClCC,SAAS5C,MAAM4C,OAAO;YAEtB,eAAe;YACfC,SAAS7C,MAAM6C,OAAO;YACtBC,QAAQ9C,MAAM8C,MAAM;YAEpB,GAAGxC,UAAU;QACf;IACF;AACF"}