@orfium/ictinus 4.6.1 → 4.9.0

package/dist/components/List/VirtualizedList/VirtualizedList.js

@@ -5,16 +5,24 @@ exports["default"] = void 0;
 
 var _react = require("@emotion/react");
 
-var _react2 = _interopRequireDefault(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _reactWindow = require("react-window");
 
+var _List = require("../List.style");
+
 var _ListItem = _interopRequireDefault(require("../ListItem"));
 
+var _ListItemGroup = _interopRequireDefault(require("../ListItemGroup"));
+
 var _utils = require("../utils");
 
 function _interopRequireDefault(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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; 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; }
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -25,7 +33,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "pczpeh-VirtualizedList",
   styles: "overflow-x:hidden;label:VirtualizedList;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVRIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRml4ZWRTaXplTGlzdCBhcyBWTGlzdCB9IGZyb20gJ3JlYWN0LXdpbmRvdyc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHsgVGVzdFByb3BzIH0gZnJvbSAndXRpbHMvdHlwZXMnO1xuXG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICcuLi8uLi9TZWxlY3QvU2VsZWN0JztcbmltcG9ydCBMaXN0SXRlbSBmcm9tICcuLi9MaXN0SXRlbSc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUsIExpc3RSb3dTaXplLCBTZWxlY3RIYW5kbGVyVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGlzU2VsZWN0ZWQsIE1BWF9MQVJHRV9IRUlHSFQsIE1BWF9TTUFMTF9IRUlHSFQgfSBmcm9tICcuLi91dGlscyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBMaXN0SXRlbVR5cGVbXTtcbiAgLyoqIFNpemUgb2YgdGhlIGxpc3QncyByb3cgKGhlaWdodCBvZiBMaXN0SXRlbSBDb21wb25lbnQpICAqL1xuICByb3dTaXplOiBMaXN0Um93U2l6ZTtcbiAgLyoqIFdpZHRoIG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbVdpZHRoPzogbnVtYmVyO1xuICAvKiogSGVpZ2h0IG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbUhlaWdodD86IG51bWJlcjtcbiAgLyoqIFNlbGVjdGVkIEl0ZW0gKi9cbiAgc2VsZWN0ZWRJdGVtPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogRGVmYXVsdCBvcHRpb24uIFJlbmRlcnMgb24gdG9wIG9mIHRoZSBsaXN0LCBoaWdobGlnaHRlZCAqL1xuICBkZWZhdWx0T3B0aW9uPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogU2VhcmNoIFRlcm0gdG8gYmUgaGlnaGxpZ2h0ZWQgaW4gbGlzdCBpdGVtcyAqL1xuICBzZWFyY2hUZXJtPzogc3RyaW5nO1xuICAvKiogT3B0aW9uIENsaWNrIGhhbmRsZXIgZm9yIFNlbGVjdE9wdGlvbltdIGRhdGEgY2FzZSAqL1xuICBoYW5kbGVPcHRpb25DbGljaz86IFNlbGVjdEhhbmRsZXJUeXBlO1xufSAmIFRlc3RQcm9wcztcblxuY29uc3QgVmlydHVhbGl6ZWRMaXN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaXRlbXMsXG4gICAgICBjdXN0b21XaWR0aCxcbiAgICAgIGN1c3RvbUhlaWdodCxcbiAgICAgIHJvd1NpemUsXG4gICAgICBzZWxlY3RlZEl0ZW0sXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgc2VhcmNoVGVybSxcbiAgICAgIGhhbmRsZU9wdGlvbkNsaWNrLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wdGlvbikge1xuICAgICAgaXRlbXMudW5zaGlmdChkZWZhdWx0T3B0aW9uKTtcbiAgICB9XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgIHNpemU9e3Jvd1NpemV9XG4gICAgICAgICAgICBjb250ZW50PXtpdGVtc1tpbmRleF19XG4gICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGRpc2FibGVkPXsoaXRlbXNbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/LmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBzZWxlY3RlZD17aXNTZWxlY3RlZCh7IGl0ZW06IGl0ZW1zW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgc2VhcmNoVGVybT17c2VhcmNoVGVybX1cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9e2RhdGFUZXN0SWQgKyBgJHtkZWZhdWx0T3B0aW9uICYmIGluZGV4ID09PSAwICYmICdkZWZhdWx0J31gfVxuICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17aXRlbXMubGVuZ3RofVxuICAgICAgICBpdGVtU2l6ZT17cm93U2l6ZSA9PT0gJ25vcm1hbCcgPyA1NiA6IDQ2fVxuICAgICAgICBjc3M9e3sgb3ZlcmZsb3dYOiAnaGlkZGVuJyB9fVxuICAgICAgPlxuICAgICAgICB7cm93UmVuZGVyZXJ9XG4gICAgICA8L1ZMaXN0PlxuICAgICk7XG4gIH1cbik7XG5WaXJ0dWFsaXplZExpc3QuZGlzcGxheU5hbWUgPSAnVmlydHVhbGl6ZWRMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVmlydHVhbGl6ZWRMaXN0O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdRIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWYXJpYWJsZVNpemVMaXN0IGFzIFZMaXN0IH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICd1dGlscy90eXBlcyc7XG5cbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uLy4uL1NlbGVjdC9TZWxlY3QnO1xuaW1wb3J0IHsgbGlzdFN0eWxlIH0gZnJvbSAnLi4vTGlzdC5zdHlsZSc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtR3JvdXAgZnJvbSAnLi4vTGlzdEl0ZW1Hcm91cCc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUsIExpc3RSb3dTaXplLCBTZWxlY3RIYW5kbGVyVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGlzU2VsZWN0ZWQsIE1BWF9MQVJHRV9IRUlHSFQsIE1BWF9TTUFMTF9IRUlHSFQgfSBmcm9tICcuLi91dGlscyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBMaXN0SXRlbVR5cGVbXTtcbiAgLyoqIFNpemUgb2YgdGhlIGxpc3QncyByb3cgKGhlaWdodCBvZiBMaXN0SXRlbSBDb21wb25lbnQpICAqL1xuICByb3dTaXplOiBMaXN0Um93U2l6ZTtcbiAgLyoqIFdpZHRoIG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbVdpZHRoPzogbnVtYmVyO1xuICAvKiogSGVpZ2h0IG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbUhlaWdodD86IG51bWJlcjtcbiAgLyoqIFNlbGVjdGVkIEl0ZW0gKi9cbiAgc2VsZWN0ZWRJdGVtPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogRGVmYXVsdCBvcHRpb24uIFJlbmRlcnMgb24gdG9wIG9mIHRoZSBsaXN0LCBoaWdobGlnaHRlZCAqL1xuICBkZWZhdWx0T3B0aW9uPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogU2VhcmNoIFRlcm0gdG8gYmUgaGlnaGxpZ2h0ZWQgaW4gbGlzdCBpdGVtcyAqL1xuICBzZWFyY2hUZXJtPzogc3RyaW5nO1xuICAvKiogT3B0aW9uIENsaWNrIGhhbmRsZXIgZm9yIFNlbGVjdE9wdGlvbltdIGRhdGEgY2FzZSAqL1xuICBoYW5kbGVPcHRpb25DbGljaz86IFNlbGVjdEhhbmRsZXJUeXBlO1xufSAmIFRlc3RQcm9wcztcblxuY29uc3QgVmlydHVhbGl6ZWRMaXN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaXRlbXMsXG4gICAgICBjdXN0b21XaWR0aCxcbiAgICAgIGN1c3RvbUhlaWdodCxcbiAgICAgIHJvd1NpemUsXG4gICAgICBzZWxlY3RlZEl0ZW0sXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgc2VhcmNoVGVybSxcbiAgICAgIGhhbmRsZU9wdGlvbkNsaWNrLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBkYXRhID0gdXNlTWVtbygoKSA9PiAoZGVmYXVsdE9wdGlvbiA/IFtkZWZhdWx0T3B0aW9uLCAuLi5pdGVtc10gOiBpdGVtcyksIFtcbiAgICAgIGRlZmF1bHRPcHRpb24sXG4gICAgICBpdGVtcyxcbiAgICBdKTtcblxuICAgIGNvbnN0IGl0ZW1TaXplID0gdXNlQ2FsbGJhY2soKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGNvbnN0IHNpemVCYXNlID0gcm93U2l6ZSA9PT0gJ25vcm1hbCcgPyA1NiA6IDQ2O1xuXG4gICAgICBpZiAoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMpIHtcbiAgICAgICAgcmV0dXJuICgoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnM/Lmxlbmd0aCBhcyBudW1iZXIpICsgMSkgKiBzaXplQmFzZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHNpemVCYXNlO1xuICAgIH0sIFtkYXRhLCByb3dTaXplXSk7XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICB7KGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMgPyAoXG4gICAgICAgICAgICA8dWwgY3NzPXtsaXN0U3R5bGUoe30pfT5cbiAgICAgICAgICAgICAgPExpc3RJdGVtR3JvdXBcbiAgICAgICAgICAgICAgICBzaXplPXtyb3dTaXplfVxuICAgICAgICAgICAgICAgIGNvbnRlbnQ9e2RhdGFbaW5kZXhdfVxuICAgICAgICAgICAgICAgIGdyb3VwSW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHNlYXJjaFRlcm09e3NlYXJjaFRlcm19XG4gICAgICAgICAgICAgICAgZGF0YVRlc3RJZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRJdGVtPXtzZWxlY3RlZEl0ZW19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgICAgc2l6ZT17cm93U2l6ZX1cbiAgICAgICAgICAgICAgY29udGVudD17ZGF0YVtpbmRleF19XG4gICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXsoZGF0YVtpbmRleF0gYXMgU2VsZWN0T3B0aW9uKT8uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoeyBpdGVtOiBkYXRhW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgICBzZWFyY2hUZXJtPXtzZWFyY2hUZXJtfVxuICAgICAgICAgICAgICBkYXRhVGVzdElkPXtkYXRhVGVzdElkICsgYCR7ZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCAmJiAnZGVmYXVsdCd9YH1cbiAgICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17ZGF0YS5sZW5ndGh9XG4gICAgICAgIGl0ZW1TaXplPXtpdGVtU2l6ZX1cbiAgICAgICAgY3NzPXt7IG92ZXJmbG93WDogJ2hpZGRlbicgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd1JlbmRlcmVyfVxuICAgICAgPC9WTGlzdD5cbiAgICApO1xuICB9XG4pO1xuVmlydHVhbGl6ZWRMaXN0LmRpc3BsYXlOYW1lID0gJ1ZpcnR1YWxpemVkTGlzdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFZpcnR1YWxpemVkTGlzdDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -39,26 +47,49 @@ var VirtualizedList = /*#__PURE__*/_react2["default"].forwardRef(function (_ref,
       searchTerm = _ref.searchTerm,
       handleOptionClick = _ref.handleOptionClick,
       dataTestId = _ref.dataTestId;
+  var data = (0, _react2.useMemo)(function () {
+    return defaultOption ? [defaultOption].concat(items) : items;
+  }, [defaultOption, items]);
+  var itemSize = (0, _react2.useCallback)(function (index) {
+    var _data$index;
+
+    var sizeBase = rowSize === 'normal' ? 56 : 46;
 
-  if (defaultOption) {
-    items.unshift(defaultOption);
-  }
+    if ((_data$index = data[index]) != null && _data$index.options) {
+      var _data$index2, _data$index2$options;
+
+      return (((_data$index2 = data[index]) == null ? void 0 : (_data$index2$options = _data$index2.options) == null ? void 0 : _data$index2$options.length) + 1) * sizeBase;
+    }
+
+    return sizeBase;
+  }, [data, rowSize]);
 
   var rowRenderer = function rowRenderer(_ref2) {
-    var _items$index;
+    var _data$index3, _data$index4;
 
     var index = _ref2.index,
         style = _ref2.style;
     return (0, _react.jsx)("span", {
-      css: /*#__PURE__*/(0, _react.css)(_extends({}, style), process.env.NODE_ENV === "production" ? "" : ";label:rowRenderer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRml4ZWRTaXplTGlzdCBhcyBWTGlzdCB9IGZyb20gJ3JlYWN0LXdpbmRvdyc7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuaW1wb3J0IHsgVGVzdFByb3BzIH0gZnJvbSAndXRpbHMvdHlwZXMnO1xuXG5pbXBvcnQgeyBTZWxlY3RPcHRpb24gfSBmcm9tICcuLi8uLi9TZWxlY3QvU2VsZWN0JztcbmltcG9ydCBMaXN0SXRlbSBmcm9tICcuLi9MaXN0SXRlbSc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUsIExpc3RSb3dTaXplLCBTZWxlY3RIYW5kbGVyVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGlzU2VsZWN0ZWQsIE1BWF9MQVJHRV9IRUlHSFQsIE1BWF9TTUFMTF9IRUlHSFQgfSBmcm9tICcuLi91dGlscyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBMaXN0SXRlbVR5cGVbXTtcbiAgLyoqIFNpemUgb2YgdGhlIGxpc3QncyByb3cgKGhlaWdodCBvZiBMaXN0SXRlbSBDb21wb25lbnQpICAqL1xuICByb3dTaXplOiBMaXN0Um93U2l6ZTtcbiAgLyoqIFdpZHRoIG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbVdpZHRoPzogbnVtYmVyO1xuICAvKiogSGVpZ2h0IG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbUhlaWdodD86IG51bWJlcjtcbiAgLyoqIFNlbGVjdGVkIEl0ZW0gKi9cbiAgc2VsZWN0ZWRJdGVtPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogRGVmYXVsdCBvcHRpb24uIFJlbmRlcnMgb24gdG9wIG9mIHRoZSBsaXN0LCBoaWdobGlnaHRlZCAqL1xuICBkZWZhdWx0T3B0aW9uPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogU2VhcmNoIFRlcm0gdG8gYmUgaGlnaGxpZ2h0ZWQgaW4gbGlzdCBpdGVtcyAqL1xuICBzZWFyY2hUZXJtPzogc3RyaW5nO1xuICAvKiogT3B0aW9uIENsaWNrIGhhbmRsZXIgZm9yIFNlbGVjdE9wdGlvbltdIGRhdGEgY2FzZSAqL1xuICBoYW5kbGVPcHRpb25DbGljaz86IFNlbGVjdEhhbmRsZXJUeXBlO1xufSAmIFRlc3RQcm9wcztcblxuY29uc3QgVmlydHVhbGl6ZWRMaXN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaXRlbXMsXG4gICAgICBjdXN0b21XaWR0aCxcbiAgICAgIGN1c3RvbUhlaWdodCxcbiAgICAgIHJvd1NpemUsXG4gICAgICBzZWxlY3RlZEl0ZW0sXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgc2VhcmNoVGVybSxcbiAgICAgIGhhbmRsZU9wdGlvbkNsaWNrLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wdGlvbikge1xuICAgICAgaXRlbXMudW5zaGlmdChkZWZhdWx0T3B0aW9uKTtcbiAgICB9XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgIHNpemU9e3Jvd1NpemV9XG4gICAgICAgICAgICBjb250ZW50PXtpdGVtc1tpbmRleF19XG4gICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGRpc2FibGVkPXsoaXRlbXNbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/LmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBzZWxlY3RlZD17aXNTZWxlY3RlZCh7IGl0ZW06IGl0ZW1zW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgc2VhcmNoVGVybT17c2VhcmNoVGVybX1cbiAgICAgICAgICAgIGRhdGFUZXN0SWQ9e2RhdGFUZXN0SWQgKyBgJHtkZWZhdWx0T3B0aW9uICYmIGluZGV4ID09PSAwICYmICdkZWZhdWx0J31gfVxuICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17aXRlbXMubGVuZ3RofVxuICAgICAgICBpdGVtU2l6ZT17cm93U2l6ZSA9PT0gJ25vcm1hbCcgPyA1NiA6IDQ2fVxuICAgICAgICBjc3M9e3sgb3ZlcmZsb3dYOiAnaGlkZGVuJyB9fVxuICAgICAgPlxuICAgICAgICB7cm93UmVuZGVyZXJ9XG4gICAgICA8L1ZMaXN0PlxuICAgICk7XG4gIH1cbik7XG5WaXJ0dWFsaXplZExpc3QuZGlzcGxheU5hbWUgPSAnVmlydHVhbGl6ZWRMaXN0JztcblxuZXhwb3J0IGRlZmF1bHQgVmlydHVhbGl6ZWRMaXN0O1xuIl19 */")
-    }, (0, _react.jsx)(_ListItem["default"], {
+      css: /*#__PURE__*/(0, _react.css)(_extends({}, style), process.env.NODE_ENV === "production" ? "" : ";label:rowRenderer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpc3QvVmlydHVhbGl6ZWRMaXN0L1ZpcnR1YWxpemVkTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBWYXJpYWJsZVNpemVMaXN0IGFzIFZMaXN0IH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5pbXBvcnQgeyBUZXN0UHJvcHMgfSBmcm9tICd1dGlscy90eXBlcyc7XG5cbmltcG9ydCB7IFNlbGVjdE9wdGlvbiB9IGZyb20gJy4uLy4uL1NlbGVjdC9TZWxlY3QnO1xuaW1wb3J0IHsgbGlzdFN0eWxlIH0gZnJvbSAnLi4vTGlzdC5zdHlsZSc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnLi4vTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtR3JvdXAgZnJvbSAnLi4vTGlzdEl0ZW1Hcm91cCc7XG5pbXBvcnQgeyBMaXN0SXRlbVR5cGUsIExpc3RSb3dTaXplLCBTZWxlY3RIYW5kbGVyVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGlzU2VsZWN0ZWQsIE1BWF9MQVJHRV9IRUlHSFQsIE1BWF9TTUFMTF9IRUlHSFQgfSBmcm9tICcuLi91dGlscyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGl0ZW1zOiBMaXN0SXRlbVR5cGVbXTtcbiAgLyoqIFNpemUgb2YgdGhlIGxpc3QncyByb3cgKGhlaWdodCBvZiBMaXN0SXRlbSBDb21wb25lbnQpICAqL1xuICByb3dTaXplOiBMaXN0Um93U2l6ZTtcbiAgLyoqIFdpZHRoIG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbVdpZHRoPzogbnVtYmVyO1xuICAvKiogSGVpZ2h0IG9mIHRoZSBsaXN0ICovXG4gIGN1c3RvbUhlaWdodD86IG51bWJlcjtcbiAgLyoqIFNlbGVjdGVkIEl0ZW0gKi9cbiAgc2VsZWN0ZWRJdGVtPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogRGVmYXVsdCBvcHRpb24uIFJlbmRlcnMgb24gdG9wIG9mIHRoZSBsaXN0LCBoaWdobGlnaHRlZCAqL1xuICBkZWZhdWx0T3B0aW9uPzogTGlzdEl0ZW1UeXBlO1xuICAvKiogU2VhcmNoIFRlcm0gdG8gYmUgaGlnaGxpZ2h0ZWQgaW4gbGlzdCBpdGVtcyAqL1xuICBzZWFyY2hUZXJtPzogc3RyaW5nO1xuICAvKiogT3B0aW9uIENsaWNrIGhhbmRsZXIgZm9yIFNlbGVjdE9wdGlvbltdIGRhdGEgY2FzZSAqL1xuICBoYW5kbGVPcHRpb25DbGljaz86IFNlbGVjdEhhbmRsZXJUeXBlO1xufSAmIFRlc3RQcm9wcztcblxuY29uc3QgVmlydHVhbGl6ZWRMaXN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaXRlbXMsXG4gICAgICBjdXN0b21XaWR0aCxcbiAgICAgIGN1c3RvbUhlaWdodCxcbiAgICAgIHJvd1NpemUsXG4gICAgICBzZWxlY3RlZEl0ZW0sXG4gICAgICBkZWZhdWx0T3B0aW9uLFxuICAgICAgc2VhcmNoVGVybSxcbiAgICAgIGhhbmRsZU9wdGlvbkNsaWNrLFxuICAgICAgZGF0YVRlc3RJZCxcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBkYXRhID0gdXNlTWVtbygoKSA9PiAoZGVmYXVsdE9wdGlvbiA/IFtkZWZhdWx0T3B0aW9uLCAuLi5pdGVtc10gOiBpdGVtcyksIFtcbiAgICAgIGRlZmF1bHRPcHRpb24sXG4gICAgICBpdGVtcyxcbiAgICBdKTtcblxuICAgIGNvbnN0IGl0ZW1TaXplID0gdXNlQ2FsbGJhY2soKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGNvbnN0IHNpemVCYXNlID0gcm93U2l6ZSA9PT0gJ25vcm1hbCcgPyA1NiA6IDQ2O1xuXG4gICAgICBpZiAoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMpIHtcbiAgICAgICAgcmV0dXJuICgoKGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnM/Lmxlbmd0aCBhcyBudW1iZXIpICsgMSkgKiBzaXplQmFzZTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHNpemVCYXNlO1xuICAgIH0sIFtkYXRhLCByb3dTaXplXSk7XG5cbiAgICBjb25zdCByb3dSZW5kZXJlciA9ICh7IGluZGV4LCBzdHlsZSB9OiB7IGluZGV4OiBudW1iZXI7IHN0eWxlOiBDU1NQcm9wZXJ0aWVzIH0pID0+IHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNzcz17eyAuLi5zdHlsZSB9fT5cbiAgICAgICAgICB7KGRhdGFbaW5kZXhdIGFzIFNlbGVjdE9wdGlvbik/Lm9wdGlvbnMgPyAoXG4gICAgICAgICAgICA8dWwgY3NzPXtsaXN0U3R5bGUoe30pfT5cbiAgICAgICAgICAgICAgPExpc3RJdGVtR3JvdXBcbiAgICAgICAgICAgICAgICBzaXplPXtyb3dTaXplfVxuICAgICAgICAgICAgICAgIGNvbnRlbnQ9e2RhdGFbaW5kZXhdfVxuICAgICAgICAgICAgICAgIGdyb3VwSW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHNlYXJjaFRlcm09e3NlYXJjaFRlcm19XG4gICAgICAgICAgICAgICAgZGF0YVRlc3RJZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgICAgc2VsZWN0ZWRJdGVtPXtzZWxlY3RlZEl0ZW19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8TGlzdEl0ZW1cbiAgICAgICAgICAgICAgc2l6ZT17cm93U2l6ZX1cbiAgICAgICAgICAgICAgY29udGVudD17ZGF0YVtpbmRleF19XG4gICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgIGRpc2FibGVkPXsoZGF0YVtpbmRleF0gYXMgU2VsZWN0T3B0aW9uKT8uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2lzU2VsZWN0ZWQoeyBpdGVtOiBkYXRhW2luZGV4XSwgc2VsZWN0ZWRJdGVtIH0pfVxuICAgICAgICAgICAgICBzZWFyY2hUZXJtPXtzZWFyY2hUZXJtfVxuICAgICAgICAgICAgICBkYXRhVGVzdElkPXtkYXRhVGVzdElkICsgYCR7ZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCAmJiAnZGVmYXVsdCd9YH1cbiAgICAgICAgICAgICAgaGlnaGxpZ2h0ZWQ9e0Jvb2xlYW4oZGVmYXVsdE9wdGlvbiAmJiBpbmRleCA9PT0gMCl9XG4gICAgICAgICAgICAgIGhhbmRsZU9wdGlvbkNsaWNrPXtoYW5kbGVPcHRpb25DbGlja31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxWTGlzdFxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9X2xpc3RgIDogJ2ljdGludXNfbGlzdCd9XG4gICAgICAgIGhlaWdodD17Y3VzdG9tSGVpZ2h0IHx8IHJvd1NpemUgPT09ICdub3JtYWwnID8gTUFYX0xBUkdFX0hFSUdIVCA6IE1BWF9TTUFMTF9IRUlHSFR9XG4gICAgICAgIHdpZHRoPXtjdXN0b21XaWR0aCB8fCAnMTAwJSd9XG4gICAgICAgIGl0ZW1Db3VudD17ZGF0YS5sZW5ndGh9XG4gICAgICAgIGl0ZW1TaXplPXtpdGVtU2l6ZX1cbiAgICAgICAgY3NzPXt7IG92ZXJmbG93WDogJ2hpZGRlbicgfX1cbiAgICAgID5cbiAgICAgICAge3Jvd1JlbmRlcmVyfVxuICAgICAgPC9WTGlzdD5cbiAgICApO1xuICB9XG4pO1xuVmlydHVhbGl6ZWRMaXN0LmRpc3BsYXlOYW1lID0gJ1ZpcnR1YWxpemVkTGlzdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFZpcnR1YWxpemVkTGlzdDtcbiJdfQ== */")
+    }, (_data$index3 = data[index]) != null && _data$index3.options ? (0, _react.jsx)("ul", {
+      css: (0, _List.listStyle)({})
+    }, (0, _react.jsx)(_ListItemGroup["default"], {
+      size: rowSize,
+      content: data[index],
+      groupIndex: index,
+      ref: ref,
+      searchTerm: searchTerm,
+      dataTestId: dataTestId,
+      handleOptionClick: handleOptionClick,
+      selectedItem: selectedItem
+    })) : (0, _react.jsx)(_ListItem["default"], {
       size: rowSize,
-      content: items[index],
+      content: data[index],
       index: index,
       ref: ref,
-      disabled: (_items$index = items[index]) == null ? void 0 : _items$index.isDisabled,
+      disabled: (_data$index4 = data[index]) == null ? void 0 : _data$index4.isDisabled,
       selected: (0, _utils.isSelected)({
-        item: items[index],
+        item: data[index],
         selectedItem: selectedItem
       }),
       searchTerm: searchTerm,
@@ -68,12 +99,12 @@ var VirtualizedList = /*#__PURE__*/_react2["default"].forwardRef(function (_ref,
     }));
   };
 
-  return (0, _react.jsx)(_reactWindow.FixedSizeList, {
+  return (0, _react.jsx)(_reactWindow.VariableSizeList, {
     "data-testid": dataTestId ? dataTestId + "_list" : 'ictinus_list',
     height: customHeight || rowSize === 'normal' ? _utils.MAX_LARGE_HEIGHT : _utils.MAX_SMALL_HEIGHT,
     width: customWidth || '100%',
-    itemCount: items.length,
-    itemSize: rowSize === 'normal' ? 56 : 46,
+    itemCount: data.length,
+    itemSize: itemSize,
     css: _ref3
   }, rowRenderer);
 });

package/dist/components/List/utils.d.ts

@@ -9,3 +9,4 @@ export declare const isSelected: ({ item, selectedItem, }: {
     item: ListItemType;
     selectedItem: ListItemType | undefined;
 }) => boolean;
+export declare const renderContent: (content: ListItemType, searchTerm?: string | undefined) => {} | null | undefined;

package/dist/components/List/utils.js

@@ -1,10 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.isSelected = exports.MAX_SMALL_HEIGHT = exports.MAX_LARGE_HEIGHT = exports.MAX_NON_VIRTUALIZED_ITEMS_SELECT = exports.MAX_NON_VIRTUALIZED_ITEMS_FILTER = void 0;
+exports.renderContent = exports.isSelected = exports.MAX_SMALL_HEIGHT = exports.MAX_LARGE_HEIGHT = exports.MAX_NON_VIRTUALIZED_ITEMS_SELECT = exports.MAX_NON_VIRTUALIZED_ITEMS_FILTER = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _reactHighlightWords = _interopRequireDefault(require("react-highlight-words"));
+
+var _react2 = require("@emotion/react");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /** For this amount of List Items the list of Filter will be non-virtualized */
@@ -45,4 +49,24 @@ var isSelected = function isSelected(_ref) {
   return itemValue === selectedItemValue;
 };
 
-exports.isSelected = isSelected;
+exports.isSelected = isSelected;
+
+var renderContent = function renderContent(content, searchTerm) {
+  if (searchTerm && content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
+    return (0, _react2.jsx)(_reactHighlightWords["default"], {
+      highlightClassName: "search-text",
+      highlightTag: 'strong',
+      searchWords: [searchTerm],
+      autoEscape: true,
+      textToHighlight: content.label
+    });
+  }
+
+  if (content && ! /*#__PURE__*/_react["default"].isValidElement(content) && typeof content === 'object' && !Array.isArray(content) && 'label' in content && content != null && content.label) {
+    return content.label;
+  }
+
+  return content;
+};
+
+exports.renderContent = renderContent;

package/dist/components/Select/Select.d.ts

@@ -5,6 +5,7 @@ export declare type SelectOption = {
     label: string;
     isDisabled?: boolean;
     tooltipInfo?: string;
+    options?: SelectOption[];
 };
 export declare type Props = {
     /** The function that is used to return the selected options */

package/dist/components/Select/Select.js

@@ -145,7 +145,19 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
     }
 
     return options.filter(function (option) {
-      return !searchValue || option.label.toLowerCase().includes(searchValue.toLowerCase());
+      var _option$options;
+
+      return !searchValue || option.label.toLowerCase().includes(searchValue.toLowerCase()) || !!((_option$options = option.options) != null && _option$options.find(function (option) {
+        return option.label.toLowerCase().includes(searchValue.toLowerCase());
+      }));
+    }).map(function (option) {
+      var _option$options2;
+
+      return option.label.toLowerCase().includes(searchValue.toLowerCase()) ? option : _extends({}, option, {
+        options: (_option$options2 = option.options) == null ? void 0 : _option$options2.filter(function (option) {
+          return option.label.toLowerCase().includes(searchValue.toLowerCase());
+        })
+      });
     });
   }, [searchValue, options, isAsync]);
   var rightIconRender = (0, _react2.useMemo)(function () {
@@ -154,7 +166,7 @@ var Select = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNKa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCBpcyB1c2VkIHRvIHJldHVybiB0aGUgc2VsZWN0ZWQgb3B0aW9ucyAqL1xuICBoYW5kbGVTZWxlY3RlZE9wdGlvbj86IChzZWxlY3RlZE9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB2b2lkO1xuICAvKiogdGhlIGRlZmF1bHQgdmFsdWUgb2YgdGhlIHNlbGVjdCBpZiBuZWVkZWQgKi9cbiAgLyoqIFRPRE86IGRlZmF1bHRWYWx1ZSBpcyBkdXBsaWNhdGlvbiBvZiBzZWxlY3RlZE9wdGlvbiovXG4gIGRlZmF1bHRWYWx1ZT86IFNlbGVjdE9wdGlvbjtcbiAgLyoqIHRoZSB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIHNlbGVjdCBpcyBjb250cm9sbGVkICovXG4gIHNlbGVjdGVkT3B0aW9uPzogU2VsZWN0T3B0aW9uO1xuICAvKiogaWYgdGhlIHNlbGVjdCBoYXMgdGFncyAqL1xuICBtdWx0aT86IGJvb2xlYW47XG4gIC8qKiBPcHRpb25zIGZvciB0aGUgc2VsZWN0IGRyb3Bkb3duICovXG4gIG9wdGlvbnM6IFNlbGVjdE9wdGlvbltdO1xuICAvKiogaWYgdGhlIGNvbXBvbmVudCBpcyB1c2VkIGFzeW5jaHJvbm91c2x5ICovXG4gIGlzQXN5bmM/OiBib29sZWFuO1xuICAvKiogdGhlIGZ1bmN0aW9uIHRvIGZldGNoIG5ldyBvcHRpb25zICovXG4gIGFzeW5jU2VhcmNoPzogKHRlcm06IHN0cmluZykgPT4gdm9pZDtcbiAgLyoqIGFmdGVyIGhvdyBtYW55IGNoYXJhY3RlcnMgdG8gc3RhcnQgc2VhcmNoaW5nIChkZWZhdWx0ID0gMCkgKi9cbiAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoPzogbnVtYmVyO1xuICAvKiogaWYgc2VhcmNoZWQgdGV4dCBzaG91bGQgYmUgaGlnaGxpZ2h0ZWQgaW4gYXZhaWxhYmxlIG9wdGlvbnMgKi9cbiAgaGlnaGxpZ2h0U2VhcmNoPzogYm9vbGVhbjtcbiAgLyoqIGlmIHRoZSBvcHRpb25zIGFyZSBzZWFyY2hhYmxlICovXG4gIGlzU2VhcmNoYWJsZT86IGJvb2xlYW47XG4gIC8qKiBkYXRhLXRlc3RpZCBzdWZmaXggKi9cbiAgZGF0YVRlc3RJZD86IHN0cmluZztcbiAgLyoqIGlmIGNvbXBvbmVudCBpcyBsb2FkaW5nICovXG4gIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIC8qKiBpZiBvcHRpb25zIGxpc3QgaXMgdmlydHVhbGl6ZWQgKi9cbiAgaXNWaXJ0dWFsaXplZD86IGJvb2xlYW47XG59ICYgVGV4dEZpZWxkUHJvcHM7XG5cbmNvbnN0IGVtcHR5VmFsdWUgPSB7IGxhYmVsOiAnJywgdmFsdWU6ICcnIH07XG5cbi8vIE1vY2tzIG9uQ2hhbmdlIHRvIGF2b2lkIHJlYWRvbmx5IHdhcm5pbmcgZm9yIFRleHRGaWVsZCBDb21wb25lbnRcbmNvbnN0IE9OX0NIQU5HRV9NT0NLID0gKCkgPT4ge307XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFBhcnRpYWw8T21pdDxJbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCAnc2l6ZSc+PjtcblxuY29uc3QgU2VsZWN0ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBQcm9wcyAmIElucHV0UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24gPSAoKSA9PiB7fSxcbiAgICAgIGRlZmF1bHRWYWx1ZSA9IHVuZGVmaW5lZCxcbiAgICAgIHNlbGVjdGVkT3B0aW9uID0gZW1wdHlWYWx1ZSxcbiAgICAgIG11bHRpID0gZmFsc2UsXG4gICAgICBvcHRpb25zLFxuICAgICAgaXNBc3luYyA9IGZhbHNlLFxuICAgICAgaXNMb2FkaW5nID0gZmFsc2UsXG4gICAgICBhc3luY1NlYXJjaCA9ICgpID0+IHt9LFxuICAgICAgc3RhdHVzID0gJ25vcm1hbCcsXG4gICAgICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2ggPSAwLFxuICAgICAgaGlnaGxpZ2h0U2VhcmNoID0gZmFsc2UsXG4gICAgICBpc1NlYXJjaGFibGUgPSB0cnVlLFxuICAgICAgaXNWaXJ0dWFsaXplZCA9IGZhbHNlLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICBsb2NrZWQsXG4gICAgICBkYXRhVGVzdElkLFxuICAgICAgLi4ucmVzdElucHV0UHJvcHNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGlucHV0UmVmID0gUmVhY3QudXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICAgIGNvbnN0IGNvbWJpbmVkUmVmcyA9IHVzZUNvbWJpbmVkUmVmcyhpbnB1dFJlZiwgcmVmKTtcbiAgICBjb25zdCBbaW5wdXRWYWx1ZSwgc2V0SW5wdXRWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIGNvbnN0IFtzZWFyY2hWYWx1ZSwgc2V0U2VhcmNoVmFsdWVdID0gUmVhY3QudXNlU3RhdGUoJycpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldElucHV0VmFsdWUoZGVmYXVsdFZhbHVlIHx8IHNlbGVjdGVkT3B0aW9uKTtcbiAgICB9LCBbZGVmYXVsdFZhbHVlLCBzZWxlY3RlZE9wdGlvbl0pO1xuXG4gICAgY29uc3QgaGFuZGxlT3B0aW9uQ2xpY2sgPSAob3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHtcbiAgICAgIHNldElucHV0VmFsdWUob3B0aW9uKTtcbiAgICAgIHNldE9wZW4oZmFsc2UpO1xuXG4gICAgICBpZiAoaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldFNlYXJjaFZhbHVlKCcnKTtcbiAgICAgIH1cbiAgICAgIGhhbmRsZVNlbGVjdGVkT3B0aW9uKG9wdGlvbik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCBpc0JhY2tzcGFjZUtleSA9IGUua2V5Q29kZSA9PT0gODtcblxuICAgICAgaWYgKGlzQmFja3NwYWNlS2V5KSB7XG4gICAgICAgIHNldElucHV0VmFsdWUoZW1wdHlWYWx1ZSk7XG4gICAgICAgIGRlYm91bmNlZE9uQ2hhbmdlKCcnKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgZGVib3VuY2VkT25DaGFuZ2UgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIGRlYm91bmNlKHRlcm0gPT4ge1xuICAgICAgICBhc3luY1NlYXJjaCh0ZXJtKTtcbiAgICAgIH0sIDQwMCksXG4gICAgICBbXVxuICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVPbklucHV0ID0gUmVhY3QudXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IENoYW5nZUV2ZW50KSA9PiB7XG4gICAgICAgIGhhbmRsZVNlYXJjaCh7XG4gICAgICAgICAgZXZlbnQsXG4gICAgICAgICAgaXNTZWFyY2hhYmxlLFxuICAgICAgICAgIGlzQXN5bmMsXG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUsXG4gICAgICAgICAgb25DaGFuZ2U6IGRlYm91bmNlZE9uQ2hhbmdlLFxuICAgICAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCxcbiAgICAgICAgfSk7XG4gICAgICB9LFxuICAgICAgW2RlYm91bmNlZE9uQ2hhbmdlLCBpc0FzeW5jLCBpc1NlYXJjaGFibGUsIG1pbkNoYXJhY3RlcnNUb1NlYXJjaF1cbiAgICApO1xuXG4gICAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICBpZiAoaXNBc3luYykge1xuICAgICAgICByZXR1cm4gb3B0aW9ucztcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIG9wdGlvbnMuZmlsdGVyKFxuICAgICAgICBvcHRpb24gPT4gIXNlYXJjaFZhbHVlIHx8IG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICApO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e29wZW4gPyAnY2hldnJvbkxhcmdlVXAnIDogJ2NoZXZyb25MYXJnZURvd24nfVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaXNTZWFyY2hhYmxlICYmIG9wZW4gJiYgc2V0T3Blbighb3Blbil9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW29wZW4sIHRoZW1lLnV0aWxzLCBzZXRPcGVuLCBpc1NlYXJjaGFibGUsIGlzTG9hZGluZ11cbiAgICApO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICBpZiAoIW9wZW4pIHtcbiAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgY29tYmluZWRSZWZzPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgfSBlbHNlIGlmICghaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmJsdXIoKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgey4uLighKGRpc2FibGVkIHx8IGxvY2tlZCkgJiYgeyBvbkNsaWNrOiBoYW5kbGVDbGljayB9KX1cbiAgICAgICAgICBjc3M9e3NlbGVjdFdyYXBwZXIoeyBvcGVuLCBzdGF0dXMsIHN0eWxlVHlwZSwgaXNTZWFyY2hhYmxlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgc3R5bGVUeXBlPXtzdHlsZVR5cGV9XG4gICAgICAgICAgICByaWdodEljb249e3JpZ2h0SWNvblJlbmRlcn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlT25LZXlEb3dufVxuICAgICAgICAgICAgb25JbnB1dD17aGFuZGxlT25JbnB1dH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtPTl9DSEFOR0VfTU9DS31cbiAgICAgICAgICAgIHJlYWRPbmx5PXshaXNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgbG9ja2VkPXtsb2NrZWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17Z2VuZXJhdGVUZXN0RGF0YUlkKCdzZWxlY3QtaW5wdXQnLCBkYXRhVGVzdElkKX1cbiAgICAgICAgICAgIHsuLi5yZXN0SW5wdXRQcm9wc31cbiAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgdmFsdWU9e3NlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUubGFiZWx9XG4gICAgICAgICAgICByZWY9e2NvbWJpbmVkUmVmc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtvcGVuICYmIChcbiAgICAgICAgICAgIDxTZWxlY3RNZW51XG4gICAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9ucz17ZmlsdGVyZWRPcHRpb25zfVxuICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkT3B0aW9uPXtpbnB1dFZhbHVlLnZhbHVlfVxuICAgICAgICAgICAgICBzaXplPXtyZXN0SW5wdXRQcm9wcy5zaXplfVxuICAgICAgICAgICAgICBzdGF0dXM9e3N0YXR1c31cbiAgICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICAgIGlzVmlydHVhbGl6ZWQ9e2lzVmlydHVhbGl6ZWR9XG4gICAgICAgICAgICAgIHNlYXJjaFRlcm09e2hpZ2hsaWdodFNlYXJjaCA/IHNlYXJjaFZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgKTtcbiAgfVxuKTtcblxuU2VsZWN0LmRpc3BsYXlOYW1lID0gJ1NlbGVjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
+      (0, _react.css)("display:flex;gap:", (0, _utils.rem)(25), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVLa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgUmVhY3QsIHsgSW5wdXRIVE1MQXR0cmlidXRlcywgdXNlRWZmZWN0LCB1c2VNZW1vLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuaW1wb3J0IHsgZ2VuZXJhdGVUZXN0RGF0YUlkIH0gZnJvbSAndXRpbHMvaGVscGVycyc7XG5cbmltcG9ydCB1c2VDb21iaW5lZFJlZnMgZnJvbSAnLi4vLi4vaG9va3MvdXNlQ29tYmluZWRSZWZzJztcbmltcG9ydCB1c2VUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VUaGVtZSc7XG5pbXBvcnQgeyBDaGFuZ2VFdmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2NvbW1vbic7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9JY29uJztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnLi4vVGV4dEZpZWxkJztcbmltcG9ydCB7IFByb3BzIGFzIFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vVGV4dEZpZWxkL1RleHRGaWVsZCc7XG5pbXBvcnQgQ2xpY2tBd2F5TGlzdGVuZXIgZnJvbSAnLi4vdXRpbHMvQ2xpY2tBd2F5TGlzdGVuZXInO1xuaW1wb3J0IGhhbmRsZVNlYXJjaCBmcm9tICcuLi91dGlscy9oYW5kbGVTZWFyY2gnO1xuaW1wb3J0IFNlbGVjdE1lbnUgZnJvbSAnLi9jb21wb25lbnRzL1NlbGVjdE1lbnUvU2VsZWN0TWVudSc7XG5pbXBvcnQgeyBzZWxlY3RXcmFwcGVyIH0gZnJvbSAnLi9TZWxlY3Quc3R5bGUnO1xuaW1wb3J0IExvYWRlciBmcm9tICdjb21wb25lbnRzL0xvYWRlcic7XG5cbmV4cG9ydCB0eXBlIFNlbGVjdE9wdGlvbiA9IHtcbiAgdmFsdWU6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvb2x0aXBJbmZvPzogc3RyaW5nO1xuICBvcHRpb25zPzogU2VsZWN0T3B0aW9uW107XG59O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IGlzIHVzZWQgdG8gcmV0dXJuIHRoZSBzZWxlY3RlZCBvcHRpb25zICovXG4gIGhhbmRsZVNlbGVjdGVkT3B0aW9uPzogKHNlbGVjdGVkT3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHZvaWQ7XG4gIC8qKiB0aGUgZGVmYXVsdCB2YWx1ZSBvZiB0aGUgc2VsZWN0IGlmIG5lZWRlZCAqL1xuICAvKiogVE9ETzogZGVmYXVsdFZhbHVlIGlzIGR1cGxpY2F0aW9uIG9mIHNlbGVjdGVkT3B0aW9uKi9cbiAgZGVmYXVsdFZhbHVlPzogU2VsZWN0T3B0aW9uO1xuICAvKiogdGhlIHZhbHVlIG9mIHRoZSBzZWxlY3QgaWYgc2VsZWN0IGlzIGNvbnRyb2xsZWQgKi9cbiAgc2VsZWN0ZWRPcHRpb24/OiBTZWxlY3RPcHRpb247XG4gIC8qKiBpZiB0aGUgc2VsZWN0IGhhcyB0YWdzICovXG4gIG11bHRpPzogYm9vbGVhbjtcbiAgLyoqIE9wdGlvbnMgZm9yIHRoZSBzZWxlY3QgZHJvcGRvd24gKi9cbiAgb3B0aW9uczogU2VsZWN0T3B0aW9uW107XG4gIC8qKiBpZiB0aGUgY29tcG9uZW50IGlzIHVzZWQgYXN5bmNocm9ub3VzbHkgKi9cbiAgaXNBc3luYz86IGJvb2xlYW47XG4gIC8qKiB0aGUgZnVuY3Rpb24gdG8gZmV0Y2ggbmV3IG9wdGlvbnMgKi9cbiAgYXN5bmNTZWFyY2g/OiAodGVybTogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogYWZ0ZXIgaG93IG1hbnkgY2hhcmFjdGVycyB0byBzdGFydCBzZWFyY2hpbmcgKGRlZmF1bHQgPSAwKSAqL1xuICBtaW5DaGFyYWN0ZXJzVG9TZWFyY2g/OiBudW1iZXI7XG4gIC8qKiBpZiBzZWFyY2hlZCB0ZXh0IHNob3VsZCBiZSBoaWdobGlnaHRlZCBpbiBhdmFpbGFibGUgb3B0aW9ucyAqL1xuICBoaWdobGlnaHRTZWFyY2g/OiBib29sZWFuO1xuICAvKiogaWYgdGhlIG9wdGlvbnMgYXJlIHNlYXJjaGFibGUgKi9cbiAgaXNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgLyoqIGRhdGEtdGVzdGlkIHN1ZmZpeCAqL1xuICBkYXRhVGVzdElkPzogc3RyaW5nO1xuICAvKiogaWYgY29tcG9uZW50IGlzIGxvYWRpbmcgKi9cbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgLyoqIGlmIG9wdGlvbnMgbGlzdCBpcyB2aXJ0dWFsaXplZCAqL1xuICBpc1ZpcnR1YWxpemVkPzogYm9vbGVhbjtcbn0gJiBUZXh0RmllbGRQcm9wcztcblxuY29uc3QgZW1wdHlWYWx1ZSA9IHsgbGFiZWw6ICcnLCB2YWx1ZTogJycgfTtcblxuLy8gTW9ja3Mgb25DaGFuZ2UgdG8gYXZvaWQgcmVhZG9ubHkgd2FybmluZyBmb3IgVGV4dEZpZWxkIENvbXBvbmVudFxuY29uc3QgT05fQ0hBTkdFX01PQ0sgPSAoKSA9PiB7fTtcblxudHlwZSBJbnB1dFByb3BzID0gUGFydGlhbDxPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sICdzaXplJz4+O1xuXG5jb25zdCBTZWxlY3QgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFByb3BzICYgSW5wdXRQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBoYW5kbGVTZWxlY3RlZE9wdGlvbiA9ICgpID0+IHt9LFxuICAgICAgZGVmYXVsdFZhbHVlID0gdW5kZWZpbmVkLFxuICAgICAgc2VsZWN0ZWRPcHRpb24gPSBlbXB0eVZhbHVlLFxuICAgICAgbXVsdGkgPSBmYWxzZSxcbiAgICAgIG9wdGlvbnMsXG4gICAgICBpc0FzeW5jID0gZmFsc2UsXG4gICAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICAgIGFzeW5jU2VhcmNoID0gKCkgPT4ge30sXG4gICAgICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgICAgIG1pbkNoYXJhY3RlcnNUb1NlYXJjaCA9IDAsXG4gICAgICBoaWdobGlnaHRTZWFyY2ggPSBmYWxzZSxcbiAgICAgIGlzU2VhcmNoYWJsZSA9IHRydWUsXG4gICAgICBpc1ZpcnR1YWxpemVkID0gZmFsc2UsXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGxvY2tlZCxcbiAgICAgIGRhdGFUZXN0SWQsXG4gICAgICAuLi5yZXN0SW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSBSZWFjdC51c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gICAgY29uc3QgY29tYmluZWRSZWZzID0gdXNlQ29tYmluZWRSZWZzKGlucHV0UmVmLCByZWYpO1xuICAgIGNvbnN0IFtpbnB1dFZhbHVlLCBzZXRJbnB1dFZhbHVlXSA9IFJlYWN0LnVzZVN0YXRlKGRlZmF1bHRWYWx1ZSB8fCBzZWxlY3RlZE9wdGlvbik7XG4gICAgY29uc3QgW3NlYXJjaFZhbHVlLCBzZXRTZWFyY2hWYWx1ZV0gPSBSZWFjdC51c2VTdGF0ZSgnJyk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShkZWZhdWx0VmFsdWUgfHwgc2VsZWN0ZWRPcHRpb24pO1xuICAgIH0sIFtkZWZhdWx0VmFsdWUsIHNlbGVjdGVkT3B0aW9uXSk7XG5cbiAgICBjb25zdCBoYW5kbGVPcHRpb25DbGljayA9IChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgc2V0SW5wdXRWYWx1ZShvcHRpb24pO1xuICAgICAgc2V0T3BlbihmYWxzZSk7XG5cbiAgICAgIGlmIChpc1NlYXJjaGFibGUpIHtcbiAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgfVxuICAgICAgaGFuZGxlU2VsZWN0ZWRPcHRpb24ob3B0aW9uKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlT25LZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IGlzQmFja3NwYWNlS2V5ID0gZS5rZXlDb2RlID09PSA4O1xuXG4gICAgICBpZiAoaXNCYWNrc3BhY2VLZXkpIHtcbiAgICAgICAgc2V0SW5wdXRWYWx1ZShlbXB0eVZhbHVlKTtcbiAgICAgICAgZGVib3VuY2VkT25DaGFuZ2UoJycpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBkZWJvdW5jZWRPbkNoYW5nZSA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgICAgZGVib3VuY2UodGVybSA9PiB7XG4gICAgICAgIGFzeW5jU2VhcmNoKHRlcm0pO1xuICAgICAgfSwgNDAwKSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIGNvbnN0IGhhbmRsZU9uSW5wdXQgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAgIChldmVudDogQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgICAgaGFuZGxlU2VhcmNoKHtcbiAgICAgICAgICBldmVudCxcbiAgICAgICAgICBpc1NlYXJjaGFibGUsXG4gICAgICAgICAgaXNBc3luYyxcbiAgICAgICAgICBzZXRTZWFyY2hWYWx1ZSxcbiAgICAgICAgICBvbkNoYW5nZTogZGVib3VuY2VkT25DaGFuZ2UsXG4gICAgICAgICAgbWluQ2hhcmFjdGVyc1RvU2VhcmNoLFxuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICBbZGVib3VuY2VkT25DaGFuZ2UsIGlzQXN5bmMsIGlzU2VhcmNoYWJsZSwgbWluQ2hhcmFjdGVyc1RvU2VhcmNoXVxuICAgICk7XG5cbiAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmIChpc0FzeW5jKSB7XG4gICAgICAgIHJldHVybiBvcHRpb25zO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gb3B0aW9uc1xuICAgICAgICAuZmlsdGVyKFxuICAgICAgICAgIG9wdGlvbiA9PlxuICAgICAgICAgICAgIXNlYXJjaFZhbHVlIHx8XG4gICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKSB8fFxuICAgICAgICAgICAgISFvcHRpb24ub3B0aW9ucz8uZmluZChvcHRpb24gPT5cbiAgICAgICAgICAgICAgb3B0aW9uLmxhYmVsLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoVmFsdWUudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgICAubWFwKG9wdGlvbiA9PiB7XG4gICAgICAgICAgcmV0dXJuIG9wdGlvbi5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHNlYXJjaFZhbHVlLnRvTG93ZXJDYXNlKCkpXG4gICAgICAgICAgICA/IG9wdGlvblxuICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgLi4ub3B0aW9uLFxuICAgICAgICAgICAgICAgIG9wdGlvbnM6IG9wdGlvbi5vcHRpb25zPy5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgICAgICAgICBvcHRpb24ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzZWFyY2hWYWx1ZS50b0xvd2VyQ2FzZSgpKVxuICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIH07XG4gICAgICAgIH0pO1xuICAgIH0sIFtzZWFyY2hWYWx1ZSwgb3B0aW9ucywgaXNBc3luY10pO1xuXG4gICAgY29uc3QgcmlnaHRJY29uUmVuZGVyID0gdXNlTWVtbyhcbiAgICAgICgpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGdhcDogJHtyZW0oMjUpfTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2lzTG9hZGluZyAmJiA8TG9hZGVyIC8+fVxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBzaXplPXsyMH1cbiAgICAgICAgICAgIG5hbWU9e29wZW4gPyAnY2hldnJvbkxhcmdlVXAnIDogJ2NoZXZyb25MYXJnZURvd24nfVxuICAgICAgICAgICAgY29sb3I9e3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4gaXNTZWFyY2hhYmxlICYmIG9wZW4gJiYgc2V0T3Blbighb3Blbil9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApLFxuICAgICAgW29wZW4sIHRoZW1lLnV0aWxzLCBzZXRPcGVuLCBpc1NlYXJjaGFibGUsIGlzTG9hZGluZ11cbiAgICApO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICBpZiAoIW9wZW4pIHtcbiAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgY29tYmluZWRSZWZzPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgfSBlbHNlIGlmICghaXNTZWFyY2hhYmxlKSB7XG4gICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICBjb21iaW5lZFJlZnM/LmN1cnJlbnQ/LmJsdXIoKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgc2V0U2VhcmNoVmFsdWUoJycpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgey4uLighKGRpc2FibGVkIHx8IGxvY2tlZCkgJiYgeyBvbkNsaWNrOiBoYW5kbGVDbGljayB9KX1cbiAgICAgICAgICBjc3M9e3NlbGVjdFdyYXBwZXIoeyBvcGVuLCBzdGF0dXMsIHN0eWxlVHlwZSwgaXNTZWFyY2hhYmxlIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgc3R5bGVUeXBlPXtzdHlsZVR5cGV9XG4gICAgICAgICAgICByaWdodEljb249e3JpZ2h0SWNvblJlbmRlcn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlT25LZXlEb3dufVxuICAgICAgICAgICAgb25JbnB1dD17aGFuZGxlT25JbnB1dH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtPTl9DSEFOR0VfTU9DS31cbiAgICAgICAgICAgIHJlYWRPbmx5PXshaXNTZWFyY2hhYmxlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgbG9ja2VkPXtsb2NrZWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17Z2VuZXJhdGVUZXN0RGF0YUlkKCdzZWxlY3QtaW5wdXQnLCBkYXRhVGVzdElkKX1cbiAgICAgICAgICAgIHsuLi5yZXN0SW5wdXRQcm9wc31cbiAgICAgICAgICAgIHN0YXR1cz17c3RhdHVzfVxuICAgICAgICAgICAgdmFsdWU9e3NlYXJjaFZhbHVlIHx8IGlucHV0VmFsdWUubGFiZWx9XG4gICAgICAgICAgICByZWY9e2NvbWJpbmVkUmVmc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtvcGVuICYmIChcbiAgICAgICAgICAgIDxTZWxlY3RNZW51XG4gICAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9ucz17ZmlsdGVyZWRPcHRpb25zfVxuICAgICAgICAgICAgICBoYW5kbGVPcHRpb25DbGljaz17aGFuZGxlT3B0aW9uQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkT3B0aW9uPXtpbnB1dFZhbHVlLnZhbHVlfVxuICAgICAgICAgICAgICBzaXplPXtyZXN0SW5wdXRQcm9wcy5zaXplfVxuICAgICAgICAgICAgICBzdGF0dXM9e3N0YXR1c31cbiAgICAgICAgICAgICAgaXNMb2FkaW5nPXtpc0xvYWRpbmd9XG4gICAgICAgICAgICAgIGlzVmlydHVhbGl6ZWQ9e2lzVmlydHVhbGl6ZWR9XG4gICAgICAgICAgICAgIHNlYXJjaFRlcm09e2hpZ2hsaWdodFNlYXJjaCA/IHNlYXJjaFZhbHVlIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgKTtcbiAgfVxuKTtcblxuU2VsZWN0LmRpc3BsYXlOYW1lID0gJ1NlbGVjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IFNlbGVjdDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconRender;")
     }, isLoading && (0, _react.jsx)(_Loader["default"], null), (0, _react.jsx)(_Icon["default"], {
       size: 20,
       name: open ? 'chevronLargeUp' : 'chevronLargeDown',

package/dist/components/Table/Table.d.ts

@@ -3,6 +3,8 @@ import { ExtendedColumn, Sort, SortingOrder } from './types';
 export declare type ContentComponent<T> = (data: Cell<T>) => React.Component | JSX.Element;
 export declare type Cell<T> = {
     content: number | string | ContentComponent<T>;
+    tooltipContent?: string;
+    hasTruncatedTooltip?: boolean;
     colSpan?: number;
     type?: 'financial' | 'normal';
     align?: 'left' | 'right';

package/dist/components/Table/components/RenderRowOrNestedRow/RenderRowOrNestedRow.js

@@ -86,16 +86,20 @@ var RenderRowWithCells = /*#__PURE__*/React.memo(function (_ref) {
     onClick: tChange
   }))), (_row$cells2 = row.cells) == null ? void 0 : _row$cells2.map(function (_ref2, index) {
     var content = _ref2.content,
+        tooltipContent = _ref2.tooltipContent,
+        _ref2$hasTruncatedToo = _ref2.hasTruncatedTooltip,
+        hasTruncatedTooltip = _ref2$hasTruncatedToo === void 0 ? true : _ref2$hasTruncatedToo,
         colSpan = _ref2.colSpan,
         cellType = _ref2.type,
         align = _ref2.align;
     return (0, _react2.jsx)(_ContentCell["default"], {
       key: row.id + "-" + index,
       cellCounter: index,
+      columnWidth: columnsWithWidth[index],
       columns: columns,
+      tooltipContent: hasTruncatedTooltip ? (0, _helpers.isComponentFunctionType)(content) ? tooltipContent : tooltipContent != null ? tooltipContent : content.toString() : undefined,
       padded: padded,
       colSpan: colSpan,
-      columnWidth: columnsWithWidth[index],
       content: content,
       cellType: cellType,
       rowType: type,

package/dist/components/Table/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.d.ts

@@ -3,6 +3,7 @@ import { ContentComponent, TableType } from '../../../../Table';
 declare type Props = {
     columns: string[];
     padded: boolean;
+    tooltipContent?: string;
     columnWidth?: number;
     content: number | string | ContentComponent<any>;
     colSpan?: number;

package/dist/components/Table/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.js

@@ -7,6 +7,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _helpers = require("../../../../../../utils/helpers");
 
+var _TruncatedContent = _interopRequireDefault(require("../../../../../TruncatedContent"));
+
 var _TableCell = _interopRequireDefault(require("../../../TableCell"));
 
 var _ContentCell = require("./ContentCell.style");
@@ -19,6 +21,7 @@ var ContentCell = function ContentCell(_ref) {
   var columns = _ref.columns,
       padded = _ref.padded,
       columnWidth = _ref.columnWidth,
+      tooltipContent = _ref.tooltipContent,
       content = _ref.content,
       colSpan = _ref.colSpan,
       rowType = _ref.rowType,
@@ -40,12 +43,16 @@ var ContentCell = function ContentCell(_ref) {
     index: index
   }, rowType === 'nested-header' && (0, _react2.jsx)("div", {
     css: (0, _ContentCell.nestedHeaderStyle)()
-  }, columns[cellCounter]), (0, _helpers.isComponentFunctionType)(content) ? content({
+  }, columns[cellCounter]), (0, _react2.jsx)(_TruncatedContent["default"], {
+    placement: 'bottom',
+    shouldAlwaysShow: (0, _helpers.isComponentFunctionType)(content) && !!tooltipContent,
+    tooltipContent: tooltipContent
+  }, (0, _helpers.isComponentFunctionType)(content) ? content({
     content: content,
     colSpan: colSpan
   }) : (0, _react2.jsx)("span", {
     "data-column": columns[cellCounter]
-  }, content));
+  }, content)));
 };
 
 var _default = /*#__PURE__*/_react["default"].memo(ContentCell);

package/dist/components/TruncatedContent/TruncatedContent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type Props = {
+    /** The content of the tooltip */
+    tooltipContent: string | undefined;
+    /** Flag for overriding other settings to always show the tooltip */
+    shouldAlwaysShow?: boolean;
+    /** The placement of the tooltip */
+    placement?: 'top' | 'bottom' | 'right' | 'left';
+};
+declare const TruncatedContent: React.FC<Props>;
+export default TruncatedContent;

package/dist/components/TruncatedContent/TruncatedContent.js

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _TruncatedContent = require("./TruncatedContent.style");
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; 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; }
+
+var TruncatedContent = function TruncatedContent(_ref) {
+  var children = _ref.children,
+      _ref$shouldAlwaysShow = _ref.shouldAlwaysShow,
+      shouldAlwaysShow = _ref$shouldAlwaysShow === void 0 ? false : _ref$shouldAlwaysShow,
+      tooltipContent = _ref.tooltipContent,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement;
+
+  var _useState = (0, _react.useState)(false),
+      isHovered = _useState[0],
+      setIsHovered = _useState[1];
+
+  var targetRef = (0, _react.useRef)(null);
+  var target = targetRef.current;
+  var handleMouseEnter = (0, _react.useCallback)(function () {
+    setIsHovered(true);
+  }, []);
+  var handleMouseLeave = (0, _react.useCallback)(function () {
+    setIsHovered(false);
+  }, []);
+  var isTruncated = (0, _react.useMemo)(function () {
+    return !!target && target.scrollWidth > target.offsetWidth;
+  }, [target]);
+  var showTooltip = (0, _react.useCallback)(function (tooltipContent, isHovered, isTruncated, shouldAlwaysShow) {
+    if (tooltipContent === undefined) {
+      return false;
+    }
+
+    if (shouldAlwaysShow) {
+      return true;
+    }
+
+    return isHovered && isTruncated;
+  }, []);
+  return showTooltip(tooltipContent, isHovered, isTruncated, shouldAlwaysShow) ? (0, _react2.jsx)(_Tooltip["default"], {
+    placement: placement,
+    content: tooltipContent
+  }, (0, _react2.jsx)(_TruncatedContent.TruncationDiv, {
+    ref: targetRef,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, children)) : (0, _react2.jsx)(_TruncatedContent.TruncationDiv, {
+    ref: targetRef,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, children);
+};
+
+var _default = TruncatedContent;
+exports["default"] = _default;

package/dist/components/TruncatedContent/TruncatedContent.style.d.ts

@@ -0,0 +1,4 @@
+export declare const TruncationDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/TruncatedContent/TruncatedContent.style.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TruncationDiv = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var TruncationDiv = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ep8j7z50"
+} : {
+  target: "ep8j7z50",
+  label: "TruncationDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1h52dri",
+  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
+} : {
+  name: "1h52dri",
+  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RydW5jYXRlZENvbnRlbnQvVHJ1bmNhdGVkQ29udGVudC5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RydW5jYXRlZENvbnRlbnQvVHJ1bmNhdGVkQ29udGVudC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBUcnVuY2F0aW9uRGl2ID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.TruncationDiv = TruncationDiv;

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

@@ -0,0 +1 @@
+export { default } from './TruncatedContent';

package/dist/components/TruncatedContent/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _TruncatedContent = _interopRequireDefault(require("./TruncatedContent"));
+
+exports["default"] = _TruncatedContent["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/index.d.ts

@@ -52,5 +52,6 @@ export { default as useTheme } from './hooks/useTheme';
 export { default as useBreakpoints } from './hooks/useBreakpoints';
 export { default as useEscape } from './hooks/useEscape';
 export { default as Filter } from './components/Filter';
+export { default as TruncatedContent } from './components/TruncatedContent';
 export { default as themeConfig } from './theme';
 export { themeFunctions, palette, spacing, typography, elevation, overrides, queriesSizes, };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.Avatar = void 0;
+exports.typography = exports.spacing = exports.palette = exports.overrides = exports.themeFunctions = exports.elevation = exports.themeConfig = exports.TruncatedContent = exports.Filter = exports.useEscape = exports.useBreakpoints = exports.useTheme = exports.TopNavBar = exports.Tooltip = exports.Toast = exports.ThemeProvider = exports.TextArea = exports.SearchField = exports.TextField = exports.Table = exports.Select = exports.RadioGroup = exports.Radio = exports.Pagination = exports.Snackbar = exports.Banner = exports.NotificationVisual = exports.NotificationsContainer = exports.InlineNotification = exports.Modal = exports.Menu = exports.Loader = exports.List = exports.Label = exports.IconButton = exports.Icon = exports.ExpandCollapse = exports.Drawer = exports.DatePicker = exports.Chip = exports.CheckBox = exports.DonutChart = exports.BarChart = exports.LineChart = exports.Card = exports.Button = exports.Breadcrumb = exports.Avatar = void 0;
 
 var _useBreakpoints = _interopRequireWildcard(require("./hooks/useBreakpoints"));
 
@@ -188,6 +188,10 @@ var _Filter = _interopRequireDefault(require("./components/Filter"));
 
 exports.Filter = _Filter["default"];
 
+var _TruncatedContent = _interopRequireDefault(require("./components/TruncatedContent"));
+
+exports.TruncatedContent = _TruncatedContent["default"];
+
 var _theme = _interopRequireDefault(require("./theme"));
 
 exports.themeConfig = _theme["default"];

package/dist/theme/typography.d.ts

@@ -8,6 +8,7 @@ declare const weights: {
 export declare type Typography = {
     globalFontSize: number;
     fontSizes: {
+        8: string;
         10: string;
         11: string;
         12: string;

package/dist/theme/typography.js

@@ -14,6 +14,7 @@ var weights = {
   black: 900
 };
 var fontSizes = {
+  8: (0, _utils.rem)('8px'),
   10: (0, _utils.rem)('10px'),
   11: (0, _utils.rem)('11px'),
   12: (0, _utils.rem)('12px'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.6.1",
+  "version": "4.9.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",