react-core-ts 1.0.11 → 1.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/ExpandableAutoComplete.js +67 -30
  2. package/dist/ExpandableAutoComplete.js.map +1 -1
  3. package/dist/styles/styles/components/autocomplete.css +11 -7
  4. package/docs/App.tsx +31 -2
  5. package/package.json +1 -1
  6. package/src/ExpandableAutoComplete.tsx +143 -117
  7. package/src/styles/components/autocomplete.css +11 -7
package/dist/ExpandableAutoComplete.js CHANGED
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
14
  if (k2 === undefined) k2 = k;
4
15
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -72,6 +83,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
72
83
  };
73
84
  Object.defineProperty(exports, "__esModule", { value: true });
74
85
  var react_1 = __importStar(require("react"));
86
+ var react_dom_1 = __importDefault(require("react-dom"));
75
87
  var autosuggestions_1 = require("./utilities/autosuggestions");
76
88
  var debounce_1 = require("./utilities/debounce");
77
89
  var deepEqual_1 = require("./utilities/deepEqual");
@@ -91,22 +103,37 @@ var ExpandableAutoComplete = (0, react_1.forwardRef)(function (_a, ref) {
91
103
  var _w = (0, react_1.useState)(false), dropOpen = _w[0], setDropOpen = _w[1];
92
104
  var _x = (0, react_1.useState)([]), selectedItems = _x[0], setSelectedItems = _x[1];
93
105
  // API call for suggestions through a custom hook
94
- var _y = (0, react_1.useState)('bottom'), dropdownPosition = _y[0], setDropdownPosition = _y[1];
95
106
  var inputRef = (0, react_1.useRef)(null);
96
107
  var dropRef = (0, react_1.useRef)(null);
97
108
  (0, react_1.useImperativeHandle)(ref, function () { return inputRef.current; });
109
+ var _y = (0, react_1.useState)({
110
+ top: 0,
111
+ left: 0,
112
+ width: 200,
113
+ }), dropdownStyle = _y[0], setDropdownStyle = _y[1];
98
114
  var adjustDropdownPosition = function () {
99
- if (inputRef.current && dropRef.current) {
100
- var inputBoxRect = inputRef.current.getBoundingClientRect();
101
- var viewportHeight = window.innerHeight;
102
- var spaceAbove = inputBoxRect.top;
103
- var spaceBelow = viewportHeight - inputBoxRect.bottom;
104
- if (spaceAbove > spaceBelow) {
105
- setDropdownPosition('top');
115
+ if (dropdownRef.current) {
116
+ var inputRect = dropdownRef.current.getBoundingClientRect();
117
+ var dropdownPosition = {
118
+ left: inputRect.left + window.scrollX,
119
+ width: inputRect.width,
120
+ top: 0,
121
+ };
122
+ // Check if there's enough space below the input for the dropdown
123
+ var spaceBelow = window.innerHeight - inputRect.bottom;
124
+ var dropdownHeight = 275; // Assume a fixed height or calculate based on content
125
+ if (spaceBelow >= dropdownHeight) {
126
+ dropdownPosition.top = inputRect.bottom + window.scrollY;
106
127
  }
107
128
  else {
108
- setDropdownPosition('bottom');
129
+ dropdownPosition.top =
130
+ inputRect.top +
131
+ window.scrollY -
132
+ dropdownHeight +
133
+ inputRect.height +
134
+ 20;
109
135
  }
136
+ setDropdownStyle(__assign({}, dropdownPosition));
110
137
  }
111
138
  };
112
139
  (0, react_1.useEffect)(function () {
@@ -116,6 +143,13 @@ var ExpandableAutoComplete = (0, react_1.forwardRef)(function (_a, ref) {
116
143
  window.removeEventListener('resize', adjustDropdownPosition);
117
144
  };
118
145
  }, [dropOpen]);
146
+ (0, react_1.useEffect)(function () {
147
+ window.addEventListener('resize', adjustDropdownPosition);
148
+ adjustDropdownPosition();
149
+ return function () {
150
+ window.removeEventListener('resize', adjustDropdownPosition);
151
+ };
152
+ }, []);
119
153
  var _z = (0, autosuggestions_1.useSuggestions)(getData, data, dropOpen, async, paginationEnabled, initialLoad, inputValue, isMultiple, setNextPage, selectedItems
120
154
  // nextBlock
121
155
  ), suggestions = _z.suggestions, isLoading = _z.isLoading, handlePickSuggestions = _z.handlePickSuggestions;
@@ -307,27 +341,30 @@ var ExpandableAutoComplete = (0, react_1.forwardRef)(function (_a, ref) {
307
341
  react_1.default.createElement(icons_1.Close, null))),
308
342
  react_1.default.createElement("button", { disabled: disabled || readOnly, type: "button", onClick: function () { return setDropOpen(!dropOpen); }, className: "icon-button", "aria-label": "toggle" },
309
343
  react_1.default.createElement(icons_1.DropArrow, null)))),
310
- dropOpen && (react_1.default.createElement("ul", { ref: dropRef, className: "qbs-autocomplete-suggestions ".concat(dropdownPosition) },
311
- type == 'auto_suggestion' && !expandable && (react_1.default.createElement("div", { style: { position: 'relative' }, className: "react-core-ts-search-container" },
312
- react_1.default.createElement("span", { className: "dropdown-search-icon" },
313
- react_1.default.createElement(icons_1.Search, null)),
314
- react_1.default.createElement("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Search" }))),
315
- react_1.default.createElement("div", { className: "qbs-autocomplete-suggestions-sub" },
316
- (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 ? (filteredData.map(function (suggestion, idx) { return (react_1.default.createElement("div", { key: idx.toString(), className: "qbs-autocomplete-listitem-container ".concat((isMultiple || singleSelect) &&
317
- 'qbs-autocomplete-checkbox-container', " ").concat(isSelected(suggestion, selected) ? 'is-selected' : '') },
318
- (isMultiple || singleSelect) && (react_1.default.createElement("div", { className: "qbs-autocomplete-checkbox" },
319
- react_1.default.createElement("input", { onChange: function (e) { return handleMultiSelect(e, suggestion); }, type: "checkbox", checked: isSelected(suggestion, selected), id: "qbs-checkbox-".concat(idx.toString()) }),
320
- react_1.default.createElement("label", { htmlFor: "qbs-checkbox-".concat(idx.toString()) },
321
- react_1.default.createElement("svg", { width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
322
- react_1.default.createElement("path", { d: "M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z", fill: "white" }))))),
323
- react_1.default.createElement("li", { key: idx, className: "qbs-autocomplete-suggestions-item ".concat(isSelected(suggestion, selected) ? 'is-selected' : ''), onClick: function () { return handleSuggestionClick(suggestion); }, "data-testid": suggestion[desc] }, suggestion[desc]))); })) : (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'center' } },
324
- react_1.default.createElement("span", null,
325
- react_1.default.createElement(icons_1.Spinner, null)))) : (react_1.default.createElement("li", { className: "qbs-autocomplete-notfound", onClick: handleBlur }, notDataMessage !== null && notDataMessage !== void 0 ? notDataMessage : 'No Results Found')))),
326
- paginationEnabled &&
327
- nextBlock !== 0 &&
328
- nextBlock !== undefined &&
329
- (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && (react_1.default.createElement("div", { className: "loadMoreSection", onClick: function () { return handleLoadMore(); } },
330
- react_1.default.createElement("p", { style: { margin: 2 } }, "Load More"))))))),
344
+ dropOpen &&
345
+ react_dom_1.default.createPortal(react_1.default.createElement("ul", { ref: dropRef, style: __assign(__assign({}, dropdownStyle), { minHeight: 192 }), className: "qbs-autocomplete-suggestions" },
346
+ type == 'auto_suggestion' && !expandable && (react_1.default.createElement("div", { style: { position: 'relative' }, className: "react-core-ts-search-container" },
347
+ react_1.default.createElement("span", { className: "dropdown-search-icon" },
348
+ react_1.default.createElement(icons_1.Search, null)),
349
+ react_1.default.createElement("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Search" }))),
350
+ react_1.default.createElement("div", { className: "qbs-autocomplete-suggestions-sub" },
351
+ (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 ? (filteredData.map(function (suggestion, idx) { return (react_1.default.createElement("div", { key: idx.toString(), className: "qbs-autocomplete-listitem-container ".concat((isMultiple || singleSelect) &&
352
+ 'qbs-autocomplete-checkbox-container', " ").concat(isSelected(suggestion, selected) ? 'is-selected' : '') },
353
+ (isMultiple || singleSelect) && (react_1.default.createElement("div", { className: "qbs-autocomplete-checkbox" },
354
+ react_1.default.createElement("input", { onChange: function (e) { return handleMultiSelect(e, suggestion); }, type: "checkbox", checked: isSelected(suggestion, selected), id: "qbs-checkbox-".concat(idx.toString()) }),
355
+ react_1.default.createElement("label", { htmlFor: "qbs-checkbox-".concat(idx.toString()) },
356
+ react_1.default.createElement("svg", { width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
357
+ react_1.default.createElement("path", { d: "M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z", fill: "white" }))))),
358
+ react_1.default.createElement("li", { key: idx, className: "qbs-autocomplete-suggestions-item ".concat(isSelected(suggestion, selected)
359
+ ? 'is-selected'
360
+ : ''), onClick: function () { return handleSuggestionClick(suggestion); }, "data-testid": suggestion[desc] }, suggestion[desc]))); })) : (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'center' } },
361
+ react_1.default.createElement("span", null,
362
+ react_1.default.createElement(icons_1.Spinner, null)))) : (react_1.default.createElement("li", { className: "qbs-autocomplete-notfound", onClick: handleBlur }, notDataMessage !== null && notDataMessage !== void 0 ? notDataMessage : 'No Results Found')))),
363
+ paginationEnabled &&
364
+ nextBlock !== 0 &&
365
+ nextBlock !== undefined &&
366
+ (filteredData === null || filteredData === void 0 ? void 0 : filteredData.length) > 0 && (react_1.default.createElement("div", { className: "loadMoreSection", onClick: function () { return handleLoadMore(); } },
367
+ react_1.default.createElement("p", { style: { margin: 2 } }, "Load More"))))), document.body)),
331
368
  errors && (react_1.default.createElement("div", { className: "text-error text-error-label mt-[1px]", "data-testid": "autocomplete-error" }, errors.message))));
332
369
  });
333
370
  exports.default = react_1.default.memo(ExpandableAutoComplete);
package/dist/ExpandableAutoComplete.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandableAutoComplete.js","sourceRoot":"","sources":["../src/ExpandableAutoComplete.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ExpandableAutoComplete.js","sourceRoot":"","sources":["../src/ExpandableAutoComplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyG;AACzG,wDAAiC;AAGjC,+DAA6D;AAC7D,iDAAgD;AAChD,mDAAkD;AAClD,sFAAoE;AACpE,mEAAkE;AAClE,2CAAsE;AAKtE,IAAM,sBAAsB,GAAG,IAAA,kBAAU,EAIvC,UACE,EAgCC,EACD,GAAG;QAhCD,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAwB,EAAxB,OAAO,mBAAG;QAAY,sBAAA,EAAE,EAAA;aAAA,KAAA,EACxB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,MAAM,YAAA,EACN,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,IAAI,UAAA,EACJ,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,WAAW,iBAAA,EACX,EAAE,QAAA,EACF,YAAsB,EAAtB,IAAI,mBAAG,eAAe,KAAA,EACtB,qBAAsC,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACtC,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,iBAAiB,uBAAA,EACjB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;IAIf,IAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACjD,sBAAsB;IAChB,IAAA,KAAwC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArD,eAAe,QAAA,EAAE,kBAAkB,QAAkB,CAAC;IAEvD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,KAAK,CAAC,EAApD,UAAU,QAAA,EAAE,aAAa,QAA2B,CAAC;IACtD,IAAA,KAAgC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IACrD,IAAA,KAA0B,IAAA,gBAAQ,EAAqB,CAAC,CAAC,EAAxD,QAAQ,QAAA,EAAE,WAAW,QAAmC,CAAC;IAC1D,IAAA,KAA0B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAC;IACnD,IAAA,KAAoC,IAAA,gBAAQ,EAAe,EAAE,CAAC,EAA7D,aAAa,QAAA,EAAE,gBAAgB,QAA8B,CAAC;IACrE,iDAAiD;IACjD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC7B,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,QAAQ,CAAC,OAAO,EAAhB,CAAgB,CAAC,CAAC;IAC3C,IAAA,KAAoC,IAAA,gBAAQ,EAAC;QACjD,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG;KACX,CAAC,EAJK,aAAa,QAAA,EAAE,gBAAgB,QAIpC,CAAC;IAEH,IAAM,sBAAsB,GAAG;QAC7B,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,IAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC9D,IAAM,gBAAgB,GAAG;gBACvB,IAAI,EAAE,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;gBACrC,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,GAAG,EAAE,CAAC;aACP,CAAC;YACF,iEAAiE;YACjE,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC;YACzD,IAAM,cAAc,GAAG,GAAG,CAAC,CAAC,sDAAsD;YAElF,IAAI,UAAU,IAAI,cAAc,EAAE;gBAChC,gBAAgB,CAAC,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;aAC1D;iBAAM;gBACL,gBAAgB,CAAC,GAAG;oBAClB,SAAS,CAAC,GAAG;wBACb,MAAM,CAAC,OAAO;wBACd,cAAc;wBACd,SAAS,CAAC,MAAM;wBAChB,EAAE,CAAC;aACN;YAED,gBAAgB,cACX,gBAAgB,EACnB,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC1D,sBAAsB,EAAE,CAAC;QAEzB,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC1D,sBAAsB,EAAE,CAAC;QAEzB,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC/D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAoD,IAAA,gCAAc,EACtE,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa;IACb,YAAY;KACb,EAZO,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,qBAAqB,2BAYpD,CAAC;IAEF,yCAAyC;IACzC,IAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,UAAC,UAAsB;QAC/D,IAAI,UAAU,EAAE;YACd,gBAAgB,CAAC,UAAC,IAAI,IAAK,uCAAI,IAAI,UAAE,UAAU,WAApB,CAAqB,CAAC,CAAC;SACnD;aAAM;YACL,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;SACjC;QACD,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAChC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,+DAA+D;IAC/D,IAAM,wBAAwB,GAAG,IAAA,mBAAQ,EAAC,UAAC,KAAK;QAC9C,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,iBAAiB,CAAC,IAAI,KAAK,EAAE;YACrE,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,IAAM,iBAAiB,GAAG,UAAC,CAAM,EAAE,UAAsB;QAC/C,IAAA,OAAO,GAAK,CAAC,CAAC,MAAM,QAAb,CAAc;QAC7B,IAAI,UAAU,EAAE;YACd,IAAI,OAAO,EAAE;gBACX,gBAAgB,CAAC,UAAC,IAAI,IAAK,uCAAI,IAAI,UAAE,UAAU,WAApB,CAAqB,CAAC,CAAC;aACnD;iBAAM;gBACL,gBAAgB,CAAC,UAAC,IAAI;oBACpB,OAAO,IAAI,CAAC,MAAM,CAChB,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC,EAAnC,CAAmC,CACjD,CAAC;gBACJ,CAAC,CAAC,CAAC;aACJ;SACF;aAAM;YACL,IAAI,OAAO,EAAE;gBACX,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;gBAChC,QAAQ,CAAC,UAAU,CAAC,CAAC;aACtB;iBAAM;gBACL,aAAa,CAAC,EAAE,CAAC,CAAC;aACnB;SACF;IACH,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,IAAA,qBAAS,EAAC,aAAa,EAAE,kBAAkB,CAAC;YAC/C,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACzB,8DAA8D;IAC9D,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,KAAK,GAAK,CAAC,CAAC,MAAM,MAAb,CAAc;QAC3B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,wBAAwB,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,EAAE;YACV,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,0CAA0C;SAC3C;IACH,CAAC,CAAC;IACF,IAAM,sBAAsB,GAAG,UAAC,CAAsC;QAC5D,IAAA,KAAK,GAAK,CAAC,CAAC,MAAM,MAAb,CAAc;QAC3B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,UAAU,CAAC;YACT,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;;QAClB,IAAI,WAAW,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,WAAW,CAAC,KAAK,CAAC,CAAC;SACpB;aAAM;YACL,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,QAAQ,WAAG,GAAC,MAAM,IAAG,EAAE,EAAE,GAAC,IAAI,IAAG,EAAE,MAAG,CAAC;YACvC,WAAW,CAAC,KAAK,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC;QACpC,OAAO,gCAAyB,SAAS,cACvC,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,cACzD,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IACnB,IAAM,wBAAwB,GAAG,UAAC,KAAa;QAC7C,gBAAgB,CAAC,UAAC,IAAI;YACpB,OAAO,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,EAAE;YACnB,kBAAkB,CAAC,KAAK,CAAC,CAAC;SAC3B;aAAM;YACL,QAAQ,CAAC,aAAa,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAuB;YACjD,IACE,WAAW,CAAC,OAAO;gBACnB,KAAK,CAAC,MAAM,YAAY,IAAI;gBAC5B,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAC3C;gBACA,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,cAAc,CAAC,EAAE,CAAC,CAAC;aACpB;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAyB,CAAC,CAAC;QAClE,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAyB,CAAC,CAAC;QACvE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uDAAuD;IACvD,IAAM,QAAQ,GAAQ,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9D,IAAM,YAAY,GAAiB,IAAA,qCAAiB,EAClD,WAAW,EACX,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,CACN,CAAC;IACF,IAAM,UAAU,GAAG,UACjB,IAAgB,EAChB,aAAoC;QAEpC,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YAChC,OAAO,aAAa,CAAC,IAAI,CACvB,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAjC,CAAiC,CACpD,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,aAAa,CAAC;SACrC;IACH,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,IAAI,iBAAiB,EAAE;YACrB,qBAAqB,CAAC,WAAW,EAAE,QAAQ,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;YACvD,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;QACpB,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,CAAC,CAAC;IACF,IAAM,YAAY,GAAG;QACnB,IAAI,QAAQ,CAAC,OAAO;YAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;IACF,IAAM,cAAc,GAClB,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,SAAS;QAC/B,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CACT,KAAK,CAAC,SAAS,EAChB,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,CAAC,EAAV,CAAU,EACxB,IAAI,CAAC,IAAI,CAAC;QACf,CAAC,CAAC,EAAE,CAAC;IACT,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,EAAE,WAAW;QACpE,KAAK,IAAI,CACR,uCACE,KAAK,EAAE;gBACL,YAAY,EAAE,CAAC;gBACf,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,eAAe;aAChC;YAED,yCAAO,SAAS,EAAE,mBAAmB;gBAClC,KAAK;gBACL,QAAQ,IAAI,wCAAM,SAAS,EAAC,YAAY,SAAU,CAC7C;YACR,wCAAM,OAAO,EAAE,cAAM,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,EAAhB,CAAgB,EAAE,SAAS,EAAE,cAAc,IAC7D,WAAW,CACP,CACH,CACP;QAGD,uCACE,SAAS,EAAE,UACT,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,eAAe,CACzD,EACF,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;YAE9B,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,IAAI,CAC5B;gBACG,aAAa;qBACX,KAAK,CACJ,CAAC,EACD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,SAAS;oBAC/B,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAC1B;qBACA,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;;oBAAK,OAAA,CACpB;wBACE,uCAAK,SAAS,EAAC,0BAA0B;4BACvC,8BAAC,4BAAO,IACN,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,EACnB,OAAO,EAAE,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,0CAAE,MAAM,IAAG,SAAS;gCAEzC,uCAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAC,eAAe;oCACzC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,0CAAE,MAAM,IAAG,SAAS;wCAC/B,CAAC,CAAC,UAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,EAAE,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,QAAK;wCAC9C,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC;oCAEhB,0CACE,OAAO,EAAE,cAAM,OAAA,wBAAwB,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAC9C,SAAS,EAAC,iBAAiB,gBACf,iBAAU,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,CAAE,QAG7B,CACL,CACE,CACN,CACL,CACJ,CAAA;iBAAA,CAAC;gBACH,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,SAAS,IAAI,CACpC,uCAAK,SAAS,EAAC,0BAA0B;oBACvC,8BAAC,4BAAO,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI;wBAC3C,uCAAK,SAAS,EAAC,oBAAoB;;4BAC/B,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,SAAS;oCAC/B,CACE,CACN,CACP,CACA,CACJ;YAED,uCACE,SAAS,EAAE,mCACT,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAC/B,gBAEA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,IAAI,WAAW;oBACtC,CAAC,CAAC,WAAW;oBACb,CAAC,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAEvB,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc;gBAE7B,yCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EACH,IAAI,KAAK,iBAAiB,IAAI,CAAC,UAAU;wBACvC,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,WAAW,IAAI,UAAU,EAE/B,QAAQ,EAAE,YAAY;oBACtB,sBAAsB;oBACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,EAAf,CAAe,EAC9B,SAAS,EAAE,iBAAiB,EAAE,EAC9B,WAAW,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,EAC/D,QAAQ,EACN,QAAQ;wBACR,IAAI,KAAK,eAAe;wBACxB,CAAC,IAAI,IAAI,iBAAiB,IAAI,CAAC,UAAU,CAAC,EAE5C,QAAQ,EAAE,QAAQ,iBACN,qBAAqB,GACjC,CACE;YAGL,CAAC,UAAU,IAAI,CACd,uCAAK,SAAS,EAAC,6BAA6B;gBACzC,CAAC,UAAU,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACxD,0CACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,aAAa,gBACZ,OAAO;oBAElB,8BAAC,aAAK,OAAG,CACF,CACV;gBAED,0CACE,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAtB,CAAsB,EACrC,SAAS,EAAC,aAAa,gBACZ,QAAQ;oBAEnB,8BAAC,iBAAS,OAAG,CACN,CACL,CACP;YAMA,QAAQ;gBACP,mBAAQ,CAAC,YAAY,CACnB,sCACE,GAAG,EAAE,OAAO,EACZ,KAAK,wBAAO,aAAa,KAAE,SAAS,EAAE,GAAG,KACzC,SAAS,EAAE,8BAA8B;oBAExC,IAAI,IAAI,iBAAiB,IAAI,CAAC,UAAU,IAAI,CAC3C,uCACE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC/B,SAAS,EAAC,gCAAgC;wBAE1C,wCAAM,SAAS,EAAC,sBAAsB;4BACpC,8BAAC,cAAM,OAAG,CACL;wBACP,yCACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,WAAW,EAClB,WAAW,EAAC,QAAQ,GACpB,CACE,CACP;oBAED,uCAAK,SAAS,EAAC,kCAAkC;wBAW9C,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,YAAY,CAAC,GAAG,CAAC,UAAC,UAAsB,EAAE,GAAW,IAAK,OAAA,CACxD,uCACE,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,EACnB,SAAS,EAAE,8CACT,CAAC,UAAU,IAAI,YAAY,CAAC;gCAC5B,qCAAqC,cAErC,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CACrD;4BAED,CAAC,UAAU,IAAI,YAAY,CAAC,IAAI,CAC/B,uCAAK,SAAS,EAAC,2BAA2B;gCACxC,yCACE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,iBAAiB,CAAC,CAAC,EAAE,UAAU,CAAC,EAAhC,CAAgC,EACjD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,EACzC,EAAE,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE,GACpC;gCACF,yCAAO,OAAO,EAAE,uBAAgB,GAAG,CAAC,QAAQ,EAAE,CAAE;oCAC9C,uCACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;wCAElC,wCACE,CAAC,EAAC,qFAAqF,EACvF,IAAI,EAAC,OAAO,GACZ,CACE,CACA,CACJ,CACP;4BACD,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,4CACT,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC;oCAC9B,CAAC,CAAC,aAAa;oCACf,CAAC,CAAC,EAAE,CACN,EACF,OAAO,EAAE,cAAM,OAAA,qBAAqB,CAAC,UAAU,CAAC,EAAjC,CAAiC,iBACnC,UAAU,CAAC,IAAI,CAAC,IAE5B,UAAU,CAAC,IAAI,CAAC,CACd,CACD,CACP,EA/CyD,CA+CzD,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8DACG,SAAS,CAAC,CAAC,CAAC,CACX,uCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE;4BAEpD;gCACE,8BAAC,eAAO,OAAG,CACN,CACH,CACP,CAAC,CAAC,CAAC,CACF,sCACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,UAAU,IAElB,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,kBAAkB,CAClC,CACN,CACA,CACJ;wBACA,iBAAiB;4BAChB,SAAS,KAAK,CAAC;4BACf,SAAS,KAAK,SAAS;4BACvB,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,uCACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB;4BAE/B,qCAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,gBAAe,CAClC,CACP,CACC,CACH,EACL,QAAQ,CAAC,IAAI,CACd,CACC;QAGL,MAAM,IAAI,CACT,uCACE,SAAS,EAAC,sCAAsC,iBACpC,oBAAoB,IAE/B,MAAM,CAAC,OAAO,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC"}
package/dist/styles/styles/components/autocomplete.css CHANGED
@@ -205,7 +205,7 @@ body * {
205
205
  overflow: hidden;
206
206
  }
207
207
  .qbs-expandable-container .qbs-textfield-expandable::after {
208
- content: attr(data-value) " ";
208
+ content: attr(data-value) ' ';
209
209
  visibility: hidden;
210
210
  white-space: pre;
211
211
  grid-area: 1 / 2;
@@ -218,7 +218,7 @@ body * {
218
218
  }
219
219
  .qbs-expandable-container .qbs-textfield-expandable input {
220
220
  opacity: 1;
221
- width: 100%;
221
+ width: auto;
222
222
  grid-area: 1 / 2;
223
223
  min-width: 10px;
224
224
  border: 0px;
@@ -522,7 +522,8 @@ span.dropdown-search-icon {
522
522
  cursor: pointer;
523
523
  }
524
524
 
525
- .qbs-table-tooltip .tooltiptext, .tooltiptext {
525
+ .qbs-table-tooltip .tooltiptext,
526
+ .tooltiptext {
526
527
  visibility: hidden;
527
528
  background-color: #000;
528
529
  color: #fff;
@@ -556,21 +557,24 @@ span.dropdown-search-icon {
556
557
  opacity: 1;
557
558
  }
558
559
 
559
- .qbs-table-tooltip .tooltiptext::after, .tooltiptext::after {
560
- content: "";
560
+ .qbs-table-tooltip .tooltiptext::after,
561
+ .tooltiptext::after {
562
+ content: '';
561
563
  position: absolute;
562
564
  border-width: 5px;
563
565
  border-style: solid;
564
566
  }
565
567
 
566
- .qbs-table-tooltip.up .tooltiptext::after, .up.tooltiptext::after {
568
+ .qbs-table-tooltip.up .tooltiptext::after,
569
+ .up.tooltiptext::after {
567
570
  top: 100%;
568
571
  left: 50%;
569
572
  margin-left: -5px;
570
573
  border-color: #000 transparent transparent transparent;
571
574
  }
572
575
 
573
- .qbs-table-tooltip.down .tooltiptext::after, .down.tooltiptext::after {
576
+ .qbs-table-tooltip.down .tooltiptext::after,
577
+ .down.tooltiptext::after {
574
578
  bottom: 100%;
575
579
  left: 50%;
576
580
  margin-left: -5px;
package/docs/App.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useState } from 'react';
2
2
 
3
- import {AutoComplete, ExpandableAutoComplete} from '../src/index';
3
+ import { AutoComplete, ExpandableAutoComplete } from '../src/index';
4
4
 
5
5
  import '../src/styles/global.css';
6
6
 
@@ -51,6 +51,35 @@ export default function App() {
51
51
  maxWidth: 700,
52
52
  }}
53
53
  >
54
+ <div className="autocomplete-section">
55
+ <h2>Expandable Auto Suggestion</h2>
56
+ <p>
57
+ As you type, suggestions will appear based on your input, aiding
58
+ in quicker and potentially more accurate data entry. This mode
59
+ supports both listed and non-listed input, providing flexibility
60
+ in user input while still offering assistance.
61
+ </p>
62
+ </div>
63
+ <div style={{ width: 300 }}>
64
+ <ExpandableAutoComplete
65
+ label="Auto Suggestion"
66
+ name="sample"
67
+ type="auto_suggestion"
68
+ // async
69
+ desc="name"
70
+ isMultiple
71
+ expandable={true}
72
+ descId="id"
73
+ paginationEnabled={false}
74
+ initialLoad={true}
75
+ itemCount={5}
76
+ // nextBlock={nexBlock}
77
+ placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
78
+ selectedItems={[{ name: 'test', id: '1' }]}
79
+ getData={getData}
80
+ onChange={(e) => console.log(e, 'onchange')}
81
+ />
82
+ </div>
54
83
  <div className="autocomplete-section">
55
84
  <h2>Custom Select</h2>
56
85
  <p>
@@ -231,7 +260,7 @@ export default function App() {
231
260
  initialLoad={true}
232
261
  itemCount={5}
233
262
  // nextBlock={nexBlock}
234
- placeholder="Auto Suggestion"
263
+ placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
235
264
  selectedItems={[{ name: 'test', id: '1' }]}
236
265
  getData={getData}
237
266
  onChange={(e) => console.log(e, 'onchange')}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-core-ts",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "description": "React Components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/ExpandableAutoComplete.tsx CHANGED
@@ -1,11 +1,5 @@
1
- import React, {
2
- forwardRef,
3
- useCallback,
4
- useEffect,
5
- useImperativeHandle,
6
- useRef,
7
- useState,
8
- } from 'react';
1
+ import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
2
+ import ReactDOM from 'react-dom';
9
3
 
10
4
  import { AutoSuggestionInputProps } from './commontypes';
11
5
  import { useSuggestions } from './utilities/autosuggestions';
@@ -68,23 +62,41 @@ const ExpandableAutoComplete = forwardRef<
68
62
  const [dropOpen, setDropOpen] = useState<boolean>(false);
69
63
  const [selectedItems, setSelectedItems] = useState<ValueProps[]>([]);
70
64
  // API call for suggestions through a custom hook
71
- const [dropdownPosition, setDropdownPosition] = useState('bottom');
72
65
  const inputRef = useRef(null);
73
66
  const dropRef = useRef(null);
74
67
  useImperativeHandle(ref, () => inputRef.current);
68
+ const [dropdownStyle, setDropdownStyle] = useState({
69
+ top: 0,
70
+ left: 0,
71
+ width: 200,
72
+ });
75
73
 
76
74
  const adjustDropdownPosition = () => {
77
- if (inputRef.current && dropRef.current) {
78
- const inputBoxRect = inputRef.current.getBoundingClientRect();
79
- const viewportHeight = window.innerHeight;
80
-
81
- const spaceAbove = inputBoxRect.top;
82
- const spaceBelow = viewportHeight - inputBoxRect.bottom;
83
- if (spaceAbove > spaceBelow) {
84
- setDropdownPosition('top');
75
+ if (dropdownRef.current) {
76
+ const inputRect = dropdownRef.current.getBoundingClientRect();
77
+ const dropdownPosition = {
78
+ left: inputRect.left + window.scrollX,
79
+ width: inputRect.width,
80
+ top: 0,
81
+ };
82
+ // Check if there's enough space below the input for the dropdown
83
+ const spaceBelow = window.innerHeight - inputRect.bottom;
84
+ const dropdownHeight = 275; // Assume a fixed height or calculate based on content
85
+
86
+ if (spaceBelow >= dropdownHeight) {
87
+ dropdownPosition.top = inputRect.bottom + window.scrollY;
85
88
  } else {
86
- setDropdownPosition('bottom');
89
+ dropdownPosition.top =
90
+ inputRect.top +
91
+ window.scrollY -
92
+ dropdownHeight +
93
+ inputRect.height +
94
+ 20;
87
95
  }
96
+
97
+ setDropdownStyle({
98
+ ...dropdownPosition,
99
+ });
88
100
  }
89
101
  };
90
102
 
@@ -97,6 +109,15 @@ const ExpandableAutoComplete = forwardRef<
97
109
  };
98
110
  }, [dropOpen]);
99
111
 
112
+ useEffect(() => {
113
+ window.addEventListener('resize', adjustDropdownPosition);
114
+ adjustDropdownPosition();
115
+
116
+ return () => {
117
+ window.removeEventListener('resize', adjustDropdownPosition);
118
+ };
119
+ }, []);
120
+
100
121
  const { suggestions, isLoading, handlePickSuggestions } = useSuggestions(
101
122
  getData,
102
123
  data,
@@ -275,7 +296,6 @@ const ExpandableAutoComplete = forwardRef<
275
296
  .map((item) => item[desc])
276
297
  .join(', ')
277
298
  : '';
278
-
279
299
  return (
280
300
  <div className={fullWidth ? 'fullWidth' : 'autoWidth'} ref={dropdownRef}>
281
301
  {label && (
@@ -412,31 +432,34 @@ const ExpandableAutoComplete = forwardRef<
412
432
  {/* Displaying Loading Spinner */}
413
433
 
414
434
  {/* Suggestions Dropdown */}
415
- {dropOpen && (
416
- <ul
417
- ref={dropRef}
418
- className={`qbs-autocomplete-suggestions ${dropdownPosition}`}
419
- >
420
- {type == 'auto_suggestion' && !expandable && (
421
- <div
422
- style={{ position: 'relative' }}
423
- className="react-core-ts-search-container"
424
- >
425
- <span className="dropdown-search-icon">
426
- <Search />
427
- </span>
428
- <input
429
- className="dropdown-search-input"
430
- onChange={handleSuggestionChange}
431
- value={searchValue}
432
- placeholder="Search"
433
- />
434
- </div>
435
- )}
436
435
 
437
- <div className="qbs-autocomplete-suggestions-sub">
438
- {/* Displaying Suggestions or Not Found Message */}
439
- {/* {isLoading && (
436
+ {dropOpen &&
437
+ ReactDOM.createPortal(
438
+ <ul
439
+ ref={dropRef}
440
+ style={{ ...dropdownStyle, minHeight: 192 }}
441
+ className={`qbs-autocomplete-suggestions`}
442
+ >
443
+ {type == 'auto_suggestion' && !expandable && (
444
+ <div
445
+ style={{ position: 'relative' }}
446
+ className="react-core-ts-search-container"
447
+ >
448
+ <span className="dropdown-search-icon">
449
+ <Search />
450
+ </span>
451
+ <input
452
+ className="dropdown-search-input"
453
+ onChange={handleSuggestionChange}
454
+ value={searchValue}
455
+ placeholder="Search"
456
+ />
457
+ </div>
458
+ )}
459
+
460
+ <div className="qbs-autocomplete-suggestions-sub">
461
+ {/* Displaying Suggestions or Not Found Message */}
462
+ {/* {isLoading && (
440
463
  <div style={{ display: 'flex', justifyContent: 'center' }}>
441
464
  <span>
442
465
  <Spinner />
@@ -445,87 +468,90 @@ const ExpandableAutoComplete = forwardRef<
445
468
 
446
469
  {/* )} */}
447
470
 
448
- {filteredData?.length > 0 ? (
449
- filteredData.map((suggestion: ValueProps, idx: number) => (
450
- <div
451
- key={idx.toString()}
452
- className={`qbs-autocomplete-listitem-container ${
453
- (isMultiple || singleSelect) &&
454
- 'qbs-autocomplete-checkbox-container'
455
- } ${
456
- isSelected(suggestion, selected) ? 'is-selected' : ''
457
- }`}
458
- >
459
- {(isMultiple || singleSelect) && (
460
- <div className="qbs-autocomplete-checkbox">
461
- <input
462
- onChange={(e) => handleMultiSelect(e, suggestion)}
463
- type="checkbox"
464
- checked={isSelected(suggestion, selected)}
465
- id={`qbs-checkbox-${idx.toString()}`}
466
- />
467
- <label htmlFor={`qbs-checkbox-${idx.toString()}`}>
468
- <svg
469
- width="8"
470
- height="6"
471
- viewBox="0 0 8 6"
472
- fill="none"
473
- xmlns="http://www.w3.org/2000/svg"
474
- >
475
- <path
476
- d="M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z"
477
- fill="white"
478
- />
479
- </svg>
480
- </label>
481
- </div>
482
- )}
483
- <li
484
- key={idx}
485
- className={`qbs-autocomplete-suggestions-item ${
471
+ {filteredData?.length > 0 ? (
472
+ filteredData.map((suggestion: ValueProps, idx: number) => (
473
+ <div
474
+ key={idx.toString()}
475
+ className={`qbs-autocomplete-listitem-container ${
476
+ (isMultiple || singleSelect) &&
477
+ 'qbs-autocomplete-checkbox-container'
478
+ } ${
486
479
  isSelected(suggestion, selected) ? 'is-selected' : ''
487
480
  }`}
488
- onClick={() => handleSuggestionClick(suggestion)}
489
- data-testid={suggestion[desc]}
490
481
  >
491
- {suggestion[desc]}
492
- </li>
493
- </div>
494
- ))
495
- ) : (
496
- <>
497
- {isLoading ? (
482
+ {(isMultiple || singleSelect) && (
483
+ <div className="qbs-autocomplete-checkbox">
484
+ <input
485
+ onChange={(e) => handleMultiSelect(e, suggestion)}
486
+ type="checkbox"
487
+ checked={isSelected(suggestion, selected)}
488
+ id={`qbs-checkbox-${idx.toString()}`}
489
+ />
490
+ <label htmlFor={`qbs-checkbox-${idx.toString()}`}>
491
+ <svg
492
+ width="8"
493
+ height="6"
494
+ viewBox="0 0 8 6"
495
+ fill="none"
496
+ xmlns="http://www.w3.org/2000/svg"
497
+ >
498
+ <path
499
+ d="M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z"
500
+ fill="white"
501
+ />
502
+ </svg>
503
+ </label>
504
+ </div>
505
+ )}
506
+ <li
507
+ key={idx}
508
+ className={`qbs-autocomplete-suggestions-item ${
509
+ isSelected(suggestion, selected)
510
+ ? 'is-selected'
511
+ : ''
512
+ }`}
513
+ onClick={() => handleSuggestionClick(suggestion)}
514
+ data-testid={suggestion[desc]}
515
+ >
516
+ {suggestion[desc]}
517
+ </li>
518
+ </div>
519
+ ))
520
+ ) : (
521
+ <>
522
+ {isLoading ? (
523
+ <div
524
+ style={{ display: 'flex', justifyContent: 'center' }}
525
+ >
526
+ <span>
527
+ <Spinner />
528
+ </span>
529
+ </div>
530
+ ) : (
531
+ <li
532
+ className="qbs-autocomplete-notfound"
533
+ onClick={handleBlur}
534
+ >
535
+ {notDataMessage ?? 'No Results Found'}
536
+ </li>
537
+ )}
538
+ </>
539
+ )}
540
+ {paginationEnabled &&
541
+ nextBlock !== 0 &&
542
+ nextBlock !== undefined &&
543
+ filteredData?.length > 0 && (
498
544
  <div
499
- style={{ display: 'flex', justifyContent: 'center' }}
545
+ className="loadMoreSection"
546
+ onClick={() => handleLoadMore()}
500
547
  >
501
- <span>
502
- <Spinner />
503
- </span>
548
+ <p style={{ margin: 2 }}>Load More</p>
504
549
  </div>
505
- ) : (
506
- <li
507
- className="qbs-autocomplete-notfound"
508
- onClick={handleBlur}
509
- >
510
- {notDataMessage ?? 'No Results Found'}
511
- </li>
512
550
  )}
513
- </>
514
- )}
515
- {paginationEnabled &&
516
- nextBlock !== 0 &&
517
- nextBlock !== undefined &&
518
- filteredData?.length > 0 && (
519
- <div
520
- className="loadMoreSection"
521
- onClick={() => handleLoadMore()}
522
- >
523
- <p style={{ margin: 2 }}>Load More</p>
524
- </div>
525
- )}
526
- </div>
527
- </ul>
528
- )}
551
+ </div>
552
+ </ul>,
553
+ document.body
554
+ )}
529
555
  </div>
530
556
 
531
557
  {/* Displaying Validation Error */}
package/src/styles/components/autocomplete.css CHANGED
@@ -205,7 +205,7 @@ body * {
205
205
  overflow: hidden;
206
206
  }
207
207
  .qbs-expandable-container .qbs-textfield-expandable::after {
208
- content: attr(data-value) " ";
208
+ content: attr(data-value) ' ';
209
209
  visibility: hidden;
210
210
  white-space: pre;
211
211
  grid-area: 1 / 2;
@@ -218,7 +218,7 @@ body * {
218
218
  }
219
219
  .qbs-expandable-container .qbs-textfield-expandable input {
220
220
  opacity: 1;
221
- width: 100%;
221
+ width: auto;
222
222
  grid-area: 1 / 2;
223
223
  min-width: 10px;
224
224
  border: 0px;
@@ -522,7 +522,8 @@ span.dropdown-search-icon {
522
522
  cursor: pointer;
523
523
  }
524
524
 
525
- .qbs-table-tooltip .tooltiptext, .tooltiptext {
525
+ .qbs-table-tooltip .tooltiptext,
526
+ .tooltiptext {
526
527
  visibility: hidden;
527
528
  background-color: #000;
528
529
  color: #fff;
@@ -556,21 +557,24 @@ span.dropdown-search-icon {
556
557
  opacity: 1;
557
558
  }
558
559
 
559
- .qbs-table-tooltip .tooltiptext::after, .tooltiptext::after {
560
- content: "";
560
+ .qbs-table-tooltip .tooltiptext::after,
561
+ .tooltiptext::after {
562
+ content: '';
561
563
  position: absolute;
562
564
  border-width: 5px;
563
565
  border-style: solid;
564
566
  }
565
567
 
566
- .qbs-table-tooltip.up .tooltiptext::after, .up.tooltiptext::after {
568
+ .qbs-table-tooltip.up .tooltiptext::after,
569
+ .up.tooltiptext::after {
567
570
  top: 100%;
568
571
  left: 50%;
569
572
  margin-left: -5px;
570
573
  border-color: #000 transparent transparent transparent;
571
574
  }
572
575
 
573
- .qbs-table-tooltip.down .tooltiptext::after, .down.tooltiptext::after {
576
+ .qbs-table-tooltip.down .tooltiptext::after,
577
+ .down.tooltiptext::after {
574
578
  bottom: 100%;
575
579
  left: 50%;
576
580
  margin-left: -5px;