@genesislcap/foundation-zero 14.447.1-canary.search-bar-4 → 14.447.1
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.
- package/dist/custom-elements.json +9 -55
- package/dist/dts/react.d.ts +1 -0
- package/dist/react.cjs +14 -2
- package/dist/react.mjs +14 -2
- package/package.json +12 -12
|
@@ -32131,11 +32131,19 @@
|
|
|
32131
32131
|
"type": {
|
|
32132
32132
|
"text": "Event"
|
|
32133
32133
|
},
|
|
32134
|
-
"description": "
|
|
32134
|
+
"description": "Fired when the combobox value changes",
|
|
32135
32135
|
"inheritedFrom": {
|
|
32136
32136
|
"name": "Combobox",
|
|
32137
32137
|
"module": "src/combobox/combobox.ts"
|
|
32138
32138
|
}
|
|
32139
|
+
},
|
|
32140
|
+
{
|
|
32141
|
+
"description": "Fired when the input is cleared by the user",
|
|
32142
|
+
"name": "inputdeleted",
|
|
32143
|
+
"inheritedFrom": {
|
|
32144
|
+
"name": "SearchBarCombobox",
|
|
32145
|
+
"module": "src/search-bar/search-bar-combobox.ts"
|
|
32146
|
+
}
|
|
32139
32147
|
}
|
|
32140
32148
|
]
|
|
32141
32149
|
},
|
|
@@ -32317,19 +32325,6 @@
|
|
|
32317
32325
|
"module": "src/search-bar/search-bar.ts"
|
|
32318
32326
|
}
|
|
32319
32327
|
},
|
|
32320
|
-
{
|
|
32321
|
-
"kind": "field",
|
|
32322
|
-
"name": "clearButton",
|
|
32323
|
-
"type": {
|
|
32324
|
-
"text": "boolean"
|
|
32325
|
-
},
|
|
32326
|
-
"default": "true",
|
|
32327
|
-
"attribute": "clear-button",
|
|
32328
|
-
"inheritedFrom": {
|
|
32329
|
-
"name": "SearchBar",
|
|
32330
|
-
"module": "src/search-bar/search-bar.ts"
|
|
32331
|
-
}
|
|
32332
|
-
},
|
|
32333
32328
|
{
|
|
32334
32329
|
"kind": "field",
|
|
32335
32330
|
"name": "loading",
|
|
@@ -32380,7 +32375,6 @@
|
|
|
32380
32375
|
"kind": "method",
|
|
32381
32376
|
"name": "clear",
|
|
32382
32377
|
"privacy": "public",
|
|
32383
|
-
"description": "Clears all search chips and the current input, and emits `selectionChange` with an empty array.",
|
|
32384
32378
|
"inheritedFrom": {
|
|
32385
32379
|
"name": "SearchBar",
|
|
32386
32380
|
"module": "src/search-bar/search-bar.ts"
|
|
@@ -32395,32 +32389,6 @@
|
|
|
32395
32389
|
"text": "void"
|
|
32396
32390
|
}
|
|
32397
32391
|
},
|
|
32398
|
-
"description": "Alias for SearchBar.clear.",
|
|
32399
|
-
"inheritedFrom": {
|
|
32400
|
-
"name": "SearchBar",
|
|
32401
|
-
"module": "src/search-bar/search-bar.ts"
|
|
32402
|
-
}
|
|
32403
|
-
},
|
|
32404
|
-
{
|
|
32405
|
-
"kind": "method",
|
|
32406
|
-
"name": "selectedOptionsChanged",
|
|
32407
|
-
"inheritedFrom": {
|
|
32408
|
-
"name": "SearchBar",
|
|
32409
|
-
"module": "src/search-bar/search-bar.ts"
|
|
32410
|
-
}
|
|
32411
|
-
},
|
|
32412
|
-
{
|
|
32413
|
-
"kind": "method",
|
|
32414
|
-
"name": "optionsChanged",
|
|
32415
|
-
"inheritedFrom": {
|
|
32416
|
-
"name": "SearchBar",
|
|
32417
|
-
"module": "src/search-bar/search-bar.ts"
|
|
32418
|
-
}
|
|
32419
|
-
},
|
|
32420
|
-
{
|
|
32421
|
-
"kind": "method",
|
|
32422
|
-
"name": "applySearchInputLock",
|
|
32423
|
-
"privacy": "private",
|
|
32424
32392
|
"inheritedFrom": {
|
|
32425
32393
|
"name": "SearchBar",
|
|
32426
32394
|
"module": "src/search-bar/search-bar.ts"
|
|
@@ -32664,20 +32632,6 @@
|
|
|
32664
32632
|
"tagName": "%%prefix%%-search-bar",
|
|
32665
32633
|
"customElement": true,
|
|
32666
32634
|
"attributes": [
|
|
32667
|
-
{
|
|
32668
|
-
"name": "clear-button",
|
|
32669
|
-
"type": {
|
|
32670
|
-
"text": "boolean"
|
|
32671
|
-
},
|
|
32672
|
-
"default": "true",
|
|
32673
|
-
"attribute": "clear-button",
|
|
32674
|
-
"fieldName": "clearButton",
|
|
32675
|
-
"description": "when true, shows the end clear control when there are chips or typed text. When false, use {@link SearchBar.clear} or {@link SearchBar.clearSearch} to reset programmatically.",
|
|
32676
|
-
"inheritedFrom": {
|
|
32677
|
-
"name": "SearchBar",
|
|
32678
|
-
"module": "src/search-bar/search-bar.ts"
|
|
32679
|
-
}
|
|
32680
|
-
},
|
|
32681
32635
|
{
|
|
32682
32636
|
"name": "appearance",
|
|
32683
32637
|
"type": {
|
package/dist/dts/react.d.ts
CHANGED
|
@@ -665,6 +665,7 @@ export declare const SearchBarCombobox: React.ForwardRefExoticComponent<
|
|
|
665
665
|
React.PropsWithChildren<
|
|
666
666
|
Omit<PublicOf<SearchBarComboboxWC>, 'children' | 'style'> &
|
|
667
667
|
HTMLWCProps & {
|
|
668
|
+
onInputdeleted?: (event: CustomEvent<unknown>) => void;
|
|
668
669
|
}
|
|
669
670
|
> & React.RefAttributes<SearchBarComboboxWC>
|
|
670
671
|
>;
|
package/dist/react.cjs
CHANGED
|
@@ -591,8 +591,20 @@ const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(props, ref
|
|
|
591
591
|
});
|
|
592
592
|
|
|
593
593
|
const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
|
|
594
|
-
const { children, ...rest } = props;
|
|
595
|
-
|
|
594
|
+
const { onInputdeleted, children, ...rest } = props;
|
|
595
|
+
const _innerRef = React.useRef(null);
|
|
596
|
+
const _onInputdeletedRef = React.useRef(onInputdeleted);
|
|
597
|
+
_onInputdeletedRef.current = onInputdeleted;
|
|
598
|
+
React.useLayoutEffect(() => {
|
|
599
|
+
const el = _innerRef.current;
|
|
600
|
+
if (!el) return;
|
|
601
|
+
const _onInputdeletedFn = (e) => _onInputdeletedRef.current?.(e);
|
|
602
|
+
el.addEventListener('inputdeleted', _onInputdeletedFn);
|
|
603
|
+
return () => {
|
|
604
|
+
el.removeEventListener('inputdeleted', _onInputdeletedFn);
|
|
605
|
+
};
|
|
606
|
+
}, []);
|
|
607
|
+
return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
596
608
|
});
|
|
597
609
|
|
|
598
610
|
const SearchBar = React.forwardRef(function SearchBar(props, ref) {
|
package/dist/react.mjs
CHANGED
|
@@ -589,8 +589,20 @@ export const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(pro
|
|
|
589
589
|
});
|
|
590
590
|
|
|
591
591
|
export const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
|
|
592
|
-
const { children, ...rest } = props;
|
|
593
|
-
|
|
592
|
+
const { onInputdeleted, children, ...rest } = props;
|
|
593
|
+
const _innerRef = React.useRef(null);
|
|
594
|
+
const _onInputdeletedRef = React.useRef(onInputdeleted);
|
|
595
|
+
_onInputdeletedRef.current = onInputdeleted;
|
|
596
|
+
React.useLayoutEffect(() => {
|
|
597
|
+
const el = _innerRef.current;
|
|
598
|
+
if (!el) return;
|
|
599
|
+
const _onInputdeletedFn = (e) => _onInputdeletedRef.current?.(e);
|
|
600
|
+
el.addEventListener('inputdeleted', _onInputdeletedFn);
|
|
601
|
+
return () => {
|
|
602
|
+
el.removeEventListener('inputdeleted', _onInputdeletedFn);
|
|
603
|
+
};
|
|
604
|
+
}, []);
|
|
605
|
+
return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
594
606
|
});
|
|
595
607
|
|
|
596
608
|
export const SearchBar = React.forwardRef(function SearchBar(props, ref) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.447.1
|
|
4
|
+
"version": "14.447.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -73,18 +73,18 @@
|
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
76
|
-
"@genesislcap/genx": "14.447.1
|
|
77
|
-
"@genesislcap/rollup-builder": "14.447.1
|
|
78
|
-
"@genesislcap/ts-builder": "14.447.1
|
|
79
|
-
"@genesislcap/uvu-playwright-builder": "14.447.1
|
|
80
|
-
"@genesislcap/vite-builder": "14.447.1
|
|
81
|
-
"@genesislcap/webpack-builder": "14.447.1
|
|
76
|
+
"@genesislcap/genx": "14.447.1",
|
|
77
|
+
"@genesislcap/rollup-builder": "14.447.1",
|
|
78
|
+
"@genesislcap/ts-builder": "14.447.1",
|
|
79
|
+
"@genesislcap/uvu-playwright-builder": "14.447.1",
|
|
80
|
+
"@genesislcap/vite-builder": "14.447.1",
|
|
81
|
+
"@genesislcap/webpack-builder": "14.447.1"
|
|
82
82
|
},
|
|
83
83
|
"dependencies": {
|
|
84
|
-
"@genesislcap/foundation-comms": "14.447.1
|
|
85
|
-
"@genesislcap/foundation-logger": "14.447.1
|
|
86
|
-
"@genesislcap/foundation-ui": "14.447.1
|
|
87
|
-
"@genesislcap/foundation-utils": "14.447.1
|
|
84
|
+
"@genesislcap/foundation-comms": "14.447.1",
|
|
85
|
+
"@genesislcap/foundation-logger": "14.447.1",
|
|
86
|
+
"@genesislcap/foundation-ui": "14.447.1",
|
|
87
|
+
"@genesislcap/foundation-utils": "14.447.1",
|
|
88
88
|
"@microsoft/fast-colors": "5.3.1",
|
|
89
89
|
"@microsoft/fast-components": "2.30.6",
|
|
90
90
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"require": "./dist/react.cjs"
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "e265cb98c173fe6e51a94b5f31e653384c4f2d8e"
|
|
115
115
|
}
|