@wix/design-system 1.146.2 → 1.147.0

package/dist/cjs/Input/components/Suffix/Suffix.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Suffix = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@wix/wix-ui-icons-common/system");
+var _CloseButton = _interopRequireDefault(require("../../../CloseButton"));
+var _StatusIndicator = _interopRequireDefault(require("../../../StatusIndicator"));
+var _InputSt = require("../../Input.st.css.js");
+var _Input = require("../../Input.constants");
+var _Tooltip = _interopRequireDefault(require("../../../Tooltip"));
+var _StatusContext = require("../../../FormField/StatusContext");
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Input/components/Suffix/Suffix.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Suffix = _ref => {
+  var {
+    statusMessage,
+    status,
+    disabled,
+    menuArrow,
+    suffix,
+    tooltipPlacement,
+    clearButtonTooltipContent,
+    clearButtonTooltipProps,
+    statusMessageTooltipProps,
+    hideStatusSuffix,
+    onClear,
+    clearButton,
+    value,
+    size,
+    onInputClicked,
+    focusOnClearClick,
+    inputElementRef
+  } = _ref;
+  var isClearButtonVisible = (!!onClear || !!clearButton) && !!value && !disabled;
+  var statusContext = (0, _react.useContext)(_StatusContext.StatusContext);
+  var handleClick = (0, _react.useCallback)(event => {
+    if (!disabled) {
+      var _inputElementRef$curr;
+      (_inputElementRef$curr = inputElementRef.current) == null || _inputElementRef$curr.focus();
+      onInputClicked == null || onInputClicked(event);
+    }
+  }, [disabled, inputElementRef, onInputClicked]);
+  var handleClear = (0, _react.useCallback)(event => {
+    if (focusOnClearClick) {
+      var _inputElementRef$curr2;
+      (_inputElementRef$curr2 = inputElementRef.current) == null || _inputElementRef$curr2.focus();
+    }
+    onClear == null || onClear(event);
+  }, [focusOnClearClick, inputElementRef, onClear]);
+  var ClearButton = (0, _react.useMemo)(() => {
+    if (!isClearButtonVisible) return null;
+    var clearButtonSizeMap = {
+      [_Input.SIZES.tiny]: 'small',
+      [_Input.SIZES.small]: 'small',
+      [_Input.SIZES.medium]: 'medium',
+      [_Input.SIZES.large]: 'medium'
+    };
+    var ClearButtonElement = /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
+      as: "button",
+      className: _InputSt.classes.clearButton,
+      dataHook: _Input.dataHooks.clearButton,
+      skin: "standardFilled",
+      size: clearButtonSizeMap[size !== null && size !== void 0 ? size : _Input.SIZES.medium],
+      onClick: handleClear,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 66,
+        columnNumber: 7
+      }
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _InputSt.classes.clearButtonWrapper,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 77,
+        columnNumber: 7
+      }
+    }, clearButtonTooltipContent ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({}, clearButtonTooltipProps, {
+      content: clearButtonTooltipContent,
+      dataHook: _Input.dataHooks.tooltip,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 79,
+        columnNumber: 11
+      }
+    }), ClearButtonElement) : ClearButtonElement);
+  }, [isClearButtonVisible, handleClear, clearButtonTooltipContent, clearButtonTooltipProps, size]);
+  var ErrorWarningIndicator = (0, _react.useMemo)(() => {
+    if (disabled || hideStatusSuffix) return null;
+    if (status !== 'error' && status !== 'warning') return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _InputSt.classes.statusWrapper,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 103,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
+      dataHook: _Input.dataHooks.status,
+      status: status,
+      message: statusMessage,
+      tooltipProps: _objectSpread({
+        placement: tooltipPlacement
+      }, statusMessageTooltipProps),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 9
+      }
+    }));
+  }, [disabled, hideStatusSuffix, status, statusMessage, tooltipPlacement, statusMessageTooltipProps]);
+  var LoadingIndicator = (0, _react.useMemo)(() => {
+    var _statusContext$status;
+    if (disabled || hideStatusSuffix) return null;
+    if (statusContext.status !== 'loading' && status !== 'loading') return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _InputSt.classes.statusWrapper,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 128,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_StatusIndicator.default, {
+      dataHook: _Input.dataHooks.status,
+      status: (_statusContext$status = statusContext.status) !== null && _statusContext$status !== void 0 ? _statusContext$status : status,
+      message: statusMessage,
+      tooltipProps: _objectSpread({
+        placement: tooltipPlacement
+      }, statusMessageTooltipProps),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 129,
+        columnNumber: 9
+      }
+    }));
+  }, [disabled, hideStatusSuffix, statusMessage, tooltipPlacement, statusMessageTooltipProps, statusContext.status, status]);
+  var CustomSuffix = (0, _react.useMemo)(() => {
+    if (!suffix) return null;
+    return /*#__PURE__*/_react.default.isValidElement(suffix) ? (/*#__PURE__*/_react.default.cloneElement(suffix)) : /*#__PURE__*/_react.default.createElement("div", {
+      className: _InputSt.classes.suffix,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 155,
+        columnNumber: 7
+      }
+    }, suffix);
+  }, [suffix]);
+  var MenuArrow = (0, _react.useMemo)(() => {
+    if (!menuArrow) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": _Input.dataHooks.menuArrow,
+      className: _InputSt.classes.menuArrow,
+      onClick: handleClick,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 162,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_system.DropDownArrow, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 167,
+        columnNumber: 9
+      }
+    }));
+  }, [menuArrow, handleClick]);
+  if (!ClearButton && !ErrorWarningIndicator && !LoadingIndicator && !CustomSuffix && !MenuArrow) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": _Input.dataHooks.suffixes,
+    className: _InputSt.classes.suffixes,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 182,
+      columnNumber: 5
+    }
+  }, ClearButton, ErrorWarningIndicator, LoadingIndicator, CustomSuffix, MenuArrow);
+};
+exports.Suffix = Suffix;
+//# sourceMappingURL=Suffix.js.map

package/dist/cjs/Input/components/Suffix/Suffix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_system","_CloseButton","_interopRequireDefault","_StatusIndicator","_InputSt","_Input","_Tooltip","_StatusContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Suffix","_ref","statusMessage","status","disabled","menuArrow","suffix","tooltipPlacement","clearButtonTooltipContent","clearButtonTooltipProps","statusMessageTooltipProps","hideStatusSuffix","onClear","clearButton","value","size","onInputClicked","focusOnClearClick","inputElementRef","isClearButtonVisible","statusContext","useContext","StatusContext","handleClick","useCallback","event","_inputElementRef$curr","current","focus","handleClear","_inputElementRef$curr2","ClearButton","useMemo","clearButtonSizeMap","SIZES","tiny","small","medium","large","ClearButtonElement","createElement","as","className","classes","dataHook","dataHooks","skin","onClick","__self","__source","fileName","lineNumber","columnNumber","clearButtonWrapper","_extends2","content","tooltip","ErrorWarningIndicator","statusWrapper","message","tooltipProps","placement","LoadingIndicator","_statusContext$status","CustomSuffix","React","isValidElement","cloneElement","MenuArrow","DropDownArrow","suffixes","exports"],"sources":["../../../../../src/Input/components/Suffix/Suffix.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react';\nimport { DropDownArrow } from '@wix/wix-ui-icons-common/system';\nimport CloseButton, { CloseButtonSize } from '../../../CloseButton';\nimport StatusIndicator from '../../../StatusIndicator';\nimport { classes } from '../../Input.st.css';\nimport { dataHooks, SIZES } from '../../Input.constants';\nimport Tooltip from '../../../Tooltip';\nimport { InputProps, InputSize } from '../../Input.types';\nimport { StatusContext } from '../../../FormField/StatusContext';\n\nexport const Suffix = ({\n  statusMessage,\n  status,\n  disabled,\n  menuArrow,\n  suffix,\n  tooltipPlacement,\n  clearButtonTooltipContent,\n  clearButtonTooltipProps,\n  statusMessageTooltipProps,\n  hideStatusSuffix,\n  onClear,\n  clearButton,\n  value,\n  size,\n  onInputClicked,\n  focusOnClearClick,\n  inputElementRef,\n}: InputProps) => {\n  const isClearButtonVisible =\n    (!!onClear || !!clearButton) && !!value && !disabled;\n\n  const statusContext = useContext(StatusContext);\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        inputElementRef.current?.focus();\n        onInputClicked?.(event);\n      }\n    },\n    [disabled, inputElementRef, onInputClicked],\n  );\n\n  const handleClear = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (focusOnClearClick) {\n        inputElementRef.current?.focus();\n      }\n      onClear?.(event);\n    },\n    [focusOnClearClick, inputElementRef, onClear],\n  );\n\n  const ClearButton = useMemo(() => {\n    if (!isClearButtonVisible) return null;\n\n    const clearButtonSizeMap: Record<InputSize, CloseButtonSize> = {\n      [SIZES.tiny]: 'small',\n      [SIZES.small]: 'small',\n      [SIZES.medium]: 'medium',\n      [SIZES.large]: 'medium',\n    };\n\n    const ClearButtonElement = (\n      <CloseButton\n        as=\"button\"\n        className={classes.clearButton}\n        dataHook={dataHooks.clearButton}\n        skin=\"standardFilled\"\n        size={clearButtonSizeMap[size ?? SIZES.medium]}\n        onClick={handleClear}\n      />\n    );\n\n    return (\n      <div className={classes.clearButtonWrapper}>\n        {clearButtonTooltipContent ? (\n          <Tooltip\n            {...clearButtonTooltipProps}\n            content={clearButtonTooltipContent}\n            dataHook={dataHooks.tooltip}\n          >\n            {ClearButtonElement}\n          </Tooltip>\n        ) : (\n          ClearButtonElement\n        )}\n      </div>\n    );\n  }, [\n    isClearButtonVisible,\n    handleClear,\n    clearButtonTooltipContent,\n    clearButtonTooltipProps,\n    size,\n  ]);\n\n  const ErrorWarningIndicator = useMemo(() => {\n    if (disabled || hideStatusSuffix) return null;\n    if (status !== 'error' && status !== 'warning') return null;\n    return (\n      <div className={classes.statusWrapper}>\n        <StatusIndicator\n          dataHook={dataHooks.status}\n          status={status}\n          message={statusMessage}\n          tooltipProps={{\n            placement: tooltipPlacement,\n            ...statusMessageTooltipProps,\n          }}\n        />\n      </div>\n    );\n  }, [\n    disabled,\n    hideStatusSuffix,\n    status,\n    statusMessage,\n    tooltipPlacement,\n    statusMessageTooltipProps,\n  ]);\n\n  const LoadingIndicator = useMemo(() => {\n    if (disabled || hideStatusSuffix) return null;\n    if (statusContext.status !== 'loading' && status !== 'loading') return null;\n    return (\n      <div className={classes.statusWrapper}>\n        <StatusIndicator\n          dataHook={dataHooks.status}\n          status={statusContext.status ?? status}\n          message={statusMessage}\n          tooltipProps={{\n            placement: tooltipPlacement,\n            ...statusMessageTooltipProps,\n          }}\n        />\n      </div>\n    );\n  }, [\n    disabled,\n    hideStatusSuffix,\n    statusMessage,\n    tooltipPlacement,\n    statusMessageTooltipProps,\n    statusContext.status,\n    status,\n  ]);\n\n  const CustomSuffix = useMemo(() => {\n    if (!suffix) return null;\n    return React.isValidElement(suffix) ? (\n      React.cloneElement(suffix)\n    ) : (\n      <div className={classes.suffix}>{suffix}</div>\n    );\n  }, [suffix]);\n\n  const MenuArrow = useMemo(() => {\n    if (!menuArrow) return null;\n    return (\n      <div\n        data-hook={dataHooks.menuArrow}\n        className={classes.menuArrow}\n        onClick={handleClick}\n      >\n        <DropDownArrow />\n      </div>\n    );\n  }, [menuArrow, handleClick]);\n\n  if (\n    !ClearButton &&\n    !ErrorWarningIndicator &&\n    !LoadingIndicator &&\n    !CustomSuffix &&\n    !MenuArrow\n  )\n    return null;\n\n  return (\n    <div data-hook={dataHooks.suffixes} className={classes.suffixes}>\n      {ClearButton}\n      {ErrorWarningIndicator}\n      {LoadingIndicator}\n      {CustomSuffix}\n      {MenuArrow}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Input/hooks/useAutoFocusAndSelect.js

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useAutoFocusAndSelect = useAutoFocusAndSelect;
+var _react = require("react");
+function useAutoFocusAndSelect(_ref) {
+  var {
+    autoFocus,
+    autoSelect,
+    onFocus,
+    onBlur,
+    localInputRef,
+    value
+  } = _ref;
+  var [isFocused, setIsFocused] = (0, _react.useState)(false);
+  var autoFocusTriggered = (0, _react.useRef)(false);
+  var _onFocus = (0, _react.useCallback)(event => {
+    setIsFocused(true);
+    if (autoSelect) {
+      var _localInputRef$curren;
+      (_localInputRef$curren = localInputRef.current) == null || _localInputRef$curren.select();
+    }
+    onFocus == null || onFocus(event);
+  }, [onFocus, localInputRef, autoSelect]);
+  var _onBlur = (0, _react.useCallback)(event => {
+    setIsFocused(false);
+    onBlur == null || onBlur(event);
+  }, [onBlur]);
+  (0, _react.useEffect)(() => {
+    if (autoFocus && !autoFocusTriggered.current) {
+      var _localInputRef$curren2;
+      (_localInputRef$curren2 = localInputRef.current) == null || _localInputRef$curren2.focus();
+      /*
+       * autoFocus doesn't automatically selects text like focus do.
+       * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.
+       */
+      if (!!value) {
+        var _localInputRef$curren3;
+        (_localInputRef$curren3 = localInputRef.current) == null || _localInputRef$curren3.setSelectionRange(String(value).length, String(value).length);
+      }
+      autoFocusTriggered.current = true;
+    }
+  }, [autoFocus, localInputRef, value]);
+  return {
+    isFocused,
+    _onFocus,
+    _onBlur
+  };
+}
+//# sourceMappingURL=useAutoFocusAndSelect.js.map

package/dist/cjs/Input/hooks/useAutoFocusAndSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useAutoFocusAndSelect","_ref","autoFocus","autoSelect","onFocus","onBlur","localInputRef","value","isFocused","setIsFocused","useState","autoFocusTriggered","useRef","_onFocus","useCallback","event","_localInputRef$curren","current","select","_onBlur","useEffect","_localInputRef$curren2","focus","_localInputRef$curren3","setSelectionRange","String","length"],"sources":["../../../../src/Input/hooks/useAutoFocusAndSelect.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\ntype UseAutoFocusAndSelectOptions = {\n  autoFocus?: boolean;\n  autoSelect?: boolean;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  localInputRef: React.RefObject<HTMLInputElement>;\n  value?: string | number;\n};\n\nexport function useAutoFocusAndSelect({\n  autoFocus,\n  autoSelect,\n  onFocus,\n  onBlur,\n  localInputRef,\n  value,\n}: UseAutoFocusAndSelectOptions) {\n  const [isFocused, setIsFocused] = useState(false);\n  const autoFocusTriggered = useRef(false);\n\n  const _onFocus = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      setIsFocused(true);\n      if (autoSelect) {\n        localInputRef.current?.select();\n      }\n      onFocus?.(event);\n    },\n    [onFocus, localInputRef, autoSelect],\n  );\n\n  const _onBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      setIsFocused(false);\n      onBlur?.(event);\n    },\n    [onBlur],\n  );\n\n  useEffect(() => {\n    if (autoFocus && !autoFocusTriggered.current) {\n      localInputRef.current?.focus();\n      /*\n       * autoFocus doesn't automatically selects text like focus do.\n       * Therefore we set the selection range, but in order to support prior implementation we set the start position as the end in order to place the cursor there.\n       */\n      if (!!value) {\n        localInputRef.current?.setSelectionRange(\n          String(value).length,\n          String(value).length,\n        );\n      }\n      autoFocusTriggered.current = true;\n    }\n  }, [autoFocus, localInputRef, value]);\n\n  return {\n    isFocused,\n    _onFocus,\n    _onBlur,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWO,SAASC,qBAAqBA,CAAAC,IAAA,EAOJ;EAAA,IAPK;IACpCC,SAAS;IACTC,UAAU;IACVC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC;EAC4B,CAAC,GAAAN,IAAA;EAC7B,IAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,IAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAExC,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,KAAyC,IAAK;IAC7CN,YAAY,CAAC,IAAI,CAAC;IAClB,IAAIN,UAAU,EAAE;MAAA,IAAAa,qBAAA;MACd,CAAAA,qBAAA,GAAAV,aAAa,CAACW,OAAO,aAArBD,qBAAA,CAAuBE,MAAM,CAAC,CAAC;IACjC;IACAd,OAAO,YAAPA,OAAO,CAAGW,KAAK,CAAC;EAClB,CAAC,EACD,CAACX,OAAO,EAAEE,aAAa,EAAEH,UAAU,CACrC,CAAC;EAED,IAAMgB,OAAO,GAAG,IAAAL,kBAAW,EACxBC,KAAyC,IAAK;IAC7CN,YAAY,CAAC,KAAK,CAAC;IACnBJ,MAAM,YAANA,MAAM,CAAGU,KAAK,CAAC;EACjB,CAAC,EACD,CAACV,MAAM,CACT,CAAC;EAED,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAIlB,SAAS,IAAI,CAACS,kBAAkB,CAACM,OAAO,EAAE;MAAA,IAAAI,sBAAA;MAC5C,CAAAA,sBAAA,GAAAf,aAAa,CAACW,OAAO,aAArBI,sBAAA,CAAuBC,KAAK,CAAC,CAAC;MAC9B;AACN;AACA;AACA;MACM,IAAI,CAAC,CAACf,KAAK,EAAE;QAAA,IAAAgB,sBAAA;QACX,CAAAA,sBAAA,GAAAjB,aAAa,CAACW,OAAO,aAArBM,sBAAA,CAAuBC,iBAAiB,CACtCC,MAAM,CAAClB,KAAK,CAAC,CAACmB,MAAM,EACpBD,MAAM,CAAClB,KAAK,CAAC,CAACmB,MAChB,CAAC;MACH;MACAf,kBAAkB,CAACM,OAAO,GAAG,IAAI;IACnC;EACF,CAAC,EAAE,CAACf,SAAS,EAAEI,aAAa,EAAEC,KAAK,CAAC,CAAC;EAErC,OAAO;IACLC,SAAS;IACTK,QAAQ;IACRM;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/Input/index.js

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-var _ThemedInput = _interopRequireDefault(require("./ThemedInput"));
-exports.default = _ThemedInput.default;
-var _Input = require("./Input.types");
-Object.keys(_Input).forEach(function (key) {
+var _Input = _interopRequireDefault(require("./Input"));
+exports.default = _Input.default;
+var _Input2 = require("./Input.types");
+Object.keys(_Input2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Input[key]) return;
-  exports[key] = _Input[key];
+  if (key in exports && exports[key] === _Input2[key]) return;
+  exports[key] = _Input2[key];
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemedInput","_interopRequireDefault","require","exports","default","_Input","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../src/Input/index.ts"],"sourcesContent":["export { default } from './ThemedInput';\nexport * from './Input.types';\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwCC,OAAA,CAAAC,OAAA,GAAAJ,YAAA,CAAAI,OAAA;AACxC,IAAAC,MAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,MAAA,CAAAI,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Input","_interopRequireDefault","require","exports","default","_Input2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../src/Input/index.ts"],"sourcesContent":["export { default } from './Input';\nexport * from './Input.types';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkCC,OAAA,CAAAC,OAAA,GAAAJ,MAAA,CAAAI,OAAA;AAClC,IAAAC,OAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,OAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/Input/utils/transformAriaKebabCase.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.transformAriaKebabCase = transformAriaKebabCase;
+function transformAriaKebabCase(props) {
+  var ariaAttributes = {};
+  Object.entries(props).forEach(_ref => {
+    var [key, value] = _ref;
+    if (typeof key === 'string' && key.startsWith('aria')) {
+      var transformedKey = "aria-".concat(key.slice(4).toLowerCase());
+      ariaAttributes[transformedKey] = value;
+    }
+  });
+  return ariaAttributes;
+}
+//# sourceMappingURL=transformAriaKebabCase.js.map

package/dist/cjs/Input/utils/transformAriaKebabCase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["transformAriaKebabCase","props","ariaAttributes","Object","entries","forEach","_ref","key","value","startsWith","transformedKey","concat","slice","toLowerCase"],"sources":["../../../../src/Input/utils/transformAriaKebabCase.ts"],"sourcesContent":["export function transformAriaKebabCase(\n  props: Record<string, unknown>,\n): Record<string, unknown> {\n  const ariaAttributes: Record<string, unknown> = {};\n\n  Object.entries(props).forEach(([key, value]) => {\n    if (typeof key === 'string' && key.startsWith('aria')) {\n      const transformedKey = `aria-${key.slice(4).toLowerCase()}`;\n      ariaAttributes[transformedKey] = value;\n    }\n  });\n\n  return ariaAttributes;\n}\n"],"mappings":";;;;AAAO,SAASA,sBAAsBA,CACpCC,KAA8B,EACL;EACzB,IAAMC,cAAuC,GAAG,CAAC,CAAC;EAElDC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAACC,IAAA,IAAkB;IAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;IACzC,IAAI,OAAOC,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACE,UAAU,CAAC,MAAM,CAAC,EAAE;MACrD,IAAMC,cAAc,WAAAC,MAAA,CAAWJ,GAAG,CAACK,KAAK,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAE;MAC3DX,cAAc,CAACQ,cAAc,CAAC,GAAGF,KAAK;IACxC;EACF,CAAC,CAAC;EAEF,OAAON,cAAc;AACvB","ignoreList":[]}

package/dist/cjs/InputArea/InputArea.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_2_InputArea";
+var _namespace_ = "wds_1_147_0_InputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_InputArea__root","text-small-thin":"wds_1_146_2_StylableTypography__text-small-thin","text-medium-thin":"wds_1_146_2_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_146_2_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_146_2_InputArea__inputArea","counter":"wds_1_146_2_InputArea__counter","status":"wds_1_146_2_InputArea__status","disabled":"wds_1_146_2_InputArea__disabled","readOnly":"wds_1_146_2_InputArea__readOnly"};
+module.exports.classes = {"root":"wds_1_147_0_InputArea__root","text-small-thin":"wds_1_147_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_147_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_147_0_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_147_0_InputArea__inputArea","counter":"wds_1_147_0_InputArea__counter","status":"wds_1_147_0_InputArea__status","disabled":"wds_1_147_0_InputArea__disabled","readOnly":"wds_1_147_0_InputArea__readOnly"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_146_2_InputArea-border-color","border-color-destructive":"--wds_1_146_2_InputArea-border-color-destructive","border-color-warning":"--wds_1_146_2_InputArea-border-color-warning","border-color-disabled":"--wds_1_146_2_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_146_2_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_146_2_InputArea-wds-input-area-height-medium-adjusted"}; 
+module.exports.vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_147_0_InputArea-border-color","border-color-destructive":"--wds_1_147_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_147_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_147_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_147_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_147_0_InputArea-wds-input-area-height-medium-adjusted"}; 
 
 
 

package/dist/cjs/InputShell/InputShell.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_2_InputShell";
+var _namespace_ = "wds_1_147_0_InputShell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_InputShell__root","content":"wds_1_146_2_InputShell__content","suffix":"wds_1_146_2_InputShell__suffix"};
+module.exports.classes = {"root":"wds_1_147_0_InputShell__root","content":"wds_1_147_0_InputShell__content","suffix":"wds_1_147_0_InputShell__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_146_2_InputShell-border-color-hover"}; 
+module.exports.vars = {"wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-size-medium":"--wds-input-size-medium","wds-add-item-padding-horizontal-large":"--wds-add-item-padding-horizontal-large","wds-add-item-padding-horizontal-tiny":"--wds-add-item-padding-horizontal-tiny","wds-add-item-border-radius":"--wds-add-item-border-radius","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","border-color-hover":"--wds_1_147_0_InputShell-border-color-hover"}; 
 
 
 

package/dist/cjs/InputWithLabel/InputWithLabel.js

@@ -7,11 +7,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _LabelledElement = _interopRequireDefault(require("../LabelledElement/LabelledElement"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _InputWithLabelSt = require("./InputWithLabel.st.css.js");
 var _InputWithLabel = require("./InputWithLabel.constants");
 var _excluded = ["label", "suffix", "value", "dataHook", "status", "statusMessage", "onChange", "onFocus", "onBlur", "name", "type", "ariaLabel", "autoFocus", "autocomplete", "disabled", "className", "maxLength", "placeholder", "customInput", "border"],
@@ -29,7 +29,7 @@ var getSuffixContainer = suffix => suffix.map((item, index) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 16,
+      lineNumber: 18,
       columnNumber: 7
     }
   }, item);
@@ -67,7 +67,7 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 60,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_LabelledElement.default, {
@@ -79,7 +79,7 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 64,
       columnNumber: 9
     }
   }, _ref2 => {
@@ -126,7 +126,7 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 106,
+          lineNumber: 108,
           columnNumber: 17
         }
       }, statusMessage),
@@ -137,7 +137,7 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 77,
+        lineNumber: 79,
         columnNumber: 13
       }
     }));
@@ -149,7 +149,7 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 119,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -159,21 +159,21 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 125,
       columnNumber: 13
     }
   }, isWarning ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 128,
       columnNumber: 28
     }
   }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 128,
       columnNumber: 53
     }
   })), /*#__PURE__*/_react.default.createElement("span", {
@@ -182,7 +182,7 @@ var InputWithLabel = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 13
     }
   }, statusMessage)));

package/dist/cjs/InputWithLabel/InputWithLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiIconsCommon","_LabelledElement","_interopRequireDefault","_Input","_Text","_propTypes","_InputWithLabelSt","_InputWithLabel","_excluded","_excluded2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","getSuffixContainer","suffix","map","item","index","createElement","key","concat","className","classes","groupIcon","__self","__source","fileName","lineNumber","columnNumber","InputWithLabel","forwardRef","_ref","ref","label","value","dataHook","status","statusMessage","onChange","onFocus","onBlur","name","type","ariaLabel","autoFocus","autocomplete","disabled","maxLength","placeholder","customInput","border","rest","_objectWithoutProperties2","isBottomLineBorder","isWarning","Input","StatusWarning","showStatusSection","StatusError","undefined","statusMessagePlaceholder","DATA_HOOKS","labelledElement","topLabelGray","_ref2","inputOnChange","inputOnFocus","inputOnBlur","inputClassName","getPlaceholder","restInputProps","_extends2","st","root","input","size","style","color","hideStatusSuffix","skin","weight","statusMessageIcon","warning","StatusWarningSmall","StatusAlertSmall","errorMessage","errorMessageContent","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/InputWithLabel/InputWithLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { StatusAlertSmall, StatusWarningSmall } from '@wix/wix-ui-icons-common';\n\nimport LabelledElement from '../LabelledElement/LabelledElement';\nimport Input from '../Input';\n\nimport Text from '../Text';\nimport PropTypes from 'prop-types';\nimport { classes, st } from './InputWithLabel.st.css';\nimport { DATA_HOOKS } from './InputWithLabel.constants';\nimport { InputWithLabelProps } from './InputWithLabel.types';\n\nconst getSuffixContainer = (suffix: React.ReactNode[]) =>\n  suffix.map((item: React.ReactNode, index: number) => {\n    return (\n      <div\n        data-hook=\"suffix-container\"\n        key={`suffix-container-${index}`}\n        className={classes.groupIcon}\n      >\n        {item}\n      </div>\n    );\n  });\n\nconst InputWithLabel = forwardRef<Input, InputWithLabelProps>(\n  (\n    {\n      label,\n      suffix,\n      value,\n      dataHook,\n      status,\n      statusMessage = '',\n      onChange,\n      onFocus,\n      onBlur,\n      name,\n      type,\n      ariaLabel,\n      autoFocus,\n      autocomplete,\n      disabled,\n      className,\n      maxLength,\n      placeholder,\n      customInput,\n      border,\n      ...rest\n    },\n    ref,\n  ) => {\n    const isBottomLineBorder = border === 'bottomLine';\n    const isWarning = status === Input.StatusWarning;\n    const showStatusSection =\n      (status === Input.StatusError || isWarning) && statusMessage;\n    return (\n      <div\n        data-hook={dataHook}\n        className={status ? undefined : classes.statusMessagePlaceholder}\n      >\n        <LabelledElement\n          value={value}\n          label={label}\n          dataHook={DATA_HOOKS.labelledElement}\n          topLabelGray={isBottomLineBorder}\n          disabled={disabled}\n        >\n          {({\n            onChange: inputOnChange,\n            onFocus: inputOnFocus,\n            onBlur: inputOnBlur,\n            className: inputClassName,\n            getPlaceholder,\n            ...restInputProps\n          }) => (\n            <Input\n              className={st(classes.root, inputClassName, className)}\n              ref={ref}\n              name={name}\n              type={type}\n              ariaLabel={ariaLabel}\n              autoFocus={autoFocus}\n              autocomplete={autocomplete}\n              disabled={disabled}\n              maxLength={maxLength}\n              placeholder={getPlaceholder(placeholder)}\n              onChange={e => {\n                inputOnChange(e);\n                onChange?.(e);\n              }}\n              onFocus={e => {\n                inputOnFocus();\n                onFocus?.(e);\n              }}\n              onBlur={e => {\n                inputOnBlur();\n                onBlur?.(e);\n              }}\n              dataHook={DATA_HOOKS.input}\n              size=\"large\"\n              value={value}\n              suffix={suffix && getSuffixContainer(suffix)}\n              status={status}\n              statusMessage={\n                <span style={{ color: '#fff' }}>{statusMessage}</span>\n              }\n              customInput={customInput}\n              border={border}\n              hideStatusSuffix\n              {...rest}\n              {...restInputProps}\n            />\n          )}\n        </LabelledElement>\n        {showStatusSection && (\n          <Text\n            skin={isWarning ? 'standard' : 'error'}\n            size=\"small\"\n            weight={isWarning ? 'thin' : 'normal'}\n            className={classes.statusMessage}\n          >\n            <span\n              className={st(classes.statusMessageIcon, { warning: isWarning })}\n            >\n              {isWarning ? <StatusWarningSmall /> : <StatusAlertSmall />}\n            </span>\n            <span\n              data-hook={DATA_HOOKS.errorMessage}\n              className={classes.errorMessageContent}\n            >\n              {statusMessage}\n            </span>\n          </Text>\n        )}\n      </div>\n    );\n  },\n);\n\nInputWithLabel.propTypes = {\n  ...Input.propTypes,\n  dataHook: PropTypes.any,\n  suffix: PropTypes.any,\n  label: PropTypes.any,\n  value: PropTypes.any,\n  status: PropTypes.any,\n  statusMessage: PropTypes.any,\n  onFocus: PropTypes.any,\n  onBlur: PropTypes.any,\n  onChange: PropTypes.any,\n  name: PropTypes.any,\n  type: PropTypes.any,\n  ariaLabel: PropTypes.any,\n  autoFocus: PropTypes.any,\n  autocomplete: PropTypes.any,\n  disabled: PropTypes.any,\n  className: PropTypes.any,\n  maxLength: PropTypes.any,\n  placeholder: PropTypes.any,\n  customInput: PropTypes.any,\n  border: PropTypes.any,\n};\n\nexport default InputWithLabel;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,KAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,UAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAAwD,IAAAS,SAAA;EAAAC,UAAA;AAAA,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAGxD,IAAMkC,kBAAkB,GAAIC,MAAyB,IACnDA,MAAM,CAACC,GAAG,CAAC,CAACC,IAAqB,EAAEC,KAAa,KAAK;EACnD,oBACErD,MAAA,CAAAoB,OAAA,CAAAkC,aAAA;IACE,aAAU,kBAAkB;IAC5BC,GAAG,sBAAAC,MAAA,CAAsBH,KAAK,CAAG;IACjCI,SAAS,EAAEC,yBAAO,CAACC,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE5BZ,IACE,CAAC;AAEV,CAAC,CAAC;AAEJ,IAAMa,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,CAAAC,IAAA,EAwBEC,GAAG,KACA;EAAA,IAxBH;MACEC,KAAK;MACLnB,MAAM;MACNoB,KAAK;MACLC,QAAQ;MACRC,MAAM;MACNC,aAAa,GAAG,EAAE;MAClBC,QAAQ,EAARA,SAAQ;MACRC,OAAO,EAAPA,QAAO;MACPC,MAAM,EAANA,OAAM;MACNC,IAAI;MACJC,IAAI;MACJC,SAAS;MACTC,SAAS;MACTC,YAAY;MACZC,QAAQ;MACRzB,SAAS;MACT0B,SAAS;MACTC,WAAW;MACXC,WAAW;MACXC;IAEF,CAAC,GAAAnB,IAAA;IADIoB,IAAI,OAAAC,yBAAA,CAAApE,OAAA,EAAA+C,IAAA,EAAAxD,SAAA;EAIT,IAAM8E,kBAAkB,GAAGH,MAAM,KAAK,YAAY;EAClD,IAAMI,SAAS,GAAGlB,MAAM,KAAKmB,cAAK,CAACC,aAAa;EAChD,IAAMC,iBAAiB,GACrB,CAACrB,MAAM,KAAKmB,cAAK,CAACG,WAAW,IAAIJ,SAAS,KAAKjB,aAAa;EAC9D,oBACEzE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA;IACE,aAAWiB,QAAS;IACpBd,SAAS,EAAEe,MAAM,GAAGuB,SAAS,GAAGrC,yBAAO,CAACsC,wBAAyB;IAAApC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjEhE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAAClD,gBAAA,CAAAgB,OAAe;IACdkD,KAAK,EAAEA,KAAM;IACbD,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAE0B,0BAAU,CAACC,eAAgB;IACrCC,YAAY,EAAEV,kBAAmB;IACjCP,QAAQ,EAAEA,QAAS;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBoC,KAAA;IAAA,IAAC;QACA1B,QAAQ,EAAE2B,aAAa;QACvB1B,OAAO,EAAE2B,YAAY;QACrB1B,MAAM,EAAE2B,WAAW;QACnB9C,SAAS,EAAE+C,cAAc;QACzBC;MAEF,CAAC,GAAAL,KAAA;MADIM,cAAc,OAAAlB,yBAAA,CAAApE,OAAA,EAAAgF,KAAA,EAAAxF,UAAA;IAAA,oBAEjBZ,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAAChD,MAAA,CAAAc,OAAK,MAAAuF,SAAA,CAAAvF,OAAA;MACJqC,SAAS,EAAE,IAAAmD,oBAAE,EAAClD,yBAAO,CAACmD,IAAI,EAAEL,cAAc,EAAE/C,SAAS,CAAE;MACvDW,GAAG,EAAEA,GAAI;MACTS,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXC,SAAS,EAAEA,SAAU;MACrBC,SAAS,EAAEA,SAAU;MACrBC,YAAY,EAAEA,YAAa;MAC3BC,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAEA,SAAU;MACrBC,WAAW,EAAEqB,cAAc,CAACrB,WAAW,CAAE;MACzCV,QAAQ,EAAE3D,CAAC,IAAI;QACbsF,aAAa,CAACtF,CAAC,CAAC;QAChB2D,SAAQ,YAARA,SAAQ,CAAG3D,CAAC,CAAC;MACf,CAAE;MACF4D,OAAO,EAAE5D,CAAC,IAAI;QACZuF,YAAY,CAAC,CAAC;QACd3B,QAAO,YAAPA,QAAO,CAAG5D,CAAC,CAAC;MACd,CAAE;MACF6D,MAAM,EAAE7D,CAAC,IAAI;QACXwF,WAAW,CAAC,CAAC;QACb3B,OAAM,YAANA,OAAM,CAAG7D,CAAC,CAAC;MACb,CAAE;MACFwD,QAAQ,EAAE0B,0BAAU,CAACa,KAAM;MAC3BC,IAAI,EAAC,OAAO;MACZzC,KAAK,EAAEA,KAAM;MACbpB,MAAM,EAAEA,MAAM,IAAID,kBAAkB,CAACC,MAAM,CAAE;MAC7CsB,MAAM,EAAEA,MAAO;MACfC,aAAa,eACXzE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA;QAAM0D,KAAK,EAAE;UAAEC,KAAK,EAAE;QAAO,CAAE;QAAArD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjD,YAAA;UAAAkD,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAES,aAAoB,CACtD;MACDY,WAAW,EAAEA,WAAY;MACzBC,MAAM,EAAEA,MAAO;MACf4B,gBAAgB;IAAA,GACZ3B,IAAI,EACJmB,cAAc;MAAA9C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjD,YAAA;QAAAkD,UAAA;QAAAC,YAAA;MAAA;IAAA,EACnB,CAAC;EAAA,CAEW,CAAC,EACjB6B,iBAAiB,iBAChB7F,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAAC/C,KAAA,CAAAa,OAAI;IACH+F,IAAI,EAAEzB,SAAS,GAAG,UAAU,GAAG,OAAQ;IACvCqB,IAAI,EAAC,OAAO;IACZK,MAAM,EAAE1B,SAAS,GAAG,MAAM,GAAG,QAAS;IACtCjC,SAAS,EAAEC,yBAAO,CAACe,aAAc;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjChE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA;IACEG,SAAS,EAAE,IAAAmD,oBAAE,EAAClD,yBAAO,CAAC2D,iBAAiB,EAAE;MAAEC,OAAO,EAAE5B;IAAU,CAAC,CAAE;IAAA9B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhE0B,SAAS,gBAAG1F,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAACnD,iBAAA,CAAAoH,kBAAkB;IAAA3D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAGhE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA,CAACnD,iBAAA,CAAAqH,gBAAgB;IAAA5D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrD,CAAC,eACPhE,MAAA,CAAAoB,OAAA,CAAAkC,aAAA;IACE,aAAW2C,0BAAU,CAACwB,YAAa;IACnChE,SAAS,EAAEC,yBAAO,CAACgE,mBAAoB;IAAA9D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtCS,aACG,CACF,CAEL,CAAC;AAEV,CACF,CAAC;AAEDR,cAAc,CAAC0D,SAAS,GAAAjF,aAAA,CAAAA,aAAA,KACnBiD,cAAK,CAACgC,SAAS;EAClBpD,QAAQ,EAAEqD,kBAAS,CAACC,GAAG;EACvB3E,MAAM,EAAE0E,kBAAS,CAACC,GAAG;EACrBxD,KAAK,EAAEuD,kBAAS,CAACC,GAAG;EACpBvD,KAAK,EAAEsD,kBAAS,CAACC,GAAG;EACpBrD,MAAM,EAAEoD,kBAAS,CAACC,GAAG;EACrBpD,aAAa,EAAEmD,kBAAS,CAACC,GAAG;EAC5BlD,OAAO,EAAEiD,kBAAS,CAACC,GAAG;EACtBjD,MAAM,EAAEgD,kBAAS,CAACC,GAAG;EACrBnD,QAAQ,EAAEkD,kBAAS,CAACC,GAAG;EACvBhD,IAAI,EAAE+C,kBAAS,CAACC,GAAG;EACnB/C,IAAI,EAAE8C,kBAAS,CAACC,GAAG;EACnB9C,SAAS,EAAE6C,kBAAS,CAACC,GAAG;EACxB7C,SAAS,EAAE4C,kBAAS,CAACC,GAAG;EACxB5C,YAAY,EAAE2C,kBAAS,CAACC,GAAG;EAC3B3C,QAAQ,EAAE0C,kBAAS,CAACC,GAAG;EACvBpE,SAAS,EAAEmE,kBAAS,CAACC,GAAG;EACxB1C,SAAS,EAAEyC,kBAAS,CAACC,GAAG;EACxBzC,WAAW,EAAEwC,kBAAS,CAACC,GAAG;EAC1BxC,WAAW,EAAEuC,kBAAS,CAACC,GAAG;EAC1BvC,MAAM,EAAEsC,kBAAS,CAACC;AAAG,EACtB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3G,OAAA,GAEa6C,cAAc","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_LabelledElement","_Input","_Text","_InputWithLabelSt","_InputWithLabel","_excluded","_excluded2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","getSuffixContainer","suffix","map","item","index","createElement","key","concat","className","classes","groupIcon","__self","__source","fileName","lineNumber","columnNumber","InputWithLabel","forwardRef","_ref","ref","label","value","dataHook","status","statusMessage","onChange","onFocus","onBlur","name","type","ariaLabel","autoFocus","autocomplete","disabled","maxLength","placeholder","customInput","border","rest","_objectWithoutProperties2","isBottomLineBorder","isWarning","Input","StatusWarning","showStatusSection","StatusError","undefined","statusMessagePlaceholder","DATA_HOOKS","labelledElement","topLabelGray","_ref2","inputOnChange","inputOnFocus","inputOnBlur","inputClassName","getPlaceholder","restInputProps","_extends2","st","root","input","size","style","color","hideStatusSuffix","skin","weight","statusMessageIcon","warning","StatusWarningSmall","StatusAlertSmall","errorMessage","errorMessageContent","propTypes","PropTypes","any","_default","exports"],"sources":["../../../src/InputWithLabel/InputWithLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { StatusAlertSmall, StatusWarningSmall } from '@wix/wix-ui-icons-common';\n\nimport LabelledElement from '../LabelledElement/LabelledElement';\nimport type { InputImperativeActions } from '../Input';\nimport Input from '../Input';\n\nimport Text from '../Text';\n\nimport { classes, st } from './InputWithLabel.st.css';\nimport { DATA_HOOKS } from './InputWithLabel.constants';\nimport { InputWithLabelProps } from './InputWithLabel.types';\n\nconst getSuffixContainer = (suffix: React.ReactNode[]) =>\n  suffix.map((item: React.ReactNode, index: number) => {\n    return (\n      <div\n        data-hook=\"suffix-container\"\n        key={`suffix-container-${index}`}\n        className={classes.groupIcon}\n      >\n        {item}\n      </div>\n    );\n  });\n\nconst InputWithLabel = forwardRef<InputImperativeActions, InputWithLabelProps>(\n  (\n    {\n      label,\n      suffix,\n      value,\n      dataHook,\n      status,\n      statusMessage = '',\n      onChange,\n      onFocus,\n      onBlur,\n      name,\n      type,\n      ariaLabel,\n      autoFocus,\n      autocomplete,\n      disabled,\n      className,\n      maxLength,\n      placeholder,\n      customInput,\n      border,\n      ...rest\n    },\n    ref,\n  ) => {\n    const isBottomLineBorder = border === 'bottomLine';\n    const isWarning = status === Input.StatusWarning;\n    const showStatusSection =\n      (status === Input.StatusError || isWarning) && statusMessage;\n    return (\n      <div\n        data-hook={dataHook}\n        className={status ? undefined : classes.statusMessagePlaceholder}\n      >\n        <LabelledElement\n          value={value}\n          label={label}\n          dataHook={DATA_HOOKS.labelledElement}\n          topLabelGray={isBottomLineBorder}\n          disabled={disabled}\n        >\n          {({\n            onChange: inputOnChange,\n            onFocus: inputOnFocus,\n            onBlur: inputOnBlur,\n            className: inputClassName,\n            getPlaceholder,\n            ...restInputProps\n          }) => (\n            <Input\n              className={st(classes.root, inputClassName, className)}\n              ref={ref}\n              name={name}\n              type={type}\n              ariaLabel={ariaLabel}\n              autoFocus={autoFocus}\n              autocomplete={autocomplete}\n              disabled={disabled}\n              maxLength={maxLength}\n              placeholder={getPlaceholder(placeholder)}\n              onChange={e => {\n                inputOnChange(e);\n                onChange?.(e);\n              }}\n              onFocus={e => {\n                inputOnFocus();\n                onFocus?.(e);\n              }}\n              onBlur={e => {\n                inputOnBlur();\n                onBlur?.(e);\n              }}\n              dataHook={DATA_HOOKS.input}\n              size=\"large\"\n              value={value}\n              suffix={suffix && getSuffixContainer(suffix)}\n              status={status}\n              statusMessage={\n                <span style={{ color: '#fff' }}>{statusMessage}</span>\n              }\n              customInput={customInput}\n              border={border}\n              hideStatusSuffix\n              {...rest}\n              {...restInputProps}\n            />\n          )}\n        </LabelledElement>\n        {showStatusSection && (\n          <Text\n            skin={isWarning ? 'standard' : 'error'}\n            size=\"small\"\n            weight={isWarning ? 'thin' : 'normal'}\n            className={classes.statusMessage}\n          >\n            <span\n              className={st(classes.statusMessageIcon, { warning: isWarning })}\n            >\n              {isWarning ? <StatusWarningSmall /> : <StatusAlertSmall />}\n            </span>\n            <span\n              data-hook={DATA_HOOKS.errorMessage}\n              className={classes.errorMessageContent}\n            >\n              {statusMessage}\n            </span>\n          </Text>\n        )}\n      </div>\n    );\n  },\n);\n\nInputWithLabel.propTypes = {\n  ...Input.propTypes,\n  dataHook: PropTypes.any,\n  suffix: PropTypes.any,\n  label: PropTypes.any,\n  value: PropTypes.any,\n  status: PropTypes.any,\n  statusMessage: PropTypes.any,\n  onFocus: PropTypes.any,\n  onBlur: PropTypes.any,\n  onChange: PropTypes.any,\n  name: PropTypes.any,\n  type: PropTypes.any,\n  ariaLabel: PropTypes.any,\n  autoFocus: PropTypes.any,\n  autocomplete: PropTypes.any,\n  disabled: PropTypes.any,\n  className: PropTypes.any,\n  maxLength: PropTypes.any,\n  placeholder: PropTypes.any,\n  customInput: PropTypes.any,\n  border: PropTypes.any,\n};\n\nexport default InputWithLabel;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/InputWithLabel/InputWithLabel.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_2_InputWithLabel";
+var _namespace_ = "wds_1_147_0_InputWithLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_InputWithLabel__root","groupIcon":"wds_1_146_2_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_146_2_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_146_2_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_146_2_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_146_2_InputWithLabel__errorMessageContent"};
+module.exports.classes = {"root":"wds_1_147_0_InputWithLabel__root","groupIcon":"wds_1_147_0_InputWithLabel__groupIcon","statusMessagePlaceholder":"wds_1_147_0_InputWithLabel__statusMessagePlaceholder","statusMessage":"wds_1_147_0_InputWithLabel__statusMessage","statusMessageIcon":"wds_1_147_0_InputWithLabel__statusMessageIcon","errorMessageContent":"wds_1_147_0_InputWithLabel__errorMessageContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/InputWithOptions/InputWithOptions.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_146_2_InputWithOptions";
+var _namespace_ = "wds_1_147_0_InputWithOptions";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_146_2_InputWithOptions__root","nativeSelectWrapper":"wds_1_146_2_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_146_2_InputWithOptions__nativeSelect"};
+module.exports.classes = {"root":"wds_1_147_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_147_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_147_0_InputWithOptions__nativeSelect"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};