@transferwise/components 0.0.0-experimental-a9ab536 → 0.0.0-experimental-3df0347
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/build/dateInput/DateInput.js +5 -12
- package/build/dateInput/DateInput.js.map +1 -1
- package/build/dateInput/DateInput.mjs +4 -11
- package/build/dateInput/DateInput.mjs.map +1 -1
- package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js +8 -16
- package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map +1 -1
- package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs +6 -14
- package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs.map +1 -1
- package/build/index.js +7 -14
- package/build/index.js.map +1 -1
- package/build/index.mjs +3 -10
- package/build/index.mjs.map +1 -1
- package/build/inputs/SelectInput.js +890 -0
- package/build/inputs/SelectInput.js.map +1 -0
- package/build/inputs/SelectInput.messages.js.map +1 -0
- package/build/inputs/SelectInput.messages.mjs.map +1 -0
- package/build/inputs/SelectInput.mjs +881 -0
- package/build/inputs/SelectInput.mjs.map +1 -0
- package/build/inputs/{SelectInput/BottomSheet/SelectInputBottomSheet.js → _BottomSheet.js} +7 -7
- package/build/inputs/_BottomSheet.js.map +1 -0
- package/build/inputs/{SelectInput/BottomSheet/SelectInputBottomSheet.mjs → _BottomSheet.mjs} +7 -7
- package/build/inputs/_BottomSheet.mjs.map +1 -0
- package/build/inputs/{SelectInput/ButtonInput/SelectInputButtonInput.js → _ButtonInput.js} +5 -5
- package/build/inputs/_ButtonInput.js.map +1 -0
- package/build/inputs/{SelectInput/ButtonInput/SelectInputButtonInput.mjs → _ButtonInput.mjs} +5 -5
- package/build/inputs/_ButtonInput.mjs.map +1 -0
- package/build/inputs/{SelectInput/Popover/SelectInputPopover.js → _Popover.js} +4 -4
- package/build/inputs/_Popover.js.map +1 -0
- package/build/inputs/{SelectInput/Popover/SelectInputPopover.mjs → _Popover.mjs} +4 -4
- package/build/inputs/_Popover.mjs.map +1 -0
- package/build/main.css +91 -91
- package/build/moneyInput/MoneyInput.js +2 -9
- package/build/moneyInput/MoneyInput.js.map +1 -1
- package/build/moneyInput/MoneyInput.mjs +1 -8
- package/build/moneyInput/MoneyInput.mjs.map +1 -1
- package/build/phoneNumberInput/PhoneNumberInput.js +3 -10
- package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
- package/build/phoneNumberInput/PhoneNumberInput.mjs +2 -9
- package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
- package/build/styles/main.css +91 -91
- package/build/styles/sentimentSurface/SentimentSurface.css +1 -1
- package/build/types/inputs/{SelectInput/SelectInput.types.d.ts → SelectInput.d.ts} +38 -12
- package/build/types/inputs/SelectInput.d.ts.map +1 -0
- package/build/types/inputs/SelectInput.messages.d.ts.map +1 -0
- package/build/types/inputs/{SelectInput/BottomSheet/SelectInputBottomSheet.d.ts → _BottomSheet.d.ts} +3 -3
- package/build/types/inputs/_BottomSheet.d.ts.map +1 -0
- package/build/types/inputs/_ButtonInput.d.ts +5 -0
- package/build/types/inputs/_ButtonInput.d.ts.map +1 -0
- package/build/types/inputs/{SelectInput/Popover/SelectInputPopover.d.ts → _Popover.d.ts} +3 -3
- package/build/types/inputs/_Popover.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/inputs/{SelectInput/_stories/SelectInput.docs.mdx → SelectInput.docs.mdx} +1 -0
- package/src/inputs/SelectInput.less +219 -0
- package/src/inputs/{SelectInput/_stories/SelectInput.story.tsx → SelectInput.story.tsx} +8 -11
- package/src/inputs/{SelectInput/_stories/SelectInput.test.story.tsx → SelectInput.test.story.tsx} +10 -5
- package/src/inputs/{SelectInput/SelectInput.test.tsx → SelectInput.test.tsx} +11 -9
- package/src/inputs/SelectInput.tsx +1269 -0
- package/src/inputs/{SelectInput/BottomSheet/SelectInputBottomSheet.tsx → _BottomSheet.tsx} +7 -7
- package/src/inputs/{SelectInput/ButtonInput/SelectInputButtonInput.tsx → _ButtonInput.tsx} +5 -5
- package/src/inputs/{SelectInput/Popover/SelectInputPopover.tsx → _Popover.tsx} +4 -4
- package/src/main.css +91 -91
- package/src/main.less +1 -1
- package/src/sentimentSurface/SentimentSurface.css +1 -1
- package/src/sentimentSurface/SentimentSurface.less +1 -1
- package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.js.map +0 -1
- package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.mjs.map +0 -1
- package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.js.map +0 -1
- package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.mjs.map +0 -1
- package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js +0 -27
- package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js.map +0 -1
- package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs +0 -25
- package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs.map +0 -1
- package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js +0 -59
- package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js.map +0 -1
- package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs +0 -56
- package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs.map +0 -1
- package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js +0 -50
- package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js.map +0 -1
- package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs +0 -48
- package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs.map +0 -1
- package/build/inputs/SelectInput/ItemView/SelectInputItemView.js +0 -47
- package/build/inputs/SelectInput/ItemView/SelectInputItemView.js.map +0 -1
- package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs +0 -45
- package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs.map +0 -1
- package/build/inputs/SelectInput/Option/SelectInputOption.js +0 -42
- package/build/inputs/SelectInput/Option/SelectInputOption.js.map +0 -1
- package/build/inputs/SelectInput/Option/SelectInputOption.mjs +0 -40
- package/build/inputs/SelectInput/Option/SelectInputOption.mjs.map +0 -1
- package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js +0 -40
- package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +0 -1
- package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +0 -38
- package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +0 -1
- package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js +0 -48
- package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js.map +0 -1
- package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs +0 -46
- package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs.map +0 -1
- package/build/inputs/SelectInput/Options/SelectInputOptions.js +0 -300
- package/build/inputs/SelectInput/Options/SelectInputOptions.js.map +0 -1
- package/build/inputs/SelectInput/Options/SelectInputOptions.mjs +0 -298
- package/build/inputs/SelectInput/Options/SelectInputOptions.mjs.map +0 -1
- package/build/inputs/SelectInput/Popover/SelectInputPopover.js.map +0 -1
- package/build/inputs/SelectInput/Popover/SelectInputPopover.mjs.map +0 -1
- package/build/inputs/SelectInput/SelectInput.contexts.js +0 -29
- package/build/inputs/SelectInput/SelectInput.contexts.js.map +0 -1
- package/build/inputs/SelectInput/SelectInput.contexts.mjs +0 -24
- package/build/inputs/SelectInput/SelectInput.contexts.mjs.map +0 -1
- package/build/inputs/SelectInput/SelectInput.js +0 -222
- package/build/inputs/SelectInput/SelectInput.js.map +0 -1
- package/build/inputs/SelectInput/SelectInput.messages.js.map +0 -1
- package/build/inputs/SelectInput/SelectInput.messages.mjs.map +0 -1
- package/build/inputs/SelectInput/SelectInput.mjs +0 -216
- package/build/inputs/SelectInput/SelectInput.mjs.map +0 -1
- package/build/inputs/SelectInput/SelectInput.utils.js +0 -164
- package/build/inputs/SelectInput/SelectInput.utils.js.map +0 -1
- package/build/inputs/SelectInput/SelectInput.utils.mjs +0 -154
- package/build/inputs/SelectInput/SelectInput.utils.mjs.map +0 -1
- package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js +0 -43
- package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map +0 -1
- package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs +0 -37
- package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs.map +0 -1
- package/build/styles/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +0 -96
- package/build/styles/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +0 -16
- package/build/styles/inputs/SelectInput/ClearButton/SelectInputClearButton.css +0 -46
- package/build/styles/inputs/SelectInput/ItemView/SelectInputItemView.css +0 -16
- package/build/styles/inputs/SelectInput/Option/SelectInputOption.css +0 -33
- package/build/styles/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
- package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css +0 -81
- package/build/styles/inputs/SelectInput/Popover/SelectInputPopover.css +0 -46
- package/build/types/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/BottomSheet/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/BottomSheet/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts +0 -5
- package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ButtonInput/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/ButtonInput/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts +0 -7
- package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ClearButton/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/ClearButton/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts +0 -16
- package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts +0 -2
- package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts +0 -12
- package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts +0 -14
- package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/ItemView/index.d.ts +0 -4
- package/build/types/inputs/SelectInput/ItemView/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts +0 -14
- package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Option/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/Option/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +0 -16
- package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/OptionContent/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/OptionContent/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts +0 -12
- package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts +0 -21
- package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Options/index.d.ts +0 -4
- package/build/types/inputs/SelectInput/Options/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Popover/SelectInputPopover.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/Popover/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/Popover/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts +0 -33
- package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/SelectInput.d.ts +0 -10
- package/build/types/inputs/SelectInput/SelectInput.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/SelectInput.messages.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/SelectInput.types.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/SelectInput.utils.d.ts +0 -61
- package/build/types/inputs/SelectInput/SelectInput.utils.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts +0 -18
- package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/TriggerButton/index.d.ts +0 -3
- package/build/types/inputs/SelectInput/TriggerButton/index.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/components.d.ts +0 -10
- package/build/types/inputs/SelectInput/components.d.ts.map +0 -1
- package/build/types/inputs/SelectInput/index.d.ts +0 -12
- package/build/types/inputs/SelectInput/index.d.ts.map +0 -1
- package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +0 -96
- package/src/inputs/SelectInput/BottomSheet/index.ts +0 -2
- package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +0 -16
- package/src/inputs/SelectInput/ButtonInput/index.ts +0 -2
- package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +0 -46
- package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.less +0 -40
- package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.tsx +0 -29
- package/src/inputs/SelectInput/ClearButton/index.ts +0 -2
- package/src/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.tsx +0 -74
- package/src/inputs/SelectInput/DefaultRenderTrigger/index.ts +0 -5
- package/src/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.tsx +0 -64
- package/src/inputs/SelectInput/ItemView/GroupItemView/index.ts +0 -2
- package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +0 -16
- package/src/inputs/SelectInput/ItemView/SelectInputItemView.less +0 -17
- package/src/inputs/SelectInput/ItemView/SelectInputItemView.tsx +0 -51
- package/src/inputs/SelectInput/ItemView/index.ts +0 -3
- package/src/inputs/SelectInput/Option/SelectInputOption.css +0 -33
- package/src/inputs/SelectInput/Option/SelectInputOption.less +0 -32
- package/src/inputs/SelectInput/Option/SelectInputOption.tsx +0 -60
- package/src/inputs/SelectInput/Option/index.ts +0 -2
- package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
- package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.less +0 -38
- package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +0 -75
- package/src/inputs/SelectInput/OptionContent/index.ts +0 -2
- package/src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx +0 -62
- package/src/inputs/SelectInput/Options/OptionsContainer/index.ts +0 -2
- package/src/inputs/SelectInput/Options/SelectInputOptions.css +0 -81
- package/src/inputs/SelectInput/Options/SelectInputOptions.less +0 -77
- package/src/inputs/SelectInput/Options/SelectInputOptions.tsx +0 -418
- package/src/inputs/SelectInput/Options/index.ts +0 -3
- package/src/inputs/SelectInput/Popover/SelectInputPopover.css +0 -46
- package/src/inputs/SelectInput/Popover/index.ts +0 -2
- package/src/inputs/SelectInput/SelectInput.contexts.tsx +0 -40
- package/src/inputs/SelectInput/SelectInput.less +0 -22
- package/src/inputs/SelectInput/SelectInput.tsx +0 -258
- package/src/inputs/SelectInput/SelectInput.types.ts +0 -113
- package/src/inputs/SelectInput/SelectInput.utils.ts +0 -206
- package/src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx +0 -44
- package/src/inputs/SelectInput/TriggerButton/index.ts +0 -5
- package/src/inputs/SelectInput/components.ts +0 -10
- package/src/inputs/SelectInput/index.ts +0 -14
- package/build/inputs/{SelectInput/SelectInput.messages.js → SelectInput.messages.js} +0 -0
- package/build/inputs/{SelectInput/SelectInput.messages.mjs → SelectInput.messages.mjs} +0 -0
- package/{src/inputs/SelectInput → build/styles/inputs}/SelectInput.css +90 -90
- package/build/types/inputs/{SelectInput/SelectInput.messages.d.ts → SelectInput.messages.d.ts} +0 -0
- package/{build/styles/inputs/SelectInput → src/inputs}/SelectInput.css +90 -90
- /package/src/inputs/{SelectInput/SelectInput.messages.ts → SelectInput.messages.ts} +0 -0
- /package/src/inputs/{SelectInput/BottomSheet/SelectInputBottomSheet.less → _BottomSheet.less} +0 -0
- /package/src/inputs/{SelectInput/ButtonInput/SelectInputButtonInput.less → _ButtonInput.less} +0 -0
- /package/src/inputs/{SelectInput/Popover/SelectInputPopover.less → _Popover.less} +0 -0
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var react = require('@headlessui/react');
|
|
4
|
-
var mergeProps = require('merge-props');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var PolymorphicWithOverrides = require('../../../common/polymorphicWithOverrides/PolymorphicWithOverrides.js');
|
|
7
|
-
var SelectInput_contexts = require('../SelectInput.contexts.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
|
|
10
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
|
|
12
|
-
var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
|
|
13
|
-
|
|
14
|
-
function SelectInputTriggerButton({
|
|
15
|
-
as = 'button',
|
|
16
|
-
...restProps
|
|
17
|
-
}) {
|
|
18
|
-
const {
|
|
19
|
-
ref,
|
|
20
|
-
onClick,
|
|
21
|
-
onKeyDown,
|
|
22
|
-
size,
|
|
23
|
-
...interactionProps
|
|
24
|
-
} = React.useContext(SelectInput_contexts.SelectInputTriggerButtonPropsContext);
|
|
25
|
-
return /*#__PURE__*/jsxRuntime.jsx(react.ListboxButton, {
|
|
26
|
-
ref: ref,
|
|
27
|
-
as: PolymorphicWithOverrides.PolymorphicWithOverrides,
|
|
28
|
-
role: "combobox",
|
|
29
|
-
__overrides: {
|
|
30
|
-
as,
|
|
31
|
-
size,
|
|
32
|
-
...interactionProps
|
|
33
|
-
},
|
|
34
|
-
...mergeProps__default.default({
|
|
35
|
-
onClick,
|
|
36
|
-
onKeyDown
|
|
37
|
-
}, restProps)
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
// Types are already exported above
|
|
41
|
-
|
|
42
|
-
exports.SelectInputTriggerButton = SelectInputTriggerButton;
|
|
43
|
-
//# sourceMappingURL=SelectInputTriggerButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputTriggerButton.js","sources":["../../../../src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"sourcesContent":["import { ListboxButton } from '@headlessui/react';\nimport mergeProps from 'merge-props';\nimport { useContext } from 'react';\nimport { PolymorphicWithOverrides } from '../../../common/polymorphicWithOverrides/PolymorphicWithOverrides';\nimport { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts';\nimport { Merge } from '../../../utils';\n\n/**\n * Type for the trigger button element.\n */\nexport type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;\n\n/**\n * Props for the SelectInputTriggerButton component.\n */\nexport type SelectInputTriggerButtonProps<\n T extends SelectInputTriggerButtonElementType = 'button',\n> = Merge<React.ComponentPropsWithoutRef<T>, { as?: T }>;\n\n/**\n * The trigger button component for SelectInput.\n * Uses Headless UI's ListboxButton with polymorphic support to allow\n * rendering as different element types.\n */\nexport function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({\n as = 'button' as T,\n ...restProps\n}: SelectInputTriggerButtonProps<T>) {\n const { ref, onClick, onKeyDown, size, ...interactionProps } = useContext(\n SelectInputTriggerButtonPropsContext,\n );\n\n return (\n <ListboxButton\n ref={ref}\n as={PolymorphicWithOverrides}\n role=\"combobox\"\n __overrides={{ as, size, ...interactionProps } as Record<string, unknown>}\n {...mergeProps({ onClick, onKeyDown }, restProps)}\n />\n );\n}\n\n// Types are already exported above\n"],"names":["SelectInputTriggerButton","as","restProps","ref","onClick","onKeyDown","size","interactionProps","useContext","SelectInputTriggerButtonPropsContext","_jsx","ListboxButton","PolymorphicWithOverrides","role","__overrides","mergeProps"],"mappings":";;;;;;;;;;;;;AAwBM,SAAUA,wBAAwBA,CAA2D;AACjGC,EAAAA,EAAE,GAAG,QAAa;EAClB,GAAGC;AAAS,CACqB,EAAA;EACjC,MAAM;IAAEC,GAAG;IAAEC,OAAO;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;AAAgB,GAAE,GAAGC,gBAAU,CACvEC,yDAAoC,CACrC;EAED,oBACEC,cAAA,CAACC,mBAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,EAAE,EAAEW,iDAAyB;AAC7BC,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,WAAW,EAAE;MAAEb,EAAE;MAAEK,IAAI;MAAE,GAAGC;KAA8C;AAAA,IAAA,GACtEQ,2BAAU,CAAC;MAAEX,OAAO;AAAEC,MAAAA;AAAS,KAAE,EAAEH,SAAS;AAAC,GAAC,CAClD;AAEN;AAEA;;;;"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { ListboxButton } from '@headlessui/react';
|
|
2
|
-
import mergeProps from 'merge-props';
|
|
3
|
-
import { useContext } from 'react';
|
|
4
|
-
import { PolymorphicWithOverrides } from '../../../common/polymorphicWithOverrides/PolymorphicWithOverrides.mjs';
|
|
5
|
-
import { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts.mjs';
|
|
6
|
-
import { jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
function SelectInputTriggerButton({
|
|
9
|
-
as = 'button',
|
|
10
|
-
...restProps
|
|
11
|
-
}) {
|
|
12
|
-
const {
|
|
13
|
-
ref,
|
|
14
|
-
onClick,
|
|
15
|
-
onKeyDown,
|
|
16
|
-
size,
|
|
17
|
-
...interactionProps
|
|
18
|
-
} = useContext(SelectInputTriggerButtonPropsContext);
|
|
19
|
-
return /*#__PURE__*/jsx(ListboxButton, {
|
|
20
|
-
ref: ref,
|
|
21
|
-
as: PolymorphicWithOverrides,
|
|
22
|
-
role: "combobox",
|
|
23
|
-
__overrides: {
|
|
24
|
-
as,
|
|
25
|
-
size,
|
|
26
|
-
...interactionProps
|
|
27
|
-
},
|
|
28
|
-
...mergeProps({
|
|
29
|
-
onClick,
|
|
30
|
-
onKeyDown
|
|
31
|
-
}, restProps)
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
// Types are already exported above
|
|
35
|
-
|
|
36
|
-
export { SelectInputTriggerButton };
|
|
37
|
-
//# sourceMappingURL=SelectInputTriggerButton.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputTriggerButton.mjs","sources":["../../../../src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"sourcesContent":["import { ListboxButton } from '@headlessui/react';\nimport mergeProps from 'merge-props';\nimport { useContext } from 'react';\nimport { PolymorphicWithOverrides } from '../../../common/polymorphicWithOverrides/PolymorphicWithOverrides';\nimport { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts';\nimport { Merge } from '../../../utils';\n\n/**\n * Type for the trigger button element.\n */\nexport type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;\n\n/**\n * Props for the SelectInputTriggerButton component.\n */\nexport type SelectInputTriggerButtonProps<\n T extends SelectInputTriggerButtonElementType = 'button',\n> = Merge<React.ComponentPropsWithoutRef<T>, { as?: T }>;\n\n/**\n * The trigger button component for SelectInput.\n * Uses Headless UI's ListboxButton with polymorphic support to allow\n * rendering as different element types.\n */\nexport function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({\n as = 'button' as T,\n ...restProps\n}: SelectInputTriggerButtonProps<T>) {\n const { ref, onClick, onKeyDown, size, ...interactionProps } = useContext(\n SelectInputTriggerButtonPropsContext,\n );\n\n return (\n <ListboxButton\n ref={ref}\n as={PolymorphicWithOverrides}\n role=\"combobox\"\n __overrides={{ as, size, ...interactionProps } as Record<string, unknown>}\n {...mergeProps({ onClick, onKeyDown }, restProps)}\n />\n );\n}\n\n// Types are already exported above\n"],"names":["SelectInputTriggerButton","as","restProps","ref","onClick","onKeyDown","size","interactionProps","useContext","SelectInputTriggerButtonPropsContext","_jsx","ListboxButton","PolymorphicWithOverrides","role","__overrides","mergeProps"],"mappings":";;;;;;;AAwBM,SAAUA,wBAAwBA,CAA2D;AACjGC,EAAAA,EAAE,GAAG,QAAa;EAClB,GAAGC;AAAS,CACqB,EAAA;EACjC,MAAM;IAAEC,GAAG;IAAEC,OAAO;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;AAAgB,GAAE,GAAGC,UAAU,CACvEC,oCAAoC,CACrC;EAED,oBACEC,GAAA,CAACC,aAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,EAAE,EAAEW,wBAAyB;AAC7BC,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,WAAW,EAAE;MAAEb,EAAE;MAAEK,IAAI;MAAE,GAAGC;KAA8C;AAAA,IAAA,GACtEQ,UAAU,CAAC;MAAEX,OAAO;AAAEC,MAAAA;AAAS,KAAE,EAAEH,SAAS;AAAC,GAAC,CAClD;AAEN;AAEA;;;;"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
.np-bottom-sheet-v2-container {
|
|
2
|
-
position: relative;
|
|
3
|
-
z-index: 1060;
|
|
4
|
-
}
|
|
5
|
-
.np-bottom-sheet-v2-backdrop {
|
|
6
|
-
position: fixed;
|
|
7
|
-
inset: 0px;
|
|
8
|
-
background-color: #37517e;
|
|
9
|
-
background-color: var(--color-content-primary);
|
|
10
|
-
opacity: 0.4;
|
|
11
|
-
transition-property: opacity;
|
|
12
|
-
transition-timing-function: ease-out;
|
|
13
|
-
transition-duration: 300ms;
|
|
14
|
-
}
|
|
15
|
-
.np-bottom-sheet-v2-backdrop--closed {
|
|
16
|
-
opacity: 0;
|
|
17
|
-
}
|
|
18
|
-
.np-bottom-sheet-v2 {
|
|
19
|
-
position: fixed;
|
|
20
|
-
inset: 0px;
|
|
21
|
-
bottom: env(keyboard-inset-height, 0px);
|
|
22
|
-
margin-left: 8px;
|
|
23
|
-
margin-left: var(--size-8);
|
|
24
|
-
margin-right: 8px;
|
|
25
|
-
margin-right: var(--size-8);
|
|
26
|
-
margin-top: 64px;
|
|
27
|
-
margin-top: var(--size-64);
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
justify-content: flex-end;
|
|
31
|
-
}
|
|
32
|
-
.np-bottom-sheet-v2-content {
|
|
33
|
-
display: flex;
|
|
34
|
-
flex-direction: column;
|
|
35
|
-
overflow: auto;
|
|
36
|
-
border-top-left-radius: 32px;
|
|
37
|
-
/* TODO: Tokenize */
|
|
38
|
-
border-top-right-radius: 32px;
|
|
39
|
-
/* TODO: Tokenize */
|
|
40
|
-
background-color: #ffffff;
|
|
41
|
-
background-color: var(--color-background-elevated);
|
|
42
|
-
box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
|
|
43
|
-
}
|
|
44
|
-
.np-bottom-sheet-v2-content:focus {
|
|
45
|
-
outline: none;
|
|
46
|
-
}
|
|
47
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
48
|
-
.np-bottom-sheet-v2-content {
|
|
49
|
-
transition-property: transform;
|
|
50
|
-
transition-timing-function: ease-out;
|
|
51
|
-
transition-duration: 300ms;
|
|
52
|
-
}
|
|
53
|
-
.np-bottom-sheet-v2-content--closed {
|
|
54
|
-
transform: translateY(100%);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
@media (prefers-reduced-motion: reduce) {
|
|
58
|
-
.np-bottom-sheet-v2-content {
|
|
59
|
-
transition-property: opacity;
|
|
60
|
-
transition-timing-function: ease-out;
|
|
61
|
-
transition-duration: 300ms;
|
|
62
|
-
}
|
|
63
|
-
.np-bottom-sheet-v2-content--closed {
|
|
64
|
-
opacity: 0;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
.np-bottom-sheet-v2-header {
|
|
68
|
-
align-self: flex-end;
|
|
69
|
-
padding: 16px;
|
|
70
|
-
padding: var(--size-16);
|
|
71
|
-
}
|
|
72
|
-
.np-bottom-sheet-v2-content-inner {
|
|
73
|
-
display: grid;
|
|
74
|
-
grid-template-rows: minmax(0, 1fr);
|
|
75
|
-
grid-row-gap: 8px;
|
|
76
|
-
grid-row-gap: var(--size-8);
|
|
77
|
-
row-gap: 8px;
|
|
78
|
-
row-gap: var(--size-8);
|
|
79
|
-
overflow: auto;
|
|
80
|
-
}
|
|
81
|
-
.np-bottom-sheet-v2-content-inner--has-title {
|
|
82
|
-
grid-template-rows: auto minmax(0, 1fr);
|
|
83
|
-
}
|
|
84
|
-
.np-bottom-sheet-v2-content-inner--padding-md {
|
|
85
|
-
padding: 16px;
|
|
86
|
-
padding: var(--size-16);
|
|
87
|
-
padding-top: 0px;
|
|
88
|
-
}
|
|
89
|
-
.np-bottom-sheet-v2-title {
|
|
90
|
-
color: #37517e;
|
|
91
|
-
color: var(--color-content-primary);
|
|
92
|
-
}
|
|
93
|
-
.np-bottom-sheet-v2-body {
|
|
94
|
-
color: #5d7079;
|
|
95
|
-
color: var(--color-content-secondary);
|
|
96
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
.np-button-input {
|
|
2
|
-
display: inline-grid;
|
|
3
|
-
grid-auto-columns: minmax(0, 1fr);
|
|
4
|
-
align-content: center;
|
|
5
|
-
border-radius: 10px;
|
|
6
|
-
border-radius: var(--size-10);
|
|
7
|
-
text-align: start;
|
|
8
|
-
}
|
|
9
|
-
.np-button-input:has(.np-select-input-option-description-in-trigger) {
|
|
10
|
-
height: auto !important;
|
|
11
|
-
align-content: start;
|
|
12
|
-
padding-top: 12px !important;
|
|
13
|
-
padding-top: var(--size-12) !important;
|
|
14
|
-
padding-bottom: 12px !important;
|
|
15
|
-
padding-bottom: var(--size-12) !important;
|
|
16
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
.np-select-input-addon-container {
|
|
2
|
-
pointer-events: none;
|
|
3
|
-
margin-inline-start: 4px;
|
|
4
|
-
margin-inline-start: var(--size-4);
|
|
5
|
-
display: inline-flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
}
|
|
8
|
-
.np-select-input-addon-container > :not([hidden]) ~ :not([hidden]) {
|
|
9
|
-
margin-inline-start: 4px;
|
|
10
|
-
margin-inline-start: var(--size-4);
|
|
11
|
-
}
|
|
12
|
-
.np-select-input-addon {
|
|
13
|
-
border-width: 0;
|
|
14
|
-
background: none;
|
|
15
|
-
display: inline-flex;
|
|
16
|
-
height: 24px;
|
|
17
|
-
height: var(--size-24);
|
|
18
|
-
width: 24px;
|
|
19
|
-
width: var(--size-24);
|
|
20
|
-
align-items: center;
|
|
21
|
-
justify-content: center;
|
|
22
|
-
border-radius: 0.125rem /* 2px */;
|
|
23
|
-
/* TODO: Tokenize */
|
|
24
|
-
}
|
|
25
|
-
.np-select-input-addon--interactive {
|
|
26
|
-
pointer-events: auto;
|
|
27
|
-
color: #c9cbce;
|
|
28
|
-
color: var(--color-interactive-secondary);
|
|
29
|
-
}
|
|
30
|
-
.np-select-input-addon--interactive:hover {
|
|
31
|
-
color: #b5b7ba;
|
|
32
|
-
color: var(--color-interactive-secondary-hover);
|
|
33
|
-
}
|
|
34
|
-
.np-select-input-addon--interactive:focus {
|
|
35
|
-
outline: none;
|
|
36
|
-
}
|
|
37
|
-
.np-select-input-addon--interactive:focus-visible {
|
|
38
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
39
|
-
outline-offset: var(--ring-outline-offset);
|
|
40
|
-
}
|
|
41
|
-
.np-select-input-addon-separator {
|
|
42
|
-
height: 24px;
|
|
43
|
-
height: var(--size-24);
|
|
44
|
-
border-inline-start: 1px solid rgba(0,0,0,0.10196);
|
|
45
|
-
border-inline-start: 1px solid var(--color-border-neutral);
|
|
46
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
.np-select-input-group-item--without-needle:first-child {
|
|
2
|
-
margin-top: calc(-1 * 8px);
|
|
3
|
-
margin-top: calc(-1 * var(--size-8));
|
|
4
|
-
}
|
|
5
|
-
.np-select-input-group-item-header {
|
|
6
|
-
position: sticky;
|
|
7
|
-
top: 0px;
|
|
8
|
-
z-index: 10;
|
|
9
|
-
background-color: #ffffff;
|
|
10
|
-
background-color: var(--color-background-elevated);
|
|
11
|
-
}
|
|
12
|
-
.np-select-input-separator-item {
|
|
13
|
-
margin: 8px;
|
|
14
|
-
margin: var(--size-8);
|
|
15
|
-
border-top-width: 1px;
|
|
16
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
.np-select-input-option-container {
|
|
2
|
-
display: flex;
|
|
3
|
-
cursor: default;
|
|
4
|
-
-webkit-user-select: none;
|
|
5
|
-
-moz-user-select: none;
|
|
6
|
-
user-select: none;
|
|
7
|
-
align-items: center;
|
|
8
|
-
-moz-column-gap: 8px;
|
|
9
|
-
column-gap: 8px;
|
|
10
|
-
-moz-column-gap: var(--size-8);
|
|
11
|
-
column-gap: var(--size-8);
|
|
12
|
-
border-radius: 10px;
|
|
13
|
-
border-radius: var(--radius-small);
|
|
14
|
-
padding: 12px 16px;
|
|
15
|
-
padding: var(--size-12) var(--size-16);
|
|
16
|
-
color: var(--color-interactive-primary);
|
|
17
|
-
}
|
|
18
|
-
.np-select-input-option-container:focus {
|
|
19
|
-
outline: none;
|
|
20
|
-
}
|
|
21
|
-
.np-select-input-option-container--active {
|
|
22
|
-
box-shadow: inset 0 0 0 1px #c9cbce;
|
|
23
|
-
box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
|
|
24
|
-
}
|
|
25
|
-
.np-select-input-option-container--disabled {
|
|
26
|
-
opacity: 0.45;
|
|
27
|
-
}
|
|
28
|
-
.np-select-input-option-check--not-selected {
|
|
29
|
-
visibility: hidden;
|
|
30
|
-
}
|
|
31
|
-
.np-select-input-option {
|
|
32
|
-
flex: 1;
|
|
33
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
.np-select-input-option-content-container {
|
|
2
|
-
display: flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
-moz-column-gap: 8px;
|
|
5
|
-
column-gap: 8px;
|
|
6
|
-
-moz-column-gap: var(--size-8);
|
|
7
|
-
column-gap: var(--size-8);
|
|
8
|
-
color: #37517e;
|
|
9
|
-
color: var(--color-content-primary);
|
|
10
|
-
}
|
|
11
|
-
.np-select-input-option-content-icon {
|
|
12
|
-
display: flex;
|
|
13
|
-
}
|
|
14
|
-
.np-select-input-option-content-icon--not-within-trigger {
|
|
15
|
-
align-self: flex-start;
|
|
16
|
-
}
|
|
17
|
-
.np-select-input-option-content-text {
|
|
18
|
-
display: flex;
|
|
19
|
-
flex: 1;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
overflow: hidden;
|
|
22
|
-
}
|
|
23
|
-
.np-select-input-option-content-text-secondary {
|
|
24
|
-
color: #5d7079;
|
|
25
|
-
color: var(--color-content-secondary);
|
|
26
|
-
}
|
|
27
|
-
.np-select-input-option-content-text-within-trigger {
|
|
28
|
-
overflow: hidden;
|
|
29
|
-
text-overflow: ellipsis;
|
|
30
|
-
white-space: nowrap;
|
|
31
|
-
}
|
|
32
|
-
.np-select-input-option-content-text-line-1 > :not([hidden]) ~ :not([hidden]) {
|
|
33
|
-
margin-right: 8px;
|
|
34
|
-
margin-right: var(--size-8);
|
|
35
|
-
margin-left: 8px;
|
|
36
|
-
margin-left: var(--size-8);
|
|
37
|
-
}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
.np-select-input-options-container {
|
|
2
|
-
display: flex;
|
|
3
|
-
height: 100%;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
}
|
|
6
|
-
.np-select-input-options-container:focus {
|
|
7
|
-
outline: none;
|
|
8
|
-
}
|
|
9
|
-
@media (min-width: 576px) {
|
|
10
|
-
.np-select-input-options-container {
|
|
11
|
-
max-height: 28rem /* 448px */;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
.np-select-input-options-status {
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
-moz-column-gap: 8px;
|
|
18
|
-
column-gap: 8px;
|
|
19
|
-
-moz-column-gap: var(--size-8);
|
|
20
|
-
column-gap: var(--size-8);
|
|
21
|
-
padding: 8px 24px 0px;
|
|
22
|
-
padding: var(--size-8) var(--size-24) 0px;
|
|
23
|
-
}
|
|
24
|
-
.np-select-input-options-status-icon {
|
|
25
|
-
padding: 0 4px;
|
|
26
|
-
padding: 0 var(--size-4);
|
|
27
|
-
color: #768e9c;
|
|
28
|
-
color: var(--color-content-tertiary);
|
|
29
|
-
}
|
|
30
|
-
.np-select-input-query-container {
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
padding: 8px;
|
|
34
|
-
padding: var(--size-8);
|
|
35
|
-
}
|
|
36
|
-
.np-select-input-listbox-container {
|
|
37
|
-
position: relative;
|
|
38
|
-
height: var(--initial-height);
|
|
39
|
-
scroll-padding-top: 8px;
|
|
40
|
-
scroll-padding-top: var(--size-8);
|
|
41
|
-
scroll-padding-bottom: 8px;
|
|
42
|
-
scroll-padding-bottom: var(--size-8);
|
|
43
|
-
overflow-y: auto;
|
|
44
|
-
}
|
|
45
|
-
@media (min-width: 576px) {
|
|
46
|
-
.np-select-input-listbox-container {
|
|
47
|
-
height: auto;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
.np-select-input-listbox-container--virtualized {
|
|
51
|
-
/* The wrapping element shrinks this as needed */
|
|
52
|
-
height: 100vh;
|
|
53
|
-
}
|
|
54
|
-
.np-select-input-listbox-container--has-group {
|
|
55
|
-
scroll-padding-top: 32px;
|
|
56
|
-
scroll-padding-top: var(--size-32);
|
|
57
|
-
}
|
|
58
|
-
.np-select-input-listbox {
|
|
59
|
-
border-radius: 10px;
|
|
60
|
-
border-radius: var(--radius-small);
|
|
61
|
-
padding: 8px;
|
|
62
|
-
padding: var(--size-8);
|
|
63
|
-
--ring-outline-offset: calc(-1 * var(--ring-outline-width));
|
|
64
|
-
}
|
|
65
|
-
.np-select-input-listbox:focus {
|
|
66
|
-
outline: none;
|
|
67
|
-
}
|
|
68
|
-
.np-select-input-listbox:focus-visible {
|
|
69
|
-
outline: var(--ring-outline-color) solid var(--ring-outline-width);
|
|
70
|
-
outline-offset: var(--ring-outline-offset);
|
|
71
|
-
}
|
|
72
|
-
.np-select-input-listbox-container--virtualized .np-select-input-listbox {
|
|
73
|
-
/* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
|
|
74
|
-
overflow-y: auto;
|
|
75
|
-
contain: strict;
|
|
76
|
-
height: 100%;
|
|
77
|
-
}
|
|
78
|
-
.np-select-input-footer {
|
|
79
|
-
padding: 4px 24px 16px;
|
|
80
|
-
padding: var(--size-4) var(--size-24) var(--size-16);
|
|
81
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
.np-popover-v2-container {
|
|
2
|
-
z-index: 1060;
|
|
3
|
-
display: flex;
|
|
4
|
-
max-height: var(--max-height);
|
|
5
|
-
width: var(--width);
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
border-radius: 10px;
|
|
9
|
-
border-radius: var(--radius-small);
|
|
10
|
-
background-color: #ffffff;
|
|
11
|
-
background-color: var(--color-background-elevated);
|
|
12
|
-
box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
|
|
13
|
-
}
|
|
14
|
-
.np-popover-v2-container--size-md {
|
|
15
|
-
min-width: 20rem;
|
|
16
|
-
}
|
|
17
|
-
.np-popover-v2-container--size-lg {
|
|
18
|
-
min-width: 24rem;
|
|
19
|
-
}
|
|
20
|
-
.np-popover-v2-container:focus {
|
|
21
|
-
outline: none;
|
|
22
|
-
}
|
|
23
|
-
.np-popover-v2 {
|
|
24
|
-
display: grid;
|
|
25
|
-
grid-row-gap: 8px;
|
|
26
|
-
grid-row-gap: var(--size-8);
|
|
27
|
-
row-gap: 8px;
|
|
28
|
-
row-gap: var(--size-8);
|
|
29
|
-
overflow-y: auto;
|
|
30
|
-
grid-template-rows: minmax(0, 1fr);
|
|
31
|
-
}
|
|
32
|
-
.np-popover-v2--has-title {
|
|
33
|
-
grid-template-rows: auto minmax(0, 1fr);
|
|
34
|
-
}
|
|
35
|
-
.np-popover-v2--padding-md {
|
|
36
|
-
padding: 16px;
|
|
37
|
-
padding: var(--size-16);
|
|
38
|
-
}
|
|
39
|
-
.np-popover-v2-title {
|
|
40
|
-
color: #37517e;
|
|
41
|
-
color: var(--color-content-primary);
|
|
42
|
-
}
|
|
43
|
-
.np-popover-v2-content {
|
|
44
|
-
color: #5d7079;
|
|
45
|
-
color: var(--color-content-secondary);
|
|
46
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputBottomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,2BAA2B,+BA4F7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/BottomSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export interface SelectInputButtonInputProps extends React.ComponentPropsWithRef<'button'> {
|
|
2
|
-
size?: 'sm' | 'md' | 'lg';
|
|
3
|
-
}
|
|
4
|
-
export declare const SelectInputButtonInput: import("react").ForwardRefExoticComponent<Omit<SelectInputButtonInputProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
|
|
5
|
-
//# sourceMappingURL=SelectInputButtonInput.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputButtonInput.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IACxF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,sBAAsB,+IAejC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ButtonInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export interface SelectInputClearButtonProps extends Pick<React.ComponentPropsWithoutRef<'button'>, 'className' | 'onClick'> {
|
|
2
|
-
}
|
|
3
|
-
/**
|
|
4
|
-
* A button component used to clear the selected value in a SelectInput.
|
|
5
|
-
*/
|
|
6
|
-
export declare function SelectInputClearButton({ className, onClick }: SelectInputClearButtonProps): import("react").JSX.Element;
|
|
7
|
-
//# sourceMappingURL=SelectInputClearButton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputClearButton.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ClearButton/SelectInputClearButton.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACvD,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,WAAW,GAAG,SAAS,CACxB;CAAG;AAEJ;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,2BAA2B,+BAazF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ClearButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}
|
package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface SelectInputDefaultRenderTriggerProps {
|
|
3
|
-
content: React.ReactNode;
|
|
4
|
-
placeholderShown: boolean;
|
|
5
|
-
clear: (() => void) | undefined;
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
size: 'sm' | 'md' | 'lg';
|
|
8
|
-
className: string | undefined;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Default render function for the SelectInput trigger.
|
|
12
|
-
* Displays the selected value or placeholder with clear button and dropdown indicator.
|
|
13
|
-
*/
|
|
14
|
-
export declare function SelectInputDefaultRenderTrigger({ content, placeholderShown, clear, disabled, size, className, }: SelectInputDefaultRenderTriggerProps): React.JSX.Element;
|
|
15
|
-
export declare const DefaultRenderTrigger: typeof SelectInputDefaultRenderTrigger;
|
|
16
|
-
//# sourceMappingURL=SelectInputDefaultRenderTrigger.d.ts.map
|
package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputDefaultRenderTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,oCAAoC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,OAAO,EACP,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE,oCAAoC,qBAwCtC;AAED,eAAO,MAAM,oBAAoB,wCAC4C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/DefaultRenderTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+BAA+B,EAC/B,oBAAoB,EACpB,KAAK,oCAAoC,GAC1C,MAAM,mCAAmC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { SelectInputGroupItem } from '../../SelectInput.types';
|
|
2
|
-
import { SelectInputItemViewProps } from '..';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the SelectInputGroupItemView component.
|
|
5
|
-
*/
|
|
6
|
-
export interface SelectInputGroupItemViewProps<T = string> extends SelectInputItemViewProps<T, SelectInputGroupItem<T | undefined>> {
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Component that renders a group of SelectInput options with a header.
|
|
10
|
-
*/
|
|
11
|
-
export declare function SelectInputGroupItemView<T = string>({ item, renderValue, needle, }: SelectInputGroupItemViewProps<T>): import("react").JSX.Element;
|
|
12
|
-
//# sourceMappingURL=SelectInputGroupItemView.d.ts.map
|
package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputGroupItemView.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAuB,wBAAwB,EAAE,MAAM,IAAI,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,6BAA6B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,wBAAwB,CACzF,CAAC,EACD,oBAAoB,CAAC,CAAC,GAAG,SAAS,CAAC,CACpC;CAAG;AAEJ;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,GAAG,MAAM,EAAE,EACnD,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BAyClC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/ItemView/GroupItemView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { SelectInputItem, SelectInputProps } from '../SelectInput.types';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the SelectInputItemView component.
|
|
4
|
-
*/
|
|
5
|
-
export interface SelectInputItemViewProps<T = string, I extends SelectInputItem<T | undefined> = SelectInputItem<T | undefined>> extends Required<Pick<SelectInputProps<T>, 'renderValue'>> {
|
|
6
|
-
item: I;
|
|
7
|
-
needle: string | null | undefined;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Component that renders different types of SelectInput items:
|
|
11
|
-
* options, groups, or separators.
|
|
12
|
-
*/
|
|
13
|
-
export declare function SelectInputItemView<T = string>({ item, renderValue, needle, }: SelectInputItemViewProps<T>): import("react").JSX.Element | null;
|
|
14
|
-
//# sourceMappingURL=SelectInputItemView.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputItemView.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ItemView/SelectInputItemView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIzE;;GAEG;AACH,MAAM,WAAW,wBAAwB,CACvC,CAAC,GAAG,MAAM,EACV,CAAC,SAAS,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,CACzE,SAAQ,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACnC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC9C,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB,CAAC,CAAC,CAAC,sCA0B7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/ItemView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,cAAc,iBAAiB,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Props for the SelectInputOption component.
|
|
3
|
-
*/
|
|
4
|
-
export interface SelectInputOptionProps<T = string> {
|
|
5
|
-
value: T;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* A selectable option in a SelectInput dropdown.
|
|
11
|
-
* Includes accessibility support and styling for selected, active, and disabled states.
|
|
12
|
-
*/
|
|
13
|
-
export declare function SelectInputOption<T = string>({ value, disabled, children, }: SelectInputOptionProps<T>): import("react").JSX.Element;
|
|
14
|
-
//# sourceMappingURL=SelectInputOption.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInputOption.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Option/SelectInputOption.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,MAAM;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAiC3B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}
|