@activecollab/components 2.0.210 → 2.0.212

package/dist/cjs/components/EditableContent/EditableContent.js

@@ -7,7 +7,7 @@ exports.EditableContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Styles = require("./Styles");
 var _utils = require("../../utils");
-var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children"];
+var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid"];
 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 && Object.prototype.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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -23,6 +23,7 @@ var EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwardR
     inputProps = _ref.inputProps,
     wrapRef = _ref.wrapRef,
     children = _ref.children,
+    invalid = _ref.invalid,
     props = _objectWithoutProperties(_ref, _excluded);
   var intInputRef = (0, _react.useRef)(null);
   var handleRef = (0, _utils.useForkRef)(ref, intInputRef);
@@ -49,7 +50,8 @@ var EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwardR
     value: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
     onBlur: handleBlur,
     disabled: disabled,
-    "data-form-type": "other"
+    "data-form-type": "other",
+    invalid: invalid
   })));
 });
 EditableContent.displayName = "EditableContent";

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

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditableContent","exports","forwardRef","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","props","intInputRef","useRef","handleRef","useForkRef","handleBlur","useCallback","evt","current","scrollLeft","onBlur","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","value","StyledInput","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAAAG,SAAA;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,SAAAN,wBAAAM,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;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,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAN,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAe,gBAAA,CAAAR,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAM,gBAAA,CAAAf,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkB,UAAA,CAAAX,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAS,UAAA,CAAAlB,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAgBlC,IAAMe,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAKvC,UAAAC,IAAA,EAWEC,GAAG,EACA;EAAA,IAVDC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,YAAA,GAAAH,IAAA,CACTI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;IAClBE,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAAC,aAAA,GAAAN,IAAA,CACNO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACLC,KAAK,GAAAvB,wBAAA,CAAAY,IAAA,EAAA3C,SAAA;EAIV,IAAMuD,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,IAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACd,GAAG,EAAEW,WAAW,CAAC;EAE9C,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAC5B,UAACC,GAAG,EAAK;IACP,IAAIN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEO,OAAO,EAAE;MACxBP,WAAW,CAACO,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,MAAM,gBAAe,KAAIb,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACV,UAAU,CACb,CAAC;EAED,oBACExD,MAAA,CAAAY,OAAA,CAAA0D,aAAA,CAACnE,OAAA,CAAAoE,SAAS,EAAA5C,QAAA;IAACuB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEQ;EAAQ,GAAKE,KAAK,gBACtD3D,MAAA,CAAAY,OAAA,CAAA0D,aAAA,CAACnE,OAAA,CAAAqE,UAAU;IACTpB,OAAO,EAAEA,OAAQ;IACjBqB,WAAW,EAAC,MAAM;IAClBpB,MAAM,EAAEA,MAAO;IACfqB,SAAS,EAAEnB,QAAS;IACpBL,SAAS,EAAC;EAAc,GAEvBQ,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEmB,KACzB,CAAC,eACb3E,MAAA,CAAAY,OAAA,CAAA0D,aAAA,CAACnE,OAAA,CAAAyE,WAAW,EAAAjD,QAAA,KACN6B,UAAU;IACdP,GAAG,EAAEa,SAAU;IACfW,WAAW,EAAC,OAAO;IACnBrB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfsB,KAAK,EAAEnB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEmB,KAAM;IACzBN,MAAM,EAAEL,UAAW;IACnBT,QAAQ,EAAEA,QAAS;IACnB,kBAAe;EAAO,EACvB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDV,eAAe,CAACgC,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EditableContent","exports","forwardRef","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","props","intInputRef","useRef","handleRef","useForkRef","handleBlur","useCallback","evt","current","scrollLeft","onBlur","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","value","StyledInput","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAyC,IAAAG,SAAA;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,SAAAN,wBAAAM,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;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,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAN,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAe,gBAAA,CAAAR,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAM,gBAAA,CAAAf,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkB,UAAA,CAAAX,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAS,UAAA,CAAAlB,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAiBlC,IAAMe,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EAKvC,UAAAC,IAAA,EAYEC,GAAG,EACA;EAAA,IAXDC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,YAAA,GAAAH,IAAA,CACTI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;IAClBE,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAAC,aAAA,GAAAN,IAAA,CACNO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACJC,KAAK,GAAAxB,wBAAA,CAAAY,IAAA,EAAA3C,SAAA;EAIV,IAAMwD,WAAW,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAClD,IAAMC,SAAS,GAAG,IAAAC,iBAAU,EAACf,GAAG,EAAEY,WAAW,CAAC;EAE9C,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAC5B,UAACC,GAAG,EAAK;IACP,IAAIN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEO,OAAO,EAAE;MACxBP,WAAW,CAACO,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOb,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEc,MAAM,gBAAe,KAAId,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEc,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACX,UAAU,CACb,CAAC;EAED,oBACExD,MAAA,CAAAY,OAAA,CAAA2D,aAAA,CAACpE,OAAA,CAAAqE,SAAS,EAAA7C,QAAA;IAACuB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEQ;EAAQ,GAAKG,KAAK,gBACtD5D,MAAA,CAAAY,OAAA,CAAA2D,aAAA,CAACpE,OAAA,CAAAsE,UAAU;IACTrB,OAAO,EAAEA,OAAQ;IACjBsB,WAAW,EAAC,MAAM;IAClBrB,MAAM,EAAEA,MAAO;IACfsB,SAAS,EAAEpB,QAAS;IACpBL,SAAS,EAAC;EAAc,GAEvBQ,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoB,KACzB,CAAC,eACb5E,MAAA,CAAAY,OAAA,CAAA2D,aAAA,CAACpE,OAAA,CAAA0E,WAAW,EAAAlD,QAAA,KACN6B,UAAU;IACdP,GAAG,EAAEc,SAAU;IACfW,WAAW,EAAC,OAAO;IACnBtB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfuB,KAAK,EAAEpB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoB,KAAM;IACzBN,MAAM,EAAEL,UAAW;IACnBV,QAAQ,EAAEA,QAAS;IACnB,kBAAe,OAAO;IACtBI,OAAO,EAAEA;EAAQ,EAClB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDd,eAAe,CAACiC,WAAW,GAAG,iBAAiB"}

package/dist/cjs/components/EditableContent/Styles.js

@@ -21,15 +21,18 @@ var StyledDiv = exports.StyledDiv = _styledComponents.default.div.withConfig({
 var StyledSpan = exports.StyledSpan = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "Styles__StyledSpan",
   componentId: "sc-1wapx2a-1"
-})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\" \";}"], function (_ref) {
+})(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " ", " &:empty:before{content:\" \";}"], function (_ref) {
   var $disabled = _ref.$disabled;
   return $disabled && (0, _styledComponents.css)(["visibility:visible;"]);
+}, function (_ref2) {
+  var invalid = _ref2.invalid;
+  return invalid && (0, _styledComponents.css)(["border:1px solid var(--red-alert);"]);
 });
 StyledSpan.displayName = "StyledSpan";
 var StyledInput = exports.StyledInput = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-1wapx2a-2"
-})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}"], {
+})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}", ""], {
   "position": "absolute",
   "inset": "0px",
   "boxSizing": "border-box",
@@ -47,6 +50,9 @@ var StyledInput = exports.StyledInput = (0, _styledComponents.default)(_Typograp
   ":hover": {
     "borderColor": "var(--color-theme-700)"
   }
+}, function (_ref3) {
+  var invalid = _ref3.invalid;
+  return invalid && (0, _styledComponents.css)(["border-color:var(--red-alert) !important;"]);
 });
 StyledInput.displayName = "StyledInput";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledSpan","Typography","_ref","$disabled","css","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAI,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,SAAAN,wBAAAM,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;AAE/C,IAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAEM,IAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2TAgBxC,UAAAK,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,EAKJ;AAEDJ,UAAU,CAACJ,WAAW,GAAG,YAAY;AAE9B,IAAMS,WAAW,GAAAb,OAAA,CAAAa,WAAA,GAAG,IAAAZ,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8PACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAEDQ,WAAW,CAACT,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledSpan","Typography","_ref","$disabled","css","_ref2","invalid","StyledInput","_ref3"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAsD,SAAAI,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,SAAAN,wBAAAM,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;AAE/C,IAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BC,oBAAS,EACTC,8BAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAEM,IAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,IAAAP,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxC,UAAAK,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,QACTC,qBAAG,0BAEF;AAAA,GAED,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,QACPF,qBAAG,yCAEF;AAAA,EAKJ;AAEDJ,UAAU,CAACJ,WAAW,GAAG,YAAY;AAE9B,IAAMW,WAAW,GAAAf,OAAA,CAAAe,WAAA,GAAG,IAAAd,yBAAM,EAACQ,sBAAU,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBV,UAAAW,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OACVA,OAAO,QACPF,qBAAG,gDAEF;AAAA,EACJ;AAEDG,WAAW,CAACX,WAAW,GAAG,aAAa"}

package/dist/cjs/components/EditableCurrency/EditableCurrency.js

@@ -9,7 +9,7 @@ var _hooks = require("../../hooks");
 var _utils = require("../../utils");
 var _EditableContent = require("../EditableContent");
 var _Tooltip = require("../Tooltip");
-var _excluded = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange", "trimDecimals", "min", "max"];
+var _excluded = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "step", "thousandSeparator", "value", "onSave", "onCancel", "className", "allowEmptyValue", "onEnterKeyPress", "onClick", "onChange", "trimDecimals", "min", "max", "invalid"];
 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 && Object.prototype.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; }
@@ -45,6 +45,7 @@ var EditableCurrency = exports.EditableCurrency = /*#__PURE__*/_react.default.fo
     trimDecimals = _ref$trimDecimals === void 0 ? true : _ref$trimDecimals,
     min = _ref.min,
     max = _ref.max,
+    invalid = _ref.invalid,
     rest = _objectWithoutProperties(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _utils.useForkRef)(ref, inputRef);
@@ -86,6 +87,7 @@ var EditableCurrency = exports.EditableCurrency = /*#__PURE__*/_react.default.fo
     disabled: disabled,
     ref: handleRef,
     className: className,
+    invalid: invalid,
     inputProps: _objectSpread({
       value: formattedValue,
       onBlur: onBlur,

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

@@ -1 +1 @@
-{"version":3,"file":"EditableCurrency.js","names":["_react","_interopRequireWildcard","require","_hooks","_utils","_EditableContent","_Tooltip","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","obj","key","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","EditableCurrency","exports","React","forwardRef","_ref","ref","_ref$decimalLength","decimalLength","_ref$decimalSeparator","decimalSeparator","_ref$disableAbbreviat","disableAbbreviation","disabled","_ref$disableMacros","disableMacros","_ref$step","step","_ref$thousandSeparato","thousandSeparator","defaultValue","onSave","onCancel","className","allowEmptyValue","externalEnterKeyPress","onEnterKeyPress","externalOnClick","onClick","externalOnChange","onChange","_ref$trimDecimals","trimDecimals","min","max","rest","inputRef","useRef","handleRef","useForkRef","_useInputNumber","useInputNumber","shortenThreshold","onBlur","onKeyDown","onDoubleClick","onFocus","focused","unformattedValue","formattedValue","useMemo","numberWithSeparator","createElement","Tooltip","title","disable","EditableContent","inputProps","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\n\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { numberWithSeparator, useForkRef } from \"../../utils\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface EditableCurrencyProps\n  extends EditableContentInterface,\n    Omit<IInputNumber, \"limit\" | \"onBlur\"> {\n  className?: string;\n}\n\nexport const EditableCurrency = React.forwardRef<\n  HTMLDivElement,\n  EditableCurrencyProps\n>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      step = 1,\n      thousandSeparator = \",\",\n      value: defaultValue,\n      onSave,\n      onCancel,\n      className,\n      allowEmptyValue,\n      onEnterKeyPress: externalEnterKeyPress,\n      onClick: externalOnClick,\n      onChange: externalOnChange,\n      trimDecimals = true,\n      min,\n      max,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      value,\n      onBlur,\n      onKeyDown,\n      onChange,\n      onClick,\n      onDoubleClick,\n      onFocus,\n      focused,\n      unformattedValue,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        step,\n        thousandSeparator,\n        value: defaultValue,\n        onSave,\n        allowEmptyValue,\n        onCancel,\n        onChange: externalOnChange,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n        trimDecimals,\n        min,\n        max,\n        shortenThreshold: 10000,\n      },\n      inputRef\n    );\n\n    const formattedValue = useMemo(() => {\n      return focused\n        ? value\n        : numberWithSeparator(value ?? \"\", \"\", decimalSeparator);\n    }, [focused, value, decimalSeparator]);\n\n    return (\n      <Tooltip\n        title={\n          numberWithSeparator(\n            unformattedValue ?? \"\",\n            thousandSeparator,\n            decimalSeparator\n          ) as string\n        }\n        disable={focused}\n      >\n        <EditableContent\n          disabled={disabled}\n          ref={handleRef}\n          className={className}\n          inputProps={{\n            value: formattedValue,\n            onBlur: onBlur,\n            onChange: onChange,\n            onKeyDown: onKeyDown,\n            onClick: onClick,\n            onFocus: onFocus,\n            onDoubleClick: onDoubleClick,\n            ...rest,\n          }}\n        />\n      </Tooltip>\n    );\n  }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":"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"}
+{"version":3,"file":"EditableCurrency.js","names":["_react","_interopRequireWildcard","require","_hooks","_utils","_EditableContent","_Tooltip","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","obj","key","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","EditableCurrency","exports","React","forwardRef","_ref","ref","_ref$decimalLength","decimalLength","_ref$decimalSeparator","decimalSeparator","_ref$disableAbbreviat","disableAbbreviation","disabled","_ref$disableMacros","disableMacros","_ref$step","step","_ref$thousandSeparato","thousandSeparator","defaultValue","onSave","onCancel","className","allowEmptyValue","externalEnterKeyPress","onEnterKeyPress","externalOnClick","onClick","externalOnChange","onChange","_ref$trimDecimals","trimDecimals","min","max","invalid","rest","inputRef","useRef","handleRef","useForkRef","_useInputNumber","useInputNumber","shortenThreshold","onBlur","onKeyDown","onDoubleClick","onFocus","focused","unformattedValue","formattedValue","useMemo","numberWithSeparator","createElement","Tooltip","title","disable","EditableContent","inputProps","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\n\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { numberWithSeparator, useForkRef } from \"../../utils\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface EditableCurrencyProps\n  extends EditableContentInterface,\n    Omit<IInputNumber, \"limit\" | \"onBlur\"> {\n  className?: string;\n}\n\nexport const EditableCurrency = React.forwardRef<\n  HTMLDivElement,\n  EditableCurrencyProps\n>(\n  (\n    {\n      decimalLength = 2,\n      decimalSeparator = \".\",\n      disableAbbreviation = false,\n      disabled,\n      disableMacros = false,\n      step = 1,\n      thousandSeparator = \",\",\n      value: defaultValue,\n      onSave,\n      onCancel,\n      className,\n      allowEmptyValue,\n      onEnterKeyPress: externalEnterKeyPress,\n      onClick: externalOnClick,\n      onChange: externalOnChange,\n      trimDecimals = true,\n      min,\n      max,\n      invalid,\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, inputRef);\n\n    const {\n      value,\n      onBlur,\n      onKeyDown,\n      onChange,\n      onClick,\n      onDoubleClick,\n      onFocus,\n      focused,\n      unformattedValue,\n    } = useInputNumber(\n      {\n        decimalLength,\n        decimalSeparator,\n        disableAbbreviation,\n        disableMacros,\n        step,\n        thousandSeparator,\n        value: defaultValue,\n        onSave,\n        allowEmptyValue,\n        onCancel,\n        onChange: externalOnChange,\n        onEnterKeyPress: externalEnterKeyPress,\n        onClick: externalOnClick,\n        trimDecimals,\n        min,\n        max,\n        shortenThreshold: 10000,\n      },\n      inputRef\n    );\n\n    const formattedValue = useMemo(() => {\n      return focused\n        ? value\n        : numberWithSeparator(value ?? \"\", \"\", decimalSeparator);\n    }, [focused, value, decimalSeparator]);\n\n    return (\n      <Tooltip\n        title={\n          numberWithSeparator(\n            unformattedValue ?? \"\",\n            thousandSeparator,\n            decimalSeparator\n          ) as string\n        }\n        disable={focused}\n      >\n        <EditableContent\n          disabled={disabled}\n          ref={handleRef}\n          className={className}\n          invalid={invalid}\n          inputProps={{\n            value: formattedValue,\n            onBlur: onBlur,\n            onChange: onChange,\n            onKeyDown: onKeyDown,\n            onClick: onClick,\n            onFocus: onFocus,\n            onDoubleClick: onDoubleClick,\n            ...rest,\n          }}\n        />\n      </Tooltip>\n    );\n  }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":"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"}

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

@@ -24,10 +24,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var renderOption = function renderOption(option, data) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionWrapper, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionFlag, null, (0, _countryExplorer.getCountryFlag)(option.id)), /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionName, null, option.name)), /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionWrapper, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionFlag, null, (0, _countryExplorer.getCountryFlag)(option.id)), /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionName, null, option.name)), /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionRowEnd, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionCode, null, option.additionalInfo), /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, {
     checked: data.checked,
     onChange: data.onChange
-  }));
+  })));
 };
 var InputPhone = exports.InputPhone = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$size = _ref.size,
@@ -52,7 +52,8 @@ var InputPhone = exports.InputPhone = /*#__PURE__*/(0, _react.forwardRef)(functi
   var options = _countryExplorer.countriesArraySortedByName.map(function (country) {
     return {
       id: country.countryCode,
-      name: "+".concat(country.callingCode, " ").concat(country.name)
+      name: country.name,
+      additionalInfo: "+".concat(country.callingCode)
     };
   });
   var separatePrefixFromValue = function separatePrefixFromValue(fullValue) {
@@ -65,12 +66,11 @@ var InputPhone = exports.InputPhone = /*#__PURE__*/(0, _react.forwardRef)(functi
         var code = digits.slice(0, i);
         if (_countryExplorer.callingCodeToCountryCodeMap[code]) {
           newPrefix = _countryExplorer.callingCodeToCountryCodeMap[code];
-          newValue = fullValue.slice(prefixLength + (0, _countryExplorer.getCountryCallingCode)(newPrefix).length);
+          var dialCode = (0, _countryExplorer.getCountryCallingCode)(newPrefix);
+          newValue = fullValue.slice(prefixLength + dialCode.length);
           break;
         }
       }
-    } else if (fullValue.startsWith(prefix)) {
-      newValue = fullValue.slice(prefix.length);
     }
     return {
       newPrefix,
@@ -141,6 +141,10 @@ var InputPhone = exports.InputPhone = /*#__PURE__*/(0, _react.forwardRef)(functi
       onChange: handleSelectChange,
       options: options,
       selected: prefix,
+      filterCriteria: function filterCriteria(option, filter) {
+        var _option$additionalInf;
+        return !!(option !== null && option !== void 0 && (_option$additionalInf = option.additionalInfo) !== null && _option$additionalInf !== void 0 && _option$additionalInf.toLowerCase().includes(filter));
+      },
       selectedLabel: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledFlagTriggerLabel, {
         $size: size
       }, (0, _countryExplorer.getCountryFlag)(prefix)), "+", (0, _countryExplorer.getCountryCallingCode)(prefix)),

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

@@ -1 +1 @@
-{"version":3,"file":"InputPhone.js","names":["_react","_interopRequireWildcard","require","_countryExplorer","_Input","_InputSelect","_Styles","_utils","_RadioButton","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","renderOption","option","data","createElement","Fragment","StyledOptionWrapper","StyledOptionFlag","getCountryFlag","id","StyledOptionName","RadioButton","checked","onChange","InputPhone","exports","forwardRef","_ref","ref","_ref$size","size","disabled","_ref$value","defaultValue","_ref$defaultCountry","defaultCountry","rest","inputRef","useRef","handleRef","useForkRef","_useState","useState","_useState2","prefix","setPrefix","_useState3","_useState4","setValue","options","countriesArraySortedByName","map","country","countryCode","concat","callingCode","separatePrefixFromValue","fullValue","newPrefix","newValue","startsWith","prefixLength","digits","code","callingCodeToCountryCodeMap","getCountryCallingCode","useEffect","_separatePrefixFromVa","handleChange","useCallback","inputValue","_separatePrefixFromVa2","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","filteredPaste","replace","inputElement","currentTarget","selectionStart","selectionEnd","currentValue","beforeSelection","afterSelection","newValueAfterPaste","_separatePrefixFromVa3","Input","type","onPaste","startAdornment","InputSelect","selected","selectedLabel","StyledFlagTriggerLabel","$size","keepSameOptionsOrder","search","displayName"],"sources":["../../../../src/components/Input/InputPhone.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  callingCodeToCountryCodeMap,\n  countriesArraySortedByName,\n  getCountryCallingCode,\n  getCountryFlag,\n  Country,\n} from \"country-explorer\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport {\n  StyledFlagTriggerLabel,\n  StyledOptionFlag,\n  StyledOptionName,\n  StyledOptionWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface InputPhoneProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** Default country code to be selected */\n  defaultCountry?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"small\" | \"regular\" | \"big\";\n}\n\nconst renderOption = (\n  option: Record<string, React.ReactNode>,\n  data: Record<string, unknown>\n): React.ReactElement => (\n  <>\n    <StyledOptionWrapper>\n      <StyledOptionFlag>{getCountryFlag(option.id)}</StyledOptionFlag>\n      <StyledOptionName>{option.name}</StyledOptionName>\n    </StyledOptionWrapper>\n    <RadioButton\n      checked={data.checked as boolean}\n      onChange={data.onChange as ChangeEventHandler<HTMLInputElement>}\n    />\n  </>\n);\n\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      defaultCountry = \"US\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(defaultCountry);\n    const [value, setValue] = useState<string>(\"\");\n\n    const options = countriesArraySortedByName.map((country: Country) => ({\n      id: country.countryCode,\n      name: `+${country.callingCode} ${country.name}`,\n    }));\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      if (fullValue.startsWith(\"+\") || fullValue.startsWith(\"00\")) {\n        const prefixLength = fullValue.startsWith(\"+\") ? 1 : 2;\n        const digits = fullValue.slice(prefixLength);\n\n        for (let i = digits.length; i >= 1; i--) {\n          const code = digits.slice(0, i);\n          if (callingCodeToCountryCodeMap[code]) {\n            newPrefix = callingCodeToCountryCodeMap[code];\n            newValue = fullValue.slice(\n              prefixLength + getCountryCallingCode(newPrefix).length\n            );\n            break;\n          }\n        }\n      } else if (fullValue.startsWith(prefix)) {\n        newValue = fullValue.slice(prefix.length);\n      }\n\n      return { newPrefix, newValue };\n    };\n\n    useEffect(() => {\n      const { newPrefix, newValue } = separatePrefixFromValue(defaultValue);\n      setPrefix(newPrefix);\n      setValue(newValue);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (/[^0-9+]/.test(inputValue)) {\n          return;\n        }\n\n        const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      setTimeout(() => {\n        inputRef.current?.focus();\n      }, 200);\n      typeof onChange === \"function\" &&\n        onChange(`+${getCountryCallingCode(val)}${value}`);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n\n      const paste = e.clipboardData.getData(\"text\");\n      const filteredPaste = paste.replace(/[^0-9+]/g, \"\");\n\n      const inputElement = e.currentTarget as HTMLInputElement;\n      const { selectionStart, selectionEnd } = inputElement;\n\n      if (selectionStart !== null && selectionEnd !== null) {\n        const currentValue = inputElement.value;\n        const beforeSelection = currentValue.slice(0, selectionStart);\n        const afterSelection = currentValue.slice(selectionEnd);\n\n        const newValueAfterPaste =\n          beforeSelection + filteredPaste + afterSelection;\n        const { newPrefix, newValue } =\n          separatePrefixFromValue(newValueAfterPaste);\n\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      }\n    };\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        size={size}\n        value={value}\n        disabled={disabled}\n        type=\"text\"\n        onPaste={handlePaste}\n        onChange={handleChange}\n        data-testid=\"InputPhone\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            selectedLabel={\n              <>\n                <StyledFlagTriggerLabel $size={size}>\n                  {getCountryFlag(prefix)}\n                </StyledFlagTriggerLabel>\n                +{getCountryCallingCode(prefix)}\n              </>\n            }\n            disabled={disabled}\n            keepSameOptionsOrder={false}\n            search\n            renderOption={renderOption}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputPhone.displayName = \"InputPhone\";\n"],"mappings":"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"}
+{"version":3,"file":"InputPhone.js","names":["_react","_interopRequireWildcard","require","_countryExplorer","_Input","_InputSelect","_Styles","_utils","_RadioButton","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","renderOption","option","data","createElement","Fragment","StyledOptionWrapper","StyledOptionFlag","getCountryFlag","id","StyledOptionName","StyledOptionRowEnd","StyledOptionCode","additionalInfo","RadioButton","checked","onChange","InputPhone","exports","forwardRef","_ref","ref","_ref$size","size","disabled","_ref$value","defaultValue","_ref$defaultCountry","defaultCountry","rest","inputRef","useRef","handleRef","useForkRef","_useState","useState","_useState2","prefix","setPrefix","_useState3","_useState4","setValue","options","countriesArraySortedByName","map","country","countryCode","concat","callingCode","separatePrefixFromValue","fullValue","newPrefix","newValue","startsWith","prefixLength","digits","code","callingCodeToCountryCodeMap","dialCode","getCountryCallingCode","useEffect","_separatePrefixFromVa","handleChange","useCallback","inputValue","_separatePrefixFromVa2","handleSelectChange","val","setTimeout","_inputRef$current","current","focus","handlePaste","preventDefault","paste","clipboardData","getData","filteredPaste","replace","inputElement","currentTarget","selectionStart","selectionEnd","currentValue","beforeSelection","afterSelection","newValueAfterPaste","_separatePrefixFromVa3","Input","type","onPaste","startAdornment","InputSelect","selected","filterCriteria","filter","_option$additionalInf","toLowerCase","includes","selectedLabel","StyledFlagTriggerLabel","$size","keepSameOptionsOrder","search","displayName"],"sources":["../../../../src/components/Input/InputPhone.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  callingCodeToCountryCodeMap,\n  countriesArraySortedByName,\n  getCountryCallingCode,\n  getCountryFlag,\n  Country,\n} from \"country-explorer\";\n\nimport { Input, InputProps } from \"./Input\";\nimport { InputSelect } from \"./InputSelect\";\nimport {\n  StyledFlagTriggerLabel,\n  StyledOptionCode,\n  StyledOptionFlag,\n  StyledOptionName,\n  StyledOptionRowEnd,\n  StyledOptionWrapper,\n} from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface InputPhoneProps\n  extends Omit<\n    InputProps,\n    \"type\" | \"startAdornment\" | \"onChange\" | \"value\" | \"size\"\n  > {\n  /** Input value */\n  value?: string;\n  /** Default country code to be selected */\n  defaultCountry?: string;\n  /** onChange function */\n  onChange?: (val: string) => void;\n  /** Input size */\n  size?: \"small\" | \"regular\" | \"big\";\n}\n\nconst renderOption = (\n  option: Record<string, React.ReactNode>,\n  data: Record<string, unknown>\n): React.ReactElement => (\n  <>\n    <StyledOptionWrapper>\n      <StyledOptionFlag>{getCountryFlag(option.id)}</StyledOptionFlag>\n      <StyledOptionName>{option.name}</StyledOptionName>\n    </StyledOptionWrapper>\n    <StyledOptionRowEnd>\n      <StyledOptionCode>{option.additionalInfo}</StyledOptionCode>\n      <RadioButton\n        checked={data.checked as boolean}\n        onChange={data.onChange as ChangeEventHandler<HTMLInputElement>}\n      />\n    </StyledOptionRowEnd>\n  </>\n);\n\nexport const InputPhone = forwardRef<HTMLInputElement, InputPhoneProps>(\n  (\n    {\n      size = \"regular\",\n      disabled,\n      value: defaultValue = \"\",\n      onChange,\n      defaultCountry = \"US\",\n      ...rest\n    },\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const handleRef = useForkRef(ref, inputRef);\n    const [prefix, setPrefix] = useState(defaultCountry);\n    const [value, setValue] = useState<string>(\"\");\n\n    const options = countriesArraySortedByName.map((country: Country) => ({\n      id: country.countryCode,\n      name: country.name,\n      additionalInfo: `+${country.callingCode}`,\n    }));\n\n    const separatePrefixFromValue = (\n      fullValue: string\n    ): { newPrefix: string; newValue: string } => {\n      let newPrefix = prefix;\n      let newValue = fullValue;\n\n      if (fullValue.startsWith(\"+\") || fullValue.startsWith(\"00\")) {\n        const prefixLength = fullValue.startsWith(\"+\") ? 1 : 2;\n        const digits = fullValue.slice(prefixLength);\n\n        for (let i = digits.length; i >= 1; i--) {\n          const code = digits.slice(0, i);\n          if (callingCodeToCountryCodeMap[code]) {\n            newPrefix = callingCodeToCountryCodeMap[code];\n            const dialCode = getCountryCallingCode(newPrefix);\n            newValue = fullValue.slice(prefixLength + dialCode.length);\n            break;\n          }\n        }\n      }\n\n      return { newPrefix, newValue };\n    };\n\n    useEffect(() => {\n      const { newPrefix, newValue } = separatePrefixFromValue(defaultValue);\n      setPrefix(newPrefix);\n      setValue(newValue);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [defaultValue]);\n\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const inputValue = e.target.value;\n        if (/[^0-9+]/.test(inputValue)) {\n          return;\n        }\n\n        const { newPrefix, newValue } = separatePrefixFromValue(inputValue);\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onChange, prefix]\n    );\n\n    const handleSelectChange = (val: string | number | (string | number)[]) => {\n      setPrefix(val as string);\n      setTimeout(() => {\n        inputRef.current?.focus();\n      }, 200);\n      typeof onChange === \"function\" &&\n        onChange(`+${getCountryCallingCode(val)}${value}`);\n    };\n\n    const handlePaste = (e: React.ClipboardEvent) => {\n      e.preventDefault();\n\n      const paste = e.clipboardData.getData(\"text\");\n      const filteredPaste = paste.replace(/[^0-9+]/g, \"\");\n\n      const inputElement = e.currentTarget as HTMLInputElement;\n      const { selectionStart, selectionEnd } = inputElement;\n\n      if (selectionStart !== null && selectionEnd !== null) {\n        const currentValue = inputElement.value;\n        const beforeSelection = currentValue.slice(0, selectionStart);\n        const afterSelection = currentValue.slice(selectionEnd);\n\n        const newValueAfterPaste =\n          beforeSelection + filteredPaste + afterSelection;\n        const { newPrefix, newValue } =\n          separatePrefixFromValue(newValueAfterPaste);\n\n        setPrefix(newPrefix);\n        setValue(newValue);\n\n        typeof onChange === \"function\" &&\n          onChange(`+${getCountryCallingCode(newPrefix)}${newValue}`);\n      }\n    };\n\n    return (\n      <Input\n        {...rest}\n        ref={handleRef}\n        size={size}\n        value={value}\n        disabled={disabled}\n        type=\"text\"\n        onPaste={handlePaste}\n        onChange={handleChange}\n        data-testid=\"InputPhone\"\n        startAdornment={\n          <InputSelect\n            size={size}\n            onChange={handleSelectChange}\n            options={options}\n            selected={prefix}\n            filterCriteria={(option, filter) => {\n              return !!option?.additionalInfo?.toLowerCase().includes(filter);\n            }}\n            selectedLabel={\n              <>\n                <StyledFlagTriggerLabel $size={size}>\n                  {getCountryFlag(prefix)}\n                </StyledFlagTriggerLabel>\n                +{getCountryCallingCode(prefix)}\n              </>\n            }\n            disabled={disabled}\n            keepSameOptionsOrder={false}\n            search\n            renderOption={renderOption}\n          />\n        }\n      />\n    );\n  }\n);\n\nInputPhone.displayName = \"InputPhone\";\n"],"mappings":"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"}

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

@@ -25,7 +25,8 @@ var InputSelect = exports.InputSelect = function InputSelect(_ref) {
     _ref$keepSameOptionsO = _ref.keepSameOptionsOrder,
     keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? true : _ref$keepSameOptionsO,
     selectedLabel = _ref.selectedLabel,
-    renderOption = _ref.renderOption;
+    renderOption = _ref.renderOption,
+    filterCriteria = _ref.filterCriteria;
   return /*#__PURE__*/_react.default.createElement(_Select.Select, {
     onChange: onChange,
     forceCloseMenu: true,
@@ -42,7 +43,8 @@ var InputSelect = exports.InputSelect = function InputSelect(_ref) {
     disabledInternalSort: disabledInternalSort,
     keepSameOptionsOrder: keepSameOptionsOrder,
     selected: selected,
-    renderOption: renderOption
+    renderOption: renderOption,
+    filterCriteria: filterCriteria
   });
 };
 var _StyledStyledButton = (0, _styledComponents.default)(_Styles2.StyledButton).withConfig({

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

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","_Styles2","obj","__esModule","default","InputSelect","exports","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","createElement","Select","forceCloseMenu","disableSearch","target","_StyledStyledButton","StyledInputSelectTrigger","$disabled","$size","ArrowDownIcon","fill","ArrowDownSmallIcon","_styledComponents","StyledButton","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n  onChange: (val: string | number | (string | number)[]) => void;\n  size: string;\n  selected: string;\n  options: IOptionItemProps[];\n  disabled?: boolean;\n  search?: boolean;\n  // @ToDo: Fix this\n  disabledInternalSort?: boolean;\n  keepSameOptionsOrder?: boolean;\n  selectedLabel?: ReactNode;\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n  onChange,\n  size,\n  selected,\n  options,\n  search = false,\n  disabled = false,\n  disabledInternalSort = true,\n  keepSameOptionsOrder = true,\n  selectedLabel,\n  renderOption,\n}) => {\n  return (\n    <Select\n      onChange={onChange}\n      forceCloseMenu\n      disableSearch={!search}\n      target={\n        <StyledButton css=\"flex-shrink:0\">\n          <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n            {selectedLabel ? selectedLabel : selected}\n            {size === \"big\" ? (\n              <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n            ) : (\n              <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n            )}\n          </StyledInputSelectTrigger>\n        </StyledButton>\n      }\n      options={options}\n      disabledInternalSort={disabledInternalSort}\n      keepSameOptionsOrder={keepSameOptionsOrder}\n      selected={selected}\n      renderOption={renderOption}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAiD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAsB1C,IAAMG,WAAuC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAA1CA,WAAuCA,CAAAE,IAAA,EAW9C;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,WAAA,GAAAL,IAAA,CACPM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,aAAA,GAAAP,IAAA,CACdQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,qBAAA,GAAAT,IAAA,CAChBU,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAX,IAAA,CAC3BY,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC3BE,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,YAAY,GAAAd,IAAA,CAAZc,YAAY;EAEZ,oBACE1B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACtB,OAAA,CAAAuB,MAAM;IACLf,QAAQ,EAAEA,QAAS;IACnBgB,cAAc;IACdC,aAAa,EAAE,CAACZ,MAAO;IACvBa,MAAM,eACJ/B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAAAK,mBAAA,qBACEhC,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACxB,OAAA,CAAA8B,wBAAwB;MAACC,SAAS,EAAEd,QAAS;MAACe,KAAK,EAAErB;IAAK,GACxDW,aAAa,GAAGA,aAAa,GAAGV,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbd,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACvB,MAAA,CAAAgC,aAAa;MAACC,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/CrC,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACvB,MAAA,CAAAkC,kBAAkB;MAACD,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDrB,OAAO,EAAEA,OAAQ;IACjBM,oBAAoB,EAAEA,oBAAqB;IAC3CE,oBAAoB,EAAEA,oBAAqB;IAC3CT,QAAQ,EAAEA,QAAS;IACnBW,YAAY,EAAEA;EAAa,CAC5B,CAAC;AAEN,CAAC;AAAC,IAAAM,mBAAA,OAAAO,iBAAA,CAAA9B,OAAA,EAAAH,QAAA,CAAAkC,YAAA,EAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}
+{"version":3,"file":"InputSelect.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","_Styles2","obj","__esModule","default","InputSelect","exports","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","createElement","Select","forceCloseMenu","disableSearch","target","_StyledStyledButton","StyledInputSelectTrigger","$disabled","$size","ArrowDownIcon","fill","ArrowDownSmallIcon","_styledComponents","StyledButton","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n  onChange: (val: string | number | (string | number)[]) => void;\n  size: string;\n  selected: string;\n  options: IOptionItemProps[];\n  disabled?: boolean;\n  search?: boolean;\n  // @ToDo: Fix this\n  disabledInternalSort?: boolean;\n  keepSameOptionsOrder?: boolean;\n  selectedLabel?: ReactNode;\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Custom filter function for additional filtering criteria */\n  filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n  onChange,\n  size,\n  selected,\n  options,\n  search = false,\n  disabled = false,\n  disabledInternalSort = true,\n  keepSameOptionsOrder = true,\n  selectedLabel,\n  renderOption,\n  filterCriteria,\n}) => {\n  return (\n    <Select\n      onChange={onChange}\n      forceCloseMenu\n      disableSearch={!search}\n      target={\n        <StyledButton css=\"flex-shrink:0\">\n          <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n            {selectedLabel ? selectedLabel : selected}\n            {size === \"big\" ? (\n              <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n            ) : (\n              <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n            )}\n          </StyledInputSelectTrigger>\n        </StyledButton>\n      }\n      options={options}\n      disabledInternalSort={disabledInternalSort}\n      keepSameOptionsOrder={keepSameOptionsOrder}\n      selected={selected}\n      renderOption={renderOption}\n      filterCriteria={filterCriteria}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAiD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAwB1C,IAAMG,WAAuC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAA1CA,WAAuCA,CAAAE,IAAA,EAY9C;EAAA,IAXJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,WAAA,GAAAL,IAAA,CACPM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,aAAA,GAAAP,IAAA,CACdQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,qBAAA,GAAAT,IAAA,CAChBU,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAX,IAAA,CAC3BY,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC3BE,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,cAAc,GAAAf,IAAA,CAAde,cAAc;EAEd,oBACE3B,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACvB,OAAA,CAAAwB,MAAM;IACLhB,QAAQ,EAAEA,QAAS;IACnBiB,cAAc;IACdC,aAAa,EAAE,CAACb,MAAO;IACvBc,MAAM,eACJhC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAAAK,mBAAA,qBACEjC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACzB,OAAA,CAAA+B,wBAAwB;MAACC,SAAS,EAAEf,QAAS;MAACgB,KAAK,EAAEtB;IAAK,GACxDW,aAAa,GAAGA,aAAa,GAAGV,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbd,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACxB,MAAA,CAAAiC,aAAa;MAACC,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/CtC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACxB,MAAA,CAAAmC,kBAAkB;MAACD,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDtB,OAAO,EAAEA,OAAQ;IACjBM,oBAAoB,EAAEA,oBAAqB;IAC3CE,oBAAoB,EAAEA,oBAAqB;IAC3CT,QAAQ,EAAEA,QAAS;IACnBW,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAM,mBAAA,OAAAO,iBAAA,CAAA/B,OAAA,EAAAH,QAAA,CAAAmC,YAAA,EAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}

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

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicator = exports.StyledOptionWrapper = exports.StyledOptionName = exports.StyledOptionFlag = exports.StyledInputWrapper = exports.StyledInputSelectTrigger = exports.StyledInput = exports.StyledFlagTriggerLabel = void 0;
+exports.StyledPasswordIndicatorWrapper = exports.StyledPasswordIndicator = exports.StyledOptionWrapper = exports.StyledOptionRowEnd = exports.StyledOptionName = exports.StyledOptionFlag = exports.StyledOptionCode = exports.StyledInputWrapper = exports.StyledInputSelectTrigger = exports.StyledInput = exports.StyledFlagTriggerLabel = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 var _InputResetStyle = require("../InputResetStyle");
+var _Typography = require("../Typography");
 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 && Object.prototype.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; }
 var StyledInputWrapper = exports.StyledInputWrapper = _styledComponents.default.div.withConfig({
@@ -102,14 +103,24 @@ var StyledOptionFlag = exports.StyledOptionFlag = _styledComponents.default.span
   componentId: "sc-ce8kcp-6"
 })(["font-size:24px;margin-right:4px;"]);
 StyledFlagTriggerLabel.displayName = "StyledOptionFlag";
-var StyledOptionName = exports.StyledOptionName = _styledComponents.default.span.withConfig({
+var StyledOptionName = exports.StyledOptionName = (0, _styledComponents.default)(_Typography.Body2).withConfig({
   displayName: "Styles__StyledOptionName",
   componentId: "sc-ce8kcp-7"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
 StyledOptionName.displayName = "StyledOptionName";
+var StyledOptionCode = exports.StyledOptionCode = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+  displayName: "Styles__StyledOptionCode",
+  componentId: "sc-ce8kcp-8"
+})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;color:var(--color-theme-600);flex-shrink:0;"]);
+StyledOptionCode.displayName = "StyledOptionCode";
+var StyledOptionRowEnd = exports.StyledOptionRowEnd = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledOptionRowEnd",
+  componentId: "sc-ce8kcp-9"
+})(["display:flex;align-items:center;gap:8px;"]);
+StyledOptionRowEnd.displayName = "StyledOptionRowEnd";
 var StyledOptionWrapper = exports.StyledOptionWrapper = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledOptionWrapper",
-  componentId: "sc-ce8kcp-8"
+  componentId: "sc-ce8kcp-10"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;display:flex;justify-items:center;align-items:center;"]);
 StyledOptionWrapper.displayName = "StyledOptionWrapper";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_InputResetStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","$size","$disabled","$invalid","StyledInput","input","InputResetStyle","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger","StyledFlagTriggerLabel","span","_ref","StyledOptionFlag","StyledOptionName","StyledOptionWrapper"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputResetStyle } from \"../InputResetStyle\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n  $mode?: InputMode;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n      border: none;\n      border-radius: none;\n    `}\n\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n  $mode?: InputMode;\n  $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  ${BoxSizingStyle}\n  ${InputResetStyle}\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n    `}\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n\n    ${(props) =>\n    props.$mode === \"flat\" &&\n    props.$invalid &&\n    css`\n      color: var(--red-alert);\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n  $size: string;\n  $disabled?: boolean;\n}>`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-right: 2px;\n  margin-left: 8px;\n  color: var(--color-theme-700);\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  font-size: 0.875rem;\n  flex-shrink: 0;\n  cursor: ${(props) => {\n    if (props.$disabled) {\n      return \"unset\";\n    }\n    return \"pointer\";\n  }};\n\n  pointer-events: ${(props) => {\n    if (props.$disabled) {\n      return \"none\";\n    }\n    return \"unset\";\n  }};\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n\nexport const StyledFlagTriggerLabel = styled.span<{\n  $size: \"small\" | \"regular\" | \"big\";\n}>`\n  font-size: ${({ $size }) => ($size === \"small\" ? \"20px\" : \"24px\")};\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledFlagTriggerLabel\";\n\nexport const StyledOptionFlag = styled.span`\n  font-size: 24px;\n  margin-right: 4px;\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledOptionFlag\";\n\nexport const StyledOptionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nStyledOptionName.displayName = \"StyledOptionName\";\n\nexport const StyledOptionWrapper = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 8px;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n`;\n\nStyledOptionWrapper.displayName = \"StyledOptionWrapper\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_InputResetStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledInputWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","$size","$disabled","$invalid","StyledInput","input","InputResetStyle","disabled","$loading","align","StyledPasswordIndicatorWrapper","StyledPasswordIndicator","$strength","$index","StyledInputSelectTrigger","StyledFlagTriggerLabel","span","_ref","StyledOptionFlag","StyledOptionName","Body2","StyledOptionCode","StyledOptionRowEnd","StyledOptionWrapper"],"sources":["../../../../src/components/Input/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { InputProps } from \"./Input\";\nimport { InputMode, InputSize } from \"./types\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { InputResetStyle } from \"../InputResetStyle\";\nimport { Body2 } from \"../Typography\";\n\ninterface StyledInputWrapperProps {\n  $size?: InputSize;\n  $invalid?: boolean;\n  $disabled?: boolean;\n  $mode?: InputMode;\n}\n\nexport const StyledInputWrapper = styled.div<StyledInputWrapperProps>`\n  align-items: center;\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  border-radius: 8px;\n  border-style: solid;\n  border-width: 1px;\n  cursor: text;\n  display: flex;\n  height: 32px;\n  padding-block: 4px;\n  padding-inline: 4px;\n  transition: all 0.3s ease;\n  width: 360px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n      border: none;\n      border-radius: none;\n    `}\n\n\n  ${(props) =>\n    props.$size === \"small\" &&\n    css`\n      border-radius: 6px;\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n    ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      height: 48px;\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    !props.$invalid &&\n    css`\n      &:focus-within,\n      &:hover {\n        border-color: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    !props.$disabled &&\n    props.$invalid &&\n    props.$mode === \"outlined\" &&\n    css`\n      border-color: var(--red-alert);\n    `}\n`;\n\nStyledInputWrapper.displayName = \"StyledInputWrapper\";\n\ninterface StyledInputProps extends Pick<InputProps, \"align\"> {\n  $size?: InputSize;\n  $loading?: boolean;\n  $mode?: InputMode;\n  $invalid?: boolean;\n}\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  ${BoxSizingStyle}\n  ${InputResetStyle}\n  background-color: var(--input-background-color);\n  border: none;\n  color: var(--color-theme-900);\n  /* @TODO: Prebaciti velicine fontova, weight, razmake, itd... u naše varijable. */\n  font-size: 0.875rem;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  margin-block: 0;\n  margin-inline: 4px;\n  outline: none;\n  padding: 0;\n  width: 100%;\n\n  ${(props) =>\n    props.$mode === \"flat\" &&\n    css`\n      background-color: transparent;\n    `}\n\n  &::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n\n  ${(props) =>\n    props.$size === \"biggest\" &&\n    css`\n      font-size: 1.25rem;\n      font-weight: 700;\n    `}\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n    `}\n\n  ${(props) =>\n    props.$loading &&\n    css`\n      cursor: progress;\n    `}\n\n  ${(props) =>\n    props.align &&\n    css`\n      text-align: ${props.align};\n    `}\n\n    ${(props) =>\n    props.$mode === \"flat\" &&\n    props.$invalid &&\n    css`\n      color: var(--red-alert);\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledPasswordIndicatorWrapper = styled.div`\n  display: flex;\n  gap: 2px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n`;\n\nStyledPasswordIndicatorWrapper.displayName = \"StyledPasswordIndicatorWrapper\";\n\nexport const StyledPasswordIndicator = styled.div<{\n  $strength: number;\n  $index: number;\n}>`\n  width: 100%;\n  height: 4px;\n  border-radius: 6px;\n  background-color: ${(props) => {\n    const { $strength, $index } = props;\n\n    if ($strength === 0) {\n      return \"var(--color-theme-300)\";\n    } else if ($strength === 1) {\n      return $index === 0 ? \"var(--red-alert)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 2) {\n      return $index < 2 ? \"var(--color-orange)\" : \"var(--color-theme-300)\";\n    } else if ($strength === 3) {\n      return $index < 3 ? \"var(--color-blue-sky)\" : \"var(--color-theme-300)\";\n    } else {\n      return \"var(--color-sucess-green)\";\n    }\n  }};\n`;\n\nStyledPasswordIndicator.displayName = \"StyledPasswordIndicator\";\n\nexport const StyledInputSelectTrigger = styled.div<{\n  $size: string;\n  $disabled?: boolean;\n}>`\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-right: 2px;\n  margin-left: 8px;\n  color: var(--color-theme-700);\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  font-size: 0.875rem;\n  flex-shrink: 0;\n  cursor: ${(props) => {\n    if (props.$disabled) {\n      return \"unset\";\n    }\n    return \"pointer\";\n  }};\n\n  pointer-events: ${(props) => {\n    if (props.$disabled) {\n      return \"none\";\n    }\n    return \"unset\";\n  }};\n\n  ${(props) =>\n    props.$size === \"big\" &&\n    css`\n      font-size: 1rem;\n    `}\n`;\n\nStyledInputSelectTrigger.displayName = \"StyledInputSelectTrigger\";\n\nexport const StyledFlagTriggerLabel = styled.span<{\n  $size: \"small\" | \"regular\" | \"big\";\n}>`\n  font-size: ${({ $size }) => ($size === \"small\" ? \"20px\" : \"24px\")};\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledFlagTriggerLabel\";\n\nexport const StyledOptionFlag = styled.span`\n  font-size: 24px;\n  margin-right: 4px;\n`;\n\nStyledFlagTriggerLabel.displayName = \"StyledOptionFlag\";\n\nexport const StyledOptionName = styled(Body2)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\nStyledOptionName.displayName = \"StyledOptionName\";\n\nexport const StyledOptionCode = styled(Body2)`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-left: auto;\n  color: var(--color-theme-600);\n  flex-shrink: 0;\n`;\n\nStyledOptionCode.displayName = \"StyledOptionCode\";\n\nexport const StyledOptionRowEnd = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nStyledOptionRowEnd.displayName = \"StyledOptionRowEnd\";\n\nexport const StyledOptionWrapper = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-right: 8px;\n  display: flex;\n  justify-items: center;\n  align-items: center;\n`;\n\nStyledOptionWrapper.displayName = \"StyledOptionWrapper\";\n"],"mappings":"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"}

package/dist/esm/components/EditableContent/EditableContent.d.ts

@@ -9,6 +9,7 @@ export interface EditableContentInterface {
     inputProps?: Partial<React.ComponentPropsWithoutRef<"input">>;
     /** Disable edit mode. */
     disabled?: boolean;
+    invalid?: boolean;
     /** Wrapper reference. */
     wrapRef?: Ref<HTMLDivElement>;
 }

package/dist/esm/components/EditableContent/EditableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAAuB,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,oOAwD3B,CAAC"}
+{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAAuB,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,oOA0D3B,CAAC"}

package/dist/esm/components/EditableContent/EditableContent.js

@@ -11,6 +11,7 @@ export const EditableContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     inputProps,
     wrapRef,
     children,
+    invalid,
     ...props
   } = _ref;
   const intInputRef = useRef(null);
@@ -38,7 +39,8 @@ export const EditableContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     value: inputProps == null ? void 0 : inputProps.value,
     onBlur: handleBlur,
     disabled: disabled,
-    "data-form-type": "other"
+    "data-form-type": "other",
+    invalid: invalid
   })));
 });
 EditableContent.displayName = "EditableContent";

package/dist/esm/components/EditableContent/EditableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","variant","weight","disabled","inputProps","wrapRef","children","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEnE,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC7D,SAASC,UAAU,QAAQ,aAAa;AAgBxC,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CAKvC,CAAAQ,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,SAAS;IACTC,OAAO,GAAG,QAAQ;IAClBC,MAAM;IACNC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,WAAW,GAAGhB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMiB,SAAS,GAAGb,UAAU,CAACG,GAAG,EAAES,WAAW,CAAC;EAE9C,MAAME,UAAU,GAAGnB,WAAW,CAC3BoB,GAAG,IAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOT,UAAU,oBAAVA,UAAU,CAAEU,MAAM,gBAAe,KAAIV,UAAU,oBAAVA,UAAU,CAAEU,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACP,UAAU,CACb,CAAC;EAED,oBACEf,KAAA,CAAA0B,aAAA,CAACtB,SAAS,EAAAuB,QAAA;IAAChB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEM;EAAQ,GAAKE,KAAK,gBACtDlB,KAAA,CAAA0B,aAAA,CAACpB,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBgB,WAAW,EAAC,MAAM;IAClBf,MAAM,EAAEA,MAAO;IACfgB,SAAS,EAAEf,QAAS;IACpBH,SAAS,EAAC;EAAc,GAEvBM,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEe,KACzB,CAAC,eACb9B,KAAA,CAAA0B,aAAA,CAACrB,WAAW,EAAAsB,QAAA,KACNZ,UAAU;IACdL,GAAG,EAAEU,SAAU;IACfQ,WAAW,EAAC,OAAO;IACnBhB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfiB,KAAK,EAAEf,UAAU,oBAAVA,UAAU,CAAEe,KAAM;IACzBL,MAAM,EAAEJ,UAAW;IACnBP,QAAQ,EAAEA,QAAS;IACnB,kBAAe;EAAO,EACvB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDN,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","variant","weight","disabled","inputProps","wrapRef","children","invalid","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEnE,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC7D,SAASC,UAAU,QAAQ,aAAa;AAiBxC,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CAKvC,CAAAQ,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;IACEC,SAAS;IACTC,OAAO,GAAG,QAAQ;IAClBC,MAAM;IACNC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,WAAW,GAAGjB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMkB,SAAS,GAAGd,UAAU,CAACG,GAAG,EAAEU,WAAW,CAAC;EAE9C,MAAME,UAAU,GAAGpB,WAAW,CAC3BqB,GAAG,IAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOV,UAAU,oBAAVA,UAAU,CAAEW,MAAM,gBAAe,KAAIX,UAAU,oBAAVA,UAAU,CAAEW,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACR,UAAU,CACb,CAAC;EAED,oBACEf,KAAA,CAAA2B,aAAA,CAACvB,SAAS,EAAAwB,QAAA;IAACjB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEM;EAAQ,GAAKG,KAAK,gBACtDnB,KAAA,CAAA2B,aAAA,CAACrB,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBiB,WAAW,EAAC,MAAM;IAClBhB,MAAM,EAAEA,MAAO;IACfiB,SAAS,EAAEhB,QAAS;IACpBH,SAAS,EAAC;EAAc,GAEvBM,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEgB,KACzB,CAAC,eACb/B,KAAA,CAAA2B,aAAA,CAACtB,WAAW,EAAAuB,QAAA,KACNb,UAAU;IACdL,GAAG,EAAEW,SAAU;IACfQ,WAAW,EAAC,OAAO;IACnBjB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfkB,KAAK,EAAEhB,UAAU,oBAAVA,UAAU,CAAEgB,KAAM;IACzBL,MAAM,EAAEJ,UAAW;IACnBR,QAAQ,EAAEA,QAAS;IACnB,kBAAe,OAAO;IACtBI,OAAO,EAAEA;EAAQ,EAClB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDV,eAAe,CAACwB,WAAW,GAAG,iBAAiB"}

package/dist/esm/components/EditableContent/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,oEAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;SAyBtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBA+BvB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,oEAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;SA+BtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBAqCvB,CAAC"}