react-core-ts 1.0.14 → 1.0.16

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 (9) hide show
  1. package/dist/ExpandableAutoComplete.js +10 -8
  2. package/dist/ExpandableAutoComplete.js.map +1 -1
  3. package/dist/styles/components/autocomplete.css +11 -7
  4. package/docs/App.tsx +221 -221
  5. package/package.json +1 -1
  6. package/src/ExpandableAutoComplete.tsx +26 -22
  7. package/webpack.config.js +1 -1
  8. package/dist/styles/styles/components/autocomplete.css +0 -582
  9. package/dist/styles/styles/global.css +0 -1
package/dist/ExpandableAutoComplete.js CHANGED
@@ -255,12 +255,15 @@ var ExpandableAutoComplete = (0, react_1.forwardRef)(function (_a, ref) {
255
255
  };
256
256
  document.addEventListener('mousedown', handleClickOutside);
257
257
  window.addEventListener('scroll', handleClickOutside);
258
+ var scrollableDivs = document.querySelectorAll('div[style*="overflow"]');
259
+ scrollableDivs.forEach(function (div) { return div.addEventListener('scroll', handleClickOutside); });
258
260
  if (scrollRef && scrollRef.current && scrollRef.current !== null) {
259
261
  scrollRef.current.addEventListener('scroll', handleClickOutside);
260
262
  }
261
263
  return function () {
262
264
  document.removeEventListener('mousedown', handleClickOutside);
263
265
  window.removeEventListener('scroll', handleClickOutside);
266
+ scrollableDivs.forEach(function (div) { return div.removeEventListener('scroll', handleClickOutside); });
264
267
  if (scrollRef && scrollRef.current && scrollRef.current !== null) {
265
268
  scrollRef.current.removeEventListener('scroll', handleClickOutside);
266
269
  }
@@ -312,14 +315,13 @@ var ExpandableAutoComplete = (0, react_1.forwardRef)(function (_a, ref) {
312
315
  : selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length)
313
316
  .map(function (item, index) {
314
317
  var _a, _b;
315
- return (react_1.default.createElement(react_1.default.Fragment, null,
316
- react_1.default.createElement("div", { className: "selected-items-container" },
317
- react_1.default.createElement(expandableTootltip_1.default, { title: item === null || item === void 0 ? void 0 : item[desc], enabled: ((_a = item === null || item === void 0 ? void 0 : item[desc]) === null || _a === void 0 ? void 0 : _a.length) > textCount },
318
- react_1.default.createElement("div", { key: item.id, className: "selected-item" },
319
- ((_b = item === null || item === void 0 ? void 0 : item[desc]) === null || _b === void 0 ? void 0 : _b.length) > textCount
320
- ? "".concat(item === null || item === void 0 ? void 0 : item[desc].substring(0, textCount), "...")
321
- : item === null || item === void 0 ? void 0 : item[desc],
322
- react_1.default.createElement("button", { onClick: function () { return handleRemoveSelectedItem(index); }, className: "remove-item-btn", "aria-label": "Remove ".concat(item === null || item === void 0 ? void 0 : item[desc]) }, "X"))))));
318
+ return (react_1.default.createElement("div", { className: "selected-items-container" },
319
+ react_1.default.createElement(expandableTootltip_1.default, { title: item === null || item === void 0 ? void 0 : item[desc], enabled: ((_a = item === null || item === void 0 ? void 0 : item[desc]) === null || _a === void 0 ? void 0 : _a.length) > textCount },
320
+ react_1.default.createElement("div", { key: item.id, className: "selected-item" },
321
+ ((_b = item === null || item === void 0 ? void 0 : item[desc]) === null || _b === void 0 ? void 0 : _b.length) > textCount
322
+ ? "".concat(item === null || item === void 0 ? void 0 : item[desc].substring(0, textCount), "...")
323
+ : item === null || item === void 0 ? void 0 : item[desc],
324
+ react_1.default.createElement("button", { onClick: function () { return handleRemoveSelectedItem(index); }, className: "remove-item-btn", "aria-label": "Remove ".concat(item === null || item === void 0 ? void 0 : item[desc]) }, "X")))));
323
325
  }),
324
326
  (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > itemCount && (react_1.default.createElement("div", { className: "selected-items-container" },
325
327
  react_1.default.createElement(expandableTootltip_1.default, { title: tooltipContent, enabled: true },
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":"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"}
package/dist/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
@@ -41,231 +41,231 @@ export default function App() {
41
41
  };
42
42
  return (
43
43
  <React.Fragment>
44
- <div>
45
- <div
46
- style={{
47
- display: 'flex',
48
- flexDirection: 'column',
49
- gap: 20,
50
- padding: 20,
51
- maxWidth: 700,
52
- }}
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>
83
- <div className="autocomplete-section">
84
- <h2>Custom Select</h2>
85
- <p>
86
- Select an option from a predefined static list. Ideal for a
87
- scenario when the available options are limited and known.
88
- </p>
89
- </div>
90
- <div style={{ width: 300 }}>
91
- <AutoComplete
92
- label="Custom Select"
93
- name="sample"
94
- placeholder="Custom Select"
95
- desc="name"
96
- descId="id"
97
- type="custom_select"
98
- data={[
99
- { name: 'test', id: '1' },
100
- { name: 'test1', id: '2' },
44
+ <div
45
+ style={{
46
+ display: 'flex',
47
+ flexDirection: 'column',
48
+ gap: 20,
49
+ padding: 20,
50
+ maxWidth: 700,
51
+ height: 500,
52
+ overflowY: 'scroll',
53
+ }}
54
+ >
55
+ <div className="autocomplete-section">
56
+ <h2>Expandable Auto Suggestion</h2>
57
+ <p>
58
+ As you type, suggestions will appear based on your input, aiding in
59
+ quicker and potentially more accurate data entry. This mode supports
60
+ both listed and non-listed input, providing flexibility in user
61
+ input while still offering assistance.
62
+ </p>
63
+ </div>
64
+ <div style={{ width: 300 }}>
65
+ <ExpandableAutoComplete
66
+ label="Auto Suggestion"
67
+ name="sample"
68
+ type="auto_suggestion"
69
+ // async
70
+ desc="name"
71
+ isMultiple
72
+ expandable={true}
73
+ descId="id"
74
+ paginationEnabled={false}
75
+ initialLoad={true}
76
+ itemCount={5}
77
+ // nextBlock={nexBlock}
78
+ placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
79
+ selectedItems={[{ name: 'test', id: '1' }]}
80
+ getData={getData}
81
+ onChange={(e) => console.log(e, 'onchange')}
82
+ />
83
+ </div>
84
+ <div className="autocomplete-section">
85
+ <h2>Custom Select</h2>
86
+ <p>
87
+ Select an option from a predefined static list. Ideal for a scenario
88
+ when the available options are limited and known.
89
+ </p>
90
+ </div>
91
+ <div style={{ width: 300 }}>
92
+ <AutoComplete
93
+ label="Custom Select"
94
+ name="sample"
95
+ placeholder="Custom Select"
96
+ desc="name"
97
+ descId="id"
98
+ type="custom_select"
99
+ data={[
100
+ { name: 'test', id: '1' },
101
+ { name: 'test1', id: '2' },
101
102
 
102
- { name: 'test2', id: '3' },
103
+ { name: 'test2', id: '3' },
103
104
 
104
- { name: 'test3', id: '4' },
105
- ]}
106
- // getData={getData}
107
- onChange={() => console.log('onchange')}
108
- />
109
- </div>
110
- <div className="autocomplete-section">
111
- <h2>Auto Complete</h2>
112
- <p>
113
- Type in the input field and get real-time suggestions from
114
- dynamically fetched data. Useful for selecting from large datasets
115
- where displaying all available options is impractical.
116
- </p>
117
- </div>
118
- <div style={{ width: 300 }}>
119
- <AutoComplete
120
- label="Auto Complete"
121
- name="sample"
122
- desc="name"
123
- paginationEnabled={true}
124
- nextBlock={nexBlock}
125
- descId="id"
126
- async={true}
127
- type="auto_complete"
128
- placeholder="Auto Complete"
129
- // data={[{ name: 'test', id: '1' }]}
130
- getData={getData}
131
- onChange={() => console.log('onchange')}
132
- />
133
- </div>
134
- <div style={{ width: 300 }}>
135
- <AutoComplete
136
- label="Auto Complete"
137
- name="sample"
138
- desc="name"
139
- descId="id"
140
- async={false}
141
- type="auto_complete"
142
- placeholder="Auto Complete"
143
- // data={[{ name: 'test', id: '1' }]}
144
- getData={getDatas}
145
- onChange={() => console.log('onchange')}
146
- />
147
- </div>
148
- <div className="autocomplete-section">
149
- <h2>Custom Search Select</h2>
150
- <p>
151
- This allows you to search through static data, providing a
152
- filtered list based on your query or select from available items.
153
- Optimal for scenarios where you might have predefined options but
154
- also want to enable users to quickly narrow down their choices.
155
- </p>
156
- </div>
105
+ { name: 'test3', id: '4' },
106
+ ]}
107
+ // getData={getData}
108
+ onChange={() => console.log('onchange')}
109
+ />
110
+ </div>
111
+ <div className="autocomplete-section">
112
+ <h2>Auto Complete</h2>
113
+ <p>
114
+ Type in the input field and get real-time suggestions from
115
+ dynamically fetched data. Useful for selecting from large datasets
116
+ where displaying all available options is impractical.
117
+ </p>
118
+ </div>
119
+ <div style={{ width: 300 }}>
120
+ <AutoComplete
121
+ label="Auto Complete"
122
+ name="sample"
123
+ desc="name"
124
+ paginationEnabled={true}
125
+ nextBlock={nexBlock}
126
+ descId="id"
127
+ async={true}
128
+ type="auto_complete"
129
+ placeholder="Auto Complete"
130
+ // data={[{ name: 'test', id: '1' }]}
131
+ getData={getData}
132
+ onChange={() => console.log('onchange')}
133
+ />
134
+ </div>
135
+ <div style={{ width: 300 }}>
136
+ <AutoComplete
137
+ label="Auto Complete"
138
+ name="sample"
139
+ desc="name"
140
+ descId="id"
141
+ async={false}
142
+ type="auto_complete"
143
+ placeholder="Auto Complete"
144
+ // data={[{ name: 'test', id: '1' }]}
145
+ getData={getDatas}
146
+ onChange={() => console.log('onchange')}
147
+ />
148
+ </div>
149
+ <div className="autocomplete-section">
150
+ <h2>Custom Search Select</h2>
151
+ <p>
152
+ This allows you to search through static data, providing a filtered
153
+ list based on your query or select from available items. Optimal for
154
+ scenarios where you might have predefined options but also want to
155
+ enable users to quickly narrow down their choices.
156
+ </p>
157
+ </div>
157
158
 
158
- <div style={{ width: 300 }}>
159
- <AutoComplete
160
- label="Custom Search Select"
161
- name="sample"
162
- placeholder="Custom Search Select"
163
- desc="name"
164
- descId="id"
165
- type="custom_search_select"
166
- data={[
167
- { name: 'Apple', id: '1' },
168
- { name: 'Banana', id: '2' },
169
- { name: 'Cherry', id: '3' },
170
- { name: 'Date', id: '4' },
171
- { name: 'Fig', id: '5' },
172
- { name: 'Grape', id: '6' },
173
- { name: 'Honeydew', id: '7' },
174
- { name: 'Kiwi', id: '8' },
175
- { name: 'Lemon', id: '9' },
176
- { name: 'Mango', id: '10' },
177
- ]}
178
- onChange={() => console.log('onchange')}
179
- />
180
- </div>
181
- <div className="autocomplete-section">
182
- <h2>Auto Suggestion</h2>
183
- <p>
184
- As you type, suggestions will appear based on your input, aiding
185
- in quicker and potentially more accurate data entry. This mode
186
- supports both listed and non-listed input, providing flexibility
187
- in user input while still offering assistance.
188
- </p>
189
- </div>
190
- <div style={{ width: 300 }}>
191
- <AutoComplete
192
- label="select Auto Suggestion"
193
- name="sample"
194
- type="auto_suggestion"
195
- desc="name"
196
- descId="id"
197
- async
198
- placeholder="Auto Suggestion"
199
- // data={[{ name: 'test', id: '1' }]}
200
- getData={getData}
201
- onChange={() => console.log('onchange')}
202
- />
203
- </div>
204
- <div style={{ width: 300 }}>
205
- <AutoComplete
206
- label="Auto Suggestion"
207
- name="sample"
208
- type="auto_suggestion"
209
- required
210
- desc="name"
211
- async
212
- isMultiple
213
- descId="id"
214
- placeholder="Auto Suggestion"
215
- selectedItems={[{ name: 'test', id: '1' }]}
216
- // data={[{ name: 'test', id: '1' }]}
217
- getData={getData}
218
- onChange={(value) => console.log(value, 'onchange')}
219
- />
220
- </div>
221
- <div style={{ width: 300 }}>
222
- <AutoComplete
223
- label="Auto Suggestion"
224
- name="sample"
225
- type="auto_suggestion"
226
- // async
227
- desc="name"
228
- singleSelect
229
- descId="id"
230
- paginationEnabled={false}
231
- initialLoad={true}
232
- // nextBlock={nexBlock}
233
- placeholder="Auto Suggestion"
234
- selectedItems={[{ name: 'test', id: '1' }]}
235
- getData={getData}
236
- onChange={(e) => console.log(e, 'onchange')}
237
- />
238
- </div>
159
+ <div style={{ width: 300 }}>
160
+ <AutoComplete
161
+ label="Custom Search Select"
162
+ name="sample"
163
+ placeholder="Custom Search Select"
164
+ desc="name"
165
+ descId="id"
166
+ type="custom_search_select"
167
+ data={[
168
+ { name: 'Apple', id: '1' },
169
+ { name: 'Banana', id: '2' },
170
+ { name: 'Cherry', id: '3' },
171
+ { name: 'Date', id: '4' },
172
+ { name: 'Fig', id: '5' },
173
+ { name: 'Grape', id: '6' },
174
+ { name: 'Honeydew', id: '7' },
175
+ { name: 'Kiwi', id: '8' },
176
+ { name: 'Lemon', id: '9' },
177
+ { name: 'Mango', id: '10' },
178
+ ]}
179
+ onChange={() => console.log('onchange')}
180
+ />
181
+ </div>
182
+ <div className="autocomplete-section">
183
+ <h2>Auto Suggestion</h2>
184
+ <p>
185
+ As you type, suggestions will appear based on your input, aiding in
186
+ quicker and potentially more accurate data entry. This mode supports
187
+ both listed and non-listed input, providing flexibility in user
188
+ input while still offering assistance.
189
+ </p>
190
+ </div>
191
+ <div style={{ width: 300 }}>
192
+ <AutoComplete
193
+ label="select Auto Suggestion"
194
+ name="sample"
195
+ type="auto_suggestion"
196
+ desc="name"
197
+ descId="id"
198
+ async
199
+ placeholder="Auto Suggestion"
200
+ // data={[{ name: 'test', id: '1' }]}
201
+ getData={getData}
202
+ onChange={() => console.log('onchange')}
203
+ />
204
+ </div>
205
+ <div style={{ width: 300 }}>
206
+ <AutoComplete
207
+ label="Auto Suggestion"
208
+ name="sample"
209
+ type="auto_suggestion"
210
+ required
211
+ desc="name"
212
+ async
213
+ isMultiple
214
+ descId="id"
215
+ placeholder="Auto Suggestion"
216
+ selectedItems={[{ name: 'test', id: '1' }]}
217
+ // data={[{ name: 'test', id: '1' }]}
218
+ getData={getData}
219
+ onChange={(value) => console.log(value, 'onchange')}
220
+ />
221
+ </div>
222
+ <div style={{ width: 300 }}>
223
+ <AutoComplete
224
+ label="Auto Suggestion"
225
+ name="sample"
226
+ type="auto_suggestion"
227
+ // async
228
+ desc="name"
229
+ singleSelect
230
+ descId="id"
231
+ paginationEnabled={false}
232
+ initialLoad={true}
233
+ // nextBlock={nexBlock}
234
+ placeholder="Auto Suggestion"
235
+ selectedItems={[{ name: 'test', id: '1' }]}
236
+ getData={getData}
237
+ onChange={(e) => console.log(e, 'onchange')}
238
+ />
239
+ </div>
239
240
 
240
- <div className="autocomplete-section">
241
- <h2>Expandable Auto Suggestion</h2>
242
- <p>
243
- As you type, suggestions will appear based on your input, aiding
244
- in quicker and potentially more accurate data entry. This mode
245
- supports both listed and non-listed input, providing flexibility
246
- in user input while still offering assistance.
247
- </p>
248
- </div>
249
- <div style={{ width: 300 }}>
250
- <ExpandableAutoComplete
251
- label="Auto Suggestion"
252
- name="sample"
253
- type="auto_suggestion"
254
- // async
255
- desc="name"
256
- isMultiple
257
- expandable={true}
258
- descId="id"
259
- paginationEnabled={false}
260
- initialLoad={true}
261
- itemCount={5}
262
- // nextBlock={nexBlock}
263
- placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
264
- selectedItems={[{ name: 'test', id: '1' }]}
265
- getData={getData}
266
- onChange={(e) => console.log(e, 'onchange')}
267
- />
268
- </div>
241
+ <div className="autocomplete-section">
242
+ <h2>Expandable Auto Suggestion</h2>
243
+ <p>
244
+ As you type, suggestions will appear based on your input, aiding in
245
+ quicker and potentially more accurate data entry. This mode supports
246
+ both listed and non-listed input, providing flexibility in user
247
+ input while still offering assistance.
248
+ </p>
249
+ </div>
250
+ <div style={{ width: 300 }}>
251
+ <ExpandableAutoComplete
252
+ label="Auto Suggestion"
253
+ name="sample"
254
+ type="auto_suggestion"
255
+ // async
256
+ desc="name"
257
+ isMultiple
258
+ expandable={true}
259
+ descId="id"
260
+ paginationEnabled={false}
261
+ initialLoad={true}
262
+ itemCount={5}
263
+ // nextBlock={nexBlock}
264
+ placeholder="Auto Suggestion Suggestion Suggestion Suggestion"
265
+ selectedItems={[{ name: 'test', id: '1' }]}
266
+ getData={getData}
267
+ onChange={(e) => console.log(e, 'onchange')}
268
+ />
269
269
  </div>
270
270
  </div>
271
271
  </React.Fragment>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-core-ts",
3
- "version": "1.0.14",
3
+ "version": "1.0.16",
4
4
  "description": "React Components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/ExpandableAutoComplete.tsx CHANGED
@@ -247,12 +247,16 @@ const ExpandableAutoComplete = forwardRef<
247
247
  };
248
248
  document.addEventListener('mousedown', handleClickOutside as any);
249
249
  window.addEventListener('scroll', handleClickOutside as any);
250
+
251
+ const scrollableDivs = document.querySelectorAll('div[style*="overflow"]');
252
+ scrollableDivs.forEach(div => div.addEventListener('scroll', handleClickOutside as any))
250
253
  if (scrollRef && scrollRef.current && scrollRef.current !== null) {
251
254
  scrollRef.current.addEventListener('scroll', handleClickOutside as any);
252
255
  }
253
256
  return () => {
254
257
  document.removeEventListener('mousedown', handleClickOutside as any);
255
258
  window.removeEventListener('scroll', handleClickOutside as any);
259
+ scrollableDivs.forEach(div => div.removeEventListener('scroll', handleClickOutside as any))
256
260
  if (scrollRef && scrollRef.current && scrollRef.current !== null) {
257
261
  scrollRef.current.removeEventListener(
258
262
  'scroll',
@@ -299,6 +303,7 @@ const ExpandableAutoComplete = forwardRef<
299
303
  if (inputRef.current) inputRef.current.focus();
300
304
  handleOnClick();
301
305
  };
306
+
302
307
  const tooltipContent =
303
308
  selectedItems?.length > itemCount
304
309
  ? selectedItems
@@ -306,6 +311,7 @@ const ExpandableAutoComplete = forwardRef<
306
311
  .map((item) => item[desc])
307
312
  .join(', ')
308
313
  : '';
314
+
309
315
  return (
310
316
  <div className={fullWidth ? 'fullWidth' : 'autoWidth'} ref={dropdownRef}>
311
317
  {label && (
@@ -343,28 +349,26 @@ const ExpandableAutoComplete = forwardRef<
343
349
  : selectedItems?.length
344
350
  )
345
351
  .map((item, index) => (
346
- <>
347
- <div className="selected-items-container">
348
- <Tooltip
349
- title={item?.[desc]}
350
- enabled={item?.[desc]?.length > textCount}
351
- >
352
- <div key={item.id} className="selected-item">
353
- {item?.[desc]?.length > textCount
354
- ? `${item?.[desc].substring(0, textCount)}...`
355
- : item?.[desc]}
356
-
357
- <button
358
- onClick={() => handleRemoveSelectedItem(index)}
359
- className="remove-item-btn"
360
- aria-label={`Remove ${item?.[desc]}`}
361
- >
362
- X
363
- </button>
364
- </div>
365
- </Tooltip>
366
- </div>
367
- </>
352
+ <div className="selected-items-container">
353
+ <Tooltip
354
+ title={item?.[desc]}
355
+ enabled={item?.[desc]?.length > textCount}
356
+ >
357
+ <div key={item.id} className="selected-item">
358
+ {item?.[desc]?.length > textCount
359
+ ? `${item?.[desc].substring(0, textCount)}...`
360
+ : item?.[desc]}
361
+
362
+ <button
363
+ onClick={() => handleRemoveSelectedItem(index)}
364
+ className="remove-item-btn"
365
+ aria-label={`Remove ${item?.[desc]}`}
366
+ >
367
+ X
368
+ </button>
369
+ </div>
370
+ </Tooltip>
371
+ </div>
368
372
  ))}
369
373
  {selectedItems?.length > itemCount && (
370
374
  <div className="selected-items-container">
package/webpack.config.js CHANGED
@@ -9,7 +9,7 @@ module.exports = {
9
9
  devServer: {
10
10
  contentBase: './docs',
11
11
  hot: true,
12
- port: 3001, // port to run the dev server on
12
+ port: 3200, // port to run the dev server on
13
13
  // stats: 'errors-only', // only show errors in the output
14
14
  clientLogLevel: 'silent',
15
15
  },
package/dist/styles/styles/components/autocomplete.css DELETED
@@ -1,582 +0,0 @@
1
- body * {
2
- box-sizing: border-box;
3
- }
4
- :root {
5
- --grey-dark: #4a4a4a;
6
- --grey-light: #d3d3d3;
7
- --blue-navy: #001f3f;
8
- --input-disabled: #a9a9a9;
9
- --error-light: #f08080;
10
- --error-extra-light: #fddede;
11
- --success: #28a745;
12
- --success-light: #d4edda;
13
- --blue-light: #add8e6;
14
- }
15
- :root {
16
- --blue-navy: #001f3f;
17
- --table-hover: #your-hover-color; /* Replace with your actual color code */
18
- }
19
-
20
- .custom-spinner {
21
- width: 24px !important; /* w-6 */
22
- height: 24px; /* h-6 */
23
- color: transparent; /* text-table-hover */
24
- fill: var(--blue-navy); /* fill-blue-navy */
25
- animation: spin 1s linear infinite; /* animate-spin */
26
- width: 15px;
27
- position: relative;
28
- top: 1px;
29
- }
30
-
31
- @keyframes spin {
32
- 0% {
33
- transform: rotate(0deg);
34
- }
35
- 100% {
36
- transform: rotate(360deg);
37
- }
38
- }
39
-
40
- .textfield,
41
- .textfield-big {
42
- outline: none;
43
- color: var(--grey-dark);
44
- border-color: var(--grey-light);
45
- background-color: white;
46
- }
47
-
48
- .textfield:focus,
49
- .textfield-big:focus {
50
- border-color: var(--blue-navy);
51
- }
52
-
53
- .textfield:disabled,
54
- .textfield-big:disabled {
55
- color: var(--input-disabled);
56
- }
57
-
58
- .textfield-error,
59
- .textfield-big-error {
60
- outline: none;
61
- color: var(--error-light) !important;
62
- border-color: var(--error-light) !important;
63
- background-color: var(--error-extra-light) !important ;
64
- }
65
-
66
- .textfield-error::placeholder,
67
- .textfield-big-error::placeholder {
68
- color: var(--error-light);
69
- }
70
-
71
- .textfield-success {
72
- outline: none;
73
- color: var(--success);
74
- border-color: var(--success);
75
- background-color: var(--success-light);
76
- }
77
-
78
- .textfield-success:focus {
79
- ring-width: 0;
80
- }
81
-
82
- .textfield-success::placeholder {
83
- color: var(--success);
84
- }
85
-
86
- .textfield-editable {
87
- outline: none;
88
- color: var(--grey-dark);
89
- border-color: var(--blue-navy);
90
- background-color: var(--blue-light);
91
- }
92
-
93
- .textfield-editable::placeholder {
94
- color: var(--grey-dark);
95
- }
96
-
97
- .qbs-autocomplete-suggestions {
98
- position: absolute;
99
- height: auto;
100
- width: 100%;
101
- padding: 8px; /* Corresponding to p-1.5 in Tailwind */
102
- z-index: 99;
103
- margin-top: 4px;
104
- margin-bottom: 0;
105
- border-radius: 8px;
106
- background: #fff;
107
- box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
108
- }
109
- .qbs-autocomplete-suggestions.bottom {
110
- top: 100%; /* Position below the input */
111
- /* Other styling */
112
- }
113
-
114
- .qbs-autocomplete-suggestions.top {
115
- bottom: 100%; /* Position above the input */
116
- /* Other styling */
117
- }
118
- .qbs-autocomplete-suggestions-item {
119
- cursor: pointer;
120
- padding: 6px 8px;
121
- border-radius: 6px;
122
- color: #222;
123
- font-size: 14px;
124
- font-weight: 500;
125
- line-height: 20px; /* 142.857% */
126
- width: 100%;
127
- display: flex;
128
- align-items: flex-start;
129
- gap: 8px;
130
- }
131
- .qbs-autocomplete-suggestions-item:hover {
132
- background: #f8f8f8;
133
- border-radius: 6px;
134
- }
135
-
136
- /* When value.id is equal to suggestion.id */
137
- .is-selected {
138
- border-radius: 6px;
139
- background: var(--neutrals-grey-20, #f4f4f4);
140
- }
141
-
142
- /* When value.id is NOT equal to suggestion.id */
143
- .qbs-autocomplete-suggestions-item .is-not-selected:hover {
144
- background-color: #f1f5f9; /* Replace with actual color code for 'hover:bg-table-hover' */
145
- }
146
-
147
- .qbs-autocomplete-notfound {
148
- cursor: pointer;
149
- padding: 6px 8px;
150
- border-radius: 6px;
151
- font-size: 12px;
152
- font-weight: 500;
153
- }
154
-
155
- .qbs-autocomplete-close-icon {
156
- position: absolute;
157
- top: calc(50% - 7px);
158
- right: 2px; /* right-1 */
159
- padding-left: 0.25rem; /* px-1 */
160
- padding-right: 0.25rem; /* px-1 */
161
- display: flex;
162
- justify-content: center;
163
- align-items: center;
164
- background-color: white; /* bg-white */
165
- }
166
- .qbs-textfield-default {
167
- width: 100%;
168
- position: relative;
169
- padding-right: 8px;
170
- min-height: 36px;
171
- height: 36px;
172
- border-radius: 6px;
173
- padding-left: 8px;
174
- border: 1px solid #d6d8dc;
175
- background: #fff;
176
- box-sizing: border-box;
177
- font-size: 14px;
178
- font-style: normal;
179
- font-weight: 500;
180
- line-height: 20px;
181
- color: #313131;
182
- }
183
-
184
- .qbs-expandable-container {
185
- border: 1px solid #d6d8dc;
186
- background: #fff;
187
- box-sizing: border-box;
188
- padding: 5px;
189
- display: flex;
190
- flex-wrap: wrap;
191
- flex: 1 1 0%;
192
- gap: 5px;
193
- }
194
-
195
- .qbs-textfield-default.expandable {
196
- height: auto;
197
- border: none;
198
- }
199
-
200
- .qbs-expandable-container .qbs-textfield-expandable {
201
- flex: 1 1 auto;
202
- display: inline-grid;
203
- grid-template-columns: 0px min-content;
204
- grid-area: 1 / 1 / 2 / 3;
205
- overflow: hidden;
206
- }
207
- .qbs-expandable-container .qbs-textfield-expandable::after {
208
- content: attr(data-value) ' ';
209
- visibility: hidden;
210
- white-space: pre;
211
- grid-area: 1 / 2;
212
- font: inherit;
213
- min-width: 2px;
214
- border: 0px;
215
- margin: 0px;
216
- outline: 0px;
217
- padding: 0px;
218
- }
219
- .qbs-expandable-container .qbs-textfield-expandable input {
220
- opacity: 1;
221
- width: auto;
222
- grid-area: 1 / 2;
223
- min-width: 10px;
224
- border: 0px;
225
- margin: 0px;
226
- outline: 0px;
227
- padding: 0px;
228
- height: auto;
229
- min-height: auto;
230
- border-radius: 0;
231
- }
232
-
233
- .qbs-textfield-default::placeholder {
234
- font-size: 14px;
235
- font-style: normal;
236
- font-weight: 500;
237
- line-height: 20px;
238
- }
239
-
240
- .qbs-autocomplete-close-icon button:focus-within {
241
- outline: none;
242
- }
243
-
244
- .fullWidth {
245
- width: 100%;
246
- }
247
-
248
- .autoWidth {
249
- width: auto;
250
- }
251
- .icon-button {
252
- background: transparent;
253
- border: none;
254
- display: inline-flex;
255
- cursor: pointer;
256
- padding: 0px 1px;
257
- }
258
- .labels {
259
- font-size: 12px;
260
- }
261
- .dropdown-search-input {
262
- min-width: -webkit-fill-available;
263
- border-radius: 6px;
264
- border: 1px solid var(--border-card-color-default, #d6d8dc);
265
- background: var(--surface-input-bg-color-default, #fff);
266
- color: #313131;
267
- font-size: 14px;
268
- height: 36px;
269
- padding: 0px 8px;
270
- font-style: normal;
271
- font-weight: 500;
272
- line-height: 20px;
273
- padding-left: 32px;
274
- }
275
- .qbs-autocomplete-suggestions-sub {
276
- position: relative;
277
- overflow: auto;
278
- max-height: 192px;
279
- top: 0;
280
- display: flex;
281
- flex-direction: column;
282
- gap: 4px;
283
- }
284
- .qbs-autocomplete-listitem-container {
285
- display: flex;
286
- align-items: center;
287
- gap: 0px;
288
- }
289
- ul {
290
- list-style-type: none;
291
- }
292
-
293
- .react-core-ts-search-container {
294
- display: flex;
295
- align-items: center;
296
- gap: var(--spacing-4, 4px);
297
- align-self: stretch;
298
- margin-bottom: 4px;
299
- }
300
- .selected-item {
301
- display: flex;
302
- align-items: center;
303
- justify-content: space-between;
304
- padding: 3px 6px;
305
- margin: 0;
306
- background-color: #e0e0e0;
307
- color: #333;
308
- border-radius: 6px;
309
- border: 1px solid rgba(231, 100, 88, 0.1);
310
- background: rgba(231, 100, 88, 0.1);
311
- font-size: 12px;
312
- font-style: normal;
313
- font-weight: 500;
314
- line-height: 16px;
315
- color: #e76458;
316
- gap: 6px;
317
- height: 22px;
318
- }
319
-
320
- .remove-item-btn {
321
- background-color: transparent;
322
- border: none;
323
- color: #e76458;
324
- cursor: pointer;
325
- }
326
-
327
- .remove-item-btn:hover {
328
- color: #e76458;
329
- }
330
-
331
- .selected-items-container {
332
- display: flex;
333
- gap: 12px;
334
- align-items: center;
335
- position: absolute;
336
- left: 8px;
337
- z-index: 99;
338
- top: 6.5px;
339
- flex-wrap: wrap;
340
- }
341
-
342
- .qbs-expandable-container .selected-items-container {
343
- position: relative;
344
- top: 0;
345
- left: 0;
346
- }
347
-
348
- .selected-item-more {
349
- display: flex;
350
- align-items: center;
351
- justify-content: center;
352
- padding: 3px 8px;
353
- margin: 0;
354
- border-radius: 6px;
355
- background: #c63a3a;
356
- font-size: 12px;
357
- font-style: normal;
358
- font-weight: 500;
359
- line-height: 16px;
360
- color: #fff;
361
- height: 22px;
362
- }
363
-
364
- .loadMoreSection {
365
- margin: 0;
366
- cursor: pointer;
367
- display: flex;
368
- justify-content: flex-start;
369
- padding: 8px;
370
- }
371
- .loadMoreSection p {
372
- color: #336cfc;
373
- font-size: 14px;
374
- font-style: normal;
375
- font-weight: 500;
376
- line-height: 20px;
377
- margin: 0;
378
- }
379
- ::-webkit-scrollbar-track {
380
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
381
- border-radius: 0px;
382
- background-color: transparent;
383
- }
384
-
385
- ::-webkit-scrollbar {
386
- width: 6px;
387
- height: 4px;
388
- background-color: transparent;
389
- }
390
-
391
- ::-webkit-scrollbar-thumb {
392
- border-radius: 100px;
393
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
394
- background-color: #ddd;
395
- }
396
-
397
- .qbs-autocomplete-suggestions-item.is-selected {
398
- color: #e76458;
399
- background: #f8f8f8;
400
- }
401
-
402
- span.dropdown-search-icon {
403
- position: absolute;
404
- left: 8px;
405
- top: 10px;
406
- }
407
-
408
- .dropdown-search-input:focus {
409
- outline: none;
410
- border: 1px solid #222;
411
- }
412
-
413
- .qbs-autocomplete-checkbox-container {
414
- gap: 8px;
415
- padding: 6px 8px;
416
- display: flex;
417
- align-items: flex-start;
418
- }
419
-
420
- .qbs-autocomplete-checkbox-container .qbs-autocomplete-suggestions-item {
421
- padding: 0;
422
- pointer-events: none;
423
- }
424
-
425
- .qbs-autocomplete-checkbox-container:hover {
426
- background: #f8f8f8;
427
- border-radius: 6px;
428
- }
429
-
430
- .qbs-autocomplete-checkbox-container.is-selected {
431
- background: #f8f8f8;
432
- border-radius: 6px;
433
- }
434
-
435
- .qbs-autocomplete-checkbox {
436
- position: relative;
437
- display: flex;
438
- align-items: center;
439
- justify-content: center;
440
- }
441
-
442
- .qbs-autocomplete-checkbox input {
443
- opacity: 0;
444
- }
445
-
446
- .qbs-autocomplete-checkbox input ~ label {
447
- position: absolute;
448
- border-radius: 3px;
449
- border: 1px solid #999696;
450
- width: 16px;
451
- height: 16px;
452
- top: 3px;
453
- transition: all 0.2s ease;
454
- cursor: pointer;
455
- }
456
-
457
- .qbs-autocomplete-checkbox input ~ label svg {
458
- opacity: 0;
459
- transition: all 0.2s ease;
460
- position: absolute;
461
- left: 3px;
462
- top: 3px;
463
- width: 9px;
464
- height: 9px;
465
- }
466
-
467
- .qbs-autocomplete-checkbox input:checked ~ label {
468
- transition: all 0.2s ease;
469
- border-radius: 3px;
470
- background: #e76458;
471
- border-color: #e76458;
472
- }
473
- .qbs-autocomplete-checkbox input:checked ~ label svg {
474
- opacity: 1;
475
- transition: all 0.2s ease;
476
- }
477
-
478
- .action_label {
479
- font-size: 14px;
480
- color: #4c7ad6;
481
- }
482
- /* Tooltip.css */
483
- /* .tooltip-wrapper {
484
- position: relative;
485
- display: inline-block;
486
- }
487
-
488
- .tooltip-content {
489
- visibility: hidden;
490
- width: max-content;
491
- background-color: black;
492
- color: white;
493
- text-align: center;
494
- max-width: 150px;
495
- padding: 5px 10px;
496
- border-radius: 6px;
497
- position: absolute;
498
- z-index: 1;
499
- bottom: 125%;
500
- left: 50%;
501
- transform: translateX(-50%);
502
- transition: visibility 0.2s ease-in-out;
503
- }
504
-
505
- .tooltip-content::after {
506
- content: '';
507
- position: absolute;
508
- top: 100%;
509
- left: 50%;
510
- margin-left: -5px;
511
- border-width: 5px;
512
- border-style: solid;
513
- border-color: black transparent transparent transparent;
514
- }
515
-
516
- .tooltip-wrapper:hover .tooltip-content {
517
- visibility: visible;
518
- } */
519
- .qbs-table-tooltip {
520
- position: relative;
521
- display: contents;
522
- cursor: pointer;
523
- }
524
-
525
- .qbs-table-tooltip .tooltiptext,
526
- .tooltiptext {
527
- visibility: hidden;
528
- background-color: #000;
529
- color: #fff;
530
- text-align: center;
531
- padding: 6px;
532
- border-radius: 4px;
533
- position: absolute;
534
- z-index: 9999;
535
- opacity: 0;
536
- transition: opacity 0.3s;
537
- font-size: 14px;
538
- font-style: normal;
539
- font-weight: 400;
540
- line-height: 16px;
541
- max-width: 300px;
542
- }
543
-
544
- .qbs-table-tooltip.up .tooltiptext {
545
- bottom: 125%;
546
- left: 0%;
547
- }
548
-
549
- .qbs-table-tooltip.down .tooltiptext {
550
- top: 125%;
551
- right: 0px;
552
- left: auto;
553
- }
554
-
555
- .qbs-table-tooltip:hover .tooltiptext {
556
- visibility: visible;
557
- opacity: 1;
558
- }
559
-
560
- .qbs-table-tooltip .tooltiptext::after,
561
- .tooltiptext::after {
562
- content: '';
563
- position: absolute;
564
- border-width: 5px;
565
- border-style: solid;
566
- }
567
-
568
- .qbs-table-tooltip.up .tooltiptext::after,
569
- .up.tooltiptext::after {
570
- top: 100%;
571
- left: 50%;
572
- margin-left: -5px;
573
- border-color: #000 transparent transparent transparent;
574
- }
575
-
576
- .qbs-table-tooltip.down .tooltiptext::after,
577
- .down.tooltiptext::after {
578
- bottom: 100%;
579
- left: 50%;
580
- margin-left: -5px;
581
- border-color: transparent transparent #000 transparent;
582
- }
package/dist/styles/styles/global.css DELETED
@@ -1 +0,0 @@
1
- @import './components/autocomplete.css';