@activecollab/components 2.0.49 → 2.0.50

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

@@ -71,6 +71,10 @@ var StyledInfoSmallIcon = (0, _styledComponents.default)(_Icons.InfoSmallIcon).w
   "cursor": "help",
   "fill": "var(--red-alert)"
 });
+var StyledInputPasswordWrapper = _styledComponents.default.div.withConfig({
+  displayName: "InputPassword__StyledInputPasswordWrapper",
+  componentId: "sc-v930fj-6"
+})(["width:fit-content;display:flex;flex-direction:column;"]);
 var InputPasswordAdornment = function InputPasswordAdornment(_ref) {
   var invalid = _ref.invalid,
     errorMessage = _ref.errorMessage,
@@ -90,7 +94,10 @@ var InputPasswordAdornment = function InputPasswordAdornment(_ref) {
     type: "button",
     size: transform[size],
     disabled: disabled,
-    onClick: toggleShow
+    onClick: toggleShow,
+    style: {
+      flexShrink: 0
+    }
   }, showText ? size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeOffIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeOffIcon, null) : size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeIcon, null))));
 };
 var InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -142,13 +149,7 @@ var InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef)(
   (0, _react.useEffect)(function () {
     setShowText(show);
   }, [show]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: "fit-content",
-      display: "flex",
-      flexDirection: "column"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(StyledInputPasswordWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({}, rest, {
     ref: handleRef,
     size: size,
     value: value,

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

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","InputPassword","exports","forwardRef","_ref2","ref","_ref2$size","_ref2$show","show","_ref2$showTooltipText","_ref2$hideTooltipText","_ref2$value","defaultValue","validation","onChange","rest","inputRef","useRef","handleRef","useForkRef","_useState","useState","_useState2","setShowText","_useState3","_useState4","strength","setStrength","_useState5","_useState6","setValue","handleChange","useCallback","getStrength","_inputRef$current","current","focus","prevState","useEffect","style","width","display","flexDirection","Input","endAdornment","levels","StyledPasswordIndicatorWrapper","map","_","index","StyledPasswordIndicator","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    return (\n      <div\n        style={{\n          width: \"fit-content\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels.length === 5 &&\n          typeof validation.getStrength === \"function\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAQA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAyC,IAAAU,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,eAAAC,GAAA,EAAAZ,CAAA,WAAAa,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAZ,CAAA,KAAAe,2BAAA,CAAAH,GAAA,EAAAZ,CAAA,KAAAgB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAA7B,CAAA,GAAAG,MAAA,CAAAI,SAAA,CAAAwB,QAAA,CAAAtB,IAAA,CAAAmB,CAAA,EAAAI,KAAA,aAAAhC,CAAA,iBAAA4B,CAAA,CAAAK,WAAA,EAAAjC,CAAA,GAAA4B,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAlC,CAAA,cAAAA,CAAA,mBAAAmC,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAA5B,CAAA,+DAAAqC,IAAA,CAAArC,CAAA,UAAA8B,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAL,MAAA,EAAAqB,GAAA,GAAAhB,GAAA,CAAAL,MAAA,WAAAP,CAAA,MAAA6B,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAA5B,CAAA,GAAA4B,GAAA,EAAA5B,CAAA,IAAA6B,IAAA,CAAA7B,CAAA,IAAAY,GAAA,CAAAZ,CAAA,UAAA6B,IAAA;AAAA,SAAAf,sBAAA5B,CAAA,EAAA4C,CAAA,QAAA3C,CAAA,WAAAD,CAAA,gCAAA6C,MAAA,IAAA7C,CAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAA9C,CAAA,4BAAAC,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAU,CAAA,EAAAJ,CAAA,EAAAJ,CAAA,OAAAyC,CAAA,OAAAf,CAAA,iBAAAlB,CAAA,IAAAb,CAAA,GAAAA,CAAA,CAAAY,IAAA,CAAAb,CAAA,GAAAgD,IAAA,QAAAJ,CAAA,QAAArC,MAAA,CAAAN,CAAA,MAAAA,CAAA,UAAA8C,CAAA,uBAAAA,CAAA,IAAAjD,CAAA,GAAAgB,CAAA,CAAAD,IAAA,CAAAZ,CAAA,GAAAgD,IAAA,MAAA3C,CAAA,CAAA4C,IAAA,CAAApD,CAAA,CAAAqD,KAAA,GAAA7C,CAAA,CAAAe,MAAA,KAAAuB,CAAA,GAAAG,CAAA,iBAAA/C,CAAA,IAAAgC,CAAA,OAAA5B,CAAA,GAAAJ,CAAA,yBAAA+C,CAAA,YAAA9C,CAAA,CAAAmD,MAAA,KAAA1C,CAAA,GAAAT,CAAA,CAAAmD,MAAA,IAAA7C,MAAA,CAAAG,CAAA,MAAAA,CAAA,2BAAAsB,CAAA,QAAA5B,CAAA,aAAAE,CAAA;AAAA,SAAAqB,gBAAAD,GAAA,QAAAa,KAAA,CAAAc,OAAA,CAAA3B,GAAA,UAAAA,GAAA;AAAA,SAAA4B,yBAAAhC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,GAAAqC,6BAAA,CAAAlC,MAAA,EAAAiC,QAAA,OAAAhC,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAkD,qBAAA,QAAAC,gBAAA,GAAAnD,MAAA,CAAAkD,qBAAA,CAAAnC,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAA4C,gBAAA,CAAArC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAmC,gBAAA,CAAA5C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAiD,oBAAA,CAAA/C,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAqC,8BAAAlC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,WAAA0C,UAAA,GAAAtD,MAAA,CAAAuD,IAAA,CAAAxC,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA+C,UAAA,CAAAxC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAsC,UAAA,CAAA/C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAEzC,IAAM4C,SAAS,GAAG;EAChBC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE;AACP,CAAU;AA0BV,IAAMC,kBAAkB,GAAG,IAAAC,yBAAM,EAACC,mBAAY,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAkB,CAAC,CACxB;AAED,IAAMC,qBAAqB,GAAG,IAAAL,yBAAM,EAACM,sBAAe,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/C;EAAA;AAAkB,CAAC,CACxB;AAED,IAAMG,aAAa,GAAG,IAAAP,yBAAM,EAACQ,cAAO,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/B;EAAA;AAAkB,CAAC,CACxB;AAED,IAAMK,gBAAgB,GAAG,IAAAT,yBAAM,EAACU,iBAAU,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAkB,CAAC,CACxB;AACD,IAAMO,cAAc,GAAG,IAAAX,yBAAM,EAACY,eAAQ,CAAC,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,IAAMS,mBAAmB,GAAG,IAAAb,yBAAM,EAACc,oBAAa,CAAC,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAcD,IAAMW,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA;EAAA,IAC1BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,eAAe,GAAAN,IAAA,CAAfM,eAAe;IACfC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,UAAU,GAAAT,IAAA,CAAVS,UAAU;EAAA,oBAEVhH,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAAAjH,MAAA,CAAAe,OAAA,CAAAmG,QAAA,QACGV,OAAO,IAAIC,YAAY,iBACtBzG,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACvG,QAAA,CAAAyG,OAAO;IAACC,KAAK,EAAEX;EAAa,GAC1BC,IAAI,KAAK,SAAS,gBAAG1G,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACb,mBAAmB,MAAE,CAAC,gBAAGpG,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACf,cAAc,MAAE,CAC1D,CACV,EACA,CAACS,WAAW,iBACX3G,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACvG,QAAA,CAAAyG,OAAO;IAACC,KAAK,EAAER,QAAQ,GAAGC,eAAe,GAAGC;EAAgB,gBAC3D9G,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACzG,WAAA,CAAA6G,UAAU;IACTC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,QAAQ;IACbb,IAAI,EAAExB,SAAS,CAACwB,IAAI,CAAgC;IACpDK,QAAQ,EAAEA,QAAS;IACnBS,OAAO,EAAER;EAAW,GAEnBJ,QAAQ,GACPF,IAAI,KAAK,SAAS,gBAChB1G,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACrB,qBAAqB,MAAE,CAAC,gBAEzB5F,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACjB,gBAAgB,MAAE,CACpB,GACCU,IAAI,KAAK,SAAS,gBACpB1G,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAAC3B,kBAAkB,MAAE,CAAC,gBAEtBtF,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACnB,aAAa,MAAE,CAER,CACL,CAEX,CAAC;AAAA,CACJ;AAEM,IAAM2B,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,UAAAC,KAAA,EAeEC,GAAG,EACA;EAAA,IAAAC,UAAA,GAAAF,KAAA,CAdDlB,IAAI;IAAJA,IAAI,GAAAoB,UAAA,cAAG,SAAS,GAAAA,UAAA;IAChBf,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAAgB,UAAA,GAAAH,KAAA,CACRI,IAAI;IAAJA,IAAI,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IACZpB,WAAW,GAAAiB,KAAA,CAAXjB,WAAW;IAAAsB,qBAAA,GAAAL,KAAA,CACXd,eAAe;IAAfA,eAAe,GAAAmB,qBAAA,cAAG,MAAM,GAAAA,qBAAA;IAAAC,qBAAA,GAAAN,KAAA,CACxBf,eAAe;IAAfA,eAAe,GAAAqB,qBAAA,cAAG,MAAM,GAAAA,qBAAA;IAAAC,WAAA,GAAAP,KAAA,CACxBtD,KAAK;IAAE8D,YAAY,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IACxBE,UAAU,GAAAT,KAAA,CAAVS,UAAU;IACV5B,YAAY,GAAAmB,KAAA,CAAZnB,YAAY;IACZD,OAAO,GAAAoB,KAAA,CAAPpB,OAAO;IACP8B,QAAQ,GAAAV,KAAA,CAARU,QAAQ;IACLC,IAAI,GAAA9D,wBAAA,CAAAmD,KAAA,EAAAhH,SAAA;EAIT,IAAM4H,QAAQ,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EACtD,IAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACd,GAAG,EAAEW,QAAQ,CAAC;EAE3C,IAAAI,SAAA,GAAgC,IAAAC,eAAQ,EAACb,IAAI,CAAC;IAAAc,UAAA,GAAAlG,cAAA,CAAAgG,SAAA;IAAvChC,QAAQ,GAAAkC,UAAA;IAAEC,WAAW,GAAAD,UAAA;EAC5B,IAAAE,UAAA,GAAgC,IAAAH,eAAQ,EAAC,CAAC,CAAC;IAAAI,UAAA,GAAArG,cAAA,CAAAoG,UAAA;IAApCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC5B,IAAAG,UAAA,GAA0B,IAAAP,eAAQ,EAAC;MAAA,OAAMT,YAAY;IAAA,CAAU,CAAC;IAAAiB,UAAA,GAAAzG,cAAA,CAAAwG,UAAA;IAAzD9E,KAAK,GAAA+E,UAAA;IAAEC,QAAQ,GAAAD,UAAA;EAEtB,IAAME,YAAY,GAAG,IAAAC,kBAAW,EAC9B,UAACvI,CAAC,EAAK;IACLqI,QAAQ,CAACrI,CAAC,CAACqB,MAAM,CAACgC,KAAK,CAAC;IACxB,QAAO+D,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoB,WAAW,MAAK,UAAU,IAC3CN,WAAW,CAACd,UAAU,CAACoB,WAAW,CAACxI,CAAC,CAACqB,MAAM,CAACgC,KAAK,CAAC,CAAC;IACrD,OAAOgE,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACrH,CAAC,CAACqB,MAAM,CAACgC,KAAK,CAAC;EAC5D,CAAC,EACD,CAACgE,QAAQ,EAAED,UAAU,CACvB,CAAC;EAED,IAAMrB,UAAU,GAAG,IAAAwC,kBAAW,EAAC,YAAM;IAAA,IAAAE,iBAAA;IACnC,CAAAA,iBAAA,GAAAlB,QAAQ,CAACmB,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBE,KAAK,CAAC,CAAC;IACzBb,WAAW,CAAC,UAACc,SAAS;MAAA,OAAK,CAACA,SAAS;IAAA,EAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,YAAM;IACdf,WAAW,CAACf,IAAI,CAAC;EACnB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEhI,MAAA,CAAAe,OAAA,CAAAkG,aAAA;IACE8C,KAAK,EAAE;MACLC,KAAK,EAAE,aAAa;MACpBC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;IACjB;EAAE,gBAEFlK,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAAC5G,MAAA,CAAA8J,KAAK,EAAAhI,QAAA,KACAoG,IAAI;IACRV,GAAG,EAAEa,SAAU;IACfhC,IAAI,EAAEA,IAAK;IACXpC,KAAK,EAAEA,KAAM;IACbyC,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAEX,QAAQ,GAAG,MAAM,GAAG,UAAW;IACrC0B,QAAQ,EAAEiB,YAAa;IACvB/C,OAAO,EAAEA,OAAQ;IACjB,eAAY,eAAe;IAC3B4D,YAAY,eACVpK,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACX,sBAAsB;MACrBE,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA,eAAgB;MACjCC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA;IAAW,CACxB;EACF,EACF,CAAC,EACD,CAAAqB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEgC,MAAM,CAAC7H,MAAM,MAAK,CAAC,IAC9B,OAAO6F,UAAU,CAACoB,WAAW,KAAK,UAAU,iBAC1CzJ,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAAAjH,MAAA,CAAAe,OAAA,CAAAmG,QAAA,qBACElH,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAAC3G,OAAA,CAAAgK,8BAA8B,QAC5B,CAAC,GAAG5G,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC6G,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;IAAA,oBAC1BzK,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAAC3G,OAAA,CAAAoK,uBAAuB;MACtBhI,GAAG,EAAE+H,KAAM;MACXE,SAAS,EAAEzB,QAAS;MACpB0B,MAAM,EAAEH,KAAM;MACd,eAAavB,QAAQ,IAAIuB,KAAK,GAAG,CAAC,GAAG,QAAQ,GAAG;IAAG,CACpD,CAAC;EAAA,CACH,CAC6B,CAAC,eACjCzK,MAAA,CAAAe,OAAA,CAAAkG,aAAA,CAACtG,WAAA,CAAAkK,QAAQ;IAACC,KAAK,EAAC,OAAO;IAACC,KAAK,EAAC;EAAU,GACrC1C,UAAU,CAACgC,MAAM,CAACnB,QAAQ,CACnB,CACV,CAEH,CAAC;AAEV,CACF,CAAC;AAEDzB,aAAa,CAAC/B,WAAW,GAAG,eAAe"}
+{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","StyledInputPasswordWrapper","div","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","style","flexShrink","InputPassword","exports","forwardRef","_ref2","ref","_ref2$size","_ref2$show","show","_ref2$showTooltipText","_ref2$hideTooltipText","_ref2$value","defaultValue","validation","onChange","rest","inputRef","useRef","handleRef","useForkRef","_useState","useState","_useState2","setShowText","_useState3","_useState4","strength","setStrength","_useState5","_useState6","setValue","handleChange","useCallback","getStrength","_inputRef$current","current","focus","prevState","useEffect","Input","endAdornment","levels","StyledPasswordIndicatorWrapper","map","_","index","StyledPasswordIndicator","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInputPasswordWrapper = styled.div`\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n          style={{ flexShrink: 0 }}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    return (\n      <StyledInputPasswordWrapper>\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels.length === 5 &&\n          typeof validation.getStrength === \"function\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </StyledInputPasswordWrapper>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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"}

package/dist/esm/components/Input/InputPassword.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB5C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClD,sCAAsC;IACtC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3E,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACrC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAgFD,eAAO,MAAM,aAAa,6FAiGzB,CAAC"}
+{"version":3,"file":"InputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB5C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClD,sCAAsC;IACtC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3E,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACrC,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuFD,eAAO,MAAM,aAAa,6FA2FzB,CAAC"}

package/dist/esm/components/Input/InputPassword.js

@@ -62,6 +62,10 @@ const StyledInfoSmallIcon = (0, _styledComponents.default)(_Icons.InfoSmallIcon)
   "cursor": "help",
   "fill": "var(--red-alert)"
 });
+const StyledInputPasswordWrapper = _styledComponents.default.div.withConfig({
+  displayName: "InputPassword__StyledInputPasswordWrapper",
+  componentId: "sc-v930fj-6"
+})(["width:fit-content;display:flex;flex-direction:column;"]);
 const InputPasswordAdornment = _ref => {
   let {
     invalid,
@@ -83,7 +87,10 @@ const InputPasswordAdornment = _ref => {
     type: "button",
     size: transform[size],
     disabled: disabled,
-    onClick: toggleShow
+    onClick: toggleShow,
+    style: {
+      flexShrink: 0
+    }
   }, showText ? size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeOffIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeOffIcon, null) : size === "regular" ? /*#__PURE__*/_react.default.createElement(StypedEyeIconSmall, null) : /*#__PURE__*/_react.default.createElement(StypedEyeIcon, null))));
 };
 const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
@@ -118,13 +125,7 @@ const InputPassword = exports.InputPassword = /*#__PURE__*/(0, _react.forwardRef
   (0, _react.useEffect)(() => {
     setShowText(show);
   }, [show]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: "fit-content",
-      display: "flex",
-      flexDirection: "column"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(StyledInputPasswordWrapper, null, /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({}, rest, {
     ref: handleRef,
     size: size,
     value: value,

package/dist/esm/components/Input/InputPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","InputPassword","exports","forwardRef","_ref2","ref","show","value","defaultValue","validation","onChange","rest","inputRef","useRef","handleRef","useForkRef","setShowText","useState","strength","setStrength","setValue","handleChange","useCallback","target","getStrength","current","focus","prevState","useEffect","style","width","display","flexDirection","Input","_extends2","endAdornment","levels","length","StyledPasswordIndicatorWrapper","Array","map","_","index","StyledPasswordIndicator","key","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    return (\n      <div\n        style={{\n          width: \"fit-content\",\n          display: \"flex\",\n          flexDirection: \"column\",\n        }}\n      >\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels.length === 5 &&\n          typeof validation.getStrength === \"function\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </div>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":"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"}
+{"version":3,"file":"InputPassword.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Input","_Styles","_utils","_IconButton","_Icons","_Tooltip","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","transform","biggest","regular","big","StypedEyeIconSmall","styled","EyeSmallIcon","withConfig","displayName","componentId","StypedEyeOffIconSmall","EyeOffSmallIcon","StypedEyeIcon","EyeIcon","StypedEyeOffIcon","EyeOffIcon","StyledInfoIcon","InfoIcon","StyledInfoSmallIcon","InfoSmallIcon","StyledInputPasswordWrapper","div","InputPasswordAdornment","_ref","invalid","errorMessage","size","hideControl","showText","hideTooltipText","showTooltipText","disabled","toggleShow","createElement","Fragment","Tooltip","title","IconButton","variant","type","onClick","style","flexShrink","InputPassword","exports","forwardRef","_ref2","ref","show","value","defaultValue","validation","onChange","rest","inputRef","useRef","handleRef","useForkRef","setShowText","useState","strength","setStrength","setValue","handleChange","useCallback","target","getStrength","current","focus","prevState","useEffect","Input","_extends2","endAdornment","levels","length","StyledPasswordIndicatorWrapper","Array","map","_","index","StyledPasswordIndicator","key","$strength","$index","Caption1","align","color"],"sources":["../../../../src/components/Input/InputPassword.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Input, InputProps } from \"./Input\";\nimport {\n  StyledPasswordIndicator,\n  StyledPasswordIndicatorWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  EyeIcon,\n  EyeOffIcon,\n  EyeOffSmallIcon,\n  EyeSmallIcon,\n  InfoIcon,\n  InfoSmallIcon,\n} from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Caption1 } from \"../Typography\";\n\nconst transform = {\n  biggest: \"big\",\n  regular: \"small\",\n  big: \"medium\",\n} as const;\n\nexport interface ValidationProps {\n  /** Strength calculating function */\n  getStrength: (input: string) => 0 | 1 | 2 | 3 | 4;\n  /** Array of strength level strings */\n  levels: [string, string, string, string, string];\n}\n\nexport interface InputPasswordProps extends Omit<InputProps, \"type\" | \"size\"> {\n  /** Input size */\n  size?: \"regular\" | \"big\" | \"biggest\";\n  /** Renders with shown text */\n  show?: boolean;\n  /** Removes show/hide control  */\n  hideControl?: boolean;\n  /** Show tooltip text */\n  showTooltipText?: string;\n  /** Hide tooltip text */\n  hideTooltipText?: string;\n  /** Validation object */\n  validation?: ValidationProps;\n  /** Error message tooltip text */\n  errorMessage?: string;\n}\n\nconst StypedEyeIconSmall = styled(EyeSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIconSmall = styled(EyeOffSmallIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeIcon = styled(EyeIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\n\nconst StypedEyeOffIcon = styled(EyeOffIcon)`\n  ${tw`tw-cursor-pointer`}\n`;\nconst StyledInfoIcon = styled(InfoIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInfoSmallIcon = styled(InfoSmallIcon)`\n  ${tw`tw-cursor-help tw-fill-alert tw-mr-1`}\n`;\n\nconst StyledInputPasswordWrapper = styled.div`\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n`;\n\ninterface InputPasswordAdornmentProps {\n  invalid?: boolean;\n  errorMessage?: string;\n  size: \"regular\" | \"big\" | \"biggest\";\n  hideControl?: boolean;\n  showText: boolean;\n  hideTooltipText: string;\n  showTooltipText: string;\n  disabled?: boolean;\n  toggleShow?: () => void;\n}\n\nconst InputPasswordAdornment = ({\n  invalid,\n  errorMessage,\n  size,\n  hideControl,\n  showText,\n  hideTooltipText,\n  showTooltipText,\n  disabled,\n  toggleShow,\n}: InputPasswordAdornmentProps) => (\n  <>\n    {invalid && errorMessage && (\n      <Tooltip title={errorMessage}>\n        {size === \"regular\" ? <StyledInfoSmallIcon /> : <StyledInfoIcon />}\n      </Tooltip>\n    )}\n    {!hideControl && (\n      <Tooltip title={showText ? hideTooltipText : showTooltipText}>\n        <IconButton\n          variant=\"text gray\"\n          type=\"button\"\n          size={transform[size] as \"big\" | \"small\" | \"medium\"}\n          disabled={disabled}\n          onClick={toggleShow}\n          style={{ flexShrink: 0 }}\n        >\n          {showText ? (\n            size === \"regular\" ? (\n              <StypedEyeOffIconSmall />\n            ) : (\n              <StypedEyeOffIcon />\n            )\n          ) : size === \"regular\" ? (\n            <StypedEyeIconSmall />\n          ) : (\n            <StypedEyeIcon />\n          )}\n        </IconButton>\n      </Tooltip>\n    )}\n  </>\n);\n\nexport const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      show = false,\n      hideControl,\n      showTooltipText = \"Show\",\n      hideTooltipText = \"Hide\",\n      value: defaultValue = \"\",\n      validation,\n      errorMessage,\n      invalid,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const [showText, setShowText] = useState(show);\n    const [strength, setStrength] = useState(0);\n    const [value, setValue] = useState(() => defaultValue as string);\n\n    const handleChange = useCallback(\n      (e) => {\n        setValue(e.target.value);\n        typeof validation?.getStrength === \"function\" &&\n          setStrength(validation.getStrength(e.target.value));\n        typeof onChange === \"function\" && onChange(e.target.value);\n      },\n      [onChange, validation]\n    );\n\n    const toggleShow = useCallback(() => {\n      inputRef.current?.focus();\n      setShowText((prevState) => !prevState);\n    }, []);\n\n    useEffect(() => {\n      setShowText(show);\n    }, [show]);\n\n    return (\n      <StyledInputPasswordWrapper>\n        <Input\n          {...rest}\n          ref={handleRef}\n          size={size}\n          value={value}\n          disabled={disabled}\n          type={showText ? \"text\" : \"password\"}\n          onChange={handleChange}\n          invalid={invalid}\n          data-testid=\"InputPassword\"\n          endAdornment={\n            <InputPasswordAdornment\n              invalid={invalid}\n              errorMessage={errorMessage}\n              size={size}\n              hideControl={hideControl}\n              showText={showText}\n              hideTooltipText={hideTooltipText}\n              showTooltipText={showTooltipText}\n              disabled={disabled}\n              toggleShow={toggleShow}\n            />\n          }\n        />\n        {validation?.levels.length === 5 &&\n          typeof validation.getStrength === \"function\" && (\n            <>\n              <StyledPasswordIndicatorWrapper>\n                {[...Array(4)].map((_, index) => (\n                  <StyledPasswordIndicator\n                    key={index}\n                    $strength={strength}\n                    $index={index}\n                    data-testid={strength >= index + 1 ? \"active\" : \"\"}\n                  />\n                ))}\n              </StyledPasswordIndicatorWrapper>\n              <Caption1 align=\"right\" color=\"tertiary\">\n                {validation.levels[strength]}\n              </Caption1>\n            </>\n          )}\n      </StyledInputPasswordWrapper>\n    );\n  }\n);\n\nInputPassword.displayName = \"InputPassword\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAQA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAyC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,MAAMY,SAAS,GAAG;EAChBC,OAAO,EAAE,KAAK;EACdC,OAAO,EAAE,OAAO;EAChBC,GAAG,EAAE;AACP,CAAU;AA0BV,MAAMC,kBAAkB,GAAG,IAAAC,yBAAM,EAACC,mBAAY,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMC,qBAAqB,GAAG,IAAAL,yBAAM,EAACM,sBAAe,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/C;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMG,aAAa,GAAG,IAAAP,yBAAM,EAACQ,cAAO,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC/B;EAAA;AAAkB,CAAC,CACxB;AAED,MAAMK,gBAAgB,GAAG,IAAAT,yBAAM,EAACU,iBAAU,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAkB,CAAC,CACxB;AACD,MAAMO,cAAc,GAAG,IAAAX,yBAAM,EAACY,eAAQ,CAAC,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMS,mBAAmB,GAAG,IAAAb,yBAAM,EAACc,oBAAa,CAAC,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAAqC,CAAC,CAC3C;AAED,MAAMW,0BAA0B,GAAGf,yBAAM,CAACgB,GAAG,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6DAI5C;AAcD,MAAMa,sBAAsB,GAAGC,IAAA;EAAA,IAAC;IAC9BC,OAAO;IACPC,YAAY;IACZC,IAAI;IACJC,WAAW;IACXC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfC,QAAQ;IACRC;EAC2B,CAAC,GAAAT,IAAA;EAAA,oBAC5BxD,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAAlE,MAAA,CAAAkB,OAAA,CAAAiD,QAAA,QACGV,OAAO,IAAIC,YAAY,iBACtB1D,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACxD,QAAA,CAAA0D,OAAO;IAACC,KAAK,EAAEX;EAAa,GAC1BC,IAAI,KAAK,SAAS,gBAAG3D,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACf,mBAAmB,MAAE,CAAC,gBAAGnD,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACjB,cAAc,MAAE,CAC1D,CACV,EACA,CAACW,WAAW,iBACX5D,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACxD,QAAA,CAAA0D,OAAO;IAACC,KAAK,EAAER,QAAQ,GAAGC,eAAe,GAAGC;EAAgB,gBAC3D/D,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAC1D,WAAA,CAAA8D,UAAU;IACTC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,QAAQ;IACbb,IAAI,EAAE1B,SAAS,CAAC0B,IAAI,CAAgC;IACpDK,QAAQ,EAAEA,QAAS;IACnBS,OAAO,EAAER,UAAW;IACpBS,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAE;EAAE,GAExBd,QAAQ,GACPF,IAAI,KAAK,SAAS,gBAChB3D,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACvB,qBAAqB,MAAE,CAAC,gBAEzB3C,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACnB,gBAAgB,MAAE,CACpB,GACCY,IAAI,KAAK,SAAS,gBACpB3D,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAC7B,kBAAkB,MAAE,CAAC,gBAEtBrC,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACrB,aAAa,MAAE,CAER,CACL,CAEX,CAAC;AAAA,CACJ;AAEM,MAAM+B,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EACrC,CAAAC,KAAA,EAeEC,GAAG,KACA;EAAA,IAfH;IACErB,IAAI,GAAG,SAAS;IAChBK,QAAQ;IACRiB,IAAI,GAAG,KAAK;IACZrB,WAAW;IACXG,eAAe,GAAG,MAAM;IACxBD,eAAe,GAAG,MAAM;IACxBoB,KAAK,EAAEC,YAAY,GAAG,EAAE;IACxBC,UAAU;IACV1B,YAAY;IACZD,OAAO;IACP4B,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAP,KAAA;EAGD,MAAMQ,QAAQ,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EACtD,MAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACV,GAAG,EAAEO,QAAQ,CAAC;EAE3C,MAAM,CAAC1B,QAAQ,EAAE8B,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACX,IAAI,CAAC;EAC9C,MAAM,CAACY,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAM,CAACV,KAAK,EAAEa,QAAQ,CAAC,GAAG,IAAAH,eAAQ,EAAC,MAAMT,YAAsB,CAAC;EAEhE,MAAMa,YAAY,GAAG,IAAAC,kBAAW,EAC7BpF,CAAC,IAAK;IACLkF,QAAQ,CAAClF,CAAC,CAACqF,MAAM,CAAChB,KAAK,CAAC;IACxB,OAAOE,UAAU,EAAEe,WAAW,KAAK,UAAU,IAC3CL,WAAW,CAACV,UAAU,CAACe,WAAW,CAACtF,CAAC,CAACqF,MAAM,CAAChB,KAAK,CAAC,CAAC;IACrD,OAAOG,QAAQ,KAAK,UAAU,IAAIA,QAAQ,CAACxE,CAAC,CAACqF,MAAM,CAAChB,KAAK,CAAC;EAC5D,CAAC,EACD,CAACG,QAAQ,EAAED,UAAU,CACvB,CAAC;EAED,MAAMnB,UAAU,GAAG,IAAAgC,kBAAW,EAAC,MAAM;IACnCV,QAAQ,CAACa,OAAO,EAAEC,KAAK,CAAC,CAAC;IACzBV,WAAW,CAAEW,SAAS,IAAK,CAACA,SAAS,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACdZ,WAAW,CAACV,IAAI,CAAC;EACnB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEjF,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACb,0BAA0B,qBACzBrD,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAC7D,MAAA,CAAAmG,KAAK,MAAAC,SAAA,CAAAvF,OAAA,MACAoE,IAAI;IACRN,GAAG,EAAES,SAAU;IACf9B,IAAI,EAAEA,IAAK;IACXuB,KAAK,EAAEA,KAAM;IACblB,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAEX,QAAQ,GAAG,MAAM,GAAG,UAAW;IACrCwB,QAAQ,EAAEW,YAAa;IACvBvC,OAAO,EAAEA,OAAQ;IACjB,eAAY,eAAe;IAC3BiD,YAAY,eACV1G,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACX,sBAAsB;MACrBE,OAAO,EAAEA,OAAQ;MACjBC,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA,eAAgB;MACjCC,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAEA,QAAS;MACnBC,UAAU,EAAEA;IAAW,CACxB;EACF,EACF,CAAC,EACDmB,UAAU,EAAEuB,MAAM,CAACC,MAAM,KAAK,CAAC,IAC9B,OAAOxB,UAAU,CAACe,WAAW,KAAK,UAAU,iBAC1CnG,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAAlE,MAAA,CAAAkB,OAAA,CAAAiD,QAAA,qBACEnE,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAC5D,OAAA,CAAAuG,8BAA8B,QAC5B,CAAC,GAAGC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAC1BjH,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAAC5D,OAAA,CAAA4G,uBAAuB;IACtBC,GAAG,EAAEF,KAAM;IACXG,SAAS,EAAEvB,QAAS;IACpBwB,MAAM,EAAEJ,KAAM;IACd,eAAapB,QAAQ,IAAIoB,KAAK,GAAG,CAAC,GAAG,QAAQ,GAAG;EAAG,CACpD,CACF,CAC6B,CAAC,eACjCjH,MAAA,CAAAkB,OAAA,CAAAgD,aAAA,CAACvD,WAAA,CAAA2G,QAAQ;IAACC,KAAK,EAAC,OAAO;IAACC,KAAK,EAAC;EAAU,GACrCpC,UAAU,CAACuB,MAAM,CAACd,QAAQ,CACnB,CACV,CAEoB,CAAC;AAEjC,CACF,CAAC;AAEDjB,aAAa,CAACnC,WAAW,GAAG,eAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "2.0.49",
+  "version": "2.0.50",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",