intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -1,176 +1,260 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _MonoAccordion = _interopRequireDefault(require("../MonoAccordion/MonoAccordion"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("../MonoAccordion/MonoAccordion"));
 require("./AccordionTable.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const AccordionTable = _ref => {
-  let {
-    className,
-    header,
-    items,
-    onChange,
-    testId,
-    onSort = () => {},
-    sortParams
-  } = _ref;
-  const [accordions, setAccordions] = (0, _react.useState)(items);
-  const sortedColClassName = item => (0, _classnames.default)("accordion-table__header-item", item.className, {
-    "accordion-table--sorted-col": sortParams && sortParams.key === item.key
-  }, {
-    "accordion-table__header-item-sortable": !item.noSort
-  });
-  const handle = {
-    accordionChange: (key, e) => {
-      const newArr = accordions?.map(item => {
-        if (item.key === key) {
-          return {
-            ...item,
-            isOpen: !item.isOpen
-          };
-        }
-        return item;
-      });
-      const isArrowSvg = e?.target?.tagName === "svg";
-      const isAccordionElement = e.target.className?.includes?.("accordion-table");
-      if (isAccordionElement || isArrowSvg) {
-        onChange(newArr);
-        setAccordions(newArr);
-      }
-    },
-    setSort: key => {
-      let newSorting;
-      if (key !== sortParams.key) newSorting = {
-        key: key,
-        direction: "DESC"
-      };else {
-        newSorting = {
-          key,
-          direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
         };
-      }
-      onSort(newSorting);
     }
-  };
-  const getHeaderItem = key => {
-    return header?.find(item => item.key === key);
-  };
-  const renderTd = tr => {
-    return Object.entries(tr)?.map(_ref2 => {
-      let [key, value] = _ref2;
-      return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/_react.default.createElement("div", {
-        key: key,
-        style: {
-          flexBasis: `${getHeaderItem(key)?.width}%`
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const AccordionTable = ({ className, header, items, onChange, testId, onSort = ()=>{}, sortParams })=>{
+    const [accordions, setAccordions] = (0, _react.useState)(items);
+    const sortedColClassName = (item)=>(0, _classnames.default)("accordion-table__header-item", item.className, {
+            "accordion-table--sorted-col": sortParams && sortParams.key === item.key
+        }, {
+            "accordion-table__header-item-sortable": !item.noSort
+        });
+    const handle = {
+        accordionChange: (key, e)=>{
+            var _e_target, _e_target_className_includes, _e_target_className;
+            const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map((item)=>{
+                if (item.key === key) {
+                    return {
+                        ...item,
+                        isOpen: !item.isOpen
+                    };
+                }
+                return item;
+            });
+            const isArrowSvg = (e === null || e === void 0 ? void 0 : (_e_target = e.target) === null || _e_target === void 0 ? void 0 : _e_target.tagName) === "svg";
+            const isAccordionElement = (_e_target_className = e.target.className) === null || _e_target_className === void 0 ? void 0 : (_e_target_className_includes = _e_target_className.includes) === null || _e_target_className_includes === void 0 ? void 0 : _e_target_className_includes.call(_e_target_className, "accordion-table");
+            if (isAccordionElement || isArrowSvg) {
+                onChange(newArr);
+                setAccordions(newArr);
+            }
         },
-        className: (0, _classnames.default)("accordion-table__td", `accordion-table__td--${key}`, getHeaderItem(key)?.className)
-      }, /*#__PURE__*/_react.default.createElement("p", {
-        className: "accordion-table__statistics-td-value",
-        title: typeof value !== "object" ? value : value.value
-      }, typeof value !== "object" ? value : value.value));
-    });
-  };
-  const renderTr = rows => {
-    return rows?.map((row, index) => {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: index,
-        className: (0, _classnames.default)("accordion-table__tr", {
-          "accordion-table__tr-with-promo": row.promoDetails || row.cols?.promoDetails
-        }, row.className)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "df w100"
-      }, renderTd(row.cols || row)), row.promoDetails || row.cols?.promoDetails ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo-wrapper"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo"
-      }, /*#__PURE__*/_react.default.createElement(_reactFeather.Tag, {
-        className: "tr-promo-icon",
-        width: 16,
-        height: 16
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "tr-promo-label"
-      }, "PROMOTION"), row.promoDetails || row.cols?.promoDetails)) : null, row.disclosure || row.cols?.disclosure ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo-wrapper"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure"
-      }, row.disclosure || row.cols?.disclosure)) : null);
+        setSort: (key)=>{
+            let newSorting;
+            if (key !== sortParams.key) newSorting = {
+                key: key,
+                direction: "DESC"
+            };
+            else {
+                newSorting = {
+                    key,
+                    direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
+                };
+            }
+            onSort(newSorting);
+        }
+    };
+    const getHeaderItem = (key)=>{
+        return header === null || header === void 0 ? void 0 : header.find((item)=>item.key === key);
+    };
+    const renderTd = (tr)=>{
+        var _Object_entries;
+        return (_Object_entries = Object.entries(tr)) === null || _Object_entries === void 0 ? void 0 : _Object_entries.map(([key, value])=>{
+            var _getHeaderItem, _getHeaderItem1;
+            return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                style: {
+                    flexBasis: `${(_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width}%`
+                },
+                className: (0, _classnames.default)("accordion-table__td", `accordion-table__td--${key}`, (_getHeaderItem1 = getHeaderItem(key)) === null || _getHeaderItem1 === void 0 ? void 0 : _getHeaderItem1.className),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    className: "accordion-table__statistics-td-value",
+                    title: typeof value !== "object" ? value : value.value,
+                    children: typeof value !== "object" ? value : value.value
+                })
+            }, key);
+        });
+    };
+    const renderTr = (rows)=>{
+        return rows === null || rows === void 0 ? void 0 : rows.map((row, index)=>{
+            var _row_cols, _row_cols1, _row_cols2, _row_cols3, _row_cols4;
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)("accordion-table__tr", {
+                    "accordion-table__tr-with-promo": row.promoDetails || ((_row_cols = row.cols) === null || _row_cols === void 0 ? void 0 : _row_cols.promoDetails)
+                }, row.className),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "df w100",
+                        children: renderTd(row.cols || row)
+                    }),
+                    row.promoDetails || ((_row_cols1 = row.cols) === null || _row_cols1 === void 0 ? void 0 : _row_cols1.promoDetails) ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "accordion-table__tr-promo-wrapper",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: "accordion-table__tr-promo",
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Tag, {
+                                    className: "tr-promo-icon",
+                                    width: 16,
+                                    height: 16
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                    className: "tr-promo-label",
+                                    children: "PROMOTION"
+                                }),
+                                row.promoDetails || ((_row_cols2 = row.cols) === null || _row_cols2 === void 0 ? void 0 : _row_cols2.promoDetails)
+                            ]
+                        })
+                    }) : null,
+                    row.disclosure || ((_row_cols3 = row.cols) === null || _row_cols3 === void 0 ? void 0 : _row_cols3.disclosure) ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "accordion-table__tr-promo-wrapper",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure",
+                            children: row.disclosure || ((_row_cols4 = row.cols) === null || _row_cols4 === void 0 ? void 0 : _row_cols4.disclosure)
+                        })
+                    }) : null
+                ]
+            }, index);
+        });
+    };
+    const defineAccordionTitle = (row)=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            onClick: (e)=>handle.accordionChange(row.key, e),
+            className: "accordion-table__accordion-label-box",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "accordion-table__accordion-label-wrapper j4",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {
+                            width: 8,
+                            height: 4,
+                            className: (0, _classnames.default)("accordion-label-box__icon", {
+                                "accordion-label-box__icon--open": row.isOpen
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "accordion-label-box__label",
+                            children: row.label
+                        }),
+                        row.statistics && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: (0, _classnames.default)("accordion-table__tr", row.className),
+                            children: Object.entries(row.statistics).map(([key, value])=>{
+                                var _getHeaderItem, _getHeaderItem1;
+                                return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                    style: {
+                                        width: `${(_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width}%`
+                                    },
+                                    className: (0, _classnames.default)("accordion-table__statistics-td", (_getHeaderItem1 = getHeaderItem(key)) === null || _getHeaderItem1 === void 0 ? void 0 : _getHeaderItem1.className),
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                        className: "accordion-table__statistics-td-value-wrapper",
+                                        children: key === "status" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                            className: "accordion-table__statistics-td-value",
+                                            children: value
+                                        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                                            className: "accordion-table__statistics-td-value",
+                                            title: value,
+                                            children: value
+                                        })
+                                    })
+                                }, key);
+                            })
+                        })
+                    ]
+                }),
+                row.titleContent
+            ]
+        });
+    };
+    (0, _react.useEffect)(()=>{
+        setAccordions(items);
+    }, [
+        items
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("accordion-table", className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "accordion-table__header",
+                children: header === null || header === void 0 ? void 0 : header.map((item)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        style: {
+                            flexBasis: `${item.width}%`
+                        },
+                        className: sortedColClassName(item),
+                        onClick: ()=>!item.noSort && handle.setSort(item.key),
+                        children: [
+                            sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {
+                                size: 16
+                            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {
+                                size: 16
+                            })),
+                            item.label
+                        ]
+                    }, item.key);
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "accordion-table__body",
+                children: accordions === null || accordions === void 0 ? void 0 : accordions.map((accordion)=>{
+                    var _accordion_children;
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
+                        testId: testId,
+                        onClick: (e)=>handle.accordionChange(accordion.key, e),
+                        isOpen: accordion.isOpen,
+                        className: (0, _classnames.default)("accordion-table__body-accordion", {
+                            "accordion-table__body-accordion--closed": !accordion.isOpen
+                        }, accordion.className),
+                        titleJSX: defineAccordionTitle(accordion),
+                        children: (_accordion_children = accordion.children) !== null && _accordion_children !== void 0 ? _accordion_children : renderTr(accordion.rows)
+                    }, accordion.key);
+                })
+            })
+        ]
     });
-  };
-  const defineAccordionTitle = row => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      onClick: e => handle.accordionChange(row.key, e),
-      className: "accordion-table__accordion-label-box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "accordion-table__accordion-label-wrapper j4"
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      width: 8,
-      height: 4,
-      className: (0, _classnames.default)("accordion-label-box__icon", {
-        "accordion-label-box__icon--open": row.isOpen
-      })
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "accordion-label-box__label"
-    }, row.label), row.statistics && /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("accordion-table__tr", row.className)
-    }, Object.entries(row.statistics).map(_ref3 => {
-      let [key, value] = _ref3;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: key,
-        style: {
-          width: `${getHeaderItem(key)?.width}%`
-        },
-        className: (0, _classnames.default)("accordion-table__statistics-td", getHeaderItem(key)?.className)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__statistics-td-value-wrapper"
-      }, key === "status" ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__statistics-td-value"
-      }, value) : /*#__PURE__*/_react.default.createElement("p", {
-        className: "accordion-table__statistics-td-value",
-        title: value
-      }, value)));
-    }))), row.titleContent);
-  };
-  (0, _react.useEffect)(() => {
-    setAccordions(items);
-  }, [items]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("accordion-table", className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-table__header"
-  }, header?.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flexBasis: `${item.width}%`
-      },
-      key: item.key,
-      className: sortedColClassName(item),
-      onClick: () => !item.noSort && handle.setSort(item.key)
-    }, sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
-      size: 16
-    }) : /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
-      size: 16
-    })), item.label);
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-table__body"
-  }, accordions?.map(accordion => {
-    return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
-      testId: testId,
-      key: accordion.key,
-      onClick: e => handle.accordionChange(accordion.key, e),
-      isOpen: accordion.isOpen,
-      className: (0, _classnames.default)("accordion-table__body-accordion", {
-        "accordion-table__body-accordion--closed": !accordion.isOpen
-      }, accordion.className),
-      titleJSX: defineAccordionTitle(accordion)
-    }, accordion.children ?? renderTr(accordion.rows));
-  })));
 };
-var _default = exports.default = AccordionTable;
+const _default = AccordionTable;

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -1,62 +1,113 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
 require("./AccordionText.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const defaultText = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`;
-const AccordionText = _ref => {
-  let {
-    isDefaultOpen = false,
-    isOuterOpen = false,
-    className,
-    text = defaultText,
-    shortText = null
-  } = _ref;
-  const bodyRef = (0, _react.useRef)(null);
-  const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
-  const [isNeedTrimText, setIsNeedTrimText] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setIsOpen(isOuterOpen);
-  }, [isOuterOpen]);
-  (0, _react.useEffect)(() => {
-    const checkEllipsis = () => {
-      if (bodyRef.current) {
-        setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
-      }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-    const resizeObserver = new ResizeObserver(() => {
-      checkEllipsis();
-    });
-    if (bodyRef.current) {
-      resizeObserver.observe(bodyRef.current);
-      checkEllipsis();
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
     }
-    return () => {
-      if (bodyRef.current) {
-        resizeObserver.unobserve(bodyRef.current);
-      }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
     };
-  }, [text]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("accordion-text", className, {
-      "accordion-text--open": isOpen
-    }),
-    onClick: () => setIsOpen(prevIsOpen => !prevIsOpen)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("accordion-text__body", {
-      "accordion-text__body--trim-text": isNeedTrimText && !isOpen
-    }),
-    ref: bodyRef
-  }, shortText ? isOpen ? text : shortText : text), /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-text__toggle"
-  }, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const defaultText = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`;
+const AccordionText = ({ isDefaultOpen = false, isOuterOpen = false, className, text = defaultText, shortText = null })=>{
+    const bodyRef = (0, _react.useRef)(null);
+    const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
+    const [isNeedTrimText, setIsNeedTrimText] = (0, _react.useState)(false);
+    (0, _react.useEffect)(()=>{
+        setIsOpen(isOuterOpen);
+    }, [
+        isOuterOpen
+    ]);
+    (0, _react.useEffect)(()=>{
+        const checkEllipsis = ()=>{
+            if (bodyRef.current) {
+                setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
+            }
+        };
+        const resizeObserver = new ResizeObserver(()=>{
+            checkEllipsis();
+        });
+        if (bodyRef.current) {
+            resizeObserver.observe(bodyRef.current);
+            checkEllipsis();
+        }
+        return ()=>{
+            if (bodyRef.current) {
+                resizeObserver.unobserve(bodyRef.current);
+            }
+        };
+    }, [
+        text
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("accordion-text", className, {
+            "accordion-text--open": isOpen
+        }),
+        onClick: ()=>setIsOpen((prevIsOpen)=>!prevIsOpen),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)("accordion-text__body", {
+                    "accordion-text__body--trim-text": isNeedTrimText && !isOpen
+                }),
+                ref: bodyRef,
+                children: shortText ? isOpen ? text : shortText : text
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "accordion-text__toggle",
+                children: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {})
+            })
+        ]
+    });
 };
-var _default = exports.default = AccordionText;
+const _default = AccordionText;