@bigbinary/neeto-atoms 1.0.62 → 1.0.63
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/Combobox-_-p2WeU8.js +10171 -0
- package/dist/Combobox-_-p2WeU8.js.map +1 -0
- package/dist/{Select-Zr8sFnAC.js → Select-C_lRHyd6.js} +70 -24
- package/dist/Select-C_lRHyd6.js.map +1 -0
- package/dist/cjs/Combobox-BX_pe3Hm.js +10209 -0
- package/dist/cjs/Combobox-BX_pe3Hm.js.map +1 -0
- package/dist/cjs/{Select-BJs-J8fs.js → Select-OWg5FZzx.js} +69 -23
- package/dist/cjs/Select-OWg5FZzx.js.map +1 -0
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/index.js +2 -2
- package/dist/cjs/formik/Select.js +2 -2
- package/dist/cjs/formik/index.js +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/primitives/Combobox.js +32 -10205
- package/dist/cjs/primitives/Combobox.js.map +1 -1
- package/dist/cjs/primitives/index.js +1 -1
- package/dist/components/Select/SelectAnchor.d.ts +8 -0
- package/dist/components/Select/SelectCombobox.types.d.ts +3 -1
- package/dist/components/Select/hooks/useSelectState.d.ts +1 -0
- package/dist/components/Select/types.d.ts +8 -0
- package/dist/components/Select.js +2 -2
- package/dist/components/index.js +2 -2
- package/dist/formik/Select.js +2 -2
- package/dist/formik/index.js +2 -2
- package/dist/index.js +2 -2
- package/dist/primitives/Combobox.js +13 -10170
- package/dist/primitives/Combobox.js.map +1 -1
- package/dist/primitives/index.js +1 -1
- package/package.json +1 -1
- package/dist/Select-Zr8sFnAC.js.map +0 -1
- package/dist/cjs/Select-BJs-J8fs.js.map +0 -1
- package/dist/hooks/useComboboxAnchor.d.ts +0 -6
|
@@ -15,7 +15,7 @@ var primitives_Carousel = require('./Carousel.js');
|
|
|
15
15
|
var primitives_Chart = require('./Chart.js');
|
|
16
16
|
var primitives_Checkbox = require('./Checkbox.js');
|
|
17
17
|
var primitives_Collapsible = require('./Collapsible.js');
|
|
18
|
-
var primitives_Combobox = require('
|
|
18
|
+
var primitives_Combobox = require('../Combobox-BX_pe3Hm.js');
|
|
19
19
|
var primitives_Command = require('./Command.js');
|
|
20
20
|
var primitives_ContextMenu = require('./ContextMenu.js');
|
|
21
21
|
var primitives_Dialog = require('./Dialog.js');
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface SelectAnchorProps {
|
|
2
|
+
isSearchable: boolean;
|
|
3
|
+
className?: string;
|
|
4
|
+
dataTestId?: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const SelectAnchor: import("react").ForwardRefExoticComponent<SelectAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
@@ -14,8 +14,10 @@ export interface SelectComboboxProps {
|
|
|
14
14
|
}[];
|
|
15
15
|
/** Returns the display label for a given value string. */
|
|
16
16
|
labelForValue: (val: string) => string;
|
|
17
|
-
/** Returns the ReactNode for rendering a value (dropdown
|
|
17
|
+
/** Returns the ReactNode for rendering a value (dropdown rows). */
|
|
18
18
|
renderOption: (val: string) => React.ReactNode;
|
|
19
|
+
/** Returns the ReactNode for rendering the selected value in the trigger. */
|
|
20
|
+
renderTrigger: (val: string) => React.ReactNode;
|
|
19
21
|
/** Whether the search input is visible. */
|
|
20
22
|
isSearchable: boolean;
|
|
21
23
|
/** Whether options are loaded asynchronously. */
|
|
@@ -29,6 +29,7 @@ export declare function useSelectState(props: SingleSelectProps): {
|
|
|
29
29
|
testIdPrefix: string | undefined;
|
|
30
30
|
labelForValue: (val: string) => string;
|
|
31
31
|
renderOption: (val: string) => React.ReactNode;
|
|
32
|
+
renderTrigger: (val: string) => React.ReactNode;
|
|
32
33
|
flatOptionsMap: Map<string, import("src/components/Select/types").OptionBase>;
|
|
33
34
|
label: string;
|
|
34
35
|
error: string;
|
|
@@ -123,6 +123,14 @@ interface SelectSharedProps {
|
|
|
123
123
|
* String filtering still uses `option.label` for searchable behavior.
|
|
124
124
|
*/
|
|
125
125
|
formatOptionLabel?: (option: SelectOptionBase) => React.ReactNode;
|
|
126
|
+
/**
|
|
127
|
+
* Customize how the selected value is rendered in the trigger only. When
|
|
128
|
+
* provided, takes precedence over `formatOptionLabel` for the trigger;
|
|
129
|
+
* dropdown rows still use `formatOptionLabel` (or the default label).
|
|
130
|
+
* Single-select only. Useful when the trigger needs a compact representation
|
|
131
|
+
* (e.g. flag-only) while options show fuller content (flag + name).
|
|
132
|
+
*/
|
|
133
|
+
formatTriggerLabel?: (option: SelectOptionBase) => React.ReactNode;
|
|
126
134
|
}
|
|
127
135
|
interface SingleSelectProps extends SelectSharedProps {
|
|
128
136
|
/** When true, multiple values can be selected and the trigger shows chips. @default false */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { S as Select } from '../Select-
|
|
1
|
+
export { S as Select } from '../Select-C_lRHyd6.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../SelectFieldWrapper-CiBARDsn.js';
|
|
@@ -39,7 +39,7 @@ import 'react-i18next';
|
|
|
39
39
|
import '../loader-circle-DycHUAWN.js';
|
|
40
40
|
import '../label-BgLSVt4u.js';
|
|
41
41
|
import '../separator-ByRsc-y-.js';
|
|
42
|
-
import '../
|
|
42
|
+
import '../Combobox-_-p2WeU8.js';
|
|
43
43
|
import '../input-group-BKkj65Uq.js';
|
|
44
44
|
import '../input-1J5oQa1u.js';
|
|
45
45
|
import '../textarea-B0vzA497.js';
|
package/dist/components/index.js
CHANGED
|
@@ -19,7 +19,7 @@ export { P as Pagination } from '../Pagination-BRd3WPJ_.js';
|
|
|
19
19
|
export { P as Popover } from '../Popover-C1FNlRtU.js';
|
|
20
20
|
export { P as Progress } from '../Progress-DURemsl_.js';
|
|
21
21
|
export { R as RadioGroup } from '../RadioGroup-BRAVPPc3.js';
|
|
22
|
-
export { S as Select } from '../Select-
|
|
22
|
+
export { S as Select } from '../Select-C_lRHyd6.js';
|
|
23
23
|
export { S as Sheet } from '../Sheet-Bw8GVQPS.js';
|
|
24
24
|
export { S as Slider } from '../Slider-DNcH5X7b.js';
|
|
25
25
|
export { S as Spinner } from '../Spinner-DgV3mILN.js';
|
|
@@ -119,7 +119,7 @@ import '../primitives/HoverCard.js';
|
|
|
119
119
|
import '../primitives/Progress.js';
|
|
120
120
|
import '../primitives/RadioGroup.js';
|
|
121
121
|
import '../SelectFieldWrapper-CiBARDsn.js';
|
|
122
|
-
import '../
|
|
122
|
+
import '../Combobox-_-p2WeU8.js';
|
|
123
123
|
import '../with-selector-Dv0G_V_o.js';
|
|
124
124
|
import '../primitives/Sheet.js';
|
|
125
125
|
import '../sheet-BIqq9HBB.js';
|
package/dist/formik/Select.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useField, useFormikContext, getIn } from 'formik';
|
|
4
4
|
import { dissoc } from 'ramda';
|
|
5
|
-
import { S as Select } from '../Select-
|
|
5
|
+
import { S as Select } from '../Select-C_lRHyd6.js';
|
|
6
6
|
import '../SelectFieldWrapper-CiBARDsn.js';
|
|
7
7
|
import '../primitives/Field.js';
|
|
8
8
|
import '../HelpIcon-Cm3ZgoCx.js';
|
|
@@ -41,7 +41,7 @@ import 'react-i18next';
|
|
|
41
41
|
import '../loader-circle-DycHUAWN.js';
|
|
42
42
|
import '../label-BgLSVt4u.js';
|
|
43
43
|
import '../separator-ByRsc-y-.js';
|
|
44
|
-
import '../
|
|
44
|
+
import '../Combobox-_-p2WeU8.js';
|
|
45
45
|
import '../input-group-BKkj65Uq.js';
|
|
46
46
|
import '../input-1J5oQa1u.js';
|
|
47
47
|
import '../textarea-B0vzA497.js';
|
package/dist/formik/index.js
CHANGED
|
@@ -60,9 +60,9 @@ import '../textarea-B0vzA497.js';
|
|
|
60
60
|
import '../withIconSize-BonoFXeH.js';
|
|
61
61
|
import '../Textarea-B2Uhx-Yy.js';
|
|
62
62
|
import '../primitives/Textarea.js';
|
|
63
|
-
import '../Select-
|
|
63
|
+
import '../Select-C_lRHyd6.js';
|
|
64
64
|
import '../SelectFieldWrapper-CiBARDsn.js';
|
|
65
|
-
import '../
|
|
65
|
+
import '../Combobox-_-p2WeU8.js';
|
|
66
66
|
import '../chevron-down-BNi0ntys.js';
|
|
67
67
|
import '../check-Cpkv29p1.js';
|
|
68
68
|
import '../x-_o2T3n6D.js';
|
package/dist/index.js
CHANGED
|
@@ -25,7 +25,7 @@ export { P as Pagination } from './Pagination-BRd3WPJ_.js';
|
|
|
25
25
|
export { P as Popover } from './Popover-C1FNlRtU.js';
|
|
26
26
|
export { P as Progress } from './Progress-DURemsl_.js';
|
|
27
27
|
export { R as RadioGroup } from './RadioGroup-BRAVPPc3.js';
|
|
28
|
-
export { S as Select } from './Select-
|
|
28
|
+
export { S as Select } from './Select-C_lRHyd6.js';
|
|
29
29
|
export { S as Sheet } from './Sheet-Bw8GVQPS.js';
|
|
30
30
|
export { S as Slider } from './Slider-DNcH5X7b.js';
|
|
31
31
|
export { S as Spinner } from './Spinner-DgV3mILN.js';
|
|
@@ -124,7 +124,7 @@ import './primitives/HoverCard.js';
|
|
|
124
124
|
import './primitives/Progress.js';
|
|
125
125
|
import './primitives/RadioGroup.js';
|
|
126
126
|
import './SelectFieldWrapper-CiBARDsn.js';
|
|
127
|
-
import './
|
|
127
|
+
import './Combobox-_-p2WeU8.js';
|
|
128
128
|
import './with-selector-Dv0G_V_o.js';
|
|
129
129
|
import './primitives/Sheet.js';
|
|
130
130
|
import './sheet-BIqq9HBB.js';
|