@open-condo/ui 2.42.1 → 2.43.0

package/dist/components/Input/index.d.ts

@@ -1,6 +1,7 @@
 import { Input as InputComponent } from './input';
 import { Password } from './password';
 import { Phone } from './phone';
+import { TextArea } from './textArea';
 import './style.less';
 export type { BaseInputProps, InputProps } from './input';
 export type { PasswordInputProps } from './password';
@@ -8,6 +9,7 @@ export type { PhoneInputProps } from './phone';
 export type InputType = typeof InputComponent & {
     Password: typeof Password;
     Phone: typeof Phone;
+    TextArea: typeof TextArea;
 };
 declare const Input: InputType;
 export { Input, };

package/dist/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzD,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG,OAAO,cAAc,GAAG;IAC5C,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,KAAK,EAAE,OAAO,KAAK,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,KAAK,EAAqB,SAAS,CAAA;AAIzC,OAAO,EACH,KAAK,GACR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,cAAc,CAAA;AAErB,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzD,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG,OAAO,cAAc,GAAG;IAC5C,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,KAAK,EAAqB,SAAS,CAAA;AAKzC,OAAO,EACH,KAAK,GACR,CAAA"}

package/dist/components/Input/textArea.d.ts

@@ -0,0 +1,20 @@
+import { TextAreaProps as AntdTextAreaProps } from 'antd/es/input';
+import React, { TextareaHTMLAttributes } from 'react';
+import type { InputRef } from 'antd';
+export declare const TEXTAREA_CLASS_PREFIX = "condo-input";
+export type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'style' | 'size' | 'onResize'> & Pick<AntdTextAreaProps, 'autoSize'> & {
+    value?: string;
+    isSubmitDisabled?: boolean;
+    showCount?: boolean;
+    onSubmit?: (value: string) => void;
+    bottomPanelUtils?: React.ReactElement[];
+};
+declare const TextArea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "style" | "onResize"> & Pick<AntdTextAreaProps, "autoSize"> & {
+    value?: string;
+    isSubmitDisabled?: boolean;
+    showCount?: boolean;
+    onSubmit?: (value: string) => void;
+    bottomPanelUtils?: React.ReactElement[];
+} & React.RefAttributes<InputRef>>;
+export { TextArea };
+//# sourceMappingURL=textArea.d.ts.map

package/dist/components/Input/textArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textArea.d.ts","sourceRoot":"","sources":["../../../src/components/Input/textArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,KAAK,EAAE,EAAmC,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAMtF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AAIpC,eAAO,MAAM,qBAAqB,gBAAgB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,GAC5G,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAA;CAC1C,CAAA;AAED,QAAA,MAAM,QAAQ;YAPF,MAAM;uBACK,OAAO;gBACd,OAAO;eACR,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;uBACf,KAAK,CAAC,YAAY,EAAE;kCAkIzC,CAAA;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/index.js

@@ -51786,7 +51786,7 @@ var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 var isString = __webpack_require__(8138);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"2.42.1"};
+var package_namespaceObject = {"rE":"2.43.0"};
 ;// CONCATENATED MODULE: ./src/components/_utils/analytics.ts
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -69782,14 +69782,156 @@ var Phone = function Phone(props) {
 
 Phone.displayName = 'PhoneInput';
 
+;// CONCATENATED MODULE: ./src/components/Input/textArea.tsx
+var textArea_excluded = ["className", "disabled", "onSubmit", "autoFocus", "maxLength", "showCount", "isSubmitDisabled", "value", "bottomPanelUtils", "onChange", "autoSize"];
+
+function textArea_extends() { textArea_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 textArea_extends.apply(this, arguments); }
+
+function textArea_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function textArea_slicedToArray(arr, i) { return textArea_arrayWithHoles(arr) || textArea_iterableToArrayLimit(arr, i) || textArea_unsupportedIterableToArray(arr, i) || textArea_nonIterableRest(); }
+
+function textArea_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function textArea_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return textArea_arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return textArea_arrayLikeToArray(o, minLen); }
+
+function textArea_arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function textArea_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function textArea_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function textArea_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = textArea_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 textArea_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 DefaultTextArea = input.TextArea;
+var TEXTAREA_CLASS_PREFIX = 'condo-input';
+var textArea_TextArea = /*#__PURE__*/(0,external_react_.forwardRef)(function (props, ref) {
+  var _classNames, _classNames2;
+
+  var className = props.className,
+      disabled = props.disabled,
+      onSubmit = props.onSubmit,
+      autoFocus = props.autoFocus,
+      _props$maxLength = props.maxLength,
+      maxLength = _props$maxLength === void 0 ? 1000 : _props$maxLength,
+      _props$showCount = props.showCount,
+      showCount = _props$showCount === void 0 ? true : _props$showCount,
+      isSubmitDisabled = props.isSubmitDisabled,
+      propsValue = props.value,
+      _props$bottomPanelUti = props.bottomPanelUtils,
+      bottomPanelUtils = _props$bottomPanelUti === void 0 ? [] : _props$bottomPanelUti,
+      propsOnChange = props.onChange,
+      _props$autoSize = props.autoSize,
+      autoSize = _props$autoSize === void 0 ? {
+    minRows: 1
+  } : _props$autoSize,
+      restProps = textArea_objectWithoutProperties(props, textArea_excluded);
+
+  var _useState = (0,external_react_.useState)(''),
+      _useState2 = textArea_slicedToArray(_useState, 2),
+      internalValue = _useState2[0],
+      setInternalValue = _useState2[1];
+
+  var _useState3 = (0,external_react_.useState)(false),
+      _useState4 = textArea_slicedToArray(_useState3, 2),
+      isFocused = _useState4[0],
+      setIsFocused = _useState4[1];
+
+  (0,external_react_.useEffect)(function () {
+    if (propsValue !== undefined) {
+      setInternalValue(propsValue);
+    }
+  }, [propsValue]);
+
+  var handleChange = function handleChange(e) {
+    var newValue = e.target.value;
+
+    if (propsValue === undefined) {
+      setInternalValue(newValue);
+    }
+
+    if (propsOnChange) {
+      propsOnChange(e);
+    }
+  };
+
+  var handleFocus = function handleFocus(e) {
+    setIsFocused(true);
+    if (restProps.onFocus) restProps.onFocus(e);
+  };
+
+  var handleBlur = function handleBlur(e) {
+    setIsFocused(false);
+    if (restProps.onBlur) restProps.onBlur(e);
+  };
+
+  var currentValue = propsValue !== undefined ? propsValue : internalValue;
+  var characterCount = "".concat(currentValue.length, "/").concat(maxLength);
+  var hasBottomPanelUtils = bottomPanelUtils.length > 0;
+  var shouldShowRightPanel = showCount || onSubmit;
+  var showBottomPanel = hasBottomPanelUtils || shouldShowRightPanel;
+  var textareaClassName = node_modules_classnames_default()("".concat(TEXTAREA_CLASS_PREFIX, "-textarea"), (_classNames = {}, textArea_defineProperty(_classNames, "".concat(TEXTAREA_CLASS_PREFIX, "-disabled"), disabled), textArea_defineProperty(_classNames, "".concat(TEXTAREA_CLASS_PREFIX, "-show-bottom-panel"), showBottomPanel), textArea_defineProperty(_classNames, "".concat(TEXTAREA_CLASS_PREFIX, "-focused"), autoFocus), _classNames), className);
+  var textAreaWrapperClassName = node_modules_classnames_default()("".concat(TEXTAREA_CLASS_PREFIX, " ").concat(TEXTAREA_CLASS_PREFIX, "-textarea-wrapper"), (_classNames2 = {}, textArea_defineProperty(_classNames2, "".concat(TEXTAREA_CLASS_PREFIX, "-wrapper-focused"), isFocused), textArea_defineProperty(_classNames2, "".concat(TEXTAREA_CLASS_PREFIX, "-disabled"), disabled), _classNames2));
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: textAreaWrapperClassName
+  }, /*#__PURE__*/external_react_default().createElement(DefaultTextArea, textArea_extends({}, restProps, {
+    ref: ref,
+    prefixCls: TEXTAREA_CLASS_PREFIX,
+    className: textareaClassName,
+    disabled: disabled,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    autoSize: autoSize,
+    maxLength: maxLength,
+    showCount: false,
+    value: currentValue,
+    onChange: handleChange,
+    autoFocus: autoFocus
+  })), showBottomPanel && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(TEXTAREA_CLASS_PREFIX, "-bottom-panel")
+  }, hasBottomPanelUtils && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(TEXTAREA_CLASS_PREFIX, "-utils")
+  }, bottomPanelUtils.map(function (util, index) {
+    return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, {
+      key: index
+    }, /*#__PURE__*/external_react_default().cloneElement(util, {
+      disabled: util.props.disabled || disabled
+    }));
+  })), shouldShowRightPanel && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(TEXTAREA_CLASS_PREFIX, "-bottom-panel-right")
+  }, showCount && /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(TEXTAREA_CLASS_PREFIX, "-count")
+  }, characterCount), onSubmit && /*#__PURE__*/external_react_default().createElement(Button_Button, {
+    disabled: disabled || isSubmitDisabled,
+    type: "accent",
+    size: "medium",
+    onClick: function onClick() {
+      return onSubmit(currentValue);
+    },
+    icon: /*#__PURE__*/external_react_default().createElement(dist.ArrowUp, {
+      size: "small"
+    })
+  }))));
+});
+textArea_TextArea.displayName = 'TextArea';
+
 ;// CONCATENATED MODULE: ./src/components/Input/index.ts
 
 
 
 
+
 var components_Input_Input = Input_input_Input;
 components_Input_Input.Password = password_Password;
 components_Input_Input.Phone = Phone;
+components_Input_Input.TextArea = textArea_TextArea;
 
 ;// CONCATENATED MODULE: ../../node_modules/antd/es/locale-provider/context.js
 

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 10 Jul 2025 11:24:33 GMT
+ * Generated on Fri, 18 Jul 2025 06:31:03 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 10 Jul 2025 11:24:33 GMT
+// Generated on Fri, 18 Jul 2025 06:31:03 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;

package/dist/styles.css

@@ -9098,19 +9098,30 @@ textarea.condo-input {
   background-color: #e1e5ed;
   border-radius: 0 4px 4px 0;
 }
+.condo-input-affix-wrapper {
+  padding: 11px;
+}
 .condo-input:not(.condo-input-affix-wrapper .condo-input),
 .condo-input-affix-wrapper {
   box-sizing: border-box;
   width: 100%;
+  border-radius: 8px;
+}
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(textarea):not(.condo-input-textarea-wrapper) {
   height: 48px;
   border: 1px solid #d0d3e5;
-  border-radius: 8px;
 }
-.condo-input-affix-wrapper {
-  padding: 11px;
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):hover,
+.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):hover,
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):focus,
+.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):focus,
+.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):active,
+.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):active {
+  border-color: #707695;
+  box-shadow: none;
 }
 .condo-input-focused,
-.condo-input-affix-wrapper-focused {
+.condo-input-wrapper-focused:not(:disabled) {
   border-color: #707695;
   box-shadow: none;
 }
@@ -9141,15 +9152,6 @@ textarea.condo-input {
 .condo-input-phone .country-list .country .dial-code {
   color: #707695;
 }
-.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):hover,
-.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):hover,
-.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):focus,
-.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):focus,
-.condo-input:not(.condo-input-affix-wrapper .condo-input):not(.condo-input-disabled):not(.condo-input-phone-disabled .condo-input):active,
-.condo-input-affix-wrapper:not(.condo-input-affix-wrapper-disabled):active {
-  border-color: #707695;
-  box-shadow: none;
-}
 .condo-input::-moz-placeholder {
   color: #707695;
   margin: 0;
@@ -9179,14 +9181,16 @@ textarea.condo-input {
 }
 .condo-input-affix-wrapper-disabled,
 .condo-input-disabled[disabled],
-.condo-input[disabled] {
+.condo-input[disabled],
+.condo-input-disabled {
   color: #222;
   background-color: #fff;
   opacity: 0.5;
 }
 .condo-input-affix-wrapper-disabled:hover,
 .condo-input-disabled[disabled]:hover,
-.condo-input[disabled]:hover {
+.condo-input[disabled]:hover,
+.condo-input-disabled:hover {
   border-color: #d0d3e5;
 }
 .condo-input-affix-wrapper-disabled > .condo-input-disabled[disabled] {
@@ -9212,6 +9216,46 @@ textarea.condo-input {
 .condo-input-clear-icon:hover {
   color: #222;
 }
+.condo-input.condo-input-textarea-wrapper > .condo-input-textarea {
+  height: auto;
+  padding: 12px;
+  border: none;
+}
+.condo-input.condo-input-textarea-wrapper {
+  position: relative;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  padding: 0;
+}
+.condo-input-utils {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  max-height: 20px;
+}
+.condo-input-count {
+  color: #707695;
+  font-size: 12px;
+  font-family: "Noto Sans Mono", monospace;
+}
+.condo-input-bottom-panel {
+  position: relative;
+  left: 12px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: calc(100% - 12px * 2);
+  max-height: 44px;
+  padding: 8px 0 12px;
+  background-color: #fff;
+}
+.condo-input-bottom-panel-right {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  margin-left: auto;
+}
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */