@stella-source/stellasource-dsl 3.1.0 → 3.1.1

package/dist/cjs/index.js

@@ -17411,7 +17411,7 @@ const TextFieldContainer = ({ id, label, children, tooltipText, endIcon, classNa
         helperText && (a$m.createElement(HelperText, { id: `${id}-helper-text`, text: helperText, affectLayout: helperTextAffectLayout, type: hasError ? "error" : "info" }))));
 };
 
-const TextInput = ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "", textAlign = "left", helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, isLoading = false, ariaDescribedBy, }) => {
+const TextInput = ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "", textAlign = "left", helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, isLoading = false, ariaDescribedBy, disableAutocomplete, }) => {
     const containerProps = {
         id,
         label,
@@ -17436,14 +17436,14 @@ const TextInput = ({ id, className, htmlProps, label, onChange, onBlur, onFocus,
         onChange(value);
     };
     return (a$m.createElement(TextFieldContainer, { ...containerProps },
-        a$m.createElement(TextFieldInput, { "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, "$isLoading": isLoading, ...htmlProps })));
+        a$m.createElement(TextFieldInput, { autoComplete: disableAutocomplete ? "off" : "on", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, "$isLoading": isLoading, ...htmlProps })));
 };
 
 const CustomIconButton$2 = styled(IconButton) `
   margin-right: 2px;
 `;
 
-const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter Password", onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign = "left", isHidden = true, helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, ariaDescribedBy, }) => {
+const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter Password", onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign = "left", isHidden = true, helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, ariaDescribedBy, disableAutocomplete, }) => {
     const containerProps = {
         id,
         label,
@@ -17467,7 +17467,7 @@ const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter P
         onChange(value);
     };
     return (a$m.createElement(TextFieldContainer, { ...containerProps },
-        a$m.createElement(TextFieldInput, { "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: show ? "text" : "password", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, ...htmlProps }),
+        a$m.createElement(TextFieldInput, { autoComplete: disableAutocomplete ? "off" : "on", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: show ? "text" : "password", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, ...htmlProps }),
         a$m.createElement(CustomIconButton$2, { variant: "tertiary", iconName: show ? "eye" : "eye-slash", ariaLabel: show ? "Hide" : "Show", onClick: () => setShow(!show), disabled: disabled })));
 };
 
@@ -17495,7 +17495,7 @@ const formatDynamicNumbersWithCommas = (num, decimalPlaces) => {
         : "";
 };
 
-const NumberInput = ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "0", textAlign = "left", isTruncated = false, helperTextAffectLayout = true, hideLabel = false, disabled = false, isLoading = false, hasError = false, thousandSeparator = true, decimalPlaces = 0, allowNegativeNumbers = false, ariaDescribedBy, }) => {
+const NumberInput = ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "0", textAlign = "left", isTruncated = false, helperTextAffectLayout = true, hideLabel = false, disabled = false, isLoading = false, hasError = false, thousandSeparator = true, decimalPlaces = 0, allowNegativeNumbers = false, ariaDescribedBy, disableAutocomplete, }) => {
     const containerProps = {
         id,
         label,
@@ -17545,7 +17545,7 @@ const NumberInput = ({ id, className, htmlProps, leftCategory, rightCategory, la
         !onFocus && setPlaceholderText("");
     };
     return (a$m.createElement(TextFieldContainer, { ...containerProps },
-        a$m.createElement(TextFieldInput, { "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", inputMode: "numeric", 
+        a$m.createElement(TextFieldInput, { autoComplete: disableAutocomplete ? "off" : "on", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", inputMode: "numeric", 
             // prettier-ignore
             pattern: allowNegativeNumbers ? "^[\\d,\\.\\-]*$" : "^[\\d,\\.]*$", id: `${id}-text-field`, disabled: disabled || isLoading, placeholder: placeholderText, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, value: thousandSeparator
                 ? formatDynamicNumbersWithCommas(valueToUse, decimalPlaces)
@@ -22340,7 +22340,7 @@ const getOrderStatusLabel = (variant, isPurchaser) => {
         case OrderStatusVariant.VIEW_PRICING:
             return isPurchaser ? "View Quote" : "Quoted";
         case OrderStatusVariant.ACTION_REQUIRED:
-            return isPurchaser ? "Prices Pending" : "Boundry Hit";
+            return isPurchaser ? "Prices Pending" : "Action Required";
         case OrderStatusVariant.ORDER_PLACED:
             return "Awaiting Acknowledgement";
         case OrderStatusVariant.DECLINED: